.fwhite{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(283deg) brightness(110%) contrast(101%)}
.fblack{filter:brightness(0) saturate(100%) invert(0) sepia(42%) saturate(27%) hue-rotate(241deg) brightness(101%) contrast(102%)}
.fgray5{filter:brightness(0) saturate(100%) invert(12%) sepia(1%) saturate(2019%) hue-rotate(33deg) brightness(100%) contrast(78%)}
.faccent{filter:brightness(0) saturate(100%) invert(81%) sepia(74%) saturate(527%) hue-rotate(11deg) brightness(92%) contrast(87%)}
.faqua{filter:brightness(0) saturate(100%) invert(97%) sepia(67%) saturate(5251%) hue-rotate(100deg) brightness(103%) contrast(101%)}
.fblue{filter:brightness(0) saturate(100%) invert(13%) sepia(50%) saturate(5928%) hue-rotate(220deg) brightness(93%) contrast(104%)}
.flblue{filter:brightness(0) saturate(100%) invert(32%) sepia(86%) saturate(5540%) hue-rotate(210deg) brightness(97%) contrast(99%)}
.fade-in-right{-webkit-animation:fade-in-right .6s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-right .6s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-in-top{-webkit-animation:fade-in-top .4s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-top .4s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-in-bottom{-webkit-animation:fade-in-bottom .4s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-bottom .4s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-out-top{-webkit-animation:fade-out-top .7s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:fade-out-top .7s cubic-bezier(0.25,0.46,0.45,0.94) both}
.swing-in-bottom-fwd{-webkit-animation:swing-in-bottom-fwd .5s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:swing-in-bottom-fwd .5s cubic-bezier(0.175,0.885,0.32,1.275) both}
.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-right .5s cubic-bezier(0.25,0.46,0.45,0.94) both}
@-webkit-keyframes slide-in-right{0{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes slide-in-right{0{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes swing-in-bottom-fwd{0{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}
100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}
}
@keyframes swing-in-bottom-fwd{0{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}
100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}
}
.h-0{margin:0 !important;padding:0 !important;height:0 !important}
.click-slide-up{cursor:pointer}
@-webkit-keyframes fade-in-bottom{0{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-bottom{0{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes fade-in-top{0{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-top{0{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes fade-in-right{0{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes fade-in-right{0{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes fade-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
}
@keyframes fade-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
}
.hide-anim{opacity:0;display:none;transition:opacity .5s linear;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;-ms-transition:opacity .5s linear}
.cards{padding:0;width:85.2vw;margin:auto;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;padding-bottom:20px;gap:24px;border-radius:8px;@media(width <= 768px){width:calc(100vw - 16px);margin:0;padding-left:16px}
}
@media(min-width:1279px){.cards{width:1090px}
}
.cards-item{display:block;border:1px solid #e6e6e6;min-width:345px;max-width:532px;border-radius:8px;@media(width <= 761px){min-width:100%;max-width:unset}
height:436px}
[id*='soglie-tooltip'],[id*='invoice-tooltip'],[id*='activities-tooltip']{font-size:14px;font-weight:400;line-height:18px;color:#666 !important;p{color:#666 !important;margin-bottom:0}
img{bottom:-13px}
ul{margin:0 0 20px 14px}
ul li{list-style-type:disc}
}
.truncated-tooltip{border:0;padding:14px;background-color:#fff;opacity:1 !important;box-shadow:0 4px 4px 0 rgba(0,0,0,0.15);--bs-tooltip-max-width:unset;height:45px !important;max-height:45px !important}
.truncated-tooltip .tooltip-inner{font-size:12px;font-weight:700;line-height:15px;text-align:left;background:unset;color:#ea0026;padding:0;white-space:nowrap;opacity:1 !important;text-transform:uppercase;--bs-tooltip-max-width:unset}
.truncated-tooltip .tooltip-arrow{display:none}
.cards-item.summary{--summary-img-width:16px;--summary-img-height:14px;.cards-item-info{padding:11px 13px;span{font-size:16px;font-weight:400;line-height:20px;text-align:left}
}
.cards-item-body{ul{padding-top:4px;li{span{font-size:14px;font-weight:700;line-height:18px;text-align:left}
small{font-size:12px;font-weight:400;line-height:15px;text-align:left}
a{width:var(--summary-img-width) !important;height:var(--summary-img-height) !important;img{vertical-align:unset;width:var(--summary-img-width) !important;height:var(--summary-img-height) !important}
}
}
}
}
}
.cards-item.threshold{.cards-item-body{li{padding:9px 16px}
}
small.red{padding:0}
}
.cards-item-info .invoice-info-icon{margin-left:6px;align-self:flex-start}
.cards-item{display:flex;flex-direction:column}
.cards-item-body{flex:1;overflow-y:auto}
.cards-item-head,.cards-item-info{padding:16px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;@media(width <= 370px){flex-wrap:wrap;h4{margin-right:10px}
}
}
.cards-item-head a,.cards-item-info a{text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:700;line-height:18px}
.cards-item-head a img,.cards-item-info a img{width:10px;height:10px;margin-bottom:2px}
.cards-item-info{color:#666;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.cards-item-info-count{color:#000}
.cards-item-info span[aria-hidden='true']{display:none}
.cards-item-body ul,.cards-item-body ul li{padding:12px 0;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:4px}
.cards-item-body ul li,.cards-item-body ul li li{padding:8px 16px;gap:2px}
.cards-item-body ul li div,.cards-item-body ul li li div{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.cards-item-body ul li div small,.cards-item-body ul li li div small{color:#666}
.cards-item-body ul li div small.red,.cards-item-body ul li li div small.red{background-color:unset;color:#ea0026}
.cards-item-body ul li div span,.cards-item-body ul li li div span{font-weight:700}
.invoice .cards-item-body ul div span,.activity .cards-item-body ul div span,.threshold .cards-item-body ul div span{font-size:14px;font-weight:700;line-height:18px}
.invoice .cards-item-body ul div small,.activity .cards-item-body ul div small,.threshold .cards-item-body ul div small{font-size:12px;font-weight:400;line-height:15px}
.threshold .cards-item-body ul div small.red strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:182px;display:block}
.cards-item-body ul li div img,.cards-item-body ul li li div img{width:21px;height:21px}
.cards-item-body ul li div label,.cards-item-body ul li li div label{padding:3px 6px;font-size:10px;font-weight:700;line-height:13px;text-transform:uppercase}
.cards-item-body ul li div label.green,.cards-item-body ul li li div label.green{color:#000}
.cards-item-body ul li div label.yellow,.cards-item-body ul li li div label.yellow{color:#0033a1}
.cards-item-body ul li div label.red,.cards-item-body ul li li div label.red{color:#ea0026}
.cards-item-empty,.cards-item-error,.cards-item-load{padding:0 45px;height:350px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:16px;border-top:1px solid #a5afbf;text-align:center}
.cards-item-empty span,.cards-item-empty p,.cards-item-error span,.cards-item-error p,.cards-item-load span,.cards-item-load p{color:#666}
.cards-item div[aria-hidden='true']{display:none}
.cards-item div.loading{position:absolute;top:0;left:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:none;z-index:1}
.cards-item div[aria-hidden='true']{display:none}
.cards-item.plan ul{padding:12px 16px;gap:12px}
.cards-item.plan ul li{padding:8px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:16px}
.cards-item.plan ul li div{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}
.cards-item.plan ul li div.icon-container{padding:12px;width:56px;justify-content:center;align-items:center}
.cards-item.plan ul li div.icon-container img{width:32px;height:32px}
.cards-item.plan ul li div span{font-weight:400}
.cards-item.plan ul li div small{color:#003c91;font-weight:bold}
.cards-item.plan ul li div h4{font-size:28px;font-weight:700;line-height:31px}
.cards-item.plan ul li div h4 b{font-size:18px;font-weight:700;line-height:23px}
.cards-item.load div.loading{display:flex}
.cards-item.load .cards-item-head a{display:none}
[role='dialog'].loading{position:fixed}
[role='dialog'].loading .dialog{padding:0;width:65px;height:65px;background-color:#0033a1;border:0}
.cards-item-body a{font-size:14px;font-weight:700;line-height:18px;color:#000}