:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important} @charset "UTF-8"; /** * Foundation for Sites * Version 6.8.1 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal.large, .reveal.small, .reveal.tiny, .reveal { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } [data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus { outline: none; } [draggable=false] { -webkit-touch-callout: none; -webkit-user-select: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder { color: #cacaca; } ::-moz-placeholder { color: #cacaca; } :-ms-input-placeholder { color: #cacaca; } ::-ms-input-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; line-height: 1.5; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } @media screen and (min-width: 0\0 ) { select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #1468a0; } a img { border: 0; } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; print-color-adjust: economy; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .grid-container { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 75rem; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100%; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .grid-x { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cell { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .cell.auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; } .cell.shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } .grid-y { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } [data-whatinput=mouse] .button { outline: 0; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #1779ba; color: #fefefe; } .button:hover, .button:focus { background-color: #14679e; color: #fefefe; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #1779ba; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #126195; color: #fefefe; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #767676; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #5e5e5e; color: #fefefe; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #cc4b37; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button.hollow:hover, .button.hollow:focus { border-color: #0c3d5d; color: #0c3d5d; } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c3d5d; color: #0c3d5d; } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #1779ba; } .button.clear:hover, .button.clear:focus { color: #0c3d5d; } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #1779ba; } .button.clear.primary:hover, .button.clear.primary:focus { color: #0c3d5d; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #767676; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: #3b3b3b; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { color: #157539; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: #805700; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #cc4b37; } .button.clear.alert:hover, .button.clear.alert:focus { color: #67251a; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ""; border-bottom-width: 0; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #1779ba; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #1779ba; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #767676; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .button-group { margin-bottom: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-group::before, .button-group::after { display: table; content: " "; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .button-group::after { clear: both; } .button-group::before, .button-group::after { display: none; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #1779ba; color: #fefefe; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #126195; color: #fefefe; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #767676; color: #fefefe; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5e5e5e; color: #fefefe; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #cc4b37; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: #0c3d5d; color: #0c3d5d; } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: #0c3d5d; color: #0c3d5d; } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: #157539; color: #157539; } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: #805700; color: #805700; } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: #67251a; color: #67251a; } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #1779ba; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: #0c3d5d; } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #1779ba; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: #0c3d5d; } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #767676; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: #3b3b3b; } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: #157539; } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: #805700; } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #cc4b37; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: #67251a; } .button-group.no-gaps .button { margin-right: -0.0625rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .close-button { position: absolute; z-index: 10; color: #8a8a8a; cursor: pointer; } [data-whatinput=mouse] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1779ba; color: #fefefe; } .label.primary { background: #1779ba; color: #fefefe; } .label.secondary { background: #767676; color: #fefefe; } .label.success { background: #3adb76; color: #0a0a0a; } .label.warning { background: #ffae00; color: #0a0a0a; } .label.alert { background: #cc4b37; color: #fefefe; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #1779ba; } .progress.secondary .progress-meter { background-color: #767676; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #cc4b37; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #1779ba; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; cursor: -webkit-grab; cursor: grab; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1779ba; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput=mouse] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #14679e; } .slider-handle.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; cursor: -webkit-grabbing; cursor: grabbing; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .switch { position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 2rem; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ""; } input:checked ~ .switch-paddle { background: #1779ba; } input:checked ~ .switch-paddle::after { left: 2.25rem; } input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } [data-whatinput=mouse] input:focus ~ .switch-paddle { outline: 0; } .switch-inactive, .switch-active { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; } thead, tbody, tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } thead { background: #f8f8f8; color: #0a0a0a; } tfoot { background: #f1f1f1; color: #0a0a0a; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; } table.unstriped tbody { background-color: #fefefe; } table.unstriped tbody tr { border-bottom: 1px solid #f1f1f1; background-color: #fefefe; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f3f3f3; } table.hover tfoot tr:hover { background-color: #ececec; } table.hover tbody tr:hover { background-color: #f9f9f9; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #1779ba; color: #fefefe; } .badge.primary { background: #1779ba; color: #fefefe; } .badge.secondary { background: #767676; color: #fefefe; } .badge.success { background: #3adb76; color: #0a0a0a; } .badge.warning { background: #ffae00; color: #0a0a0a; } .badge.alert { background: #cc4b37; color: #fefefe; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: " "; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #1779ba; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: white; color: #0a0a0a; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #d7ecfa; color: #0a0a0a; } .callout.secondary { background-color: #eaeaea; color: #0a0a0a; } .callout.success { background-color: #e1faea; color: #0a0a0a; } .callout.warning { background-color: #fff3d9; color: #0a0a0a; } .callout.alert { background-color: #f7e4e1; color: #0a0a0a; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #0a0a0a; } .card > :last-child { margin-bottom: 0; } .card-divider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: " "; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 0; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 0; color: #0a0a0a; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #1779ba; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: "…"; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: "«"; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: "»"; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: #fefefe; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-top-width: 0; border-color: transparent transparent #0a0a0a; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-bottom-width: 0; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-right-width: 0; border-color: transparent transparent transparent #0a0a0a; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-left-width: 0; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .accordion { margin-left: 0; background: #fefefe; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1779ba; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .media-object { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .media-object img { max-width: none; } @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .media-object-section { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.main-section { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; position: absolute; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; } .orbit-next, .orbit-previous { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { outline: 0; } .orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput=mouse] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1779ba; } .tabs.primary > li > a { color: #fefefe; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1673b1; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #1779ba; } [data-whatinput=mouse] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fefefe; color: #1468a0; } .tabs-title > a:focus, .tabs-title > a[aria-selected=true] { background: #e6e6e6; color: #1779ba; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: 4px solid #fefefe; border-radius: 0; -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { -webkit-transition: -webkit-box-shadow 200ms ease-out; transition: -webkit-box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } a.thumbnail image { -webkit-box-shadow: none; box-shadow: none; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-whatinput=mouse] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; } .menu.expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; } .menu.simple { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.medium-vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.medium-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.medium-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.large-vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.large-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.large-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu.icon-left li a, .menu.nested.icon-left li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a, .menu.nested.icon-right li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a, .menu.nested.icon-top li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a, .menu.nested.icon-bottom li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: #1779ba; color: #fefefe; } .menu .active > a { background: #1779ba; color: #fefefe; } .menu.align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .menu.align-right li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu.align-center li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ""; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ""; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded=true]::after { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { -webkit-transition: height 0.5s; transition: height 0.5s; } .drilldown a { padding: 0.7rem 1rem; background: #fefefe; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; right: 1rem; left: auto; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 1rem; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } [data-whatinput=mouse] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { padding: 0.7rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #1779ba; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput=mouse] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-absolute { position: absolute; z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput=mouse] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .position-left.is-transition-push { -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .position-right.is-transition-push { -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .position-top.is-transition-push { -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .position-bottom.is-transition-push { -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .off-canvas-content.has-transition-push { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; transition: none; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; transition: none; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: auto; -webkit-overflow-scrolling: touch; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } [data-whatinput=mouse] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.5rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-bar .top-bar-left { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .top-bar-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .align-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .align-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .align-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .align-left.vertical.menu > li > a { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .align-right.vertical.menu > li > a { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .align-center.vertical.menu > li > a { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .align-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-self-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-self-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .align-center-middle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .small-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } .flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .medium-flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .medium-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .large-flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .large-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .hide { display: none !important; } .invisible { visibility: hidden; } .visible { visibility: visible; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .show-for-dark-mode { display: none; } .hide-for-dark-mode { display: block; } @media screen and (prefers-color-scheme: dark) { .show-for-dark-mode { display: block !important; } .hide-for-dark-mode { display: none !important; } } .show-for-ie { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .show-for-ie { display: block !important; } .hide-for-ie { display: none !important; } } .show-for-sticky { display: none; } .is-stuck .show-for-sticky { display: block; } .is-stuck .hide-for-sticky { display: none; } /*# sourceMappingURL=foundation.css.map */ .grid-container{max-width:980px}@media print,screen and (min-width: 40em){.grid-container.grid-container-flush-desktop{padding-left:0;padding-right:0}}:root{--font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important} /** * The primevue[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file. */ @font-face { font-family: 'primeicons'; font-display: block; src: url(/js/d44157bdfa026dc877af.eot); src: url(/js/d44157bdfa026dc877af.eot?#iefix) format('embedded-opentype'), url(/fonts/primeicons.woff2) format('woff2'), url(/js/10d3152104f2208ac82a.woff) format('woff'), url(/js/ea5358601d0a3fd6670b.ttf) format('truetype'), url(/js/e1441b135b3ca9ad643c.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 { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .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"; } .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-border-radius);border-end-start-radius:var(--dp-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-border-radius);border-end-end-radius:var(--dp-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */ :root { font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; --surface-b:#f9fafb; --surface-c:#f3f4f6; --surface-d:#e5e7eb; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#4b5563; --text-color-secondary:#6b7280; --primary-color:#3B82F6; --primary-color-text:#ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; --surface-200: #e5e7eb; --surface-300: #d1d5db; --surface-400: #9ca3af; --surface-500: #6b7280; --surface-600: #4b5563; --surface-700: #374151; --surface-800: #1f2937; --surface-900: #111827; --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; --surface-ground:#f9fafb; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dfe7ef; --surface-hover:#f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EFF6FF; --highlight-text-color: #1D4ED8; color-scheme: light; } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: normal; font-named-instance: "Regular"; src: url(/fonts/Inter-roman.var.woff2) format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: italic; font-named-instance: "Italic"; src: url(/fonts/Inter-italic.var.woff2) format("woff2"); } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f5f9ff; --primary-100:#d0e1fd; --primary-200:#abc9fb; --primary-300:#85b2f9; --primary-400:#609af8; --primary-500:#3b82f6; --primary-600:#326fd1; --primary-700:#295bac; --primary-800:#204887; --primary-900:#183462; } .p-editor-container .p-editor-toolbar { background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #4b5563; background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #3B82F6; } @layer primevue { .p-component, .p-component * { box-sizing: border-box; } .p-hidden-space { visibility: hidden; } .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; pointer-events: none; user-select: none; } .p-component-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .p-unselectable-text { user-select: none; } .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; } .p-link { text-align: left; background-color: transparent; margin: 0; padding: 0; border: none; cursor: pointer; user-select: none; } .p-link:disabled { cursor: default; } /* Non vue overlay animations */ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.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 0.1s linear; } /* Vue based overlay animations */ .p-connected-overlay-enter-from { opacity: 0; transform: scaleY(0.8); } .p-connected-overlay-leave-to { opacity: 0; } .p-connected-overlay-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-leave-active { transition: opacity 0.1s linear; } /* Toggleable Content */ .p-toggleable-content-enter-from, .p-toggleable-content-leave-to { max-height: 0; } .p-toggleable-content-enter-to, .p-toggleable-content-leave-from { max-height: 1000px; } .p-toggleable-content-leave-active { overflow: hidden; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); } .p-toggleable-content-enter-active { overflow: hidden; transition: max-height 1s ease-in-out; } * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #e24c4c; } .p-text-secondary { color: #6b7280; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; border-radius: 6px; outline-color: transparent; } .p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } .p-autocomplete { display: inline-flex; } .p-autocomplete-loader { position: absolute; top: 50%; margin-top: -0.5rem; } .p-autocomplete-dd .p-autocomplete-input { flex: 1 1 auto; width: 1%; } .p-autocomplete-dd .p-autocomplete-input, .p-autocomplete-dd .p-autocomplete-multiple-container { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-autocomplete-dd .p-autocomplete-dropdown { border-top-left-radius: 0; border-bottom-left-radius: 0px; } .p-autocomplete .p-autocomplete-panel { min-width: 100%; } .p-autocomplete-panel { position: absolute; overflow: auto; top: 0; left: 0; } .p-autocomplete-items { margin: 0; padding: 0; list-style-type: none; } .p-autocomplete-item { cursor: pointer; white-space: nowrap; position: relative; overflow: hidden; } .p-autocomplete-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-autocomplete-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-autocomplete-token-icon { cursor: pointer; } .p-autocomplete-input-token { flex: 1 1 auto; display: inline-flex; } .p-autocomplete-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-autocomplete { display: flex; } .p-fluid .p-autocomplete-dd .p-autocomplete-input { width: 1%; } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3B82F6; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; outline-color: transparent; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { margin-top: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { margin-bottom: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-calendar { display: inline-flex; max-width: 100%; } .p-calendar .p-inputtext { flex: 1 1 auto; width: 1%; } .p-calendar-w-btn .p-inputtext { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-calendar-w-btn .p-datepicker-trigger { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-calendar .p-datepicker-trigger-icon { cursor: pointer; } /* Fluid */ .p-fluid .p-calendar { display: flex; } .p-fluid .p-calendar .p-inputtext { width: 1%; } /* Datepicker */ .p-calendar .p-datepicker { min-width: 100%; } .p-datepicker { width: auto; } .p-datepicker-inline { display: inline-block; overflow-x: auto; } /* Header */ .p-datepicker-header { display: flex; align-items: center; justify-content: space-between; } .p-datepicker-header .p-datepicker-title { margin: 0 auto; } .p-datepicker-prev, .p-datepicker-next { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Multiple Month DatePicker */ .p-datepicker-multiple-month .p-datepicker-group-container { display: flex; } .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group { flex: 1 1 auto; } /* DatePicker Table */ .p-datepicker table { width: 100%; border-collapse: collapse; } .p-datepicker td > span { display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 auto; overflow: hidden; position: relative; } /* Month Picker */ .p-monthpicker-month { width: 33.3%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Year Picker */ .p-yearpicker-year { width: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Button Bar */ .p-datepicker-buttonbar { display: flex; justify-content: space-between; align-items: center; } /* Time Picker */ .p-timepicker { display: flex; justify-content: center; align-items: center; } .p-timepicker button { display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } .p-timepicker > div { display: flex; align-items: center; flex-direction: column; } /* Touch UI */ .p-datepicker-touch-ui, .p-calendar .p-datepicker-touch-ui { min-width: 80vw; } .p-calendar.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #4b5563; border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3B82F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; outline-color: transparent; } .p-datepicker table td > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { background: #d1d5db; color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-timepicker button:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker.p-datepicker-mobile table th, .p-datepicker.p-datepicker-mobile table td { padding: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-cascadeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-cascadeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-cascadeselect-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-cascadeselect-label-empty { overflow: hidden; visibility: hidden; } .p-cascadeselect .p-cascadeselect-panel { min-width: 100%; } .p-cascadeselect-item { cursor: pointer; font-weight: normal; white-space: nowrap; } .p-cascadeselect-item-content { display: flex; align-items: center; overflow: hidden; position: relative; } .p-cascadeselect-group-icon { margin-left: auto; } .p-cascadeselect-items { margin: 0; padding: 0; list-style-type: none; min-width: 100%; } .p-fluid .p-cascadeselect { display: flex; } .p-fluid .p-cascadeselect .p-cascadeselect-label { width: 1%; } .p-cascadeselect-sublist { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-cascadeselect-item-active { overflow: visible; } .p-cascadeselect-item-active > .p-cascadeselect-sublist { display: block; left: 100%; top: 0; } .p-cascadeselect-enter-from, .p-cascadeselect-leave-active { opacity: 0; } .p-cascadeselect-enter-active { transition: opacity 150ms; } .p-cascadeselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-cascadeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-cascadeselect.p-variant-filled { background-color: #f3f4f6; } .p-cascadeselect.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-cascadeselect.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } .p-cascadeselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { margin-top: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { margin-bottom: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-checkbox { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-checkbox-input { cursor: pointer; } .p-checkbox-box { display: flex; justify-content: center; align-items: center; } .p-checkbox { width: 22px; height: 22px; } .p-checkbox .p-checkbox-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 2px solid #d1d5db; border-radius: 6px; } .p-checkbox .p-checkbox-box { border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { width: 14px; height: 14px; } .p-checkbox.p-highlight .p-checkbox-box { border-color: #3B82F6; background: #3B82F6; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: #3B82F6; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #e24c4c; } .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f3f4f6; } .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { background: #3B82F6; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f3f4f6; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #1D4ED8; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } .p-input-filled .p-checkbox.p-highlight .p-checkbox-box { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #1D4ED8; } .p-chips { display: inline-flex; } .p-chips-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-chips-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-chips-input-token { flex: 1 1 auto; display: inline-flex; } .p-chips-token-icon { cursor: pointer; } .p-chips-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-chips { display: flex; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; outline-color: transparent; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; padding: 0; margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-colorpicker-panel .p-colorpicker-color { background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); } .p-colorpicker-panel .p-colorpicker-hue { background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); } .p-colorpicker-preview { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown { display: inline-flex; cursor: pointer; position: relative; user-select: none; } .p-dropdown-clear-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-dropdown-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-dropdown-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-dropdown-label-empty { overflow: hidden; opacity: 0; } input.p-dropdown-label { cursor: default; } .p-dropdown .p-dropdown-panel { min-width: 100%; } .p-dropdown-panel { position: absolute; top: 0; left: 0; } .p-dropdown-items-wrapper { overflow: auto; } .p-dropdown-item { cursor: pointer; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; display: flex; align-items: center; } .p-dropdown-item-group { cursor: auto; } .p-dropdown-items { margin: 0; padding: 0; list-style-type: none; } .p-dropdown-filter { width: 100%; } .p-dropdown-filter-container { position: relative; } .p-dropdown-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-fluid .p-dropdown { display: flex; } .p-fluid .p-dropdown .p-dropdown-label { width: 1%; } .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-dropdown:not(.p-disabled):hover { border-color: #3B82F6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-dropdown.p-variant-filled { background: #f3f4f6; } .p-dropdown.p-variant-filled:not(.p-disabled):hover { background-color: #f3f4f6; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } .p-dropdown-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { margin-top: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { margin-bottom: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { position: relative; margin-left: -0.5rem; margin-right: 0.5rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .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:has(textarea) label { top: 1rem; } .p-float-label:has(input:focus) label, .p-float-label:has(input.p-filled) label, .p-float-label:has(input:-webkit-autofill) label, .p-float-label:has(textarea:focus) label, .p-float-label:has(textarea.p-filled) label, .p-float-label:has(.p-inputwrapper-focus) label, .p-float-label:has(.p-inputwrapper-filled) label { top: -0.75rem; 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-icon-field { position: relative; } .p-icon-field > .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } .p-inputotp-input { text-align: center; width: 2.5rem; } .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-fluid .p-inputgroup .p-input { flex: 1 1 auto; width: 1%; } .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; border-top: 1px solid #d1d5db; border-left: 1px solid #d1d5db; border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } .p-fluid .p-icon-field-left, .p-fluid .p-icon-field-right { width: 100%; } .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } .p-inputnumber { display: inline-flex; } .p-inputnumber-button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label { display: none; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up { border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group { display: flex; flex-direction: column; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button { flex: 1 1 auto; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { order: 3; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-inputnumber-buttons-horizontal .p-inputnumber-input { order: 2; border-radius: 0; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { order: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-vertical { flex-direction: column; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up { order: 1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } .p-inputnumber-buttons-vertical .p-inputnumber-input { order: 2; border-radius: 0; text-align: center; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down { order: 3; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; } .p-inputnumber-input { flex: 1 1 auto; } .p-fluid .p-inputnumber { width: 100%; } .p-fluid .p-inputnumber .p-inputnumber-input { width: 1%; } .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input { width: 100%; } .p-inputnumber.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-inputnumber.p-variant-filled > .p-inputnumber-input { background-color: #f3f4f6; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { background-color: #f3f4f6; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { background-color: #ffffff; } .p-inputswitch { display: inline-block; } .p-inputswitch-input { cursor: pointer; } .p-inputswitch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; } .p-inputswitch-slider:before { position: absolute; content: ""; top: 50%; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider { background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; outline-color: transparent; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-highlight .p-inputswitch-slider { background: #3B82F6; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { background: #ffffff; transform: translateX(1.25rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { background: #b7bcc5; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { background: #2563eb; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch.p-invalid > .p-inputswitch-slider { border-color: #e24c4c; } .p-fluid .p-inputtext { width: 100%; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; outline-color: transparent; } .p-inputtext:enabled:hover { border-color: #3B82F6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; } .p-inputtext.p-variant-filled { background-color: #f3f4f6; } .p-inputtext.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-inputtext.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } .p-float-label > .p-invalid + label { color: #e24c4c; } .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .p-icon-field-left.p-float-label > label { left: 2.5rem; } .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #6b7280; } :-moz-placeholder { color: #6b7280; } ::-moz-placeholder { color: #6b7280; } :-ms-input-placeholder { color: #6b7280; } .p-input-filled .p-inputtext { background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-knob-range { fill: none; transition: stroke 0.1s ease-in; } .p-knob-value { animation-name: dash-frame; animation-fill-mode: forwards; fill: none; } .p-knob-text { font-size: 1.3rem; text-align: center; } @keyframes dash-frame { 100% { stroke-dashoffset: 0; } } .p-listbox-list-wrapper { overflow: auto; } .p-listbox-list { list-style-type: none; margin: 0; padding: 0; } .p-listbox-item { cursor: pointer; position: relative; overflow: hidden; } .p-listbox-item-group { cursor: auto; } .p-listbox-filter-container { position: relative; } .p-listbox-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-listbox-filter { width: 100%; } .p-listbox { background: #ffffff; color: #4b5563; border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #6b7280; } .p-listbox .p-listbox-list { padding: 0.75rem 0; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item:first-child { margin-top: 0; } .p-listbox .p-listbox-list .p-listbox-item:last-child { margin-bottom: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: #4b5563; background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-listbox.p-invalid { border-color: #e24c4c; } .p-multiselect { display: inline-flex; cursor: pointer; user-select: none; } .p-multiselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-multiselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-multiselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-multiselect-label-empty { overflow: hidden; visibility: hidden; } .p-multiselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-multiselect-token-icon { cursor: pointer; } .p-multiselect .p-multiselect-panel { min-width: 100%; } .p-multiselect-items-wrapper { overflow: auto; } .p-multiselect-items { margin: 0; padding: 0; list-style-type: none; } .p-multiselect-item { cursor: pointer; display: flex; align-items: center; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; } .p-multiselect-item-group { cursor: auto; } .p-multiselect-header { display: flex; align-items: center; justify-content: space-between; } .p-multiselect-filter-container { position: relative; flex: 1 1 auto; } .p-multiselect-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-multiselect-filter-container .p-inputtext { width: 100%; } .p-multiselect-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; margin-left: auto; } .p-fluid .p-multiselect { display: flex; } .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-multiselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-multiselect.p-variant-filled { background: #f3f4f6; } .p-multiselect.p-variant-filled:not(.p-disabled):hover { background-color: #f3f4f6; } .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-multiselect.p-invalid.p-component { border-color: #e24c4c; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } .p-multiselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { margin-top: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { margin-bottom: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-password { display: inline-flex; } .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.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-password-panel { padding: 1.25rem; background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ff9f42; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } .p-radiobutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-radiobutton-input { cursor: pointer; } .p-radiobutton-box { display: flex; justify-content: center; align-items: center; } .p-radiobutton-icon { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0) scale(0.1); border-radius: 50%; visibility: hidden; } .p-radiobutton.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1, 1); visibility: visible; } .p-radiobutton { width: 22px; height: 22px; } .p-radiobutton .p-radiobutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 2px solid #d1d5db; border-radius: 50%; } .p-radiobutton .p-radiobutton-box { border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #3B82F6; background: #3B82F6; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3B82F6; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #1D4ED8; background: #1D4ED8; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #ffffff; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #e24c4c; } .p-radiobutton.p-variant-filled .p-radiobutton-box { background-color: #f3f4f6; } .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { background: #3B82F6; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f3f4f6; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #1D4ED8; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { background: #3B82F6; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f3f4f6; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #1D4ED8; } .p-rating { position: relative; display: flex; align-items: center; } .p-rating-item { display: inline-flex; align-items: center; cursor: pointer; } .p-rating.p-readonly .p-rating-item { cursor: default; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item { outline-color: transparent; border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: #d1d5db; color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #374151; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } .p-selectbutton.p-invalid > .p-button { border-color: #e24c4c; } .p-slider { position: relative; } .p-slider .p-slider-handle { cursor: grab; touch-action: none; display: block; } .p-slider-range { display: block; } .p-slider-horizontal .p-slider-range { top: 0; left: 0; height: 100%; } .p-slider-horizontal .p-slider-handle { top: 50%; } .p-slider-vertical { height: 100px; } .p-slider-vertical .p-slider-handle { left: 50%; } .p-slider-vertical .p-slider-range { bottom: 0; left: 0; width: 100%; } .p-slider { background: #e5e7eb; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #3B82F6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-slider .p-slider-range { background: #3B82F6; border-radius: 6px; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #3B82F6; border-color: #3B82F6; } .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } .p-treeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-treeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-treeselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-treeselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-treeselect-label-empty { overflow: hidden; visibility: hidden; } .p-treeselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-treeselect .p-treeselect-panel { min-width: 100%; } .p-treeselect-items-wrapper { overflow: auto; } .p-fluid .p-treeselect { display: flex; } .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-treeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-treeselect.p-variant-filled { background: #f3f4f6; } .p-treeselect.p-variant-filled:not(.p-disabled):hover { background-color: #f3f4f6; } .p-treeselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-treeselect.p-invalid.p-component { border-color: #e24c4c; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-togglebutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-togglebutton-input { cursor: pointer; } .p-togglebutton .p-button { flex: 1 1 auto; } .p-togglebutton .p-togglebutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #d1d5db; border-radius: 6px; } .p-togglebutton .p-button { background: #ffffff; border: 1px solid #d1d5db; color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-togglebutton .p-button .p-button-icon-left, .p-togglebutton .p-button .p-button-icon-right { color: #6b7280; } .p-togglebutton.p-highlight .p-button { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-togglebutton.p-highlight .p-button .p-button-icon-left, .p-togglebutton.p-highlight .p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { background: #f3f4f6; border-color: #d1d5db; color: #4b5563; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { color: #374151; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right { color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-togglebutton.p-invalid > .p-button { border-color: #e24c4c; } .p-button { display: inline-flex; cursor: pointer; 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; } .p-button-icon-only { justify-content: center; } .p-button-icon-only .p-button-label { visibility: hidden; width: 0; flex: 0 0 auto; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-button-group .p-button { margin: 0; } .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover { border-right: 0 none; } .p-button-group .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } .p-button-group .p-button:first-of-type:not(:only-of-type) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-button-group .p-button:last-of-type:not(:only-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-button-group .p-button:focus { position: relative; z-index: 1; } .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-button:not(:disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button:not(:disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6b7280; border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f3f4f6; color: #6b7280; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e5e7eb; color: #6b7280; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6b7280; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f3f4f6; color: #6b7280; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e5e7eb; color: #6b7280; } .p-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #3B82F6; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 3rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 3rem; } .p-fluid .p-button-group { display: flex; } .p-fluid .p-button-group .p-button { flex: 1; } .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748B; border: 1px solid #64748B; } .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #E2E8F0; } .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22C55E; border: 1px solid #22C55E; } .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16A34A; color: #ffffff; border-color: #16A34A; } .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #BBF7D0; } .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803D; color: #ffffff; border-color: #15803D; } .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22C55E; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #FDE68A; } .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #A855F7; border: 1px solid #A855F7; } .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333EA; color: #ffffff; border-color: #9333EA; } .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #E9D5FF; } .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7E22CE; color: #ffffff; border-color: #7E22CE; } .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #A855F7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #EF4444; border: 1px solid #EF4444; } .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #DC2626; color: #ffffff; border-color: #DC2626; } .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #FECACA; } .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #B91C1C; color: #ffffff; border-color: #B91C1C; } .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #EF4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { color: #ffffff; background: #1f2937; border: 1px solid #1f2937; } .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { background: #374151; color: #ffffff; border-color: #374151; } .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { background: #4b5563; color: #ffffff; border-color: #4b5563; } .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { background-color: transparent; color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { background: rgba(31, 41, 55, 0.16); color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { background-color: transparent; color: #1f2937; border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); border-color: transparent; color: #1f2937; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { background: rgba(31, 41, 55, 0.16); border-color: transparent; color: #1f2937; } .p-button.p-button-link { color: #1D4ED8; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #1D4ED8; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; color: #1D4ED8; border-color: transparent; } .p-speeddial { position: absolute; display: flex; } .p-speeddial-button { z-index: 1; } .p-speeddial-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; transition: top 0s linear 0.2s; pointer-events: none; z-index: 2; } .p-speeddial-item { transform: scale(0); opacity: 0; transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; will-change: transform; } .p-speeddial-action { display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: hidden; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { position: absolute; } .p-speeddial-rotate { transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; will-change: transform; } .p-speeddial-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-mask-visible { pointer-events: none; opacity: 1; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-opened .p-speeddial-list { pointer-events: auto; } .p-speeddial-opened .p-speeddial-item { transform: scale(1); opacity: 1; } .p-speeddial-opened .p-speeddial-rotate { transform: rotate(45deg); } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1.3rem; height: 1.3rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-speeddial-action { width: 3rem; height: 3rem; background: #4b5563; color: #fff; outline-color: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } .p-splitbutton { display: inline-flex; position: relative; } .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { flex: 1 1 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 none; } .p-splitbutton-menubutton, .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button { display: flex; align-items: center; justify-content: center; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-splitbutton .p-menu { min-width: 100%; } .p-fluid .p-splitbutton { display: flex; } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-carousel { display: flex; flex-direction: column; } .p-carousel-content { display: flex; flex-direction: column; overflow: auto; } .p-carousel-prev, .p-carousel-next { align-self: center; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-carousel-container { display: flex; flex-direction: row; } .p-carousel-items-content { overflow: hidden; width: 100%; } .p-carousel-items-container { display: flex; flex-direction: row; } .p-carousel-indicators { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .p-carousel-indicator > button { display: flex; align-items: center; justify-content: center; } /* Vertical */ .p-carousel-vertical .p-carousel-container { flex-direction: column; } .p-carousel-vertical .p-carousel-items-container { flex-direction: column; height: 100%; } /* Keyboard Support */ .p-items-hidden .p-carousel-item { visibility: hidden; } .p-items-hidden .p-carousel-item.p-carousel-item-active { visibility: visible; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-datatable { position: relative; } .p-datatable-table { border-spacing: 0px; width: 100%; } .p-datatable .p-sortable-column { cursor: pointer; user-select: none; } .p-datatable .p-sortable-column .p-column-title, .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable .p-sortable-column .p-sortable-column-badge { vertical-align: middle; } .p-datatable .p-sortable-column .p-sortable-column-badge { display: inline-flex; align-items: center; justify-content: center; } .p-datatable-hoverable-rows .p-selectable-row { cursor: pointer; } /* Scrollable */ .p-datatable-scrollable > .p-datatable-wrapper { position: relative; } .p-datatable-scrollable-table > .p-datatable-thead { top: 0; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-frozen-tbody { position: sticky; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-tfoot { bottom: 0; z-index: 1; } .p-datatable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-datatable-scrollable th.p-frozen-column { z-index: 1; } .p-datatable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-datatable-flex-scrollable > .p-datatable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header { position: sticky; z-index: 1; } /* Resizable */ .p-datatable-resizable-table > .p-datatable-thead > tr > th, .p-datatable-resizable-table > .p-datatable-tfoot > tr > td, .p-datatable-resizable-table > .p-datatable-tbody > tr > td { overflow: hidden; white-space: nowrap; } .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { display: none; } .p-datatable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-datatable .p-column-header-content { display: flex; align-items: center; } .p-datatable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-datatable .p-row-editor-init, .p-datatable .p-row-editor-save, .p-datatable .p-row-editor-cancel { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Expand */ .p-datatable .p-row-toggler { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Reorder */ .p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-down { position: absolute; display: none; } .p-reorderable-column, .p-datatable-reorderablerow-handle { cursor: move; } /* Loader */ .p-datatable .p-datatable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Filter */ .p-column-filter-row { display: flex; align-items: center; width: 100%; } .p-column-filter-menu { display: inline-flex; margin-left: auto; } .p-column-filter-row .p-column-filter-element { flex: 1 1 auto; width: 1%; } .p-column-filter-menu-button, .p-column-filter-clear-button { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-column-filter-row-items { margin: 0; padding: 0; list-style: none; } .p-column-filter-row-item { cursor: pointer; } .p-column-filter-add-button, .p-column-filter-remove-button { justify-content: center; } .p-column-filter-add-button .p-button-label, .p-column-filter-remove-button .p-button-label { flex-grow: 0; } .p-column-filter-buttonbar { display: flex; align-items: center; justify-content: space-between; } .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) { width: auto; } /* Responsive */ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { display: none; } /* VirtualScroller */ .p-datatable-virtualscroller-spacer { display: flex; } .p-datatable .p-virtualscroller .p-virtualscroller-loading { transform: none !important; min-height: 0; position: sticky; top: 0; left: 0; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #f3f4f6; color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #EFF6FF; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable .p-datatable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { color: #1D4ED8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #4b5563; border: 0 none; padding: 0; } .p-dataview .p-dataview-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-column-filter-menu-button:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f3f4f6; color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; color: #1D4ED8; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-column-filter-clear-button:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-overlay { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { margin-top: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { margin-bottom: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.75rem 1.25rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } .p-orderlist { display: flex; } .p-orderlist-controls { display: flex; flex-direction: column; justify-content: center; } .p-orderlist-list-container { flex: 1 1 auto; } .p-orderlist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-orderlist-item { cursor: pointer; overflow: hidden; position: relative; } .p-orderlist.p-state-disabled .p-orderlist-item, .p-orderlist.p-state-disabled .p-button { cursor: default; } .p-orderlist.p-state-disabled .p-orderlist-list { overflow: hidden; } .p-orderlist .p-orderlist-controls { padding: 1.25rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-list-container { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-orderlist .p-orderlist-header { color: #374151; padding: 1.25rem; font-weight: 700; } .p-orderlist .p-orderlist-list { color: #4b5563; padding: 0.75rem 0; outline: 0 none; } .p-orderlist .p-orderlist-list:not(:first-child) { border-top: 1px solid #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { margin-bottom: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { color: #4b5563; background: #f3f4f6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #f3f4f6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } .p-organizationchart-table { border-spacing: 0; border-collapse: separate; margin: 0 auto; } .p-organizationchart-table > tbody > tr > td { text-align: center; vertical-align: top; padding: 0 0.75rem; } .p-organizationchart-node-content { display: inline-block; position: relative; } .p-organizationchart-node-content .p-node-toggler { position: absolute; bottom: -0.75rem; margin-left: -0.75rem; z-index: 2; left: 50%; user-select: none; cursor: pointer; width: 1.5rem; height: 1.5rem; text-decoration: none; } .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { position: relative; top: 0.25rem; } .p-organizationchart-line-down { margin: 0 auto; height: 20px; width: 1px; } .p-organizationchart-line-right { border-radius: 0px; } .p-organizationchart-line-left { border-radius: 0; } .p-organizationchart-selectable-node { cursor: pointer; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #e5e7eb; border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #e5e7eb; border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-paginator-default { display: flex; } .p-paginator { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .p-paginator-left-content { margin-right: auto; } .p-paginator-right-content { margin-left: auto; } .p-paginator-page, .p-paginator-next, .p-paginator-last, .p-paginator-first, .p-paginator-prev, .p-paginator-current { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; line-height: 1; user-select: none; overflow: hidden; position: relative; } .p-paginator-element:focus { z-index: 1; position: relative; } .p-paginator { background: #ffffff; color: #6b7280; border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 3rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 3rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #EFF6FF; border-color: #EFF6FF; color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; } .p-picklist { display: flex; } .p-picklist-buttons { display: flex; flex-direction: column; justify-content: center; } .p-picklist-list-wrapper { flex: 1 1 50%; } .p-picklist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-picklist-item { cursor: pointer; overflow: hidden; position: relative; } .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to, .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to { transition: none; } .p-picklist .p-picklist-buttons { padding: 1.25rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-list-wrapper { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-picklist .p-picklist-header { color: #374151; padding: 1.25rem; font-weight: 700; } .p-picklist .p-picklist-list { color: #4b5563; padding: 0.75rem 0; outline: 0 none; } .p-picklist .p-picklist-list:not(:first-child) { border-top: 1px solid #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; } .p-picklist .p-picklist-list .p-picklist-item:last-child { margin-bottom: 0; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { color: #4b5563; background: #f3f4f6; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #f3f4f6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } .p-timeline { display: flex; flex-grow: 1; flex-direction: column; } .p-timeline-left .p-timeline-event-opposite { text-align: right; } .p-timeline-left .p-timeline-event-content { text-align: left; } .p-timeline-right .p-timeline-event { flex-direction: row-reverse; } .p-timeline-right .p-timeline-event-opposite { text-align: left; } .p-timeline-right .p-timeline-event-content { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: row-reverse; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { text-align: right; } .p-timeline-event { display: flex; position: relative; min-height: 70px; } .p-timeline-event:last-child { min-height: 0; } .p-timeline-event-opposite { flex: 1; padding: 0 1rem; } .p-timeline-event-content { flex: 1; padding: 0 1rem; } .p-timeline-event-separator { flex: 0; display: flex; align-items: center; flex-direction: column; } .p-timeline-event-marker { display: flex; align-self: baseline; } .p-timeline-event-connector { flex-grow: 1; } .p-timeline-horizontal { flex-direction: row; } .p-timeline-horizontal .p-timeline-event { flex-direction: column; flex: 1; } .p-timeline-horizontal .p-timeline-event:last-child { flex: 0; } .p-timeline-horizontal .p-timeline-event-separator { flex-direction: row; } .p-timeline-horizontal .p-timeline-event-connector { width: 100%; } .p-timeline-bottom .p-timeline-event { flex-direction: column-reverse; } .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: column-reverse; } .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree-container { margin: 0; padding: 0; list-style-type: none; overflow: auto; } .p-treenode-children { margin: 0; padding: 0; list-style-type: none; } .p-tree-wrapper { overflow: auto; } .p-treenode-selectable { cursor: pointer; user-select: none; } .p-tree-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; flex-shrink: 0; } .p-treenode-leaf > .p-treenode-content .p-tree-toggler { visibility: hidden; } .p-treenode-content { display: flex; align-items: center; } .p-tree-filter { width: 100%; } .p-tree-filter-container { position: relative; display: block; width: 100%; } .p-tree-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-tree-loading { position: relative; min-height: 4rem; } .p-tree .p-tree-loading-overlay { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; } .p-tree-flex-scrollable { display: flex; flex: 1; height: 100%; flex-direction: column; } .p-tree-flex-scrollable .p-tree-wrapper { flex: 1; } .p-tree { border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable { position: relative; } .p-treetable table { border-collapse: collapse; width: 100%; table-layout: fixed; } .p-treetable .p-sortable-column { cursor: pointer; user-select: none; } .p-treetable-responsive-scroll > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-responsive-scroll > .p-treetable-wrapper > table, .p-treetable-auto-layout > .p-treetable-wrapper > table { table-layout: auto; } .p-treetable-hoverable-rows .p-treetable-tbody > tr { cursor: pointer; } .p-treetable-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; position: relative; } .p-treetable-toggler + .p-checkbox { vertical-align: middle; } .p-treetable-toggler + .p-checkbox + span { vertical-align: middle; } /* Resizable */ .p-treetable-resizable > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-resizable .p-treetable-thead > tr > th, .p-treetable-resizable .p-treetable-tfoot > tr > td, .p-treetable-resizable .p-treetable-tbody > tr > td { overflow: hidden; } .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer { display: none; } .p-treetable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-treetable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-treetable .p-treetable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Scrollable */ .p-treetable-scrollable .p-treetable-wrapper { position: relative; overflow: auto; } .p-treetable-scrollable .p-treetable-table { display: block; } .p-treetable-scrollable .p-treetable-thead, .p-treetable-scrollable .p-treetable-tbody, .p-treetable-scrollable .p-treetable-tfoot { display: block; } .p-treetable-scrollable .p-treetable-thead > tr, .p-treetable-scrollable .p-treetable-tbody > tr, .p-treetable-scrollable .p-treetable-tfoot > tr { display: flex; flex-wrap: nowrap; width: 100%; } .p-treetable-scrollable .p-treetable-thead > tr > th, .p-treetable-scrollable .p-treetable-tbody > tr > td, .p-treetable-scrollable .p-treetable-tfoot > tr > td { display: flex; flex: 1 1 0; align-items: center; } .p-treetable-scrollable .p-treetable-thead { position: sticky; top: 0; z-index: 1; } .p-treetable-scrollable .p-treetable-tfoot { position: sticky; bottom: 0; z-index: 1; } .p-treetable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-treetable-scrollable th.p-frozen-column { z-index: 1; } .p-treetable-scrollable-both .p-treetable-thead > tr > th, .p-treetable-scrollable-both .p-treetable-tbody > tr > td, .p-treetable-scrollable-both .p-treetable-tfoot > tr > td, .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td, .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td { flex: 0 0 auto; } .p-treetable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-treetable-flex-scrollable .p-treetable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #f3f4f6; color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-accordion-header-action { cursor: pointer; display: flex; align-items: center; user-select: none; position: relative; text-decoration: none; } .p-accordion-header-action:focus { z-index: 1; } .p-accordion-header-text { line-height: 1; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; outline-color: transparent; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #e5e7eb; background: #f3f4f6; color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion .p-accordion-tab { margin-bottom: 4px; } .p-card { background: #ffffff; color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { padding: 1.25rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; } .p-card .p-card-footer { padding: 1.25rem 0 0 0; } .p-fieldset-legend > a, .p-fieldset-legend > span { display: flex; align-items: center; justify-content: center; } .p-fieldset-toggleable .p-fieldset-legend a { cursor: pointer; user-select: none; overflow: hidden; position: relative; text-decoration: none; } .p-fieldset-legend-text { line-height: 1; } .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; border: 1px solid #e5e7eb; color: #374151; background: #f9fafb; font-weight: 700; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; color: #374151; border-radius: 6px; transition: box-shadow 0.2s; outline-color: transparent; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: #374151; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-divider-horizontal { display: flex; width: 100%; position: relative; align-items: center; } .p-divider-horizontal:before { position: absolute; display: block; top: 50%; left: 0; width: 100%; content: ""; } .p-divider-content { z-index: 1; } .p-divider-vertical { min-height: 100%; margin: 0 1rem; display: flex; position: relative; justify-content: center; } .p-divider-vertical:before { position: absolute; display: block; top: 0; left: 50%; height: 100%; content: ""; } .p-divider.p-divider-solid.p-divider-horizontal:before { border-top-style: solid; } .p-divider.p-divider-solid.p-divider-vertical:before { border-left-style: solid; } .p-divider.p-divider-dashed.p-divider-horizontal:before { border-top-style: dashed; } .p-divider.p-divider-dashed.p-divider-vertical:before { border-left-style: dashed; } .p-divider.p-divider-dotted.p-divider-horizontal:before { border-top-style: dotted; } .p-divider.p-divider-dotted.p-divider-vertical:before { border-left-style: dotted; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { border-top: 1px solid #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1.25rem; padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px solid #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel-header { display: flex; justify-content: space-between; align-items: center; } .p-panel-title { line-height: 1; } .p-panel-header-icon { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; background: #f9fafb; color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; } .p-scrollpanel-content { height: calc(100% + 18px); width: calc(100% + 18px); padding: 0 18px 18px 0; position: relative; overflow: auto; box-sizing: border-box; scrollbar-width: none; } .p-scrollpanel-content::-webkit-scrollbar { display: none; } .p-scrollpanel-bar { position: relative; background: #c1c1c1; border-radius: 3px; z-index: 2; cursor: pointer; opacity: 0; transition: opacity 0.25s linear; } .p-scrollpanel-bar-y { width: 9px; top: 0; } .p-scrollpanel-bar-x { height: 9px; bottom: 0; } .p-scrollpanel-hidden { visibility: hidden; } .p-scrollpanel:hover .p-scrollpanel-bar, .p-scrollpanel:active .p-scrollpanel-bar { opacity: 1; } .p-scrollpanel-grabbed { user-select: none; } .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter { display: flex; flex-wrap: nowrap; } .p-splitter-vertical { flex-direction: column; } .p-splitter-gutter { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: col-resize; } .p-splitter-horizontal.p-splitter-resizing { cursor: col-resize; user-select: none; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { height: 24px; width: 100%; } .p-splitter-horizontal > .p-splitter-gutter { cursor: col-resize; } .p-splitter-vertical.p-splitter-resizing { cursor: row-resize; user-select: none; } .p-splitter-vertical > .p-splitter-gutter { cursor: row-resize; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { width: 24px; height: 100%; } .p-splitter-panel { flex-grow: 1; overflow: hidden; } .p-splitter-panel-nested { display: flex; } .p-splitter-panel .p-splitter { flex-grow: 1; border: 0 none; } .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } .p-stepper .p-stepper-nav { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style-type: none; overflow-x: auto; } .p-stepper-vertical .p-stepper-nav { flex-direction: column; } .p-stepper-header { position: relative; display: flex; flex: 1 1 auto; align-items: center; } .p-stepper-header:last-of-type { flex: initial; } .p-stepper-header .p-stepper-action { border: 0 none; display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; } .p-stepper-header .p-stepper-action:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper.p-stepper-readonly .p-stepper-header { cursor: auto; } .p-stepper-header.p-highlight .p-stepper-action { cursor: default; } .p-stepper-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-stepper-number { position: relative; display: flex; align-items: center; justify-content: center; } .p-stepper-separator { flex: 1 1 0; } .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .p-stepper .p-stepper-header { padding: 0.5rem; } .p-stepper .p-stepper-header .p-stepper-action { transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { color: #4b5563; border: 1px solid #f3f4f6; border-width: 2px; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: #6b7280; font-weight: 700; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #EFF6FF; color: #1D4ED8; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #4b5563; } .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { background-color: #3B82F6; } .p-stepper .p-stepper-panels { background: #ffffff; padding: 1.25rem; color: #4b5563; } .p-stepper .p-stepper-separator { background-color: #e5e7eb; width: 100%; height: 2px; margin-inline-start: 1rem; transition: box-shadow 0.2s; } .p-stepper.p-stepper-vertical { display: flex; flex-direction: column; } .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { display: flex; flex: 1 1 auto; background: #ffffff; color: #4b5563; } .p-stepper.p-stepper-vertical .p-stepper-panel { display: flex; flex-direction: column; flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { flex: 1 1 auto; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; height: auto; margin-inline-start: calc(1.75rem + 2px); } .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { background-color: #3B82F6; } .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { padding-left: 3rem; } .p-tabview-nav-container { position: relative; } .p-tabview-scrollable .p-tabview-nav-container { overflow: hidden; } .p-tabview-nav-content { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior: contain auto; } .p-tabview-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex: 1 1 auto; } .p-tabview-header-action { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; overflow: hidden; } .p-tabview-ink-bar { display: none; z-index: 1; } .p-tabview-header-action:focus { z-index: 1; } .p-tabview-title { line-height: 1; white-space: nowrap; } .p-tabview-nav-btn { position: absolute; top: 0; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; } .p-tabview-nav-prev { left: 0; } .p-tabview-nav-next { right: 0; } .p-tabview-nav-content::-webkit-scrollbar { display: none; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #e5e7eb; border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .p-toolbar-group-start, .p-toolbar-group-center, .p-toolbar-group-end { display: flex; align-items: center; } .p-toolbar-group-left, .p-toolbar-group-right { display: flex; align-items: center; } .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { position: absolute; margin-top: 10px; top: 0; left: 0; } .p-confirm-popup-flipped { margin-top: -10px; margin-bottom: 10px; } /* Animation */ .p-confirm-popup-enter-from { opacity: 0; transform: scaleY(0.8); } .p-confirm-popup-leave-to { opacity: 0; } .p-confirm-popup-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-confirm-popup-leave-active { transition: opacity 0.1s linear; } .p-confirm-popup:after, .p-confirm-popup:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-confirm-popup:after { border-width: 8px; margin-left: -8px; } .p-confirm-popup:before { border-width: 10px; margin-left: -10px; } .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before { bottom: auto; top: 100%; } .p-confirm-popup.p-confirm-popup-flipped:after { border-bottom-color: transparent; } .p-confirm-popup.p-confirm-popup-flipped:before { border-bottom-color: transparent; } .p-confirm-popup .p-confirm-popup-content { display: flex; align-items: center; } .p-confirm-popup { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0 1.25rem 1.25rem 1.25rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog-mask.p-component-overlay { pointer-events: auto; } .p-dialog { max-height: 90%; transform: scale(1); } .p-dialog-content { overflow-y: auto; } .p-dialog-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-dialog-footer { flex-shrink: 0; } .p-dialog .p-dialog-header-icons { display: flex; align-items: center; } .p-dialog .p-dialog-header-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Fluid */ .p-fluid .p-dialog-footer .p-button { width: auto; } /* Animation */ /* Center */ .p-dialog-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-dialog-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-dialog-enter-from, .p-dialog-leave-to { opacity: 0; transform: scale(0.7); } /* Top, Bottom, Left, Right, Top* and Bottom* */ .p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-topleft .p-dialog, .p-dialog-topright .p-dialog, .p-dialog-bottomleft .p-dialog, .p-dialog-bottomright .p-dialog { margin: 0.75rem; transform: translate3d(0px, 0px, 0px); } .p-dialog-top .p-dialog-enter-active, .p-dialog-top .p-dialog-leave-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-bottom .p-dialog-leave-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-left .p-dialog-leave-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-right .p-dialog-leave-active, .p-dialog-topleft .p-dialog-enter-active, .p-dialog-topleft .p-dialog-leave-active, .p-dialog-topright .p-dialog-enter-active, .p-dialog-topright .p-dialog-leave-active, .p-dialog-bottomleft .p-dialog-enter-active, .p-dialog-bottomleft .p-dialog-leave-active, .p-dialog-bottomright .p-dialog-enter-active, .p-dialog-bottomright .p-dialog-leave-active { transition: all 0.3s ease-out; } .p-dialog-top .p-dialog-enter-from, .p-dialog-top .p-dialog-leave-to { transform: translate3d(0px, -100%, 0px); } .p-dialog-bottom .p-dialog-enter-from, .p-dialog-bottom .p-dialog-leave-to { transform: translate3d(0px, 100%, 0px); } .p-dialog-left .p-dialog-enter-from, .p-dialog-left .p-dialog-leave-to, .p-dialog-topleft .p-dialog-enter-from, .p-dialog-topleft .p-dialog-leave-to, .p-dialog-bottomleft .p-dialog-enter-from, .p-dialog-bottomleft .p-dialog-leave-to { transform: translate3d(-100%, 0px, 0px); } .p-dialog-right .p-dialog-enter-from, .p-dialog-right .p-dialog-leave-to, .p-dialog-topright .p-dialog-enter-from, .p-dialog-topright .p-dialog-leave-to, .p-dialog-bottomright .p-dialog-enter-from, .p-dialog-bottomright .p-dialog-leave-to { transform: translate3d(100%, 0px, 0px); } /* Maximize */ .p-dialog-maximized { width: 100vw !important; height: 100vh !important; top: 0px !important; left: 0px !important; max-height: 100%; height: 100%; } .p-dialog-maximized .p-dialog-content { flex-grow: 1; } .p-confirm-dialog .p-dialog-content { display: flex; align-items: center; } .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; display: flex; justify-content: flex-end; gap: 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) { margin-left: 1rem; } .p-overlaypanel { margin-top: 10px; } .p-overlaypanel-flipped { margin-top: -10px; margin-bottom: 10px; } .p-overlaypanel-close { display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Animation */ .p-overlaypanel-enter-from { opacity: 0; transform: scaleY(0.8); } .p-overlaypanel-leave-to { opacity: 0; } .p-overlaypanel-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-overlaypanel-leave-active { transition: opacity 0.1s linear; } .p-overlaypanel:after, .p-overlaypanel:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-overlaypanel:after { border-width: 8px; margin-left: -8px; } .p-overlaypanel:before { border-width: 10px; margin-left: -10px; } .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before { bottom: auto; top: 100%; } .p-overlaypanel.p-overlaypanel-flipped:after { border-bottom-color: transparent; } .p-overlaypanel.p-overlaypanel-flipped:before { border-bottom-color: transparent; } .p-overlaypanel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { background: #3B82F6; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #2563eb; color: #ffffff; } .p-overlaypanel:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar-mask { display: none; pointer-events: none; background-color: transparent; transition-property: background-color; } .p-sidebar-mask.p-component-overlay { pointer-events: auto; } .p-sidebar-visible { display: flex; } .p-sidebar { display: flex; flex-direction: column; pointer-events: auto; transform: translate3d(0px, 0px, 0px); position: relative; transition: transform 0.3s; } .p-sidebar-content { overflow-y: auto; flex-grow: 1; } .p-sidebar-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-sidebar-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-sidebar-full .p-sidebar { transition: none; transform: none; width: 100vw !important; height: 100vh !important; max-height: 100%; top: 0px !important; left: 0px !important; } /* Animation */ /* Center */ .p-sidebar-left .p-sidebar-enter-from, .p-sidebar-left .p-sidebar-leave-to { transform: translateX(-100%); } .p-sidebar-right .p-sidebar-enter-from, .p-sidebar-right .p-sidebar-leave-to { transform: translateX(100%); } .p-sidebar-top .p-sidebar-enter-from, .p-sidebar-top .p-sidebar-leave-to { transform: translateY(-100%); } .p-sidebar-bottom .p-sidebar-enter-from, .p-sidebar-bottom .p-sidebar-leave-to { transform: translateY(100%); } .p-sidebar-full .p-sidebar-enter-from, .p-sidebar-full .p-sidebar-leave-to { opacity: 0; } .p-sidebar-full .p-sidebar-enter-active, .p-sidebar-full .p-sidebar-leave-active { transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } /* Size */ .p-sidebar-left .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-right .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-top .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-bottom .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-left .p-sidebar-sm, .p-sidebar-right .p-sidebar-sm { width: 20rem; } .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-md { width: 40rem; } .p-sidebar-left .p-sidebar-lg, .p-sidebar-right .p-sidebar-lg { width: 60rem; } .p-sidebar-top .p-sidebar-sm, .p-sidebar-bottom .p-sidebar-sm { height: 10rem; } .p-sidebar-top .p-sidebar-md, .p-sidebar-bottom .p-sidebar-md { height: 20rem; } .p-sidebar-top .p-sidebar-lg, .p-sidebar-bottom .p-sidebar-lg { height: 30rem; } .p-sidebar-left .p-sidebar-content, .p-sidebar-right .p-sidebar-content, .p-sidebar-top .p-sidebar-content, .p-sidebar-bottom .p-sidebar-content { width: 100%; height: 100%; } @media screen and (max-width: 64em) { .p-sidebar-left .p-sidebar-lg, .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-lg, .p-sidebar-right .p-sidebar-md { width: 20rem; } } .p-sidebar { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-sidebar .p-sidebar-header { padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-header-content { font-weight: 700; font-size: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1.25rem; } .p-tooltip { position: absolute; display: none; padding: 0.25em 0.5rem; max-width: 12.5rem; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 0.25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding: 0.25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; scale: 2; } .p-tooltip-right .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0.25em 0.25em 0; } .p-tooltip-left .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0 0.25em 0.25rem; } .p-tooltip.p-tooltip-top { padding: 0.25em 0; } .p-tooltip-top .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0.25em 0.25em 0; } .p-tooltip-bottom .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0 0.25em 0.25rem; } .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } .p-fileupload-content { position: relative; } .p-fileupload-content .p-progressbar { width: 100%; position: absolute; top: 0; left: 0; } .p-button.p-fileupload-choose { position: relative; overflow: hidden; } .p-fileupload-buttonbar { display: flex; flex-wrap: wrap; } .p-fileupload > input[type=file], .p-fileupload-basic input[type=file] { display: none; } .p-fluid .p-fileupload .p-button { width: auto; } .p-fileupload-file { display: flex; flex-wrap: wrap; align-items: center; } .p-fileupload-file-thumbnail { flex-shrink: 0; } .p-fileupload-file-actions { margin-left: auto; } .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; border: 1px solid #e5e7eb; color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #e5e7eb; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border: 1px dashed #3B82F6; background-color: #EFF6FF; } .p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #e5e7eb; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file:last-child { margin-bottom: 0; } .p-fileupload .p-fileupload-file-name { margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file-size { margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-breadcrumb { overflow-x: auto; } .p-breadcrumb .p-breadcrumb-list { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: nowrap; } .p-breadcrumb .p-menuitem-text { line-height: 1; } .p-breadcrumb .p-menuitem-link { text-decoration: none; display: flex; align-items: center; } .p-breadcrumb .p-menuitem-separator { display: flex; align-items: center; } .p-breadcrumb::-webkit-scrollbar { display: none; } .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } .p-contextmenu ul { margin: 0; padding: 0; list-style: none; } .p-contextmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; } .p-contextmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-contextmenu .p-menuitem-text { line-height: 1; } .p-contextmenu .p-menuitem { position: relative; } .p-contextmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-contextmenu-enter-from, .p-contextmenu-leave-active { opacity: 0; } .p-contextmenu-enter-active { transition: opacity 250ms; } .p-contextmenu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; min-width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:first-child { margin-top: 0; } .p-contextmenu .p-menuitem:last-child { margin-bottom: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock { position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; } .p-dock-list-container { display: flex; pointer-events: auto; } .p-dock-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; } .p-dock-item { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } .p-dock-link { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: default; } .p-dock-item-second-prev, .p-dock-item-second-next { transform: scale(1.2); } .p-dock-item-prev, .p-dock-item-next { transform: scale(1.4); } .p-dock-item-current { transform: scale(1.6); z-index: 1; } /* Position */ /* top */ .p-dock-top { left: 0; top: 0; width: 100%; } .p-dock-top .p-dock-item { transform-origin: center top; } /* bottom */ .p-dock-bottom { left: 0; bottom: 0; width: 100%; } .p-dock-bottom .p-dock-item { transform-origin: center bottom; } /* right */ .p-dock-right { right: 0; top: 0; height: 100%; } .p-dock-right .p-dock-item { transform-origin: center right; } .p-dock-right .p-dock-list { flex-direction: column; } /* left */ .p-dock-left { left: 0; top: 0; height: 100%; } .p-dock-left .p-dock-item { transform-origin: center left; } .p-dock-left .p-dock-list { flex-direction: column; } .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 6px; } .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-dock .p-dock-link { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock.p-dock-mobile .p-dock-list .p-dock-item { transform: none; margin: 0; } .p-megamenu { display: flex; position: relative; } .p-megamenu-root-list { margin: 0; padding: 0; list-style: none; } .p-megamenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-megamenu .p-menuitem-text { line-height: 1; } .p-megamenu-panel { display: none; width: auto; z-index: 1; left: 0; min-width: 100%; } .p-megamenu-panel:not(.p-megamenu-mobile) { position: absolute; } .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { display: block; } .p-megamenu-submenu { margin: 0; padding: 0; list-style: none; } .p-megamenu-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } /* Horizontal */ .p-megamenu-horizontal { align-items: center; } .p-megamenu-horizontal .p-megamenu-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-megamenu-horizontal .p-megamenu-end { margin-left: auto; align-self: center; } /* Vertical */ .p-megamenu-vertical { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) { display: inline-flex; } .p-megamenu-vertical .p-megamenu-root-list { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { left: 100%; top: 0; } .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { margin-left: auto; } .p-megamenu-grid { display: flex; } .p-megamenu-col-2, .p-megamenu-col-3, .p-megamenu-col-4, .p-megamenu-col-6, .p-megamenu-col-12 { flex: 0 0 auto; padding: 0.5rem; } .p-megamenu-col-2 { width: 16.6667%; } .p-megamenu-col-3 { width: 25%; } .p-megamenu-col-4 { width: 33.3333%; } .p-megamenu-col-6 { width: 50%; } .p-megamenu-col-12 { width: 100%; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { display: flex; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { position: absolute; display: none; width: 100%; } .p-megamenu.p-megamenu-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem { width: 100%; position: static; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-megamenu.p-megamenu-mobile .p-megamenu-grid { flex-wrap: wrap; overflow: auto; max-height: 90%; } .p-megamenu { padding: 0.5rem; background: #f9fafb; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem { margin: 0; } .p-megamenu .p-menuitem:first-child { margin-top: 0; } .p-megamenu .p-menuitem:last-child { margin-bottom: 0; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { padding: 0.5rem 0; min-width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { min-width: 12.5rem; padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; padding: 0.5rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } .p-menu ul { margin: 0; padding: 0; list-style: none; } .p-menu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menu .p-menuitem-text { line-height: 1; } .p-menu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; min-width: 12.5rem; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:first-child { margin-top: 0; } .p-menu .p-menuitem:last-child { margin-bottom: 0; } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar { display: flex; align-items: center; } .p-menubar ul { margin: 0; padding: 0; list-style: none; } .p-menubar .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menubar .p-menuitem-text { line-height: 1; } .p-menubar .p-menuitem { position: relative; } .p-menubar-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-menubar-root-list > li ul { display: none; z-index: 1; } .p-menubar-root-list > .p-menuitem-active > .p-submenu-list { display: block; } .p-menubar .p-submenu-list { display: none; position: absolute; z-index: 1; } .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-menubar .p-menubar-end { margin-left: auto; align-self: center; } .p-menubar-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } .p-menubar.p-menubar-mobile { position: relative; } .p-menubar.p-menubar-mobile .p-menubar-button { display: flex; } .p-menubar.p-menubar-mobile .p-menubar-root-list { position: absolute; display: none; width: 100%; } .p-menubar.p-menubar-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-menubar { padding: 0.5rem; background: #f9fafb; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem { margin: 0; } .p-menubar .p-menuitem:first-child { margin-top: 0; } .p-menubar .p-menuitem:last-child { margin-bottom: 0; } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; border-radius: 6px; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: #6b7280; background: #f3f4f6; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-menubar.p-menubar-mobile .p-menubar-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.75rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.25rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 6.75rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 8.25rem; } .p-panelmenu .p-panelmenu-header-action { display: flex; align-items: center; user-select: none; cursor: pointer; position: relative; text-decoration: none; } .p-panelmenu .p-panelmenu-header-action:focus { z-index: 1; } .p-panelmenu .p-submenu-list { margin: 0; padding: 0; list-style: none; } .p-panelmenu .p-menuitem-link { display: flex; align-items: center; user-select: none; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; } .p-panelmenu .p-menuitem-text { line-height: 1; } .p-panelmenu .p-panelmenu-header { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; outline-color: transparent; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #6b7280; padding: 1.25rem; font-weight: 700; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.5rem 0; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { margin-top: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { margin-bottom: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } .p-steps { position: relative; } .p-steps .p-steps-list { padding: 0; margin: 0; list-style-type: none; display: flex; } .p-steps-item { position: relative; display: flex; justify-content: center; flex: 1 1 auto; overflow: hidden; } .p-steps-item .p-menuitem-link { display: inline-flex; flex-direction: column; align-items: center; overflow: hidden; text-decoration: none; cursor: pointer; } .p-steps.p-steps-readonly .p-steps-item { cursor: auto; } .p-steps-item.p-steps-current .p-menuitem-link { cursor: default; } .p-steps-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-steps-number { display: flex; align-items: center; justify-content: center; } .p-steps-title { display: block; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #4b5563; border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #EFF6FF; color: #1D4ED8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #4b5563; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu { overflow-x: auto; } .p-tabmenu-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex-wrap: nowrap; } .p-tabmenu-nav a { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; text-decoration: none; overflow: hidden; } .p-tabmenu-nav a:focus { z-index: 1; } .p-tabmenu-nav .p-menuitem-text { line-height: 1; } .p-tabmenu-ink-bar { display: none; z-index: 1; } .p-tabmenu::-webkit-scrollbar { display: none; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #e5e7eb; border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; outline-color: transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tieredmenu ul { margin: 0; padding: 0; list-style: none; } .p-tieredmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-tieredmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-tieredmenu .p-menuitem-text { line-height: 1; } .p-tieredmenu .p-menuitem { position: relative; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-tieredmenu .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-tieredmenu-enter-from, .p-tieredmenu-leave-active { opacity: 0; } .p-tieredmenu-enter-active { transition: opacity 250ms; } .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; min-width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:first-child { margin-top: 0; } .p-tieredmenu .p-menuitem:last-child { margin-bottom: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; } .p-inline-message-icon { flex-shrink: 0; } .p-inline-message-icon-only .p-inline-message-text { visibility: hidden; width: 0; } .p-fluid .p-inline-message { display: flex; } .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0px; color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #3b82f6; } .p-inline-message.p-inline-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #1ea97c; } .p-inline-message.p-inline-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #cc8925; } .p-inline-message.p-inline-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #ff5757; } .p-inline-message.p-inline-message-secondary { background: #64748B; border: solid #64748B; border-width: 0px; color: #ffffff; } .p-inline-message.p-inline-message-secondary .p-inline-message-icon { color: #ffffff; } .p-inline-message.p-inline-message-contrast { background: #1f2937; border: solid #1f2937; border-width: 0px; color: #ffffff; } .p-inline-message.p-inline-message-contrast .p-inline-message-icon { color: #ffffff; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message-wrapper { display: flex; align-items: center; } .p-message-icon { flex-shrink: 0; } .p-message-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-message-close.p-link { margin-left: auto; overflow: hidden; position: relative; } .p-message-enter-from { opacity: 0; } .p-message-enter-active { transition: opacity 0.3s; } .p-message.p-message-leave-from { max-height: 1000px; } .p-message.p-message-leave-to { max-height: 0; opacity: 0; margin: 0; } .p-message-leave-active { overflow: hidden; transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; } .p-message-leave-active .p-message-close { display: none; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 1.25rem 1.75rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0 0 0 6px; color: #3b82f6; } .p-message.p-message-info .p-message-icon { color: #3b82f6; } .p-message.p-message-info .p-message-close { color: #3b82f6; } .p-message.p-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-message.p-message-success .p-message-icon { color: #1ea97c; } .p-message.p-message-success .p-message-close { color: #1ea97c; } .p-message.p-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-message.p-message-warn .p-message-icon { color: #cc8925; } .p-message.p-message-warn .p-message-close { color: #cc8925; } .p-message.p-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-message.p-message-error .p-message-icon { color: #ff5757; } .p-message.p-message-error .p-message-close { color: #ff5757; } .p-message.p-message-secondary { background: #64748B; border: solid #64748B; border-width: 0 0 0 6px; color: #ffffff; } .p-message.p-message-secondary .p-message-icon { color: #ffffff; } .p-message.p-message-secondary .p-message-close { color: #ffffff; } .p-message.p-message-contrast { background: #1f2937; border: solid #1f2937; border-width: 0 0 0 6px; color: #ffffff; } .p-message.p-message-contrast .p-message-icon { color: #ffffff; } .p-message.p-message-contrast .p-message-close { color: #ffffff; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-icon:not(.p-message-close-icon) { width: 1.5rem; height: 1.5rem; } .p-toast { width: 25rem; white-space: pre-line; word-break: break-word; } .p-toast-message-icon { flex-shrink: 0; } .p-toast-message-content { display: flex; align-items: flex-start; } .p-toast-message-text { flex: 1 1 auto; } .p-toast-top-center { transform: translateX(-50%); } .p-toast-bottom-center { transform: translateX(-50%); } .p-toast-center { min-width: 20vw; transform: translate(-50%, -50%); } .p-toast-icon-close { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-toast-icon-close.p-link { cursor: pointer; } /* Animations */ .p-toast-message-enter-from { opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .p-toast-message-leave-from { max-height: 1000px; } .p-toast .p-toast-message.p-toast-message-leave-to { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; } .p-toast-message-enter-active { -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .p-toast-message-leave-active { -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; } .p-toast { opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { width: 2rem; height: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0 0 0 6px; color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } .p-toast .p-toast-message.p-toast-message-secondary { background: #64748B; border: solid #64748B; border-width: 0 0 0 6px; color: #ffffff; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { color: #ffffff; } .p-toast .p-toast-message.p-toast-message-contrast { background: #1f2937; border: solid #1f2937; border-width: 0 0 0 6px; color: #ffffff; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { color: #ffffff; } .p-galleria-content { display: flex; flex-direction: column; } .p-galleria-item-wrapper { display: flex; flex-direction: column; position: relative; } .p-galleria-item-container { position: relative; display: flex; height: 100%; } .p-galleria-item-nav { position: absolute; top: 50%; margin-top: -0.5rem; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-item-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-galleria-item-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-galleria-item { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .p-galleria-item-nav-onhover .p-galleria-item-nav { pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { pointer-events: all; opacity: 1; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { pointer-events: none; } .p-galleria-caption { position: absolute; bottom: 0; left: 0; width: 100%; } /* Thumbnails */ .p-galleria-thumbnail-wrapper { display: flex; flex-direction: column; overflow: auto; flex-shrink: 0; } .p-galleria-thumbnail-prev, .p-galleria-thumbnail-next { align-self: center; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-galleria-thumbnail-prev span, .p-galleria-thumbnail-next span { display: flex; justify-content: center; align-items: center; } .p-galleria-thumbnail-container { display: flex; flex-direction: row; } .p-galleria-thumbnail-items-container { overflow: hidden; width: 100%; } .p-galleria-thumbnail-items { display: flex; } .p-galleria-thumbnail-item { overflow: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; } .p-galleria-thumbnail-item:hover { opacity: 1; transition: opacity 0.3s; } .p-galleria-thumbnail-item-current { opacity: 1; } /* Positions */ /* Thumbnails */ .p-galleria-thumbnails-left .p-galleria-content, .p-galleria-thumbnails-right .p-galleria-content { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-right .p-galleria-item-wrapper { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-top .p-galleria-item-wrapper { order: 2; } .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper { order: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-container, .p-galleria-thumbnails-right .p-galleria-thumbnail-container { flex-direction: column; flex-grow: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-items, .p-galleria-thumbnails-right .p-galleria-thumbnail-items { flex-direction: column; height: 100%; } /* Indicators */ .p-galleria-indicators { display: flex; align-items: center; justify-content: center; } .p-galleria-indicator > button { display: inline-flex; align-items: center; } .p-galleria-indicators-left .p-galleria-item-wrapper, .p-galleria-indicators-right .p-galleria-item-wrapper { flex-direction: row; align-items: center; } .p-galleria-indicators-left .p-galleria-item-container, .p-galleria-indicators-top .p-galleria-item-container { order: 2; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-top .p-galleria-indicators { order: 1; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-right .p-galleria-indicators { flex-direction: column; } .p-galleria-indicator-onitem .p-galleria-indicators { position: absolute; display: flex; z-index: 1; } .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { top: 0; left: 0; width: 100%; align-items: flex-start; } .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { right: 0; top: 0; height: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { bottom: 0; left: 0; width: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { left: 0; top: 0; height: 100%; align-items: flex-start; } /* FullScreen */ .p-galleria-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .p-galleria-close { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-mask .p-galleria-item-nav { position: fixed; top: 50%; margin-top: -0.5rem; } /* Animation */ .p-galleria-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-galleria-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-galleria-enter-from, .p-galleria-leave-to { opacity: 0; transform: scale(0.7); } .p-galleria-enter-active .p-galleria-item-nav { opacity: 0; } /* Keyboard Support */ .p-items-hidden .p-galleria-thumbnail-item { visibility: hidden; } .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active { visibility: visible; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { display: flex; align-items: center; justify-content: center; } .p-image-preview-container { position: relative; display: inline-block; line-height: 0; } .p-image-preview-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; border: none; padding: 0; } .p-image-preview-container:hover > .p-image-preview-indicator { opacity: 1; cursor: pointer; } .p-image-preview-container > img { cursor: pointer; } .p-image-toolbar { position: absolute; top: 0; right: 0; display: flex; z-index: 1; } .p-image-action.p-link { display: flex; justify-content: center; align-items: center; } .p-image-action.p-disabled { pointer-events: auto; } .p-image-preview { transition: transform 0.15s; max-width: 100vw; max-height: 100vh; } .p-image-preview-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-image-preview-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-image-preview-enter-from, .p-image-preview-leave-to { opacity: 0; transform: scale(0.7); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; height: 1.5rem; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1rem; } .p-avatar.p-avatar-image { background-color: transparent; } .p-avatar.p-avatar-circle { border-radius: 50%; } .p-avatar-circle img { border-radius: 50%; } .p-avatar .p-avatar-icon { font-size: 1rem; } .p-avatar img { width: 100%; height: 100%; } .p-avatar-group .p-avatar + .p-avatar { margin-left: -1rem; } .p-avatar-group { display: flex; align-items: center; } .p-avatar { background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 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.p-badge-dot { width: 0.5rem; min-width: 0.5rem; height: 0.5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } .p-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #64748B; color: #ffffff; } .p-badge.p-badge-success { background-color: #22C55E; color: #ffffff; } .p-badge.p-badge-info { background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { background-color: #EF4444; color: #ffffff; } .p-badge.p-badge-secondary { background-color: #64748B; color: #ffffff; } .p-badge.p-badge-contrast { background-color: #1f2937; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-blockui-container { position: relative; } .p-blockui.p-component-overlay { position: absolute; } .p-blockui-document.p-component-overlay { position: fixed; } .p-blockui { border-radius: 6px; } .p-chip { display: inline-flex; align-items: center; } .p-chip-text { line-height: 1.5; } .p-chip-icon.pi { line-height: 1.5; } .p-chip-remove-icon { line-height: 1.5; cursor: pointer; } .p-chip img { border-radius: 50%; } .p-chip { background-color: #e5e7eb; color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.375rem; margin-bottom: 0.375rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip img { width: 2.25rem; height: 2.25rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { display: inline; cursor: pointer; } .p-inplace .p-inplace-content { display: inline; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content { display: flex; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext { flex: 1 1 auto; width: 1%; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f3f4f6; color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-metergroup { display: flex; } .p-metergroup-meters { display: flex; } .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } .p-metergroup-labels { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .p-metergroup-vertical .p-metergroup-labels { align-items: start; } .p-metergroup-labels-vertical { flex-direction: column; } .p-metergroup-label { display: inline-flex; align-items: center; } .p-metergroup-label-marker { display: inline-flex; } .p-metergroup { gap: 1rem; } .p-metergroup .p-metergroup-meters { background: #e5e7eb; border-radius: 6px; } .p-metergroup .p-metergroup-meter { border: 0 none; background: #3B82F6; } .p-metergroup .p-metergroup-labels .p-metergroup-label { gap: 0.5rem; } .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { background: #3B82F6; width: 0.5rem; height: 0.5rem; border-radius: 100%; } .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { width: 1rem; height: 1rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { gap: 0.5rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { gap: 1rem; } .p-metergroup.p-metergroup-horizontal { flex-direction: column; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { height: 0.5rem; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-metergroup.p-metergroup-vertical { flex-direction: row; } .p-metergroup.p-metergroup-vertical .p-metergroup-meters { width: 0.5rem; height: 100%; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-progressbar { position: relative; overflow: hidden; } .p-progressbar-determinate .p-progressbar-value { height: 100%; width: 0%; position: absolute; display: none; border: 0 none; display: flex; align-items: center; justify-content: center; overflow: hidden; } .p-progressbar-determinate .p-progressbar-label { display: inline-flex; } .p-progressbar-determinate .p-progressbar-value-animate { transition: width 1s ease-in-out; } .p-progressbar-indeterminate .p-progressbar-value::before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .p-progressbar-indeterminate .p-progressbar-value::after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .p-progressbar { border: 0 none; height: 1.5rem; background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #3B82F6; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-progress-spinner { position: relative; margin: 0 auto; width: 100px; height: 100px; display: inline-block; } .p-progress-spinner::before { content: ""; display: block; padding-top: 100%; } .p-progress-spinner-svg { height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .p-progress-spinner-svg { animation: p-progress-spinner-rotate 2s linear infinite; } .p-progress-spinner-circle { stroke-dasharray: 89, 200; stroke-dashoffset: 0; stroke: #ff5757; animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes p-progress-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes p-progress-spinner-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes p-progress-spinner-color { 100%, 0% { stroke: #ff5757; } 40% { stroke: #3b82f6; } 66% { stroke: #1ea97c; } 80%, 90% { stroke: #cc8925; } } .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); pointer-events: none; } .p-ink-active { animation: ripple 0.4s linear; } .p-ripple-disabled .p-ink { display: none; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .p-scrolltop { position: fixed; bottom: 20px; right: 20px; display: flex; align-items: center; justify-content: center; } .p-scrolltop-sticky { position: sticky; } .p-scrolltop-sticky.p-link { margin-left: auto; } .p-scrolltop-enter-from { opacity: 0; } .p-scrolltop-enter-active { transition: opacity 0.15s; } .p-scrolltop.p-scrolltop-leave-to { opacity: 0; } .p-scrolltop-leave-active { transition: opacity 0.15s; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f9fafb; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { overflow: hidden; } .p-skeleton::after { content: ""; animation: p-skeleton-animation 1.2s infinite; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); z-index: 1; } .p-skeleton.p-skeleton-circle { border-radius: 50%; } .p-skeleton-none::after { animation: none; } @keyframes p-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); } } .p-skeleton { background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { display: inline-flex; align-items: center; justify-content: center; } .p-tag-icon, .p-tag-value, .p-tag-icon.pi { line-height: 1.5; } .p-tag.p-tag-rounded { border-radius: 10rem; } .p-tag { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22C55E; color: #ffffff; } .p-tag.p-tag-info { background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { background-color: #EF4444; color: #ffffff; } .p-tag.p-tag-secondary { background-color: #64748B; color: #ffffff; } .p-tag.p-tag-contrast { background-color: #1f2937; color: #ffffff; } .p-tag .p-tag-icon { font-size: 0.75rem; } .p-tag .p-tag-icon:not(:last-child) { margin-right: 0.25rem; } .p-tag .p-tag-icon.p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { height: 18rem; overflow: auto; } .p-terminal-prompt-container { display: flex; align-items: center; } .p-terminal-input { flex: 1 1 auto; border: 0 none; background-color: transparent; color: inherit; padding: 0; outline: 0 none; } .p-terminal-input::-ms-clear { display: none; } .p-terminal { background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } } @layer primevue { .p-button-label { font-weight: 600; } .p-selectbutton > .p-button, .p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-toast-message { backdrop-filter: blur(10px); } .p-inline-message-text { font-weight: 500; } .p-picklist-buttons .p-button, .p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #3B82F6; color: #ffffff; } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #3B82F6; color: #ffffff; } } :root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.related-link-wrapper{border-radius:22px;background-color:#001e5f;color:#fff}.related-link-list{display:flex;flex-direction:column;gap:10px}.related-link{text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:15px 15px;font-size:1rem;font-weight:bold;color:#fff !important}.related-link:hover{background-color:#002e8e;color:#fff;border-radius:22px;text-decoration:underline}.p-accordion .p-accordion-header .p-accordion-header-link{background-color:#001e5f;color:#fff;text-decoration:none;margin-bottom:0;border-radius:22px}.p-accordion .p-accordion-header .p-accordion-header-link a{border-radius:22px;padding:0;color:green;text-decoration:none}.p-accordion .p-accordion-header .p-accordion-header-link:hover{background-color:#002e8e;text-decoration:underline}.p-accordion .p-accordion-tab{margin-bottom:10px}.p-accordion .p-accordion-content{border-radius:14px;background:#fefefe;padding:1rem}@media(max-width: 640px){.p-accordion .p-accordion-content{padding:.5rem}}.acc-dark .p-accordion .p-accordion-content{background:#f8f8f8}.acc-light .p-accordion .p-accordion-content{background:#fff}.p-inputtext{border-radius:22px;height:2.8rem}.p-dialog{border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.3);border:0 none}.p-dialog .p-dialog-header{border-bottom:0 none;background:#fff;color:#343a40;padding:1.5rem;padding-bottom:.75rem;border-top-right-radius:14px;border-top-left-radius:14px}.p-dialog .p-dialog-header .p-dialog-title{font-weight:700;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:#6c757d;border:0 none;background:rgba(0,0,0,0);border-radius:50%;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:#343a40;border-color:rgba(0,0,0,0);background:#e9ecef}.p-dialog .p-dialog-header .p-dialog-header-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #bfdbfe}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog .p-dialog-content{background:#fff;color:#495057;padding:0 1.5rem 2rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:14px;border-bottom-left-radius:14px}.p-dialog .p-dialog-footer{border-top:0 none;background:#fff;color:#495057;padding:0 1.5rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:14px;border-bottom-left-radius:14px}.p-dialog .p-dialog-footer button{margin:0 .5rem 0 0;width:auto}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child){margin-left:1rem}.p-tabview-nav{display:flex}.p-tabview-nav li{flex:1 1 0;text-align:center}.p-tabview-nav-link{display:flex;align-items:center;justify-content:center;padding:1rem}.text-right{text-align:right !important}.dp__input{border-radius:22px !important}.rotate-hint{margin-top:.5rem;padding:.75rem;background-color:#f8f8f8;border-radius:14px;text-align:center;font-size:.85rem;color:#555;display:flex;justify-content:center;align-items:center;gap:.5rem}.rotate-hint i{font-size:1.2rem;animation:rotate-icon 1.5s infinite ease-in-out}@keyframes rotate-icon{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{transform:rotate(0deg)}}.p-carousel{position:relative;width:100%;box-sizing:border-box;overflow:hidden}.carousel-image,.carousel-item img{width:100%;height:auto;object-fit:cover;box-sizing:border-box;padding:0;margin:0}.p-carousel .p-carousel-prev,.p-carousel .p-carousel-next{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;z-index:1 !important;background:rgba(255,255,255,.7) !important;color:#f53241 !important;border:none !important;width:50px !important;height:50px !important;border-radius:50% !important;cursor:pointer !important;display:flex !important;justify-content:center !important;align-items:center !important}.p-carousel .p-carousel-prev{left:20px}.p-carousel .p-carousel-next{right:20px}.p-carousel .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-next:enabled:hover{background:rgba(0,0,0,.8) !important;color:#fff !important}.p-carousel .p-carousel-indicators{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.p-carousel .p-carousel-indicators{list-style:none;margin-left:0;padding-left:0}.p-carousel .p-carousel-indicator{list-style:none}.p-carousel .p-carousel-indicator button{width:14px !important;height:14px !important;border-radius:50% !important;padding:0 !important;margin-left:3px;margin-right:3px;background-color:#ccc;border:none !important;display:inline-block !important;box-sizing:border-box !important}.p-carousel .p-carousel-indicator.p-highlight button{background-color:#f53241}@media only screen and (max-width: 40.063em){.p-carousel .p-carousel-prev,.p-carousel .p-carousel-next{display:none !important}}.p-tabview .p-tabview-panels{padding:0rem !important}.p-sidebar.menu-sidebar{width:480px !important;max-width:28vw !important;left:20px !important;right:0 !important;height:100dvh !important;margin:0;margin-right:20px;border-radius:0;box-shadow:-2px 0 6px rgba(0,0,0,.12)}@media(max-width: 1400px){.p-sidebar.menu-sidebar{width:440px !important;max-width:92vw !important;left:30px !important;margin-right:30px}}@media(max-width: 768px){.p-sidebar.menu-sidebar{width:calc(100vw - 40px) !important;max-width:calc(100vw - 40px) !important;left:40px !important;right:0 !important;height:100dvh !important;margin:0;margin-right:40px;border-radius:0;box-shadow:-2px 0 6px rgba(0,0,0,.12)}}.p-sidebar.menu-sidebar .p-sidebar-header{position:relative;height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;padding:0}.p-sidebar.menu-sidebar .sb-back{position:absolute;top:0;left:0;height:56px;display:flex;align-items:center;gap:.35rem;padding:0 1rem;font-weight:600;font-size:.95rem;background:rgba(0,0,0,0);border:none;cursor:pointer}.p-sidebar.menu-sidebar .sb-back i{font-size:.9rem}.p-sidebar.menu-sidebar .sb-close{position:absolute;top:0;right:0;height:56px;width:56px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.p-sidebar.menu-sidebar .sb-close .pi{font-size:1.3rem;color:#333;opacity:.8;transition:opacity .2s ease}.p-sidebar.menu-sidebar .sb-close:hover .pi{opacity:1}.p-sidebar.menu-sidebar .p-sidebar-content{padding-top:15px}.p-sidebar.menu-sidebar .menu-title-item{border-bottom:1px solid rgba(0,0,0,0)}.p-sidebar.menu-sidebar .menu-title-link{display:block;padding:.5rem 2rem;font-weight:600;font-size:1.1rem;text-decoration:none;color:#333}.p-sidebar.menu-sidebar .menu-link,.p-sidebar.menu-sidebar .menu-link a,.p-sidebar.menu-sidebar .menu-link span{text-decoration:none !important;font-size:1rem;color:#333 !important}.p-sidebar.menu-sidebar .menu-link:hover{background-color:#f8f8f8}.p-sidebar.menu-sidebar .menu-link.nested span{color:#333}.spinner-sm.p-progress-spinner{width:17px !important;height:17px !important}.spinner-sm .p-progress-spinner-svg{width:17px !important;height:17px !important}.spinner-sm .p-progress-spinner-circle{stroke-width:3 !important} @media only screen{.nhf-small-1{min-height:1px;box-sizing:border-box;width:1%;font-size:.75rem}.nhf-small-2{min-height:1px;box-sizing:border-box;width:2%;font-size:.75rem}.nhf-small-3{min-height:1px;box-sizing:border-box;width:3%;font-size:.75rem}.nhf-small-4{min-height:1px;box-sizing:border-box;width:4%;font-size:.75rem}.nhf-small-5{min-height:1px;box-sizing:border-box;width:5%;font-size:.75rem}.nhf-small-6{min-height:1px;box-sizing:border-box;width:6%;font-size:.75rem}.nhf-small-7{min-height:1px;box-sizing:border-box;width:7%;font-size:.75rem}.nhf-small-8{min-height:1px;box-sizing:border-box;width:8%;font-size:.75rem}.nhf-small-9{min-height:1px;box-sizing:border-box;width:9%;font-size:.75rem}.nhf-small-10{min-height:1px;box-sizing:border-box;width:10%;font-size:.75rem}.nhf-small-11{min-height:1px;box-sizing:border-box;width:11%;font-size:.75rem}.nhf-small-12{min-height:1px;box-sizing:border-box;width:12%;font-size:.75rem}.nhf-small-13{min-height:1px;box-sizing:border-box;width:13%;font-size:.75rem}.nhf-small-14{min-height:1px;box-sizing:border-box;width:14%;font-size:.75rem}.nhf-small-15{min-height:1px;box-sizing:border-box;width:15%;font-size:.75rem}.nhf-small-16{min-height:1px;box-sizing:border-box;width:16%;font-size:.75rem}.nhf-small-17{min-height:1px;box-sizing:border-box;width:17%;font-size:.75rem}.nhf-small-18{min-height:1px;box-sizing:border-box;width:18%;font-size:.75rem}.nhf-small-19{min-height:1px;box-sizing:border-box;width:19%;font-size:.75rem}.nhf-small-20{min-height:1px;box-sizing:border-box;width:20%;font-size:.75rem}.nhf-small-21{min-height:1px;box-sizing:border-box;width:21%;font-size:.75rem}.nhf-small-22{min-height:1px;box-sizing:border-box;width:22%;font-size:.75rem}.nhf-small-23{min-height:1px;box-sizing:border-box;width:23%;font-size:.75rem}.nhf-small-24{min-height:1px;box-sizing:border-box;width:24%;font-size:.75rem}.nhf-small-25{min-height:1px;box-sizing:border-box;width:25%;font-size:.75rem}.nhf-small-26{min-height:1px;box-sizing:border-box;width:26%;font-size:.75rem}.nhf-small-27{min-height:1px;box-sizing:border-box;width:27%;font-size:.75rem}.nhf-small-28{min-height:1px;box-sizing:border-box;width:28%;font-size:.75rem}.nhf-small-29{min-height:1px;box-sizing:border-box;width:29%;font-size:.75rem}.nhf-small-30{min-height:1px;box-sizing:border-box;width:30%;font-size:.75rem}.nhf-small-31{min-height:1px;box-sizing:border-box;width:31%;font-size:.75rem}.nhf-small-32{min-height:1px;box-sizing:border-box;width:32%;font-size:.75rem}.nhf-small-33{min-height:1px;box-sizing:border-box;width:33%;font-size:.75rem}.nhf-small-34{min-height:1px;box-sizing:border-box;width:34%;font-size:.75rem}.nhf-small-35{min-height:1px;box-sizing:border-box;width:35%;font-size:.75rem}.nhf-small-36{min-height:1px;box-sizing:border-box;width:36%;font-size:.75rem}.nhf-small-37{min-height:1px;box-sizing:border-box;width:37%;font-size:.75rem}.nhf-small-38{min-height:1px;box-sizing:border-box;width:38%;font-size:.75rem}.nhf-small-39{min-height:1px;box-sizing:border-box;width:39%;font-size:.75rem}.nhf-small-40{min-height:1px;box-sizing:border-box;width:40%;font-size:.75rem}.nhf-small-41{min-height:1px;box-sizing:border-box;width:41%;font-size:.75rem}.nhf-small-42{min-height:1px;box-sizing:border-box;width:42%;font-size:.75rem}.nhf-small-43{min-height:1px;box-sizing:border-box;width:43%;font-size:.75rem}.nhf-small-44{min-height:1px;box-sizing:border-box;width:44%;font-size:.75rem}.nhf-small-45{min-height:1px;box-sizing:border-box;width:45%;font-size:.75rem}.nhf-small-46{min-height:1px;box-sizing:border-box;width:46%;font-size:.75rem}.nhf-small-47{min-height:1px;box-sizing:border-box;width:47%;font-size:.75rem}.nhf-small-48{min-height:1px;box-sizing:border-box;width:48%;font-size:.75rem}.nhf-small-49{min-height:1px;box-sizing:border-box;width:49%;font-size:.75rem}.nhf-small-50{min-height:1px;box-sizing:border-box;width:50%;font-size:.75rem}.nhf-small-51{min-height:1px;box-sizing:border-box;width:51%;font-size:.75rem}.nhf-small-52{min-height:1px;box-sizing:border-box;width:52%;font-size:.75rem}.nhf-small-53{min-height:1px;box-sizing:border-box;width:53%;font-size:.75rem}.nhf-small-54{min-height:1px;box-sizing:border-box;width:54%;font-size:.75rem}.nhf-small-55{min-height:1px;box-sizing:border-box;width:55%;font-size:.75rem}.nhf-small-56{min-height:1px;box-sizing:border-box;width:56%;font-size:.75rem}.nhf-small-57{min-height:1px;box-sizing:border-box;width:57%;font-size:.75rem}.nhf-small-58{min-height:1px;box-sizing:border-box;width:58%;font-size:.75rem}.nhf-small-59{min-height:1px;box-sizing:border-box;width:59%;font-size:.75rem}.nhf-small-60{min-height:1px;box-sizing:border-box;width:60%;font-size:.75rem}.nhf-small-61{min-height:1px;box-sizing:border-box;width:61%;font-size:.75rem}.nhf-small-62{min-height:1px;box-sizing:border-box;width:62%;font-size:.75rem}.nhf-small-63{min-height:1px;box-sizing:border-box;width:63%;font-size:.75rem}.nhf-small-64{min-height:1px;box-sizing:border-box;width:64%;font-size:.75rem}.nhf-small-65{min-height:1px;box-sizing:border-box;width:65%;font-size:.75rem}.nhf-small-66{min-height:1px;box-sizing:border-box;width:66%;font-size:.75rem}.nhf-small-67{min-height:1px;box-sizing:border-box;width:67%;font-size:.75rem}.nhf-small-68{min-height:1px;box-sizing:border-box;width:68%;font-size:.75rem}.nhf-small-69{min-height:1px;box-sizing:border-box;width:69%;font-size:.75rem}.nhf-small-70{min-height:1px;box-sizing:border-box;width:70%;font-size:.75rem}.nhf-small-71{min-height:1px;box-sizing:border-box;width:71%;font-size:.75rem}.nhf-small-72{min-height:1px;box-sizing:border-box;width:72%;font-size:.75rem}.nhf-small-73{min-height:1px;box-sizing:border-box;width:73%;font-size:.75rem}.nhf-small-74{min-height:1px;box-sizing:border-box;width:74%;font-size:.75rem}.nhf-small-75{min-height:1px;box-sizing:border-box;width:75%;font-size:.75rem}.nhf-small-76{min-height:1px;box-sizing:border-box;width:76%;font-size:.75rem}.nhf-small-77{min-height:1px;box-sizing:border-box;width:77%;font-size:.75rem}.nhf-small-78{min-height:1px;box-sizing:border-box;width:78%;font-size:.75rem}.nhf-small-79{min-height:1px;box-sizing:border-box;width:79%;font-size:.75rem}.nhf-small-80{min-height:1px;box-sizing:border-box;width:80%;font-size:.75rem}.nhf-small-81{min-height:1px;box-sizing:border-box;width:81%;font-size:.75rem}.nhf-small-82{min-height:1px;box-sizing:border-box;width:82%;font-size:.75rem}.nhf-small-83{min-height:1px;box-sizing:border-box;width:83%;font-size:.75rem}.nhf-small-84{min-height:1px;box-sizing:border-box;width:84%;font-size:.75rem}.nhf-small-85{min-height:1px;box-sizing:border-box;width:85%;font-size:.75rem}.nhf-small-86{min-height:1px;box-sizing:border-box;width:86%;font-size:.75rem}.nhf-small-87{min-height:1px;box-sizing:border-box;width:87%;font-size:.75rem}.nhf-small-88{min-height:1px;box-sizing:border-box;width:88%;font-size:.75rem}.nhf-small-89{min-height:1px;box-sizing:border-box;width:89%;font-size:.75rem}.nhf-small-90{min-height:1px;box-sizing:border-box;width:90%;font-size:.75rem}.nhf-small-91{min-height:1px;box-sizing:border-box;width:91%;font-size:.75rem}.nhf-small-92{min-height:1px;box-sizing:border-box;width:92%;font-size:.75rem}.nhf-small-93{min-height:1px;box-sizing:border-box;width:93%;font-size:.75rem}.nhf-small-94{min-height:1px;box-sizing:border-box;width:94%;font-size:.75rem}.nhf-small-95{min-height:1px;box-sizing:border-box;width:95%;font-size:.75rem}.nhf-small-96{min-height:1px;box-sizing:border-box;width:96%;font-size:.75rem}.nhf-small-97{min-height:1px;box-sizing:border-box;width:97%;font-size:.75rem}.nhf-small-98{min-height:1px;box-sizing:border-box;width:98%;font-size:.75rem}.nhf-small-99{min-height:1px;box-sizing:border-box;width:99%;font-size:.75rem}.nhf-small-100{min-height:1px;box-sizing:border-box;width:100%;font-size:.75rem}}@media only screen and (min-width:40.063em){.nhf-medium-1{min-height:1px;box-sizing:border-box;width:1%;font-size:.8125rem}.nhf-medium-2{min-height:1px;box-sizing:border-box;width:2%;font-size:.8125rem}.nhf-medium-3{min-height:1px;box-sizing:border-box;width:3%;font-size:.8125rem}.nhf-medium-4{min-height:1px;box-sizing:border-box;width:4%;font-size:.8125rem}.nhf-medium-5{min-height:1px;box-sizing:border-box;width:5%;font-size:.8125rem}.nhf-medium-6{min-height:1px;box-sizing:border-box;width:6%;font-size:.8125rem}.nhf-medium-7{min-height:1px;box-sizing:border-box;width:7%;font-size:.8125rem}.nhf-medium-8{min-height:1px;box-sizing:border-box;width:8%;font-size:.8125rem}.nhf-medium-9{min-height:1px;box-sizing:border-box;width:9%;font-size:.8125rem}.nhf-medium-10{min-height:1px;box-sizing:border-box;width:10%;font-size:.8125rem}.nhf-medium-11{min-height:1px;box-sizing:border-box;width:11%;font-size:.8125rem}.nhf-medium-12{min-height:1px;box-sizing:border-box;width:12%;font-size:.8125rem}.nhf-medium-13{min-height:1px;box-sizing:border-box;width:13%;font-size:.8125rem}.nhf-medium-14{min-height:1px;box-sizing:border-box;width:14%;font-size:.8125rem}.nhf-medium-15{min-height:1px;box-sizing:border-box;width:15%;font-size:.8125rem}.nhf-medium-16{min-height:1px;box-sizing:border-box;width:16%;font-size:.8125rem}.nhf-medium-17{min-height:1px;box-sizing:border-box;width:17%;font-size:.8125rem}.nhf-medium-18{min-height:1px;box-sizing:border-box;width:18%;font-size:.8125rem}.nhf-medium-19{min-height:1px;box-sizing:border-box;width:19%;font-size:.8125rem}.nhf-medium-20{min-height:1px;box-sizing:border-box;width:20%;font-size:.8125rem}.nhf-medium-21{min-height:1px;box-sizing:border-box;width:21%;font-size:.8125rem}.nhf-medium-22{min-height:1px;box-sizing:border-box;width:22%;font-size:.8125rem}.nhf-medium-23{min-height:1px;box-sizing:border-box;width:23%;font-size:.8125rem}.nhf-medium-24{min-height:1px;box-sizing:border-box;width:24%;font-size:.8125rem}.nhf-medium-25{min-height:1px;box-sizing:border-box;width:25%;font-size:.8125rem}.nhf-medium-26{min-height:1px;box-sizing:border-box;width:26%;font-size:.8125rem}.nhf-medium-27{min-height:1px;box-sizing:border-box;width:27%;font-size:.8125rem}.nhf-medium-28{min-height:1px;box-sizing:border-box;width:28%;font-size:.8125rem}.nhf-medium-29{min-height:1px;box-sizing:border-box;width:29%;font-size:.8125rem}.nhf-medium-30{min-height:1px;box-sizing:border-box;width:30%;font-size:.8125rem}.nhf-medium-31{min-height:1px;box-sizing:border-box;width:31%;font-size:.8125rem}.nhf-medium-32{min-height:1px;box-sizing:border-box;width:32%;font-size:.8125rem}.nhf-medium-33{min-height:1px;box-sizing:border-box;width:33%;font-size:.8125rem}.nhf-medium-34{min-height:1px;box-sizing:border-box;width:34%;font-size:.8125rem}.nhf-medium-35{min-height:1px;box-sizing:border-box;width:35%;font-size:.8125rem}.nhf-medium-36{min-height:1px;box-sizing:border-box;width:36%;font-size:.8125rem}.nhf-medium-37{min-height:1px;box-sizing:border-box;width:37%;font-size:.8125rem}.nhf-medium-38{min-height:1px;box-sizing:border-box;width:38%;font-size:.8125rem}.nhf-medium-39{min-height:1px;box-sizing:border-box;width:39%;font-size:.8125rem}.nhf-medium-40{min-height:1px;box-sizing:border-box;width:40%;font-size:.8125rem}.nhf-medium-41{min-height:1px;box-sizing:border-box;width:41%;font-size:.8125rem}.nhf-medium-42{min-height:1px;box-sizing:border-box;width:42%;font-size:.8125rem}.nhf-medium-43{min-height:1px;box-sizing:border-box;width:43%;font-size:.8125rem}.nhf-medium-44{min-height:1px;box-sizing:border-box;width:44%;font-size:.8125rem}.nhf-medium-45{min-height:1px;box-sizing:border-box;width:45%;font-size:.8125rem}.nhf-medium-46{min-height:1px;box-sizing:border-box;width:46%;font-size:.8125rem}.nhf-medium-47{min-height:1px;box-sizing:border-box;width:47%;font-size:.8125rem}.nhf-medium-48{min-height:1px;box-sizing:border-box;width:48%;font-size:.8125rem}.nhf-medium-49{min-height:1px;box-sizing:border-box;width:49%;font-size:.8125rem}.nhf-medium-50{min-height:1px;box-sizing:border-box;width:50%;font-size:.8125rem}.nhf-medium-51{min-height:1px;box-sizing:border-box;width:51%;font-size:.8125rem}.nhf-medium-52{min-height:1px;box-sizing:border-box;width:52%;font-size:.8125rem}.nhf-medium-53{min-height:1px;box-sizing:border-box;width:53%;font-size:.8125rem}.nhf-medium-54{min-height:1px;box-sizing:border-box;width:54%;font-size:.8125rem}.nhf-medium-55{min-height:1px;box-sizing:border-box;width:55%;font-size:.8125rem}.nhf-medium-56{min-height:1px;box-sizing:border-box;width:56%;font-size:.8125rem}.nhf-medium-57{min-height:1px;box-sizing:border-box;width:57%;font-size:.8125rem}.nhf-medium-58{min-height:1px;box-sizing:border-box;width:58%;font-size:.8125rem}.nhf-medium-59{min-height:1px;box-sizing:border-box;width:59%;font-size:.8125rem}.nhf-medium-60{min-height:1px;box-sizing:border-box;width:60%;font-size:.8125rem}.nhf-medium-61{min-height:1px;box-sizing:border-box;width:61%;font-size:.8125rem}.nhf-medium-62{min-height:1px;box-sizing:border-box;width:62%;font-size:.8125rem}.nhf-medium-63{min-height:1px;box-sizing:border-box;width:63%;font-size:.8125rem}.nhf-medium-64{min-height:1px;box-sizing:border-box;width:64%;font-size:.8125rem}.nhf-medium-65{min-height:1px;box-sizing:border-box;width:65%;font-size:.8125rem}.nhf-medium-66{min-height:1px;box-sizing:border-box;width:66%;font-size:.8125rem}.nhf-medium-67{min-height:1px;box-sizing:border-box;width:67%;font-size:.8125rem}.nhf-medium-68{min-height:1px;box-sizing:border-box;width:68%;font-size:.8125rem}.nhf-medium-69{min-height:1px;box-sizing:border-box;width:69%;font-size:.8125rem}.nhf-medium-70{min-height:1px;box-sizing:border-box;width:70%;font-size:.8125rem}.nhf-medium-71{min-height:1px;box-sizing:border-box;width:71%;font-size:.8125rem}.nhf-medium-72{min-height:1px;box-sizing:border-box;width:72%;font-size:.8125rem}.nhf-medium-73{min-height:1px;box-sizing:border-box;width:73%;font-size:.8125rem}.nhf-medium-74{min-height:1px;box-sizing:border-box;width:74%;font-size:.8125rem}.nhf-medium-75{min-height:1px;box-sizing:border-box;width:75%;font-size:.8125rem}.nhf-medium-76{min-height:1px;box-sizing:border-box;width:76%;font-size:.8125rem}.nhf-medium-77{min-height:1px;box-sizing:border-box;width:77%;font-size:.8125rem}.nhf-medium-78{min-height:1px;box-sizing:border-box;width:78%;font-size:.8125rem}.nhf-medium-79{min-height:1px;box-sizing:border-box;width:79%;font-size:.8125rem}.nhf-medium-80{min-height:1px;box-sizing:border-box;width:80%;font-size:.8125rem}.nhf-medium-81{min-height:1px;box-sizing:border-box;width:81%;font-size:.8125rem}.nhf-medium-82{min-height:1px;box-sizing:border-box;width:82%;font-size:.8125rem}.nhf-medium-83{min-height:1px;box-sizing:border-box;width:83%;font-size:.8125rem}.nhf-medium-84{min-height:1px;box-sizing:border-box;width:84%;font-size:.8125rem}.nhf-medium-85{min-height:1px;box-sizing:border-box;width:85%;font-size:.8125rem}.nhf-medium-86{min-height:1px;box-sizing:border-box;width:86%;font-size:.8125rem}.nhf-medium-87{min-height:1px;box-sizing:border-box;width:87%;font-size:.8125rem}.nhf-medium-88{min-height:1px;box-sizing:border-box;width:88%;font-size:.8125rem}.nhf-medium-89{min-height:1px;box-sizing:border-box;width:89%;font-size:.8125rem}.nhf-medium-90{min-height:1px;box-sizing:border-box;width:90%;font-size:.8125rem}.nhf-medium-91{min-height:1px;box-sizing:border-box;width:91%;font-size:.8125rem}.nhf-medium-92{min-height:1px;box-sizing:border-box;width:92%;font-size:.8125rem}.nhf-medium-93{min-height:1px;box-sizing:border-box;width:93%;font-size:.8125rem}.nhf-medium-94{min-height:1px;box-sizing:border-box;width:94%;font-size:.8125rem}.nhf-medium-95{min-height:1px;box-sizing:border-box;width:95%;font-size:.8125rem}.nhf-medium-96{min-height:1px;box-sizing:border-box;width:96%;font-size:.8125rem}.nhf-medium-97{min-height:1px;box-sizing:border-box;width:97%;font-size:.8125rem}.nhf-medium-98{min-height:1px;box-sizing:border-box;width:98%;font-size:.8125rem}.nhf-medium-99{min-height:1px;box-sizing:border-box;width:99%;font-size:.8125rem}.nhf-medium-100{min-height:1px;box-sizing:border-box;width:100%;font-size:.8125rem}}@media only screen and (min-width:64.063em){.nhf-large-1{min-height:1px;box-sizing:border-box;width:1%;font-size:1rem}.nhf-large-2{min-height:1px;box-sizing:border-box;width:2%;font-size:1rem}.nhf-large-3{min-height:1px;box-sizing:border-box;width:3%;font-size:1rem}.nhf-large-4{min-height:1px;box-sizing:border-box;width:4%;font-size:1rem}.nhf-large-5{min-height:1px;box-sizing:border-box;width:5%;font-size:1rem}.nhf-large-6{min-height:1px;box-sizing:border-box;width:6%;font-size:1rem}.nhf-large-7{min-height:1px;box-sizing:border-box;width:7%;font-size:1rem}.nhf-large-8{min-height:1px;box-sizing:border-box;width:8%;font-size:1rem}.nhf-large-9{min-height:1px;box-sizing:border-box;width:9%;font-size:1rem}.nhf-large-10{min-height:1px;box-sizing:border-box;width:10%;font-size:1rem}.nhf-large-11{min-height:1px;box-sizing:border-box;width:11%;font-size:1rem}.nhf-large-12{min-height:1px;box-sizing:border-box;width:12%;font-size:1rem}.nhf-large-13{min-height:1px;box-sizing:border-box;width:13%;font-size:1rem}.nhf-large-14{min-height:1px;box-sizing:border-box;width:14%;font-size:1rem}.nhf-large-15{min-height:1px;box-sizing:border-box;width:15%;font-size:1rem}.nhf-large-16{min-height:1px;box-sizing:border-box;width:16%;font-size:1rem}.nhf-large-17{min-height:1px;box-sizing:border-box;width:17%;font-size:1rem}.nhf-large-18{min-height:1px;box-sizing:border-box;width:18%;font-size:1rem}.nhf-large-19{min-height:1px;box-sizing:border-box;width:19%;font-size:1rem}.nhf-large-20{min-height:1px;box-sizing:border-box;width:20%;font-size:1rem}.nhf-large-21{min-height:1px;box-sizing:border-box;width:21%;font-size:1rem}.nhf-large-22{min-height:1px;box-sizing:border-box;width:22%;font-size:1rem}.nhf-large-23{min-height:1px;box-sizing:border-box;width:23%;font-size:1rem}.nhf-large-24{min-height:1px;box-sizing:border-box;width:24%;font-size:1rem}.nhf-large-25{min-height:1px;box-sizing:border-box;width:25%;font-size:1rem}.nhf-large-26{min-height:1px;box-sizing:border-box;width:26%;font-size:1rem}.nhf-large-27{min-height:1px;box-sizing:border-box;width:27%;font-size:1rem}.nhf-large-28{min-height:1px;box-sizing:border-box;width:28%;font-size:1rem}.nhf-large-29{min-height:1px;box-sizing:border-box;width:29%;font-size:1rem}.nhf-large-30{min-height:1px;box-sizing:border-box;width:30%;font-size:1rem}.nhf-large-31{min-height:1px;box-sizing:border-box;width:31%;font-size:1rem}.nhf-large-32{min-height:1px;box-sizing:border-box;width:32%;font-size:1rem}.nhf-large-33{min-height:1px;box-sizing:border-box;width:33%;font-size:1rem}.nhf-large-34{min-height:1px;box-sizing:border-box;width:34%;font-size:1rem}.nhf-large-35{min-height:1px;box-sizing:border-box;width:35%;font-size:1rem}.nhf-large-36{min-height:1px;box-sizing:border-box;width:36%;font-size:1rem}.nhf-large-37{min-height:1px;box-sizing:border-box;width:37%;font-size:1rem}.nhf-large-38{min-height:1px;box-sizing:border-box;width:38%;font-size:1rem}.nhf-large-39{min-height:1px;box-sizing:border-box;width:39%;font-size:1rem}.nhf-large-40{min-height:1px;box-sizing:border-box;width:40%;font-size:1rem}.nhf-large-41{min-height:1px;box-sizing:border-box;width:41%;font-size:1rem}.nhf-large-42{min-height:1px;box-sizing:border-box;width:42%;font-size:1rem}.nhf-large-43{min-height:1px;box-sizing:border-box;width:43%;font-size:1rem}.nhf-large-44{min-height:1px;box-sizing:border-box;width:44%;font-size:1rem}.nhf-large-45{min-height:1px;box-sizing:border-box;width:45%;font-size:1rem}.nhf-large-46{min-height:1px;box-sizing:border-box;width:46%;font-size:1rem}.nhf-large-47{min-height:1px;box-sizing:border-box;width:47%;font-size:1rem}.nhf-large-48{min-height:1px;box-sizing:border-box;width:48%;font-size:1rem}.nhf-large-49{min-height:1px;box-sizing:border-box;width:49%;font-size:1rem}.nhf-large-50{min-height:1px;box-sizing:border-box;width:50%;font-size:1rem}.nhf-large-51{min-height:1px;box-sizing:border-box;width:51%;font-size:1rem}.nhf-large-52{min-height:1px;box-sizing:border-box;width:52%;font-size:1rem}.nhf-large-53{min-height:1px;box-sizing:border-box;width:53%;font-size:1rem}.nhf-large-54{min-height:1px;box-sizing:border-box;width:54%;font-size:1rem}.nhf-large-55{min-height:1px;box-sizing:border-box;width:55%;font-size:1rem}.nhf-large-56{min-height:1px;box-sizing:border-box;width:56%;font-size:1rem}.nhf-large-57{min-height:1px;box-sizing:border-box;width:57%;font-size:1rem}.nhf-large-58{min-height:1px;box-sizing:border-box;width:58%;font-size:1rem}.nhf-large-59{min-height:1px;box-sizing:border-box;width:59%;font-size:1rem}.nhf-large-60{min-height:1px;box-sizing:border-box;width:60%;font-size:1rem}.nhf-large-61{min-height:1px;box-sizing:border-box;width:61%;font-size:1rem}.nhf-large-62{min-height:1px;box-sizing:border-box;width:62%;font-size:1rem}.nhf-large-63{min-height:1px;box-sizing:border-box;width:63%;font-size:1rem}.nhf-large-64{min-height:1px;box-sizing:border-box;width:64%;font-size:1rem}.nhf-large-65{min-height:1px;box-sizing:border-box;width:65%;font-size:1rem}.nhf-large-66{min-height:1px;box-sizing:border-box;width:66%;font-size:1rem}.nhf-large-67{min-height:1px;box-sizing:border-box;width:67%;font-size:1rem}.nhf-large-68{min-height:1px;box-sizing:border-box;width:68%;font-size:1rem}.nhf-large-69{min-height:1px;box-sizing:border-box;width:69%;font-size:1rem}.nhf-large-70{min-height:1px;box-sizing:border-box;width:70%;font-size:1rem}.nhf-large-71{min-height:1px;box-sizing:border-box;width:71%;font-size:1rem}.nhf-large-72{min-height:1px;box-sizing:border-box;width:72%;font-size:1rem}.nhf-large-73{min-height:1px;box-sizing:border-box;width:73%;font-size:1rem}.nhf-large-74{min-height:1px;box-sizing:border-box;width:74%;font-size:1rem}.nhf-large-75{min-height:1px;box-sizing:border-box;width:75%;font-size:1rem}.nhf-large-76{min-height:1px;box-sizing:border-box;width:76%;font-size:1rem}.nhf-large-77{min-height:1px;box-sizing:border-box;width:77%;font-size:1rem}.nhf-large-78{min-height:1px;box-sizing:border-box;width:78%;font-size:1rem}.nhf-large-79{min-height:1px;box-sizing:border-box;width:79%;font-size:1rem}.nhf-large-80{min-height:1px;box-sizing:border-box;width:80%;font-size:1rem}.nhf-large-81{min-height:1px;box-sizing:border-box;width:81%;font-size:1rem}.nhf-large-82{min-height:1px;box-sizing:border-box;width:82%;font-size:1rem}.nhf-large-83{min-height:1px;box-sizing:border-box;width:83%;font-size:1rem}.nhf-large-84{min-height:1px;box-sizing:border-box;width:84%;font-size:1rem}.nhf-large-85{min-height:1px;box-sizing:border-box;width:85%;font-size:1rem}.nhf-large-86{min-height:1px;box-sizing:border-box;width:86%;font-size:1rem}.nhf-large-87{min-height:1px;box-sizing:border-box;width:87%;font-size:1rem}.nhf-large-88{min-height:1px;box-sizing:border-box;width:88%;font-size:1rem}.nhf-large-89{min-height:1px;box-sizing:border-box;width:89%;font-size:1rem}.nhf-large-90{min-height:1px;box-sizing:border-box;width:90%;font-size:1rem}.nhf-large-91{min-height:1px;box-sizing:border-box;width:91%;font-size:1rem}.nhf-large-92{min-height:1px;box-sizing:border-box;width:92%;font-size:1rem}.nhf-large-93{min-height:1px;box-sizing:border-box;width:93%;font-size:1rem}.nhf-large-94{min-height:1px;box-sizing:border-box;width:94%;font-size:1rem}.nhf-large-95{min-height:1px;box-sizing:border-box;width:95%;font-size:1rem}.nhf-large-96{min-height:1px;box-sizing:border-box;width:96%;font-size:1rem}.nhf-large-97{min-height:1px;box-sizing:border-box;width:97%;font-size:1rem}.nhf-large-98{min-height:1px;box-sizing:border-box;width:98%;font-size:1rem}.nhf-large-99{min-height:1px;box-sizing:border-box;width:99%;font-size:1rem}.nhf-large-100{min-height:1px;box-sizing:border-box;width:100%;font-size:1rem}}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.nif-dialog-content{display:flex;flex-direction:column;align-items:flex-start;padding:0rem}.nif-dialog-list{list-style-type:none;padding:0;margin:1rem 0;width:100%}.nif-dialog-item{display:flex;align-items:center}.nif-dialog-item:last-child{border-bottom:none}.nif-dialog-link{text-decoration:none;color:#001e5f}.nif-dialog-link:hover{color:#95012c}.nif-dialog-delete{font-size:1.125rem;color:red;cursor:pointer;margin-right:8px}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.button{height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0 2rem;font-size:1rem;border:1px solid rgba(0,0,0,0);background-color:#001e5f;cursor:pointer;transition:background-color .2s ease;border-radius:22px;color:#fff}.button:hover,.button:focus{background-color:#002e8e;border-color:var(--vue-ctrl-border-hover)}.button--square{height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0 2rem;font-size:1rem;border:1px solid rgba(0,0,0,0);background-color:#001e5f;cursor:pointer;transition:background-color .2s ease;border-radius:0;color:#fff}.button--square:hover,.button--square:focus{background-color:#002e8e;border-color:var(--vue-ctrl-border-hover)}.pagination-buttons{display:flex;gap:8px;margin-top:1rem}a.button{text-decoration:none;border-radius:22px}a.button:hover,a.button:focus,a.button:visited,a.button:active{text-decoration:none}button.link,.button.link{border-radius:22px;box-shadow:0 0 0 1px rgba(0,30,95,.3);font-weight:500;overflow:hidden;padding:.5rem 1.5rem;margin:0;background-color:#fff;border:1px solid #001e5f;color:#001e5f}button.link-small,.button.link-small{padding:.25rem 1.5rem;box-shadow:0 0 0 0 #001e5f;font-size:.9rem}button.link:hover,button.link:focus,.button.link:hover,.button.link:focus{background-color:#001e5f;color:#fff}button.link-notext,.button.link-notext{padding:18px 45px;background-image:url(/gfx/arrowIcon-darkblue.png);background-repeat:no-repeat;align-content:center;background-position:center;background-size:30%}button.link-notext-small,.button.link-notext-small{padding:13px 35px;background-size:25%}button[data-f-type=submitbutton]{height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0 2rem;font-size:1rem;border:1px solid rgba(0,0,0,0);background-color:#001e5f;cursor:pointer;transition:background-color .2s ease;border-radius:22px;color:#fff}button[data-f-type=submitbutton]:hover,button[data-f-type=submitbutton]:focus{background-color:#002e8e;border-color:var(--vue-ctrl-border-hover)}button[data-f-type=submitbutton]:hover,button[data-f-type=submitbutton]:focus{background-color:#002e8e}.button-white{height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0 2rem;font-size:1rem;border:1px solid rgba(0,0,0,0);background-color:#001e5f;cursor:pointer;transition:background-color .2s ease;border-radius:22px;color:#fff}.button-white:hover,.button-white:focus{background-color:#002e8e;border-color:var(--vue-ctrl-border-hover)}.button-white{background-color:#fff;border:1px solid #ccc;color:#001e5f}.button-white:hover,.button-white:focus{background-color:rgba(0,30,95,.08);color:#002e8e}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.hidden{display:none !important}ul.list-unstyled,ol.list-unstyled{list-style:none;margin-left:0}ul.list-unstyled li:first-child,ol.list-unstyled li:first-child{margin-left:0}body,a,p,li,label,span,button,h1,.header1,h2,.header2,h3,.header3,h4,.header4,h5,.header5,h6,.header6{font-family:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bold{font-weight:700}.semibold{font-weight:600}h1,.header1,h2,.header2,h3,.header3,h4,.header4,h5,h6{font-weight:600;word-break:break-word}h1,.header1{font-size:1.5rem}h2,.header2{font-size:1.375rem;line-height:1.4;letter-spacing:.02em}h3,.header3{font-size:1.375rem}h4,.header4{font-size:1.125rem}h5,.header5{font-size:1rem;margin-bottom:7px}h6,.header6{font-size:.875rem}body,p,li,span{font-size:1rem}p.leadtext{font-weight:700}p.meta{font-size:.8125rem;margin:5px 0}a{color:#000;text-decoration:underline}a:hover,a:active,a:focus{color:#95012c}.no-margin-right{margin-right:0}.header-button{height:2.8rem;padding:0 .75rem;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:22px;border:1px solid var(--vue-ctrl-border);background-color:var(--vue-ctrl-background);transition:background-color .2s ease,border-color .2s ease;cursor:pointer}.header-button:hover{border-color:var(--vue-ctrl-border-hover)}.header-button.selected{background-color:#e0e0e0}.header-button .icon{font-size:1.375rem;color:#333}.header-button .text{margin-left:8px;font-size:1rem;color:#333;font-weight:500}@media(max-width: 768px){.header-button .text{display:none}}.header-button-icon{font-size:1.375rem;color:#333;display:flex;align-items:center;justify-content:center}.header-button--icon{width:3rem;padding:0;border-radius:50%}.favorites-text{margin-left:8px;font-size:1rem;color:#333;font-weight:500}@media(max-width: 768px){.favorites-text{display:none}}.favorite-delete-hitbox{padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.favorite-delete-hitbox:hover{background-color:#f0f0f0;border-radius:4px}.sb-topbar{display:flex;align-items:center;justify-content:space-between}.sb-nav-button{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;font-weight:500;background:none;border:none;border-radius:22px;color:inherit;text-decoration:none;transition:background-color .2s ease}.sb-nav-button i{margin-right:.5rem;font-size:1.1rem}.sb-nav-button:hover{background-color:#f0f0f0}.sb-close{background:none;border:none;cursor:pointer}.sb-close i{font-size:1.2rem}.menu-container{height:100%;overflow-y:auto;background:#fff;padding-bottom:1rem}.menu-list{list-style:none;padding:0;margin:0}.menu-title-link{display:block;padding:.75rem 1rem;text-decoration:none;color:inherit;font-weight:500;transition:color .2s ease}.menu-title-link:hover{color:var(--primary-color, #007ad9)}.menu-link,.favorite-link{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;cursor:pointer;text-decoration:none;color:inherit}.menu-link:hover,.favorite-link:hover{background-color:#f8f8f8}.menu-link.nested,.nested.favorite-link{cursor:pointer}.menu-list--nested-open{padding-left:0}.menu-item--nested-open{list-style:none}.menu-link--open-parent{font-weight:500}.menu-link--nested-open{padding-left:3.25rem;font-size:.95rem}.menu-item.active>.menu-link,.menu-item.active>.favorite-link{font-weight:bold;color:#333 !important;background-color:#eef6ff}.menu-item-important .menu-link,.menu-item-important .favorite-link,.menu-item-important .menu-link span,.menu-item-important .favorite-link span{font-weight:bold;color:var(--text-color, #212121)}.favorite-link{padding-left:1rem !important;padding-bottom:4px;padding-top:4px}.favorite-add-button{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);cursor:pointer;font-size:1rem;display:flex;align-items:center}.favorite-add-button:hover{background-color:#f8f8f8}.favorite-add-button i{margin-left:.5rem}.p-sidebar.menu-sidebar .menu-title-link.favorite-add-button{padding-bottom:15px !important}.right-icon{flex-shrink:0;font-size:1rem;opacity:.5;transform:translateX(-0.25rem)}:root{--main-header-height: 90px;--main-header-height-mobile: 76px}.app-menubar{position:fixed;top:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0);transition:transform .25s ease-in-out}.main-header-hidden .app-menubar{transform:translateY(-100%)}.toolbar-content{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.logo-section{min-height:90px;display:flex;align-items:center;justify-content:center}.logo-section img.logo{height:76px;width:auto;max-height:none;image-rendering:high-quality}@media(max-width: 768px){.logo-section{min-height:76px}.logo-section img.logo{height:58px;width:auto}}#megamenu{background-color:#f0f0f0}#megamenu a{color:#f53241;text-decoration:none}#megamenu a:hover,#megamenu a:active{color:#95012c}#megamenu ul.navigation-items{margin:0}#megamenu .inline-list>li:first-of-type{margin-left:0}#megamenu .inline-list>li{margin-left:1.5625rem}#megamenu .inline-list>li>a{font-weight:600;font-size:1.0625rem;color:#333;line-height:22px;text-transform:uppercase;border-top:3px solid #f0f0f0;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px}#megamenu .inline-list>li>a.selected,#megamenu .inline-list>li>a:hover{border-top:3px solid #f53241;background-color:#f6f6f6;overflow:hidden}.header .megamenu ul.sub li:hover a{background-repeat:no-repeat;background-position:95%;display:block}.header .search{margin:20px 0 46px 0}.header .search .tools{margin-bottom:10px}.header .search .tools a{margin-right:10px}.header .search .tools a span.size-1{font-size:.875rem}.header .search .tools a span.size-2{font-size:1.1875rem}.header .search .tools a span.size-3{font-size:1.375rem}.header .search .tools .tool-logo{max-height:50px}.header .search .tools .tool-text{margin-bottom:8px}.header .search .searchfield{border-right:none}.header .search .searchbutton{background-color:#f53241;color:#fff;font-family:"icomoon";speak:none;font-size:1.0625rem;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}.mobile .header ul.title-area{margin:1rem 0 1rem 0rem}.header-section{padding-top:110px;transition:padding-top .3s ease}@media(max-width: 768px){.header-section{padding-top:60px}}.is-hidden .header-section{padding-top:0}.p-input-icon-left>svg:first-of-type,.p-input-icon-left>i:first-of-type{left:25px !important;color:#333 !important}.submenuWrapper{background-color:#f6f6f6 !important;color:#f53241}.submenuWrapper ul{list-style:none;margin-bottom:0}.submenuWrapper ul li{padding-left:5px;padding-top:10px;padding-bottom:10px}.submenuWrapper ul li ul{top:0;left:40%;display:block;position:absolute}.submenuWrapper ul li:hover,.submenuWrapper ul li:active,.submenuWrapper ul li:focus{text-decoration:underline}.submenuWrapper ul li.title{color:#000;text-transform:uppercase;font-weight:600}.no-decoration,#header-grey a{text-decoration:none}.header-grey{background-color:#f0f0f0}strong{font-variant:normal}p,strong,div,span{font-size:1rem}h1,h2,h3,h4{font-variant:normal}h4{font-size:1rem}.logo-container{margin-top:1rem}.header .krets{position:relative;display:block;max-width:175px}.header .krets div{height:100%;position:absolute;bottom:0}.top-bar-section ul li>a{text-decoration:none}.top-bar-section ul li>a:hover,.top-bar-section ul li>a:active,.top-bar-section ul li>a:focus{text-decoration:none}.top-bar-section ul li.sub-exists>a:first-of-type{background-image:url(/gfx/down-arrow-black.svg);background-repeat:no-repeat;background-position:95%}.top-bar-section ul li.sub-exists>a.selected:first-of-type{background-image:url(/gfx/up-arrow-black.svg);background-repeat:no-repeat;background-position:95%}.top-bar-section .megamenu{background-color:#fff}.top-bar-section .megamenu ul{margin:0}.top-bar-section .megamenu ul.sub li a{background-color:#fff;padding-left:.5rem}.header2 .logo{margin:1rem 0 1rem 0rem}.header .logo,.header2 .logo{width:100px;margin:1rem 0 1rem 0rem}.header .kretslogo,.header2 .kretslogo{max-height:73px;margin:1rem 0 1rem 0rem}.header .contain-to-grid,.header2 .contain-to-grid{background-color:#f0f0f0 !important}@media only screen and (min-width: 641px){.header .dropdown-wrapper,.header2 .dropdown-wrapper{padding:10px 0}.header .contain-to-grid,.header2 .contain-to-grid{width:100%}.header .top-bar-section .has-dropdown,.header2 .top-bar-section .has-dropdown{position:relative}.header .top-bar-section ul li,.header2 .top-bar-section ul li{float:left}}.header .header nav.top-bar2 .top-bar-section .submenu .megamenu,.header2 .header nav.top-bar2 .top-bar-section .submenu .megamenu{margin:0}.header .header .sub-canvas,.header2 .header .sub-canvas{min-height:initial}.header .megamenu .sub-container,.header2 .megamenu .sub-container{background-color:#fff}.header .megamenu ul.sub li,.header2 .megamenu ul.sub li{background-color:#fff}.header .megamenu ul.sub li a,.header2 .megamenu ul.sub li a{background-color:#fff;color:#000}nav.top-bar2{line-height:45px;position:relative}nav.top-bar2 ul{list-style:none}nav.top-bar2 .title-area{text-align:right;margin-bottom:0}nav.top-bar2 .title-area button{background-color:#f0f0f0;border:none;padding:0}nav.top-bar2 .title-area .name span{color:#000;line-height:45px;font-size:1.0625rem}nav.top-bar2 .toggle-topbar{position:static;right:0;top:0;background-color:#f0f0f0}nav.top-bar2 .toggle-topbar a{text-transform:none;text-decoration:none;display:block}nav.top-bar2 .toggle-topbar a span.icon-list{color:#000;text-decoration:none;font-size:1.875rem}nav.top-bar2 .top-bar-section{margin-bottom:1px solid #000}nav.top-bar2 .top-bar-section>ul>li{background-color:#f0f0f0}nav.top-bar2 .top-bar-section>ul>li>a{font-size:1rem;text-transform:uppercase;text-decoration:none;padding:.5rem 0 .5rem .5rem;color:#000}.submenu{transition:height .25s ease-out;opacity:0;height:0;display:none;background-color:#f6f6f6}.submenu .megamenu ul li{padding:0rem 0}.submenu .megamenu ul li:hover:not(.has-form)>a{color:#f53241}.submenu .megamenu ul li a{font-size:1rem;display:block;text-decoration:none;text-transform:none;border-bottom:1px solid #000;margin:0 .5rem 0 0;padding:.5rem 0 .5rem 0rem;margin-bottom:1px;color:#f53241}.submenu .megamenu ul li a:hover,.submenu .megamenu ul li a:active{border-bottom:1px solid #f53241}.itemContainer{width:20%;float:left;padding:.5rem}.itemContainer a:hover{color:#95012c;border-bottom:2px solid #95012c;padding-bottom:3px}.secondLevel{font-weight:700}.white-bg{background-color:#fff}.mobile-menu{padding:.5em 1em .5rem 1rem}.mobile-menu a{color:#000}.mobile-menu .icon-list{font-size:2rem;line-height:1.5rem}.header,.panel-container{background:#f5f5f5}.header-container{position:relative;z-index:10;width:100%;background-color:#f0f0f0}.sub-header{position:fixed;top:var(--actual-header-height, 90px);left:0;width:100%;z-index:999;background-color:var(--sub-header-bg, #003478);color:#fff;transform:translateY(0);transition:transform .25s ease-in-out}.sub-header-content{max-width:1000px;margin:0 auto;padding:.35rem 1rem}.sub-header-title{font-size:.9rem;font-weight:600;letter-spacing:.02em;padding-left:10px;color:#fff;text-decoration:none}a.sub-header-title{transition:color .15s ease}a.sub-header-title:hover{text-decoration:underline;color:#fff}.main-header-hidden .sub-header{transform:translateY(calc(-1 * var(--actual-header-height, 90px)))}.main-content{margin-top:91px;flex-grow:1}.header-container:has(.sub-header)+.main-content{margin-top:121px}@media(max-width: 768px){.main-content{margin-top:77px}.header-container:has(.sub-header)+.main-content{margin-top:107px}}#main-search{border:none;border-bottom:3px solid #f53241;background-color:#f0f0f0;box-shadow:none}* html #main-search{padding-top:0}.header-grey #main-search{background-color:#f2f2f2}.absolute{position:absolute}.relative{position:relative}#search-button{right:1%;top:3.5rem}#search-button button:active,#search-button button:visited,#search-button button:focus{border:none !important}.margin-top-no-link{margin-top:3rem}nav[role=navigation]{background-color:#616769;background-color:#fff}.nav-menu{display:block;position:relative;list-style:none;margin:0;padding:0;z-index:15}ul.nav-menu{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0}.nav-menu .nav-item>a{display:block}ul.title-area span{color:#000;font-size:3.4375rem !important}ul.title-area li{list-style-type:none;padding-left:.5rem;padding-right:.5rem}ul.title-area a{text-decoration:none}.nav-item{list-style:none;padding:0;border-bottom:2px solid #fff}.nav-item:hover{border-bottom:2px solid #0081c8}.nav-item:hover .sub-nav a{border-bottom:1px solid none}.nav-item>a{position:relative;display:inline-block;padding:0;border:1px solid rgba(0,0,0,0);text-decoration:none;color:#303030}.nav-item>a:focus,.nav-item>a.open{color:#616769}.nav-item>a.open{color:#303030;border-bottom:none;z-index:1}.sub-nav{display:none;left:0;margin-top:-1px;width:100%}.sub-nav.open{display:block}.sub-nav ul{display:inline-block;vertical-align:top;margin:0 1em 0 1rem;padding:0}.sub-nav li{display:block;list-style-type:none;margin:0;padding:0;width:100%;padding:.5rem 0;border-bottom:1px solid #797979}.sub-nav li:hover{border-bottom:1px solid #0081c8;display:block;width:100%}.sub-nav li a{color:#f53241;padding:0}.sub-nav li a:hover{color:#f53241}.full-width{width:100%}.open-clicked{display:block}@media only screen and (min-width: 40.063em){.header .logo{width:145px}.header .search{display:block;margin:20px 0 20px 20px}.header .search .searchfield{min-width:250px}.header #main-search{border:none;border-bottom:2px solid #f53241}.header nav.top-bar2{overflow:visible}.header nav.top-bar2 .top-bar-section{margin-bottom:0}.header nav.top-bar2 .top-bar-section>ul>li>a{font-size:.8125rem;text-transform:uppercase;border-bottom:none}.header nav.top-bar2 .top-bar-section li.sub-container{position:absolute;top:45px;left:0;right:0;width:100%;background-color:#fff}.header nav.top-bar2 .top-bar-section .submenu .columns{padding-left:.9375rem;padding-right:.9375rem}.header nav.top-bar2 .top-bar-section .submenu .megamenu{margin-top:31px}.header nav.top-bar2 .top-bar-section .submenu .megamenu ul.sub{margin-top:0}.header nav.top-bar2 .top-bar-section .submenu .megamenu ul.sub li{float:none;background:#fff}.header nav.top-bar2 .top-bar-section .submenu .megamenu ul.sub li a{background:#fff;color:#000;padding:0px 10px;font-size:.875rem;border-bottom:1px solid #f0f0f0}.header nav.top-bar2 .top-bar-section .submenu .megamenu ul.sub li a:hover{border-bottom:1px solid #f53241}}section.header{background-color:#f0f0f0}nav[role=navigation],.top-bar{background-color:#fff}meta.foundation-mq-topbar{width:48em}.mobile .megamenu{border-bottom:.5rem solid #f2f2f2;padding-bottom:.5rem}.margin-search-mobile{margin-top:.5rem}.margin-search-mobile input{margin-bottom:0}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#f0f0f0;color:#000}@media only screen and (min-width:40.063em){#megamenu .inline-list>li.sub-exists:first-of-type{margin-left:0}#megamenu .inline-list>li.sub-exists{margin-left:2.5rem}}@media only screen and (min-width:40.063em)and (max-width:64em){#megamenu .inline-list>li.sub-exists:first-of-type{margin-left:0}#megamenu .inline-list>li.sub-exists{margin-left:.03125rem}}.padding-top-tiny,.fa-chevron-right{padding-top:5px}.icon-menu .icon-uniE609{position:absolute;left:10px;top:20%;font-size:2rem}.menu-holder{position:relative;border-bottom:2px solid #bebebe;background-color:#fff}.slide-in-level-2,.slide-in-level-3{top:0;position:absolute;width:100%}.level-1{padding:0}.full-width{width:100%}.full-width-pad{width:100vw;margin-left:calc(-50vw + 50%);padding-left:1rem;padding-right:1rem}.white-bg{background-color:#fff}.slide-in-level-1,.slide-out-level-2{left:0}.slide-in-level-2{width:100%}.menuitem-2{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:capitalize}.menuitem-2 span.icon-arrow-left{margin-top:10px;color:#f53241}.menuitem-3{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.back,.start{width:50%;float:left;border-top:none;border-bottom:4px solid #bebebe;background-color:#ececec}.back:hover,.start:hover{cursor:pointer}.start{text-align:right}.start span.icon-arrow-left{color:#f53241}.back.full-width{width:100%}.inner{overflow:auto;padding:0}.slide-out-level-2{top:0;position:absolute;background-color:#d6d6d6;width:100%}.slide-out-level-3{top:0;position:absolute;background-color:#ccc;width:100%}.top-border{background-color:#fff;border-bottom:2px solid #bebebe}.top-border span.icon-uniE609{color:#f53241}.top-border a{color:#000;text-decoration:none}.top-border a:hover{text-decoration:none}.top-border:hover{border-bottom:2px solid #f53241}.top-border,.back,.start{padding:.5rem 1rem}.left-2000{left:2000px}.left-0{left:0}.activePos{left:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.slide-out.level-1>div>div{border-top:1px solid gray}.level-3-wrapper{position:absolute;top:0;width:100%;background-color:#fff;height:100%}.level-1 div,.level-2 div,.level-3 div{line-height:2rem}.hidelevel1{overflow:hidden}.mobile span{margin-top:2%}.mobile span .icon-uniE609{font-size:2rem;line-height:2rem}.mobile span.icon-list{margin-top:10%}.mobile ul{list-style-type:none}.margin-right-small{margin-right:1rem}.a-width{width:auto}.back{border-right:1px solid #fff !important}.back span.icon-arrow-left{margin-right:5px;color:#f53241}.menuitem-1{text-transform:uppercase}.menuitem-1 a{text-decoration:none;display:block}.menuitem-1 a:hover{text-decoration:none;color:#000}.menuitem-1:hover{text-decoration:none;border-bottom:2px solid #f53241}.thirdLevelTitle{border-bottom:2px solid #f53241;font-weight:600}.thirdLevelTitle span.right{margin-top:0}.right{float:right !important}button#secondLevel{color:#000;background-color:#fff;border:none;padding:0;padding-top:.5rem;margin-bottom:0}#secondLevel,#thirdLevel{display:block}.footer{background-color:#001e5f;padding:30px 0;color:#fff}.footer .border-holder{border-left:none;padding-left:20px}.footer .border-holder .header4{font-weight:600;color:#fff;padding-top:.9375rem}.footer .border-holder p{margin-bottom:0;font-size:.875rem;padding-top:.9375rem}.footer .border-holder span{font-size:.875rem}.footer .border-holder a.email{color:#fff;text-decoration:underline}.footer .social{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:40px 0;padding-left:0;list-style:none}.footer .social li{list-style-type:none;margin-left:0}.footer .social a{color:#fff;padding:5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.footer .social a i,.footer .social a span{font-size:1.875rem}@media only screen and (min-width:40.063em){.footer .social{margin-top:0;padding-top:1.25rem}.footer .margin-bottom{bottom:40px}.footer a.email{color:#fff;text-decoration:underline}.footer .border-holder{border-left:3px solid #fff;padding-left:20px}}@media only screen and (min-width:40.063em)and (max-width:64em){.footer .social{margin-top:0;padding-top:1.25rem}.footer .border-holder{border-left:3px solid #fff;padding-left:20px}}.navigation-list{margin-bottom:1.875rem}.navigation-list ul li{padding:1rem;background-color:#f0f0f0;border-radius:10px;margin-bottom:10px}.navigation-list ul li:hover{background-color:#f0f5f5}.navigation-list ul li a{text-decoration:none}.navigation-list ul li a h3:hover,.navigation-list ul li a h3:active,.navigation-list ul li a h3:focus{text-decoration:underline;color:#f53241}.navigation-list ul li a .header5{margin:0px;font-weight:700}.navigation-list.mod-single{margin-bottom:0}.navigation-list.mod-single ul{margin-bottom:0px}.navigation-list .columns{padding-left:0;padding-right:0}@media only screen and (min-width:40.063em){.navigation-list .columns{padding-left:.9375rem;padding-right:.9375rem}}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.frontpage{background:#f5f5f5;margin-top:0px;overflow:hidden}.frontpage .header-image figure,.frontpage .header-image div{margin:0 !important}.frontpage .box-icon{padding:1rem;overflow:hidden;background-color:#fff;display:block;text-decoration:none;margin:0 .5rem;box-sizing:border-box;border-top:1px solid #001e5f}.frontpage .box-icon img{margin:0 auto;display:block}.frontpage .box-icon h2{font-size:1rem;text-decoration:none;text-transform:uppercase;margin:.5rem 0;line-height:.8rem;padding-top:.2rem;padding-bottom:.2rem}@media only screen and (max-width: 40em){.frontpage .box-icon h2{font-size:.875rem}}.frontpage .box-icon:hover{background-color:#d8d8d8}.frontpage .panel-container .grid-x{margin-left:-0.5rem;margin-right:-0.5rem}.frontpage .panel-container .grid-x>.cell{padding-left:.5rem;padding-right:.5rem;padding-bottom:1rem;box-sizing:border-box}.frontpage .panel-container .box-icon{border-radius:14px;padding:.8rem .2rem;overflow:hidden;background-color:#fff;display:block;text-decoration:none;box-sizing:border-box;border:1px solid #e2e4e4;margin:0;width:100%}.frontpage .panel-container .grid-x>.cell{flex-grow:0;flex-shrink:0}.frontpage .panel-container .box-icon:hover{background-color:#d8d8d8}.frontpage .panel h2{margin-top:0}.frontpage .panel{border:none}.frontpage .panel .flex-video{margin-bottom:1.25rem !important}.frontpage .panel.white{background-color:#fff;border-color:rgba(0,52,120,.25)}.frontpage .panel.pink{background-color:#000;border-color:rgba(0,52,120,.25)}.frontpage .panel.grey-dark{background-color:#003478;border:none}.frontpage .panel.grey{background-color:rgba(0,52,120,.75);border:none}.frontpage .panel.blue{background-color:#002e8e;border:none}.frontpage .panel.orange-top{border-top:3px solid #000;padding-top:0}.frontpage .panel.nothing{border:0;background-color:rgba(0,0,0,0);margin-bottom:0;padding:0}.frontpage a.panel{display:block;text-decoration:none}.frontpage a.panel h2{color:#001e5f}.frontpage a.panel:hover h2{text-decoration:underline;color:#f53241}.frontpage .panel a{text-decoration:none}.frontpage .panel a h2{color:#001e5f}.frontpage .panel a:hover h2{text-decoration:underline;color:#f53241}.frontpage a.panel.hide-news{display:none}.frontpage .panels .panel{padding:20px 10px 10px 10px;min-height:151px;margin-bottom:0;text-decoration:none}.frontpage .panels .panel.white{border-color:rgba(0,132,200,.25)}.frontpage .panels .panel img{margin-bottom:10px}.frontpage .panels .panel h2{font-size:1.25rem}.frontpage .panels .panel:hover h2{text-decoration:none;color:#000}.frontpage .promotion{margin-top:20px;background-color:#f5f5f5;margin-bottom:.9375rem}.frontpage .promotion h2:hover{text-decoration:underline !important;color:#f53241}.frontpage .promotion a:hover{text-decoration:none}.frontpage .promotion span.right img{margin-bottom:30px}.frontpage .read-more{padding:.5rem;text-align:center;text-decoration:none;display:block;position:relative;font-variant:normal;margin-bottom:70px;margin-top:40px}.frontpage .read-more span{margin-right:1rem;color:#f53241;font-size:1.25rem}.frontpage hr.divider{border-bottom:3px solid rgba(0,52,120,.75)}.frontpage hr.divider.grey{border-bottom-color:#003478}.frontpage hr.divider.orange{border-bottom-color:rgba(0,52,120,.25)}.frontpage a.annonseFrontpage img{margin-top:10px;margin-bottom:10px}.frontpage .highlighted-news{width:100%;background:rgba(0,128,200,.2);padding:1rem 0}.frontpage a:hover h4{color:#f53241}.frontpage ul.calendar{padding-left:0rem}.frontpage ul.calendar li:first-of-type a{border-top:1px solid #979797}.frontpage ul.calendar li{border-bottom:1px solid #979797}.frontpage ul.calendar li a{text-decoration:none;display:block;padding:1rem 0 1rem;background-repeat:no-repeat;background-position:97%;position:relative}.frontpage ul.calendar li a .date{background-color:#fff;background-repeat:no-repeat;background-position:50% 20%;color:#000;padding-left:.1rem;font-weight:600}.frontpage ul.calendar li a .date-header{position:absolute;margin-right:2rem;font-size:1rem;padding-left:.5rem;white-space:nowrap;width:67%;overflow:hidden;text-overflow:ellipsis}.frontpage ul.calendar li a .dotdivider:before{content:" ●";font-size:.625rem;margin-left:0}.frontpage ul.calendar li a .icon-uniE609{font-size:.875rem;font-weight:bold;line-height:26px}.frontpage .news{padding:1rem 0}.frontpage .news-list li{border-bottom:1px solid #f53241}.frontpage .news-reel{padding-top:10px}.frontpage .news-reel .panel>img{margin-bottom:1.25rem}.frontpage .news-reel .panel.pink{text-align:center}.frontpage .news-reel .panel.pink h2{color:#fff}.frontpage .news-reel .pink-border-top{border-top:3px solid #f53241}.frontpage .read-more.clickable{cursor:pointer;user-select:none;background-color:#fff}.frontpage .read-more.clickable:hover{text-decoration:none}.frontpage .frontpage-header{color:#000;padding:5px 0px 5px 20px;margin-top:0;margin-bottom:10px}.frontpage .support-btn div{margin-bottom:20px}.frontpage .support-btn div a{border-radius:22px;background-color:#001e5f;color:#fff;display:block;position:relative;text-decoration:none;text-transform:uppercase;padding:.75rem .5rem .5rem 1rem}.frontpage .support-btn div a:hover{background-color:#002e8e}@media only screen and (min-width: 40.063em){.frontpage{margin-top:0}.frontpage .panels .panel{margin-bottom:1.25rem}}@media only screen and (min-width:40.063em){.frontpage{margin-top:0}}.article{background-color:#fdfdfd}.article.article-grey{background-color:#f5f5f5}.article.background-adapt{background-color:#fbfbfb}@media(max-width: 640px){.article.background-adapt{background-color:#f5f5f5}}.article figure{margin:10px 0 20px 0}.article figure .no-margin-top{margin-top:0}.article figure img{width:100%;height:auto}.article .articleImage{margin-bottom:20px}.article .articleImage figure{margin-bottom:0}.article .articleImage .header1{margin-top:0}.article .header-image-label{bottom:30px;padding-left:20px;padding-right:20px}.article .byline{margin-bottom:20px;padding:4px 0 4px 0;border-top:1px solid #d8d8d5;color:#575757}.article .byline .leftSide span{font-size:.75rem}.article .byline a{text-decoration:none}.article .byline ul{margin:0}.article .byline .date,.article .byline .author{line-height:15px}.article .byline-bottom{border-bottom:1px solid #d8d8d5}.article .relatedBlock{width:100%;margin-left:auto;margin-right:auto;padding:40px 0 40px 0;max-width:initial;background-color:#f0f0f0}.article .relatedBlock h1.semibold{margin-bottom:.625rem}.article .relatedBlock ul a{color:#000;text-decoration:none}.article .relatedBlock ul a:hover,.article .relatedBlock ul a:active,.article .relatedBlock ul a:focus{color:#f53241;text-decoration:underline}.article .relatedBlock ul li{border-top:1px solid #979797;padding:10px 10px 10px 0}.article .relatedBlock ul li.borderbottom{border-bottom:1px solid #979797;padding-bottom:1.25rem}.article .relatedBlock .relaterte,.article .relatedBlock .shortcut{background-color:#fff;margin-bottom:20px;padding:20px}@media only screen and (min-width:40.063em){.article .byline .author{float:right}.article figure .no-margin-top{margin-top:0}.article .header-image-label{bottom:15px !important;padding-left:20px;padding-right:20px}.article .articleImage figure{margin-bottom:0}.article .articleImage .header1{margin-top:0}.relatedBlock{padding:20px 0 50px 0}.relatedBlock .relaterte{border-top:3px solid #f53241;margin-bottom:0}.relatedBlock .shortcut{border-top:3px solid #fecb00;margin-bottom:0}}.calendar-main-item img.main-image{width:100%;margin-bottom:1.5rem;margin-top:1rem}.calendar-main-item p{margin:1rem 0}.authored-time-place{padding:0 0 1.5rem 0}.authored-time-place span{margin-right:.5rem;margin-left:.5rem}.authored-time-place .meta-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;vertical-align:text-bottom}.authored-time-place .meta-icon-svg{width:18px;height:18px;display:block}.authored-time-place .text-red{color:#ef4444}.authored-time-place .text-grey{color:#9ca3af}.documentlistblock ul>li{border-bottom:1px solid #979797}.documentlistblock ul>li>a{text-decoration:none;display:block;padding:.5rem 0 .5rem;background-repeat:no-repeat;background-position:97%;position:relative}.documentlistblock ul>li:hover{border-bottom:1px solid #f53241}.documentlistblock ul .file-description{font-style:italic;font-size:.875rem;padding-bottom:.5rem}.employeeblock{margin-bottom:10px}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.info-section{background:#fff;border-radius:14px;border:1px solid #d8d8d5;margin:1rem 0;padding:2rem}.info-section.info-grey{background:#fbfbfb}@media(max-width: 768px){.info-section{padding:1.5rem;margin:1rem 0}}@media(max-width: 480px){.info-section{padding:1rem}}info-section figure img{max-width:100%;height:auto;width:auto}.info-section--compact{padding:1.5rem}@media(max-width: 768px){.info-section--compact{padding:1rem}}.listblock-container{background-color:#fff;border-top:1px solid #f53241;padding-left:.5rem;padding-right:.5rem}.listblock-container li:hover{margin-bottom:-1px;border-bottom:3px solid #f53241}.listblock-container>a{text-decoration:none}.listblock-container>a h5:after{content:"";float:right;color:#f53241;font-size:1rem;font-family:"icomoon";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.listblock-container>a.active h2:after{content:""}.listblock-container a{color:#000}.listblock-container a:hover{text-decoration:none}.listblock-container a.view-calendar:hover{text-decoration:underline;color:#95012c}.listblock-container p{padding-left:0rem}.listblock-container .icon-uniE609{color:#f53241}.listblock-container ul li{border-bottom:1px solid #979797}.listblock-container ul li:first-of-type a{border-top:1px solid #979797}.listblock-container ul li a{text-decoration:none;display:block;padding:.5rem 0 .5rem;background-repeat:no-repeat;background-position:97%;position:relative}.listblock-container ul .file-description{font-style:italic;font-size:.875rem;padding-bottom:.5rem}.listblock-container .listblock-item{text-decoration:none}.listblock-container .listblock-item p{float:left;padding-right:.5rem}.listblock-container .listblock-item img{float:left}.listblock-container .listblock-item div{width:50%}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.listing{background-color:#fff}.listing h2{color:#000;font-weight:600}.listing ul.results{border-top:1px solid #bab9bb;margin:20px 0 30px 0}.listing ul.results li{border-bottom:1px solid #bab9bb;padding:16px 0}.listing ul.results li a{text-decoration:underline;font-size:1.125rem;color:#000}.listing ul.results li p{margin-bottom:0px}.listing .date{font-size:.75rem;color:#333;line-height:15px;margin-bottom:.625rem}.listing form button{background-color:#002e8e;display:inline-block;width:100%}.listing form button span{font-size:1rem}.listing form button span .right img{margin-left:20px}.listing form button span .left img{margin-left:0}@media only screen and (min-width:40.063em){.listing form button .right img{margin-left:30px}.listing form button .left img{margin-left:-5px}}.listing-table{background-color:#fff}.listing-table td{font-size:.875em;text-align:center}.listing-table tr th{background-color:#003478;color:#fff}.listing-table tbody{background-color:#f5f5f5}.listing-table-mobile th{padding:.2em}.listing-table-mobile td{padding-left:.2em;padding-right:.2em;font-size:.8em}.live-root .space-bottom{margin-bottom:15px !important}.live-root .result span{font-weight:bold !important;font-size:2rem !important}.live-root .clip-text{-moz-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.875rem}.live-root .clock{vertical-align:baseline}.live-root .event-row{padding-top:5px;padding-bottom:5px}.live-root .even-row{background-color:#f9f9f9}.live-root .tabs>dd{width:50%}.live-root .tabs>dd>a{text-decoration:none;font-weight:bold}.live-root .tabs>dd:first-child a{background:#001e5f;color:#fff;height:3.5em;width:100%;text-align:center}.live-root .tabs>dd:last-child a{background:#f53241;color:#fff;height:3.5em;width:100%;text-align:center}.live-root .tabs>dd.active a:after{content:" ";width:0;height:0;display:block;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:10px solid #fff;position:relative;left:40%;top:20%}.live-root .slick-slider{height:84px}.live-root .slick-list{height:84px}.live-root .slick-track{height:84px}.live-root .match-timer .time{font-size:2em}.live-root .match-timer .timer-icon{font-size:.8em}.live-root .match-timer .period{font-size:1.4em}.live-root .tournamentMatches{height:84px;margin-bottom:10px;padding-left:0px;padding-right:0px}.live-root .tournamentMatch{border-left:solid silver 1px;padding:1em;background:#fff;width:200px}.live-root .tournamentMatch a{color:#000;text-decoration:none;line-height:1rem}.live-root .tournamentMatch.active{border:solid #f53241 1px;background:#f53241;color:#fff}.live-root .tournamentMatch.active a{color:#fff;text-decoration:none}.live-root .tournamentMatch:last-of-type{border-right:solid silver 1px}.live-root .slick-list{border-top:solid silver 1px;border-bottom:solid silver 1px}.live-root .hometeam-event{color:#001e5f !important}.live-root .awayteam-event{color:#f53241 !important}.live-root .fade{-webkit-animation-name:example;-moz-animation-name:example;-ms-animation-name:example;-o-animation-name:example;animation-name:example;-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s}.live-root .stats-table tr td{max-width:140px;padding:.4em .625em}.live-root .column-strong{font-weight:bold !important;max-width:30px}.live-root .space-left{padding-left:1.5em !important}.live-root .stats-table th{text-align:center;font-weight:normal;padding:.4em 0}.live-root .player-table tr th,.live-root .player-table tr td{padding:.5em .25em}.live-root .small-text{font-size:.9rem !important}@-webkit-keyframes example{from{background-color:silver}to{background-color:#fff}}@keyframes example{from{background-color:silver}to{background-color:#fff}}.live-root [animate-on-change]{-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transition:all 1s}.live-root [animate-on-change].changed{font-weight:bolder;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-transition:none}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.live-match-list-root .liveMatchList{display:flex;flex-direction:column;gap:14px}.live-match-list-root .matchGroup{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.live-match-list-root .matchGroupHeader{background:#e0e0e0;padding:10px 14px}.live-match-list-root .matchGroupTitle{font-weight:700;font-size:14px;text-decoration:none;color:inherit}.live-match-list-root .loading-text{margin-left:20px}.live-match-list-root .toggle-btn{padding:0;margin:0;background:#fff;color:#001e5f;border:1px solid #ccc;box-shadow:none;transition:background .15s ease,color .15s ease,transform .05s ease}.live-match-list-root .toggle-btn:hover{background:rgba(0,52,120,.1)}.live-match-list-root .toggle-btn:active{transform:scale(0.98)}.live-match-list-root .toggle-btn.is-active{background:#001e5f;color:#fff;border-color:#001e5f}.live-match-list-root .toggle-btn:focus-visible{outline:2px solid rgba(0,30,95,.35);outline-offset:2px}.live-match-list-root .toggle-btn--live.is-active{position:relative}.live-match-list-root .toggle-btn--live.is-active::after{content:"";position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:#f53241;border:1px solid #fff}.live-match-list-root .dateNav{display:flex;align-items:center;gap:.5rem;width:100%}.live-match-list-root .dateSelect{flex:1;min-width:0}.live-match-list-root .dateSelect select{width:100%;margin:0;display:block}.live-match-list-root .button-prev,.live-match-list-root .button-next{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:rgba(255,255,255,.7);color:#f53241;border:1px solid #ccc;padding:0;margin-top:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s ease,color .15s ease,transform .05s ease}.live-match-list-root .button-prev:hover,.live-match-list-root .button-next:hover{background:rgba(0,0,0,.8);color:#fff}.live-match-list-root .button-prev:active,.live-match-list-root .button-next:active{transform:scale(0.96)}.live-match-list-root .fixtureSubHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px 2px;background:#fafafa}.live-match-list-root .fixtureSubHeaderLeft{flex:1;min-width:0;font-weight:700;font-size:13px;line-height:1.2;color:inherit}.live-match-list-root .fixtureSubHeaderVenue{font-size:12px;line-height:1.2;color:#777;text-align:right;min-width:0}.live-match-list-root .fixtureVenueLink{color:inherit;text-decoration:none}.live-match-list-root .fixtureVenueLink:hover{text-decoration:underline}.live-match-list-root .fixtureItem{display:flex;flex-direction:column}.live-match-list-root .fixtureItem+.fixtureItem{margin-top:4px}.live-match-list-root .fixtureItem+.fixtureItem .fixtureSubHeader{border-top:1px solid rgba(0,0,0,.08);padding-top:8px}.live-match-list-root .teamFixtureSubHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 5px;background:rgba(224,224,224,.22)}.live-match-list-root .teamFixtureItemDate{font-weight:700;font-size:13px;line-height:1.2;color:inherit;min-width:0}.live-match-list-root .teamFixtureItemVenue{font-size:12px;line-height:1.2;color:#666;text-align:right;min-width:0}.live-match-list-root .teamFixtureVenueLink{color:inherit;text-decoration:none}.live-match-list-root .teamFixtureVenueLink:hover{text-decoration:underline}.live-match-list-root .is-strike{text-decoration:line-through;opacity:.75}.live-match-list-root .status,.live-match-list-root .scorePill,.live-match-list-root .teams,.live-match-list-root .actions{position:relative;z-index:1}.live-match-list-root .matchRow{background:#fff;position:relative;display:grid;grid-template-columns:45px 30px 1fr auto;column-gap:10px;grid-template-rows:auto auto;align-items:center;padding:10px 8px;border-bottom:0;box-shadow:none;border-radius:0;padding-top:8px}.live-match-list-root .rowLink{position:absolute;inset:0;z-index:0}.live-match-list-root .status{grid-row:1/span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;text-align:center}.live-match-list-root .minute{font-weight:800;font-size:14px}.live-match-list-root .liveListArea{min-height:30vh}@media(min-height: 600px){.live-match-list-root .liveListArea{min-height:37vh}}@media(min-height: 700px){.live-match-list-root .liveListArea{min-height:42vh}}@media(min-height: 800px){.live-match-list-root .liveListArea{min-height:50vh}}@media(min-height: 900px){.live-match-list-root .liveListArea{min-height:55vh}}.live-match-list-root .list-message{margin-top:0px;padding:10px 12px;border-radius:14px;background:#fefefe;border:1px solid #ddd;font-size:.95rem}.live-match-list-root .list-message.warning{background:#fff8e1;border-color:#f0c36d}.live-match-list-root .list-message.empty{background:#f5f7fa;border-color:#d9e2ec;color:#334155}.live-match-list-root .list-message.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.live-match-list-root .statusText{font-size:1rem;opacity:.9}.live-match-list-root .scorePill{position:relative;overflow:visible;grid-row:1/span 2;display:grid;grid-template-rows:1fr 1fr;justify-items:center;align-items:center;height:46px;min-width:25px;padding:3px 4px;row-gap:3px;border-radius:9px;background:#001e5f;color:#fff;font-weight:800;font-size:14px}.live-match-list-root .scorePill.score-won{background-color:#009554;color:#fff;font-weight:bold}.live-match-list-root .scorePill.score-lost{background-color:#dd3028;color:#fff;font-weight:bold}.live-match-list-root .scorePill.score-draw{background-color:#555;color:#fff;font-weight:bold}.live-match-list-root .matchRow.is-live .scorePill::after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:#f53241;border:1px solid #fff}.live-match-list-root .matchRow.is-off{background:#f4f4f4}.live-match-list-root .matchRow.is-off .scorePill{background:#999;color:#fff}.live-match-list-root .matchRow.row-clickable{cursor:pointer}.live-match-list-root .matchRow.row-clickable:hover{background:rgba(0,0,0,.02)}.live-match-list-root .matchGroupHeader a:hover{text-decoration:underline}.live-match-list-root .scorePart{display:inline-block;line-height:1;padding:1px 0}.live-match-list-root .homeScore{grid-row:1}.live-match-list-root .awayScore{grid-row:2}.live-match-list-root .noScore{grid-row:1/span 2;align-self:center;opacity:.85}.live-match-list-root .teams{min-width:0;grid-row:1/span 2;display:grid;grid-template-rows:auto auto;row-gap:4px}.live-match-list-root .teamRow{min-width:0;display:flex;align-items:center}.live-match-list-root .teamName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:inherit;text-decoration:none}@media(hover: hover)and (pointer: fine){.live-match-list-root .teamName:hover{text-decoration:underline}}.live-match-list-root .actions{grid-row:1/span 2;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.live-match-list-root .streamLink{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:none;white-space:nowrap}.live-match-list-root .streamLogo{height:18px;width:auto;display:block;transform:translateY(15px)}.live-match-list-root .streamText{font-weight:600}.live-match-list-root .scoreFlash{animation:scoreFlashAnim 700ms ease-in-out 0s 2}@keyframes scoreFlashAnim{0%{transform:scale(1)}35%{transform:scale(1.18)}100%{transform:scale(1)}}.live-match-list-root .matchRow.is-not-started .scorePill{background:#e0e0e0;color:#000}.live-match-list-root .clock-face{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:.15rem 0;margin-right:2px;background-color:rgba(203,0,68,.75);color:#fff;font-weight:400;border-radius:20px;line-height:1.2;white-space:nowrap;width:25px;font-size:.78rem}@media(max-width: 640px){.live-match-list-root .clock-face{width:22px;font-size:.68rem}}.live-match-list-root .score-part{display:inline-block;padding:0;border-radius:.25rem}.live-match-list-root .score-part--flash{animation:scorePartFlash 4000ms ease-out}@keyframes scorePartFlash{0%{background-color:rgba(0,30,95,.85);transform:scale(1.06);color:#fff}100%{background-color:rgba(0,0,0,0);transform:scale(1);color:inherit}}.live-match-list-root .teamFixtureVenueLink{font-size:.8rem;color:inherit;text-decoration:none}.live-match-list-root .teamFixtureVenueLink:hover{text-decoration:underline}@-moz-keyframes throbber-loader{0%{background:#dde2e7}10%{background:#6b9dc8}40%{background:#dde2e7}}@-webkit-keyframes throbber-loader{0%{background:#dde2e7}10%{background:#6b9dc8}40%{background:#dde2e7}}@keyframes throbber-loader{0%{background:#dde2e7}10%{background:#6b9dc8}40%{background:#dde2e7}}.live-root .throbber-loader:not(:required){-moz-animation:throbber-loader 2000ms 300ms infinite ease-out;-webkit-animation:throbber-loader 2000ms 300ms infinite ease-out;animation:throbber-loader 2000ms 300ms infinite ease-out;background:#dde2e7;display:inline-block;position:relative;text-indent:-9999px;width:.9em;height:1.5em;margin:0 1.6em}.live-root .throbber-loader:not(:required):before,.live-root .throbber-loader:not(:required):after{background:#dde2e7;content:"x200B";display:inline-block;width:.9em;height:1.5em;position:absolute;top:0}.live-root .throbber-loader:not(:required):before{-moz-animation:throbber-loader 2000ms 150ms infinite ease-out;-webkit-animation:throbber-loader 2000ms 150ms infinite ease-out;animation:throbber-loader 2000ms 150ms infinite ease-out;left:-1.6em}.live-root .throbber-loader:not(:required):after{-moz-animation:throbber-loader 2000ms 450ms infinite ease-out;-webkit-animation:throbber-loader 2000ms 450ms infinite ease-out;animation:throbber-loader 2000ms 450ms infinite ease-out;right:-1.6em}.matchinfo{background-color:#fff}.matchinfo tr.home-row th,.matchinfo tr.home-row td{background-color:#001e5f;color:#fff;transition:background-color .15s ease}@media(hover: hover)and (pointer: fine){.matchinfo tr.home-row:hover th,.matchinfo tr.home-row:hover td{background-color:#002e8e}}.matchinfo .home-cell{background-color:#001e5f;color:#fff;transition:background-color .15s ease}.matchinfo tr.away-row th,.matchinfo tr.away-row td{background-color:#f53241;color:#fff;transition:background-color .15s ease}@media(hover: hover)and (pointer: fine){.matchinfo tr.away-row:hover th,.matchinfo tr.away-row:hover td{background-color:#f76470}}.matchinfo .away-cell{background-color:#f53241;color:#fff;transition:background-color .15s ease}.matchinfo .box-container{background-color:var(--box-bg);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;width:100%;min-height:40px;text-align:center;font-size:1rem;font-weight:bold;transition:background-color .2s ease;cursor:default;border-radius:14px}.matchinfo .box-container.clickable:hover{background-color:var(--box-hover-bg)}.matchinfo .clickable{cursor:pointer}.matchinfo .box-link{text-decoration:underline;color:inherit}.matchinfo .box-link:hover{text-decoration:none}.matchinfo .box-header{font-weight:bold}.matchinfo .box-subtext{font-size:.9rem;opacity:.8}.matchinfo table{width:100%;border-radius:14px}.matchinfo table th{text-align:center;background-color:#e0e0e0;color:#000}.matchinfo table th a{color:#fff;text-decoration:underline}.matchinfo table th a:hover{text-decoration:none}@media only screen and (max-width: 40em){.matchinfo table th,.matchinfo table td{font-size:.8125rem}}.matchinfo .p-tabview-header,.matchinfo .p-tabview-header .p-tabview-nav-link,.matchinfo .p-tabview-header .p-tabview-title{color:#fff}.matchinfo .p-tabview-nav-link{padding:1rem .75rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchinfo .p-tabview-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchinfo .p-tabview-nav{display:flex}.matchinfo .p-tabview-nav li{flex:1 1 0;min-width:0;text-align:center}.matchinfo .p-tabview-nav-link{display:flex;align-items:center;justify-content:center}.matchinfo .p-tabview-nav li:not(.p-highlight) .p-tabview-nav-link{border-bottom:5px solid #fff}.matchinfo .p-tabview-nav li:not(.p-highlight):hover .p-tabview-nav-link{border-bottom-color:#a0a0a0}.matchinfo .p-tabview-nav li.p-highlight .p-tabview-nav-link{border-bottom-color:#5db0f1;border-width:0 0 5px 0}.matchinfo .p-tabview-header.tab-home{background-color:#001e5f}.matchinfo .p-tabview-header.tab-away{background-color:#f53241}.matchinfo .p-tabview-header.tab-events{background-color:#555}.matchinfo .p-tabview-header.p-highlight{filter:brightness(1.1)}.matchinfo .p-tabview-panels{padding:0}@media(max-width: 768px){.matchinfo .p-tabview-title{font-size:.85rem}}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.total-hits{display:block;text-align:center;padding:10px}.filter-boxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-bottom:1rem;z-index:10;position:relative;align-items:center}.filter-box{position:relative;border-radius:22px;flex:0 0 auto;padding:.5rem .8rem;padding-right:1.2rem;border:1px solid #ccc;background-color:#fff;color:#333;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.filter-box.active{background-color:#007ad9 !important;border-color:#007ad9 !important;color:#fff !important}.filter-box:hover{background-color:#eef;border-color:#aaf}.filter-boxes .news-sort select{width:auto;min-width:120px;height:27.8px;margin:0}.filter-box:focus:not(:focus-visible){outline:none !important;box-shadow:none !important}.filter-box:focus-visible{outline:2px solid #2b7cff;outline-offset:2px}.filter-box__text{display:inline-block;font-size:.92rem}.filter-box__x{position:absolute;right:.15rem;top:53%;transform:translateY(-50%);width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9}.filter-box__x.is-hidden{opacity:0;pointer-events:none}.filter-clear-icon{width:1.1rem;text-align:center;cursor:pointer;opacity:.85}.filter-clear-icon.is-hidden{visibility:hidden;pointer-events:none}.news-sort{flex:0 0 auto}.search-result-mobile{cursor:pointer}.search-result-mobile:focus{outline:2px solid currentColor;outline-offset:2px}.mobile-top{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start}.mobile-right img{display:block;width:96px;height:auto;border-radius:4px}.mobile-excerpt{margin-top:.5rem}.result-clickable{cursor:pointer}.result-clickable:focus{outline:2px solid currentColor;outline-offset:2px}.search-result-row[role=link]{cursor:pointer}.search-result-row[role=link]:focus{outline:2px solid currentColor;outline-offset:2px}.search-header{display:flex;align-items:center;border-radius:22px;margin-top:.5rem;margin-bottom:.5rem}.search-header:hover .search-input,.search-header:hover .header-button{border-color:#999}.search-header:focus-within{box-shadow:0 0 0 2px rgba(0,122,217,.2);border-radius:22px}.search-header:focus-within .search-input,.search-header:focus-within .header-button{border-color:#007ad9}.search-header .search-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.search-header .header-button{border-top-left-radius:0;border-bottom-left-radius:0}.search-header .search-input:focus{box-shadow:none}.search-input{flex:1;height:2.8rem;padding:0 .75rem;border:1px solid #ccc;border-radius:22px;font-size:1rem;line-height:1.2;box-sizing:border-box;margin-bottom:0}.search-types{display:flex;width:100%}.search-types label{flex:1;display:flex;align-items:center;justify-content:left;gap:.4rem;margin:0;cursor:pointer;margin-bottom:10px}.search-types input[type=radio]{margin:0}.search-epi{background-color:#fff}.search-epi h1{margin-top:40px}.search-epi #main-search{border:1px solid #f53241 !important;background-color:#fff}.search-epi .nhf-search-circuit #search-button button{background-color:#fff}.search-epi .hits{margin-top:40px;font-size:1.125rem;padding-bottom:4px;border-bottom:1px solid #bab9bb}.search-epi ul.results{border-top:1px solid #bab9bb;margin:40px 0 60px 0}.search-epi ul.results li{border-bottom:1px solid #bab9bb;padding:16px 0}.search-epi ul.results li>ul.mod-search{padding:0}.search-epi ul.results li>ul.mod-search>*:before{margin:0 .2rem}.search-epi ul.results li>ul.mod-search>*:first-child:before{margin:0}.search-epi ul.results li>ul.mod-search>li{padding-top:0;padding-bottom:0;border:0}.search-epi ul.results li>ul.mod-search>li>a{font-size:.75rem}.search-epi ul.results li h2 a{text-decoration:none}.search-epi ul.results li h2 a:hover{text-decoration:underline}.search-epi ul.results li .search-result-tag{font-size:.75rem;padding:0 7px;margin-right:5px;margin-bottom:5px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid #f53241}.search-epi ul.results li>a{background-color:#fff;text-decoration:none;font-size:1.125rem}.search-epi ul.results li>a:hover{background-color:#fff;color:#f53241}.news-slide-wrapper{overflow:hidden;max-height:0;transition:max-height .45s ease}.news-slide-wrapper.open{max-height:2000px}.news-slide-inner{padding-top:10px}.search{padding-top:30px;background-color:#fff;margin-botom:20px}.search h2{color:#000;font-weight:600}.search select{font-size:1rem;margin-top:20px;background-color:#fff;background-image:inline-image("../../img/triangle-down.svg");background-position:98% center}.search input{font-size:1rem;margin-top:10px;margin-bottom:40px;background-color:#f0f0f0;border:none}.search #search-button{right:4.5%;top:8.5rem;background-color:rgba(0,0,0,0);color:#9a9a9a}.search #search-button span{font-size:1.5625rem}.search #search{margin-bottom:1em}.search #search-results{position:relative;margin-bottom:1em}.search #search-results.loading::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.8)}.search #search-results ul{margin:0;padding-bottom:1em}.search #search-results ul li{font-size:1rem}.search #search-results ul li a{display:block;color:#f53241;font-weight:400;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);padding:.5em}.search #search-results ul li a:hover{border-bottom:1px solid #f53241;background-color:#f0f0f0}.search #search-results ul li a p{margin-bottom:0}.search #search-results ul li b{margin-right:.5em}.search #search-results .get-more-btn{background-color:#001e5f;margin:0;margin-right:10px}.search #search-results .get-more-btn:hover{background-color:#002e8e}.search #search-results .get-more-btn:disabled{background-color:rgba(0,52,120,.75);color:#003478;cursor:not-allowed;opacity:.6}.search .resultTitle{color:rgba(203,0,68,.75);font-size:1.125rem;font-weight:600;text-decoration:underline;margin-top:10px}.search .resultTitle li{text-decoration:none}.search ul.results{border-top:1px solid #bab9bb;margin:20px 0 30px 0}.search ul.results li{border-bottom:1px solid #bab9bb;padding:16px 0}.search ul.results li>a{text-decoration:none;font-size:1.125rem}.search ul.results li p{margin-bottom:0}.search form button{background-color:#002e8e;display:inline-block;width:100%}.search form button span{font-size:1rem}.search form button span .right img{margin-left:20px}.search form button span .left img{margin-left:0}@media only screen and (min-width:40.063em){.search form button .right img{margin-left:30px}.search form button .left img{margin-left:-5px}}.search .searchform input[type=text]{border:2px solid #f53241;box-shadow:none;background-color:#fff;color:#000}.search h2{color:#000;font-weight:600}.search .hits{font-size:1.125rem;padding-bottom:4px;border-bottom:1px solid #f53241}.search .searchbutton{color:#fff;font-family:"icomoon";speak:none;font-size:1.0625rem;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}.search .searchform button{height:30px !important;background-color:#fff;padding-left:20px;padding-top:5px}.search .searchform button:active,.search .searchform button:hover,.search .searchform button:visited,.search .searchform button:focus{outline:none}.search .searchform .icon-search{font-size:1.25rem;color:#f53241}.search button span{font-size:1.0625rem;text-align:right}.search .shortcuts{float:right !important}.sponsorblock .logo-helper{text-align:center}.sponsorblock .logo-helper .logo-helper-line{display:inline-block;vertical-align:middle;height:auto}.sponsorblock .logo-helper .logo-link{display:inline-block;width:100%;text-align:center}.sponsorblock .logo-helper .logo-link img{height:auto;max-width:100%;vertical-align:middle;border:1px solid #ddd}.sponsorblock .description{text-align:center;padding-bottom:5px;margin-top:5px;border-bottom:1px solid #ddd}.sponsor{background-color:#d8d8d8;text-align:center}.sponsor .sponsor-list{margin:0;padding-top:5px;padding-bottom:5px}.sponsor .sponsor-list li{display:inline-block;list-style:none;padding:3px}.sponsor .sponsor-list a{color:#fff}.sponsor .sponsor-list img{max-height:42px}@media only screen and (max-width: 40em){.sponsor .sponsor-list img{max-height:35px}}:root{--vue-ctrl-background: #ffffff;--vue-ctrl-background-hover: #ffffff;--vue-ctrl-border: #ced4da;--vue-ctrl-border-hover: #3B82F6}.team{padding-bottom:.3125rem;background-color:#fdfdfd}.team.background-adapt{background-color:#fbfbfb}@media(max-width: 640px){.team.background-adapt{background-color:#f5f5f5}}.team h1{margin-top:0}.team .header5{font-weight:600}.team figure{margin:0}.team img{margin-bottom:1.25rem;max-height:100px}.team .teaminfo h5{margin:0 0}.team .kontakttitle{font-weight:600}.team .clubTitle{font-weight:600;margin-bottom:10px}.team .title{text-transform:capitalize}.club-card{background:#fff;border:1px solid #dfe3ea;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.04);margin-bottom:12px}.club-card__header{margin-bottom:1rem}.club-card__logo img{max-width:110px;max-height:110px;object-fit:contain}.club-card__title{margin:0;font-size:2rem;line-height:1.15}.club-card__meta{margin-top:.5rem;color:#4f5b6b;font-size:.95rem;display:flex;flex-wrap:wrap;align-items:center}.club-card__meta-item{display:inline-flex;align-items:center;line-height:1.2}.club-card__meta-item a{color:inherit;text-decoration:underline;text-underline-offset:2px}.club-card__meta-item a:hover,.club-card__meta-item a:focus{text-decoration-thickness:2px}.club-card__meta-item+.club-card__meta-item::before{content:"•";margin:0 .6rem;font-size:1.15em;line-height:1;color:#9aa3af;display:inline-block;vertical-align:middle}.club-card__divider{height:1px;background:#e5e7eb;margin:1rem 0 1.5rem}.club-card__links{margin-top:.25rem}.club-info-group{height:100%;padding:1rem;background:#f8fafc;border:1px solid #e6ebf2;border-radius:12px}.club-info-group__header{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.club-info-group__icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef3ff;color:#234aa6;font-size:1.2rem}.club-info-group__label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#234aa6}.club-info-group__body{display:flex;flex-direction:column;gap:1.1rem}.club-info-row__title{font-size:.85rem;font-weight:700;color:#234aa6;margin-left:.75rem;margin-bottom:.1rem}.club-info-row__value{margin-left:.75rem;line-height:1.45}.club-info-row__value,.club-info-row__value a{color:#253041;word-break:break-word}.club-info-row__value>div+div{margin-top:.15rem}.club-action-link{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem;border:1px solid #e6ebf2;border-radius:12px;background-color:#f8fafc;color:#234aa6;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.club-action-link:hover,.club-action-link:focus{text-decoration:none;color:#234aa6;background-color:#eef3fb;border-color:#d7e1ef;box-shadow:0 2px 10px rgba(0,30,95,.08)}.club-action-link__icon-wrap{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef3ff;color:#234aa6;font-size:1.2rem}.club-action-link__text{flex:1;font-size:1rem;font-weight:700;line-height:1.3;color:#234aa6}.club-action-link__arrow{color:#234aa6;font-size:1.2rem}.club-action-link--disabled{opacity:.55;pointer-events:none}@media screen and (max-width: 639px){.club-card{padding:1rem;border-radius:12px}.club-card__header{text-align:left}.club-card__logo{margin-bottom:.75rem}.club-card__title{font-size:1.5rem}.club-info-group{padding:.875rem}.club-action-link{padding:.875rem}.club-action-link__icon-wrap{width:44px;height:44px;min-width:44px;font-size:1.2rem}.club-action-link__text{font-size:.95rem}.club-action-link__arrow{font-size:1.1rem}}.filter-toolbar{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.filter-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.filter-toolbar-left{flex:1;min-width:0;display:flex;flex-wrap:wrap}@media(min-width: 768px){.filter-toolbar-left{gap:1rem}}.filter-toolbar-left select{margin:0;width:100%;max-width:320px}.filter-toolbar-right{flex-shrink:0}.filter-toolbar-right button{margin:0}.filter-toolbar-bottom{text-align:center}.filter-link{text-decoration:underline}.filter-link--center{display:inline-block}.filter-title{margin:0;text-align:left}.filter-text{padding-left:1rem;font-weight:600;display:inline-block}.team-list{margin-top:.75rem}.team-list-item{margin-bottom:.75rem;min-height:1px;box-sizing:border-box;width:50%;font-size:.85rem}@media only screen and (min-width: 40.063em){.team-list-item{font-size:1rem}}@media only screen and (min-width:40.063em){.team figure,.team img{margin-left:0;max-height:203px}.team .teaminfo .row{margin-bottom:0}}.textBlock{margin-bottom:1.25rem}tbody tr:nth-child(even){background-color:#f9f9f9}table{border-collapse:separate;border-spacing:0;border:1px solid #d8d8d5;border-radius:14px;overflow:hidden}table caption{background:rgba(0,0,0,0);font-size:.8rem;font-weight:normal;caption-side:top;text-align:center}table caption span{font-size:inherit}.table-row-hover tbody tr:hover td:not(.home-cell):not(.away-cell){background-color:#e8e8e8}.table-row-hover tbody tr:hover td.home-cell{background-color:#002e8e}.table-row-hover tbody tr:hover td.away-cell{background-color:#f76470}.card-layout{margin-bottom:1rem;border:1px solid #ccc;border-radius:14px;padding:1rem;background-color:#fff}.card-layout td:first-child{width:36%}.card-layout td:last-child{width:64%;word-break:break-word}.card-layout tbody tr:nth-child(even){border-bottom:0;background-color:#fff}.card-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.card-label{font-weight:bold;flex:0 0 40%;padding-right:10px}.card-value{flex:1;word-break:break-word}.common-table{margin-bottom:1.25rem;table-layout:auto;font-size:.96rem;color:#222}@media(max-width: 768px){.common-table{font-size:.9rem}}@media(max-width: 640px){.common-table{font-size:.84rem}}.common-table p,.common-table div{font-size:inherit !important;line-height:inherit}.common-table thead tr th,.common-table thead tr td{font-size:.9rem;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.common-table .tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.common-table .tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.common-table tbody tr.summary-row:hover td{background-color:#e8e8e8}.common-table .row-clickable:hover{background-color:rgba(0,0,0,.05)}.common-table tbody tr.row-main:hover td,.common-table tbody tr.row-main:hover+tr.row-2 td{background-color:#e8e8e8}.common-table tbody tr.row-2:hover td,.common-table tbody tr.row-main:has(+tr.row-2:hover) td{background-color:#e8e8e8}.common-table td a,.common-table td span{font-size:inherit;line-height:inherit}.common-table tbody tr td{white-space:normal;word-break:break-word;text-align:left}.common-table .striped-row{background-color:#f7f7f7}.common-table tr:not(.striped-row){background-color:#fff}.common-table .row-clickable{cursor:pointer;-webkit-tap-highlight-color:rgba(0,100,255,.25)}@media(max-width: 768px){.common-table .row-clickable a{pointer-events:none;text-decoration:none !important}}.common-table .summary-bold{font-weight:bold}.common-table .summary-darker{background-color:rgba(0,0,0,.08)}.common-table .summary-darker td{background-color:rgba(0,0,0,.08)}.common-table .sortable-header{cursor:pointer;text-decoration:underline;transition:background-color .2s ease}.common-table .sortable-header:hover{background-color:#e0e0e0}.common-table .small-font{font-size:.9rem}@media(max-width: 768px){.common-table .small-font{font-size:.84rem}}@media(max-width: 640px){.common-table .small-font{font-size:.8rem}}.common-table .smaller-font,.common-table .row-2{font-size:.84rem}@media(max-width: 768px){.common-table .smaller-font,.common-table .row-2{font-size:.8rem}}@media(max-width: 640px){.common-table .smaller-font,.common-table .row-2{font-size:.76rem}}.common-table .row-main:has(+.row-2) td{padding-bottom:2px}.common-table .row-2{color:#002e8e;line-height:1}.common-table .row-2 td{padding-top:2px;padding-bottom:10px;line-height:1}.common-table .row-2 a{color:#002e8e}.common-table .group-header{text-decoration:none !important;cursor:default;font-weight:bold;background-color:#f5f5f5}.common-table .sorted-header{text-decoration:underline;background-color:#e0e0e0}.common-table .sorted-column{font-weight:bold}.common-table .group-header[colspan]{text-align:center;vertical-align:middle;background-color:#f5f5f5;font-weight:bold}.common-table .group-header[colspan]:not(:first-child){border-left:1px solid #ddd}.common-table .group-header[colspan]:first-child{border-top-left-radius:14px}.common-table .group-header[colspan]:last-child{border-top-right-radius:14px}.common-table .align-left{text-align:left}.common-table .align-right{text-align:right}.common-table .align-center{text-align:center}.common-table th[data-full]::before{content:attr(data-full)}.common-table.hide-columns .group-header[colspan]{display:none}.common-table.hide-columns th[data-hide-on-mobile=true],.common-table.hide-columns td[data-hide-on-mobile=true]{display:none !important}.common-table.hide-columns th[data-small]::before{content:attr(data-small)}@media(max-width: 640px){.common-table thead tr th{padding-left:5px;padding-right:5px;font-size:.84rem}.common-table tbody tr td{padding-left:5px;padding-right:5px;font-size:.84rem}}@media(max-width: 399px){.common-table thead tr th{padding-left:4px;padding-right:4px;font-size:.8rem}.common-table tbody tr td{padding-left:4px;padding-right:4px;font-size:.84rem}}.common-table thead tr:first-child th:first-child{border-top-left-radius:14px}.common-table thead tr:first-child th:last-child{border-top-right-radius:14px}.common-table.stats-table th,.common-table.stats-table td{text-align:center}.common-table.stats-table th.text-left,.common-table.stats-table td.text-left{text-align:left !important}@media(max-width: 640px){.common-table thead tr>th:first-child{padding-left:.4rem}}.report-wrapper tbody td,.report-wrapper tbody th{padding:0rem;margin-bottom:0rem}.report-wrapper table{margin-bottom:0rem}.tournament-table-wrapper table{border-collapse:collapse}.tournament-table-wrapper tr.dotLine td{border-top:2px dotted;border-bottom:2px dotted}.tournament-table-wrapper tr.dotLineTop td{border-top:2px dotted}.tournament-table-wrapper tr.dotLineBottom td{border-bottom:2px dotted}.tournament-table-wrapper tr.solidLineBottom td{border-bottom:2px solid}.tournament-table-wrapper tr.solidLineTop td{border-top:2px solid}.tournament-table-wrapper tr.solidLine td{border-top:2px solid;border-bottom:2px solid}.tournament-table-wrapper.small .hide-block-option{display:none !important}.themeNavigationItem{border-radius:22px;display:table;text-transform:uppercase;color:#fff;text-decoration:none;background-color:#001e5f;margin:0 0 1em;position:relative;width:100%}.themeNavigationItem:hover{background-color:#002e8e;color:#fff;text-decoration:none}.themeNavigationItem .themeNavigationIcon{background-color:#001e5f;width:35%;min-width:70px;display:table-cell;height:100%;text-align:center;vertical-align:middle}.themeNavigationItem .themeNavigationIcon img{height:100%;max-height:3em;margin:.5em 0}.themeNavigationItem .themeNavigationContent{padding:1em .5em;display:table-cell;font-weight:600;text-align:center;vertical-align:middle}.themeNavigationMoreBtn{background-color:#001e5f;float:right;margin:0 0 1em;text-transform:uppercase;color:#fff;font-weight:600;text-decoration:none;padding:.5em 1em .5em 2em}.themeNavigationMoreBtn img{margin-left:3em;max-height:1em}.themeNavigationMoreBtn:hover{text-decoration:none;color:#fff}.themeJumbo{position:relative;margin:0 0 2em}.themeJumbo h1,.themeJumbo p{padding:0;margin:0}.themeJumbo .overlay{position:absolute;bottom:2em;left:2em;background-color:#fff;max-width:65%;padding:1em}.newthemepage .header-image-label h1,.newthemepage .header-image-label .header1{font-size:1.875rem;min-width:300px;border-bottom:3px solid #001e5f;margin-bottom:0}.responsive-video{width:100%;height:auto;max-width:100%;display:block}.videofile video{width:100%}.video-placeholder{position:relative;background:#000;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden;cursor:pointer}.video-placeholder img{width:100%;height:auto;object-fit:cover;display:block}.video-play-icon{position:absolute;font-size:3rem;color:#fff;opacity:.9;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.video-placeholder:hover .video-play-icon{transform:scale(1.1);opacity:1}@media screen and (max-width: 639px){.video-placeholder{min-height:160px}.video-play-icon{font-size:2.2rem}}.margin-bottom-medium{margin-bottom:2rem}.margin-bottom-large{margin-bottom:4rem}.margin-top-small{margin-top:1rem}.margin-top-medium{margin-top:2rem}.margin-top-large{margin-top:4rem}.margin-left-medium{margin-left:2rem}.margin-left-small{margin-left:1rem}.margin-right-medium{margin-right:2rem}.margin-right-small,.departments * input[type=checkbox]{margin-right:1rem}.margin-vertical-medium{margin:2rem 0}.margin-vertical-small{margin:1rem 0}.padding-large{padding:2rem}.padding-medium{padding:1rem}.padding-tiny{padding:.5rem}.padding-small-all,.padding-all-small,.padding-small{padding:1rem}.padding-bottom-small{padding-bottom:1rem}.padding-top-tiny{padding-top:.5rem}.padding-bottom-tiny{padding-bottom:.5rem}.padding-bottom-medium{padding-bottom:2rem}.padding-bottom-large{padding-bottom:4rem}.padding-top-small{padding-top:1rem}.padding-left-small{padding-left:1rem}.padding-left-tiny{padding-left:.5rem}.padding-left-extra-tiny{padding-left:.25rem}.padding-left-medium{padding-left:2rem}.padding-right-small{padding-right:1rem}.padding-right-tiny,.numeri{padding-right:.5rem}.padding-vertical-large{padding:4rem 0}.padding-vertical-medium{padding:2rem 0}.padding-vertical-small{padding:1rem 0}.padding-vertical-tiny{padding:.5rem 0}.margin-bottom-small{margin-bottom:1rem}.margin-bottom-medium{margin-bottom:2rem}.margin-top-medium{margin-top:2rem}input[type=search],input[type=date],input[type=text]{box-shadow:none;height:2.8125rem}#search-button{right:3.5%;top:1.15rem;width:20px}@media only screen and (min-device-width: 320px)and (min-width: 320px){.header .logo-container img{margin-right:.5rem}.logo-bar{padding-right:1rem}.nif-search,.nif-search-2,.nhf-search-circuit{position:relative}.nif-search #search-button,.nif-search-2 #search-button,.nhf-search-circuit #search-button{right:3%;top:.76rem}.search .nhf-search-circuit{width:100%;margin-left:0}.frontpage .box-icon>img:first-child{height:30px}}@media only screen and (min-width: 568px)and (min-device-width: 568px){.fixedHeightHeader{height:48px;overflow:hidden}.fixedHeightIntro{height:88px;overflow:hidden;margin-bottom:0}.nhf-search-circuit{position:relative}.nhf-search-circuit #search-button{top:1.15rem}.nhf-search-circuit #search-button button{background-color:#f0f0f0;color:#f53241;margin:0;padding:0}.nhf-search-circuit #search-button button span.icon-search{font-size:1.25rem}.nif-search-main #circuit-search-button{right:2%;bottom:20%}.nif-search{position:relative;margin-left:2rem;width:20%;margin-top:1rem}.frontpage .box-icon>img:first-child{height:45px}.footer .border-holder{min-height:27vh}}@media only screen and (min-width: 768px)and (min-device-width: 768px){.nhf-search-circuit{position:relative}.nhf-search-circuit #search-button{right:1.5%;top:1.15rem}.nhf-search-circuit #search-button button{background-color:#f0f0f0;color:#f53241;margin:0;padding:0}.nhf-search-circuit #search-button button span.icon-search{font-size:1.25rem}}@media only screen and (min-device-width: 320px)and (min-width: 320px){.nif-search{width:35%}#search-button button{background-color:#fff;color:#f53241;margin:0;padding:0}#search-button button span.icon-search{font-size:1.25rem}}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (min-width: 768px)and (max-width: 1024px){.nif-search{margin-right:5%}.footer .border-holder{min-height:20vh}}@media only screen and (min-width: 1025px)and (min-device-width: 1025px){.footer{padding:1.5rem 0}.footer .border-holder{min-height:20vh;border-left:3px solid #fff}}@media only screen and (min-width: 1920px)and (min-device-width: 1920px){.footer .border-holder{min-height:20vh}}.news-reel .pink-border-top{border-top:3px solid #f53241}.news-reel .news-item:nth-child(2n+1){clear:left}.post-container{margin:5px 0px 10px 0px;border:1px solid #d3d3d3;overflow:hidden}.group-title{text-align:center;background:#001e5f;color:#fff}.group-title-small{text-align:center;background:#001e5f;color:#fff;font-size:.8rem}.post-title{padding-top:6px;text-align:left;text-indent:15px}.post-title-small{padding-top:1px;text-align:left;text-indent:10px}.cropped1{float:left;width:200px;height:150px;object-fit:cover;overflow:hidden;border-right:1px solid #d3d3d3}.cropped-small{float:left;width:130px;height:86px;object-fit:cover;overflow:hidden;border-right:1px solid #d3d3d3}.pp-column{white-space:nowrap;float:left;padding-left:15px}.pp-column-small{white-space:nowrap;float:left;line-height:130%;font-size:.75rem;padding-left:10px}.pp-left-small{width:16%}.pp-left,.pp-right{width:12%}.pp-middle{width:40%}.row:after{content:"";display:table;clear:both}html{font-size:89%;scrollbar-gutter:stable}body{overflow-x:hidden}body.p-overflow-hidden{box-sizing:border-box;overflow:visible;padding-right:0}.padding-y>.cell{padding-top:.3rem;padding-bottom:.3rem}select:not(.p-dropdown){width:100%;height:2.8rem;padding:0 1.5rem;border:1px solid #ccc;border-radius:22px;font-size:1rem;line-height:1.2;background-color:#fff;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,");background-repeat:no-repeat;background-position:right 0rem center;background-size:.8rem;margin-top:.5rem;margin-bottom:.5rem}@media(max-width: 450px){select:not(.p-dropdown){padding:0 1rem;background-position:right -0.2rem center}}@media(max-width: 410px){select:not(.p-dropdown){padding:0 .6rem;background-position:right 0rem center}}@media(max-width: 380px){select:not(.p-dropdown){background-position:right .1rem center;padding:0 .5rem}}select:not(.p-dropdown):hover{border-color:#999}select:not(.p-dropdown):focus{outline:none;border-color:#007ad9;box-shadow:0 0 0 2px rgba(0,122,217,.2)}.dp__input{height:2.8rem}.dp__input_wrap{height:2.8rem}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url]{width:100%;height:2.8rem !important;padding:0 .75rem;border:1px solid #ccc;border-radius:22px;font-size:1rem;line-height:1.2;background-color:#fff;box-sizing:border-box}input[type=text]:hover,input[type=search]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=url]:hover{border-color:#999}input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus{outline:none;border-color:#007ad9;box-shadow:0 0 0 2px rgba(0,122,217,.2)}.background-secondary{background:#f5f5f5}.background-primary{background:#fdfdfd}body{-webkit-overflow-scrolling:touch;height:auto}.main-wrapper{position:relative}.right-ad{position:absolute;margin-left:15px;margin-top:5px}.open-video iframe{margin-top:20px;margin-bottom:20px}.inner-padding{padding:20px}.no-padding{padding-left:0;padding-right:0}.midt-banner{margin-top:20px;margin-bottom:10px}.promotion{background:#f5f5f5;margin-bottom:40px}.promotion figure{margin-left:0;margin-right:0;margin-top:0}.promotion figure img{width:100%}.promotion .right{bottom:0}.promotion .right img{margin-bottom:20px}.promotion h3:hover{text-decoration:underline !important;color:#f53241}.promotion a:hover{text-decoration:none}.promotion a{color:#000;text-decoration:none}.promotion a:hover,.promotion a:active,.promotion a:focus{color:#000;text-decoration:none}.alert-box{border-style:solid;border-radius:6px;border-width:1px;display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;padding:.875rem 1.5rem .875rem .875rem;font-size:.8125rem;-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;background-color:#008cba;border-color:#008cba;color:#fff}.alert-box .close{font-size:1.375rem;padding:0 6px 4px;line-height:.9;position:absolute;top:50%;margin-top:-0.6875rem;right:.25rem;color:#333;opacity:.3;background:inherit}.alert-box .close:hover,.alert-box .close:focus{opacity:.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#43ac6a;border-color:#43ac6a;color:#fff}.alert-box.alert{background-color:#aa1441;border-color:#aa1441;color:#fff}.alert-box.secondary{background-color:#e7e7e7;border-color:#c7c7c7;color:#4f4f4f}.alert-box.warning{background-color:#f53241;border-color:#f53241;color:#fff}.alert-box.info{background-color:#96d7eb;border-color:#96d7eb;color:#4f4f4f}.alert-box.alert-close{opacity:0}.panel-pad{padding:1.25rem}.panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;background:#fff;color:#333}.panel>:first-child{margin:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1.3;margin-bottom:.625rem}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{line-height:1.4}.panel.callout{margin-bottom:1.25rem;padding:1.25rem;background:#fff;color:#333}.panel.callout.has-border{border:1px solid #ccc}.panel.callout:hover{border-color:var(--vue-ctrl-border-hover)}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#008cba}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#0078a0}.panel.radius{border-radius:3px}.image-wrapper{position:relative;display:inline-block;width:100%;line-height:inherit}.image-wrapper img{display:block;width:100%;height:auto}.header-image-label{position:absolute;white-space:nowrap;color:#003478;background:rgba(255,255,255,.7);bottom:0;min-width:200px;padding-left:10px;padding-right:10px}.header-image-label .columns{position:relative;padding:0}.header-image-label span{margin-bottom:5px}figcaption{padding:4px;border-bottom:1px solid #d8d8d5;color:#575757}figcaption span{font-size:.75rem;display:block;padding-left:10px}.semi-bold{font-weight:600}.title h1{color:#003478;font-size:1.875rem}.breadcrumbs a{color:#001e5f}.breadcrumbs{padding-top:.9375rem;margin-bottom:10px}.breadcrumbs-small{padding-top:3px;margin-bottom:3px}.breadcrumbs li:not(:last-child)::after{margin:0 .4rem !important;color:gray !important}.breadcrumbs li{text-transform:none !important}.breadcrumbs-large li{font-size:1rem !important}.breadcrumbs-small li{font-size:.75rem !important}.live-root .events-table tr th,.live-root .events-table tr td{text-align:left;padding:.5em}.course-table th{font-size:1rem}.course-table td:first-child{padding-right:20px}.stream-logo{height:1.1rem;vertical-align:middle}.team-names{color:#404040;font-weight:500}.team-score{color:#202020;font-weight:700}.team-clock{color:#404040;font-weight:400}.common-table tbody tr td.team-clock{color:#909090;font-weight:700}.full-width-input{border-radius:22px;width:100%}.newsfeed-item *{color:#000}.editorial-content{max-width:100%;min-width:0}.editorial-content img,.editorial-content iframe,.editorial-content video{max-width:100%;height:auto}.editorial-content .responsive-embed iframe,.editorial-content .flex-video iframe{height:100%}.editorial-content .table-scroll{max-width:100%}.editorial-content .table-scroll table{width:calc(100% - 1px);min-width:100%}@media(max-width: 767px){.editorial-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.editorial-content .table-scroll table{width:max-content;min-width:100%}}.editorial-content .scroll-hint{font-size:.85rem;color:#666;margin-bottom:5px;text-align:center}@media(min-width: 768px){.editorial-content .scroll-hint{display:none}}@media(min-width: 640px){.form-column-left{padding-right:.5rem}.form-column-right{padding-left:.5rem}}@media only screen and (max-width: 40em){table{width:100%;table-layout:fixed}}@media only screen and (min-width:40.063em){.header-image-label{bottom:0}.header-image-label h1,.header-image-label .header1{font-size:1.875rem;min-width:300px;border-bottom:3px solid #003478;margin-bottom:0}.header-image-label span{font-size:1.0625rem}figcaption h1,figcaption .header1{font-size:1.875rem;margin-bottom:0;margin-top:15px}figcaption span{font-size:.875rem}}@media only screen and (min-width:40.063em)and (max-width:64em){.header-image-label{bottom:0}.header-image-label h1,.header-image-label .header1{margin-bottom:0;margin-top:15px}}@media print{.no-href-print a[href]:after{content:none !important}.videoblock{display:none !important}a[href]:after{content:none !important}.no-print,.no-print *{display:none !important}}.imagelinkblock{list-style:none}.imagelinkblock figure{margin:0px}.right-column .imagelinkblock{margin-bottom:1rem}.overflow-hidden{overflow:hidden !important}.wrap-text{word-wrap:break-word}.print-only{display:none !important}.teaser-grid{display:grid;align-items:center;column-gap:5px;border-style:solid;border-width:1px;border-color:#e0e0e0;margin-bottom:20px}.teaser-grid-left{grid-template-columns:40fr 60fr}.teaser-grid-right{grid-template-columns:60fr 40fr}.teaser-container{border:1px solid #f0f0f0;overflow:hidden}.teaser-cropped{float:left;width:388px;height:259px;object-fit:cover;overflow:hidden}.teaser-cropped-small{float:left;width:200px;height:144px;object-fit:cover;overflow:hidden}.teaser-text{background-color:#fff}.teaser-text a{color:#000;text-decoration:none !important}.teaser-text a:hover,.teaser-text a:active,.teaser-text a:focus{color:#000;text-decoration:none !important}.teaser-text h2:hover{text-decoration:underline;color:#f53241}.thin-divider{border:0;border-top:1px solid rgba(0,0,0,.12);margin:.75rem 0}.arrow-icon{height:16px;width:25px;display:block;background-image:url(/gfx/arrowIcon.png);background-size:100%;margin:.25rem 0 .5rem .5rem}@media only screen and (min-width: 40.063em){.pagelist-grid{display:grid;align-items:start;column-gap:20px;grid-template-columns:50fr 50fr}}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}} /* Optional: fade-in effect for smoother nav appearance */ .p-carousel-prev[data-v-581929c0], .p-carousel-next[data-v-581929c0], .p-carousel-indicators[data-v-581929c0] { transition: opacity 0.4s ease; } .p-carousel-prev[data-v-581929c0]:not([aria-hidden='true']), .p-carousel-next[data-v-581929c0]:not([aria-hidden='true']), .p-carousel-indicators[data-v-581929c0]:not([aria-hidden='true']) { opacity: 1; } .p-carousel-prev[aria-hidden='true'][data-v-581929c0], .p-carousel-next[aria-hidden='true'][data-v-581929c0], .p-carousel-indicators[aria-hidden='true'][data-v-581929c0] { opacity: 0; } .search-header--mobile[data-v-1e552f89] { width: 100%; } .search-input-wrap[data-v-1e552f89] { position: relative; flex: 1; } .search-input-wrap .clear-icon[data-v-1e552f89] { position: absolute; right: 10px; /* inside the input */ top: 50%; transform: translateY(-50%); cursor: pointer; } /* IMPORTANT: remove/override your desktop min/max widths for mobile */ .search-header--mobile .search-input[data-v-1e552f89] { width: 100%; min-width: 0; max-width: none; } .search-input[data-v-1e552f89] { width: 100%; max-width: 300px; min-width: 250px; } /* ===== Animations ===== */ .slide-search-enter-active[data-v-1e552f89], .slide-search-leave-active[data-v-1e552f89] { transition: transform .2s ease, opacity .2s ease; } .slide-search-enter-from[data-v-1e552f89], .slide-search-leave-to[data-v-1e552f89] { transform: scaleY(0); opacity: 0; } .slide-search-enter-to[data-v-1e552f89], .slide-search-leave-from[data-v-1e552f89] { transform: scaleY(1); opacity: 1; } .actions-section[data-v-1e552f89] { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 1; } /* ===== Search Input (Mobile dropdown) ===== */ .search-field-wrapper[data-v-1e552f89] { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: 1rem 0.625rem; display: flex; align-items: center; gap: 10px; box-shadow: 0 2px 4px rgba(0,0,0,.1); z-index: 1200; /* make sure it’s above header contents */ transform-origin: top; /* key for scaleY entrance */ } /* ===== Clear (X) icon ===== */ .p-input-icon-right[data-v-1e552f89] { position: relative; width: 100%; } .clear-icon[data-v-1e552f89] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #999; font-size: 0.9rem; transition: color 0.15s; } .clear-icon[data-v-1e552f89]:hover { color: #333; } .cell-img[data-v-fda24708] { height: 1.1rem; width: auto; vertical-align: middle; display: inline-block; } .sub-header[data-v-fda24708] { border-bottom: 1px; border-color: #ddd; border-bottom-style: solid; } .subtext[data-v-fda24708] { font-size: 0.75rem; color: #666; display: block; margin-top: 0.25rem; } .group-header-row[data-v-fda24708] { background-color: #f0f0f0; } .group-header-cell[data-v-fda24708] { font-weight: bold; font-size: 1rem; padding: 0.5rem; } .cell-wrap[data-v-fda24708] { position: relative; } .cell-badge[data-v-fda24708] { position: absolute; left: -2px; top: -3px; z-index: 2; pointer-events: none; /* so row click / links work normally */ } .highlighted[data-v-5bd1475e] { background-color: #e0e0e0; } .fade-out[data-v-5bd1475e] { transition: background-color 2s ease-in-out; background-color: transparent; } .diary-match-list td[data-v-65f21256], .diary-match-list td span[data-v-65f21256] { font-size: 14px; } .row .button[data-v-65f21256] { width: 100%; } .row.wide[data-v-65f21256] { max-width: 100%; } .radio-spacing[data-v-65f21256] { margin-top: 8px; margin-bottom: 8px; } .row .button[data-v-4539843a] { width: 100%; } .row.wide[data-v-4539843a] { max-width: 100%; } .diary-match-list td[data-v-04b5ed64], .diary-match-list td span[data-v-04b5ed64] { font-size: 14px; } .row .button[data-v-04b5ed64] { width: 100%; } .row.wide[data-v-04b5ed64] { max-width: 100%; } .diary-match-list td[data-v-5e5a9c78], .diary-match-list td span[data-v-5e5a9c78] { font-size: 14px; } .row .button[data-v-5e5a9c78] { width: 100%; } .row.wide[data-v-5e5a9c78] { max-width: 100%; } .form-spacing[data-v-5e5a9c78] { margin-top: 8px; } .search select[data-v-999a7f00] { margin-top: 0; } .search-item.no-bullet[data-v-999a7f00] { margin-left: 1.25rem; padding-bottom: 0.5rem; } .filter-box__x .pi[data-v-3a464b4e] { font-size: 0.8rem; } .search-summary[data-v-3a464b4e] { padding-left: 4px; } .search-result-row[data-v-3a464b4e] { display: flex; gap: 1rem; align-items: flex-start; } .result-thumb img[data-v-3a464b4e] { border: 1px solid #f2f2f2; width: 200px; height: auto; border-radius: 6px; object-fit: cover; } @media (max-width: 40em) { .result-thumb img[data-v-3a464b4e] { width: 120px; border-radius: 4px; } } .result-body[data-v-3a464b4e] { flex: 1; } .search-results li[data-v-3a464b4e] { margin-bottom: 0; } .search-results li[data-v-3a464b4e]:first-child { border-top: 1px solid #ddd; } .search-result li[data-v-3a464b4e]:first-child { border-top: none; } .search-result[data-v-3a464b4e]:last-child { border-bottom: none; } .search-link[data-v-3a464b4e] { font-size: 1.5rem; color: #001E5F; font-weight: 600; text-decoration: none; } .search-link[data-v-3a464b4e]:hover { text-decoration: underline; } .search-intro[data-v-3a464b4e] { color: #444; font-size: 0.9rem; margin-top: 10px; margin-bottom: 10px; } .no-results[data-v-3a464b4e] { color: #666; font-style: italic; } .loading[data-v-3a464b4e] { color: #666; margin-top: 1rem; } .pagination-buttons[data-v-3a464b4e] { margin-top: 0.75rem; } .tag-row[data-v-3a464b4e] { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 0.4rem; } @media (max-width: 40em) { .tag-row[data-v-3a464b4e] { margin-top: 15px; } .search-link[data-v-3a464b4e] { font-size: 1rem; } } .tag[data-v-3a464b4e] { display: inline-block; padding: 2px 8px; background: #fff; border: 1px solid #f53241; border-radius: 4px; font-size: 0.75rem; white-space: nowrap; color: #333; } /* Specific styles based on parameter type */ .total-goals[data-v-abd7f544] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* .team-penalty { text-align: right; } .percentage { font-style: italic; }*/ .comment[data-v-772b023d] { font-style: italic; } /* Default: 33% width for "Lag" column */ .team-column[data-v-772b023d] { width: 33%; } /* Adjust "Lag" column to 50% on mobile */ @media only screen and (max-width: 40em) { /* Foundation small breakpoint */ .team-column[data-v-772b023d] { width: 50%; } } .filter-container[data-v-375bf0ca] { align-items: center; display: flex; gap: 20px; width: 100%; } .checkbox-container[data-v-375bf0ca] { margin-top: 10px; display: flex; gap: 20px; } .club-filter[data-v-375bf0ca] { height: 44px; padding: 0 12px; } .search-box[data-v-375bf0ca] { height: 44px; } /* let both take equal space */ .club-filter[data-v-375bf0ca], .search-box[data-v-375bf0ca] { flex: 1 1 0; width: 100%; box-sizing: border-box; } .share-button-wrapper[data-v-7bbf5590] { display: flex; position: relative; margin-top: 0.5rem; } .align-left[data-v-7bbf5590] { justify-content: flex-start; } .align-right[data-v-7bbf5590] { justify-content: flex-end; } .share-main-button[data-v-7bbf5590] { display: flex; align-items: center; gap: 0.5rem; border: none; cursor: pointer; border-radius: 4px; padding-right: 1rem; padding-bottom: 0.5rem; } .share-options[data-v-7bbf5590] { display: flex; flex-direction: column; background: #fff; border: 1px solid #ddd; padding: 0.5rem; position: absolute; top: 110%; z-index: 10; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); border-radius: 4px; min-width: 120px; } .share-options a[data-v-7bbf5590] { margin-top: 0.3rem; color: #0072c6; text-decoration: none; font-size: 0.9rem; } .team-list[data-v-55f7675f] { padding: 0.25rem 0; } .team-list__header[data-v-55f7675f] { font-weight: 700; color: #234aa6; font-size: 0.85rem; padding-top: 0.5rem; padding-bottom: 0.4rem; } .team-list__row[data-v-55f7675f] { padding-top: 0.35rem; padding-bottom: 0.35rem; } .team-list__class[data-v-55f7675f] { font-weight: 600; color: #253041; } .team-list__team[data-v-55f7675f] { font-size: 0.98rem; line-height: 1.5; } /* Prevent line breaks inside a single team name */ .team-list__team-link[data-v-55f7675f] { white-space: nowrap; word-break: normal; } /* Allow wrapping between teams */ .team-list__team span[data-v-55f7675f] { white-space: normal; } .file-description[data-v-0403ac74] { font-size: 14px; color: #666; margin-top: 5px; } .list-unstyled[data-v-0403ac74] { list-style: none; padding: 0; } [v-cloak][data-v-073aad10] { display: none !important; } .content-area-wrapper[data-v-073aad10] { position: relative; min-height: 40px; } /* Spinner positioning */ .accordion-loading-spinner[data-v-073aad10] { margin: 20px auto; display: flex; justify-content: center; align-items: center; } .content-area-container[data-v-073aad10] { margin-top: 10px; } .tournament-link[data-v-29bf70e6] { margin-top: 1rem; } .link-arrow[data-v-699f893e] { display: flex; align-items: center; } .filter-label[data-v-97e9cf6c] { margin-bottom: 16px; } .result-summary[data-v-a3cbac86] { padding-left: 13px; font-weight: 700; font-size: 14px; } .news-block-wrapper[data-v-2b6876bd] { margin-top: 0.75rem; } .slide-fade-enter-active[data-v-2b6876bd], .slide-fade-leave-active[data-v-2b6876bd] { transition: all 0.25s ease; } .slide-fade-enter-from[data-v-2b6876bd], .slide-fade-leave-to[data-v-2b6876bd] { opacity: 0; transform: translateY(-6px); }