@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Roboto:wght@300;400;600;700&display=swap');.app-header{--app-header-bg: linear-gradient(90deg,#123b52 0%,#1c6e8c 100%);--app-header-text: #ffffff;display: flex;align-items: center;gap: var(--lumo-space-m);width: 100%;box-sizing: border-box;padding: var(--lumo-space-m) var(--lumo-space-l);background: var(--app-header-bg);color: var(--app-header-text)}.app-header__brand{font-family: var(--lumo-font-family);font-weight: 700;font-style: italic;font-size: 1.25rem;letter-spacing: -0.01em;color: var(--app-header-text)}.app-header__title{position: relative;padding-left: var(--lumo-space-m);font-weight: 500;font-size: 1.05rem;color: var(--app-header-text)}.app-header__title::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 1.1em;background: color-mix(in srgb,var(--app-header-text) 35%,transparent)}.app-footer{--app-footer-text: var(--lumo-primary-text-color,#1c6e8c);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--lumo-space-m);width: 100%;box-sizing: border-box;padding: var(--lumo-space-l);margin-top: auto;border-top: 1px solid var(--lumo-contrast-10pct)}.app-footer__copyright{font-weight: 600;font-size: 0.85rem;color: var(--app-footer-text)}.app-footer__links{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m)}.app-footer__link{font-weight: 600;font-size: 0.85rem;color: var(--app-footer-text);text-decoration: none}.app-footer__link:hover{text-decoration: underline;text-underline-offset: 3px}vaadin-app-layout[primary-section="navbar"]::part(navbar)::before{flex-direction: column;opacity: 1 !important;background-color: #10708e;background-image: -moz-linear-gradient(#10708e,#024f67);background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#10708e),to(#024f67));background-image: -webkit-linear-gradient(#10708e,#024f67);background-image: -o-linear-gradient(#10708e,#024f67)}vaadin-app-layout{--_vaadin-app-layout-navbar-offset-size: 50px}vaadin-app-layout[theme~="custom"]{--_vaadin-app-layout-navbar-offset-size: 84px !Important}vaadin-app-layout[primary-section="drawer"]::part(navbar)::before{background: var(--lumo-base-color)}vaadin-app-layout[primary-section="drawer"]::part(navbar){box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct)}vaadin-app-layout[primary-section="drawer"]:not([overlay])::part(drawer){background: var(--lumo-shade-5pct);border: 0;box-shadow: 1px 0 0 0 var(--lumo-contrast-10pct),1px 0 0 0 var(--lumo-base-color);z-index: 1}vaadin-drawer-toggle[slot="navbar"]{color: #fff}::part(navbar){min-height: var(--lumo-size-xl);height: 50px;z-index: 100;opacity: 1 !important;background-color: #10708e;background-image: -moz-linear-gradient(#10708e,#024f67);background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#10708e),to(#024f67));background-image: -webkit-linear-gradient(#10708e,#024f67);background-image: -o-linear-gradient(#10708e,#024f67)}::part(drawer){display: flex;flex-direction: column;width: 221px !Important}vaadin-scroller[slot="drawer"]{flex: 1;padding: var(--lumo-space-s);background: #3899b7}vaadin-scroller[slot="drawer"][overflow~="top"]{border-top: 1px solid var(--lumo-contrast-10pct)}vaadin-scroller[slot="drawer"][overflow~="bottom"]{border-bottom: 1px solid var(--lumo-contrast-10pct)}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);min-height: var(--lumo-size-xl);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}notification-view{width: 100%}vaadin-app-layout[theme~="custom"]::part(navbar){top:34px !Important}.nav-hover p{margin:0px !Important}.gray-border{border: 1px solid #dfe1e6}.image-list-view ol{grid-template-columns: repeat(auto-fill,minmax(256px,1fr))}.image-list-view li{transition: all 200ms cubic-bezier(0.4,0,0.2,1);transition-property: background-color,box-shadow}.image-list-view li:hover{background-color: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-s)}:host([theme~="back-open"]) [part="backdrop"]{width: 0px}:host([theme~="back-open"]){width: 300px;margin-left: 40% !important;margin: inherit}.logui{background-color: transparent;background-size: cover;background-image: url('images/jibby-banner-page-new.png');height: 100%;width: 100%;padding: 30px;overflow: auto}.login-content{margin: auto;align-items: center}.google-login-btn{display: inline-flex;align-items: center;gap: 12px;padding: 10px 16px;border: 1px solid #dadce0;border-radius: 4px;background: #fff;color: #3c4043;font-size: 14px;font-weight: 500;cursor: pointer}.google-login-btn:hover{background: #f8f9fa;text-decoration:none}.google-icon{width: 18px;height: 18px}.label1{font-size: 26px;line-height: 19px;font-weight: 300 !important;color: white !important;letter-spacing: 0px;white-space: nowrap;opacity: 1}.label2{white-space: nowrap;font-size: 47px;font-weight: 600;color: white;letter-spacing: 0px;font-family: "Montserrat";opacity: 1;margin-top: 20px;margin-bottom: 10px}.label3{white-space: normal;font-size: 25px;line-height: 38px;font-weight: 400;color: white;letter-spacing: 0px;font-family: "Roboto";text-align: center;margin-top: 8px;height: 165px}.span1{color: #ff7028;font-size: 14px;text-align: inherit;line-height: 32px;letter-spacing: 0px;font-weight: 400;text-decoration: underline !important}.logo-content{display: flex;float: left;width: 620px !important;text-align: center;flex-direction: column;align-items: center}.brifcase{display: inline-block;width: 167.186px;height: 216.16px;background-image: url('images/75904_w.png');background-repeat: no-repeat;background-size: 166px;float: left;margin-top: 110px}.jibby-logo{display: inline-block;width: 298.909px;height: 91.1925px;background-image: url('images/logo.png');background-repeat: no-repeat;background-size: 267px;margin: 0;padding: 0;margin-top: 10px}.info-style{color: #fff;text-align: center;padding: 40px 28px 0px 0px;float: left;width: 805px;display: inline-block}.bottom_quick_button{height: 80px;gap:10px}.form-style{width: 272px;display: inline-block;background: #fff !important;height: 385px;padding: 45px 28px 28px 28px;border-radius: 0 5px 5px 0}.username-filed-icon{text-indent: 28px;background-size: 18px 20px;margin-bottom: 10px;background: url('images/loginUser.png') no-repeat}.btnSignIn{height: 29px}.login-hl-btn{margin-top: 5px;width: 100%;display:flex}.spacer{flex-grow:1}.btn-facebook a{text-decoration: none;color: white;padding-right: 7px}.forgot-style{color: #024f67 !important;font-weight: 600;float: left;margin-top: 5px;cursor: pointer;text-decoration: underline}.btn-facebook span{margin-left: 6px;height: 30px;padding-top: 9px;display: inline-block;padding-right: 6px;font-family: Roboto;font-weight: 600}.btn-facebook{background: #4267b2 none repeat scroll 0 0 !important;border-color: #4267b2 #4267b2 #4267b2 !important;border-image: none !important;border-radius: 2px !important;color: #ffffff !important;cursor: pointer !important;font-weight: 500 !important;outline: medium none !important;position: relative !important;box-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;height: 40px !important;padding-left: 1px !important;padding-top: 1px !important;padding-right: 0px !important;font-size: 14px;font-weight: 600 !important;display: inline-block}.facebook-icon-style{padding: 7px;background: #fff;color: #4267b2;font-size: 26px;float: left;border-radius: 1px;padding-right: 6px;padding-top: 8px}.loginOrText{height: 20px;width: 20px;border-radius: 10px;background-color: #9e9e9e;text-align: -webkit-center;font-style: italic;font-weight: bold;margin: 5px;margin-bottom: 15px;margin-left: 45%;display: block}.loginfooter{margin: 0 auto}.copyright-style{text-decoration: none;color: #fff}.signupPageFooterLink{color: #fff !important;font-weight: 500;margin-left: 15px;text-decoration: none !important}.signin-label-style{font-weight: bold}.signin-div-style{width: 268px;margin-top: 0px}.quick_intro .v-button-wrap{display: inline-block}.quick_intro vaadin-icon{float: right;font-size: 18px;display: none}.quick_intro:hover{background-color: rgb(0,56,73) !important;border-color: rgb(0,56,73) !important;box-shadow: none !important;width: 240px}.quick_intro:hover vaadin-icon{display: block !important}.quick_intro{white-space: nowrap;font-size: 18px;line-height: 20px;font-weight: 400;color: rgb(255,255,255) !important;font-family: "Roboto";text-transform: uppercase;background-color: rgb(2,80,104);border-color: rgb(0,0,0);border-radius: 30px !important;outline: none;box-shadow: rgb(153,153,153) 0px 0px 0px 0px;box-sizing: border-box;letter-spacing: 1.5px;cursor: pointer;visibility: inherit;transition: none 0s ease 0s;text-align: inherit;margin: 0px;padding: 12px 35px !important;height: 45px !important}.siguup_button{text-decoration: none !important;white-space: nowrap;font-size: 18px;line-height: 20px;font-weight: 400;color: rgb(255,255,255);font-family: "Roboto";text-transform: uppercase;background-color: rgb(221,75,57);border-color: rgb(0,0,0);border-radius: 30px;outline: none;box-shadow: rgb(153,153,153) 0px 0px 0px 0px;box-sizing: border-box;letter-spacing: 1.5px;cursor: pointer;visibility: inherit;transition: none 0s ease 0s;text-align: inherit;margin: 0px;padding: 12px 32px !important;height: 45px !important}.siguup_button vaadin-icon{float: right;margin-left: 8px;display: none;width: 14px;margin-top: -2px}.siguup_button:hover,.siguup_button a:hover{color: white !important}.siguup_button:hover vaadin-icon{display: block !important}.login-username-prefix{background-size: 18px 20px;width: 22px;height: 20px;margin-left: 4px}.login-password-prefix{background-size: 18px 20px;width: 22px;height: 20px;margin-left: 4px}.login-cb-rememberme{margin: 0}.read-only{pointer-events: none}.invalidlable{margin-left: 100px;color: red;font-size: 0.9rem}@media (max-width: 800px){.info{padding-top: 0px}.brifcase{background-size: 100px;width: 110px}.label1{font-size: 1.5rem}.label2{font-size: 36px}.jibby-logo{width: 200px;background-size: 200px;height: 80px}.label3{font-size: 20px;height: 135px}.info-style{width: 100%;padding: 0}.login-content{text-align: center}}.gsi-material-button{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-webkit-appearance: none;background-color: WHITE;background-image: none;border: 1px solid #747775;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #1f1f1f;cursor: pointer;font-family: 'Roboto',arial,sans-serif;font-size: 14px;height: 40px;letter-spacing: 0.25px;outline: none;overflow: hidden;padding: 0 12px;position: relative;text-align: center;-webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;transition: background-color .218s,border-color .218s,box-shadow .218s;vertical-align: middle;white-space: nowrap;width: auto;max-width: 400px;min-width: min-content}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color: #303030;opacity: 8%}@media (min-width: 321px) and (max-width: 730px){.logo-content{display: flex !important;float: none !important;width: auto !important}}@media (min-width: 321px) and (max-width: 475px){.logo-content{display: flex !important;float: none !important;width: auto !important}}@media (min-width: 800px) and (max-width: 1280px){.login-content{text-align: center;width: 638px}.brifcase{background-size: 110px;width: 110px}.label2{font-size: 40px}.info-style{width: 100%}.logui{padding: 20px;overflow-y: auto}.logo-content{display: inline-block;float: left;width: 500px !important;text-align: center}.jibby-logo{background-size: 200px;width: 200px}.label3{font-size: 20px}.quick_intro{font-size: 16px}.siguup_button{font-size: 16px}}div.jibby-addon{cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none}.trigger-button{padding: 10px;-moz-appearance: none;appearance: none;-moz-box-shadow: none;-moz-border-radius: 0;background: transparent;cursor: pointer;background-repeat: no-repeat;border: none}.jibby-button{cursor: pointer;font-weight: 400}.timeline-header{box-shadow: 0px 1px 2px #888;font-size: 12px;display: inline-block;position: relative;width: 100%}.timeline-slider.resizable{position: relative}.timeline-slider.resizable.resizing{overflow: visible}.timeline-slider.resizable .drag-overlay{position: absolute;z-index: 10}.timeline-slider.resizable .rs,.timeline.resizable .ls{background-color: transparent;display: block;overflow: visible;position: absolute}.timeline-slider.resizable div.unused{cursor: default !important}.timeline-slider.resizable .rs{cursor: ew-resize;top: 0;right: -5px;bottom: 0;z-index: 1}.timeline-slider.resizable .ls{cursor: ew-resize;top: 0;bottom: 0;left: -5px;z-index: 1}.timeline-slider.resizable .tooltip{position: absolute;display: inline-block}.tooltip .tooltiptext{background-color: black;color: #fff;text-align: center;padding: 5px 5px;border-radius: 6px;bottom: 100%;font-size: 0.8rem;position: absolute;z-index: 1;bottom: -5px;left: -10px;user-select: none}.overlaydate{background-color: black;color: #fff;text-align: center;padding: 5px 5px;border-radius: 6px;bottom: 100%;font-size: 0.8rem;position: absolute;z-index: 1;bottom: 17px;left: -25px;width:65px}.timeline-slider{background-color: #afe1f1;background-image: -webkit-linear-gradient( bottom,#81bdd4 2%,#afe1f1 98%);background-image: linear-gradient(to top,#81bdd4 2%,#afe1f1 98%);box-sizing: border-box}.timeline-slider.resizable .progress-slider{background-color: #10708e;background-image: -webkit-linear-gradient( bottom,#10708e 2%,#3595b3 98%);background-image: linear-gradient(to top,#10708e 2%,#3595b3 98%);box-sizing: border-box}.timeline-slider.resizable .slider-handle{margin-top: -16px;display: inline-block;vertical-align: top;position: absolute;z-index: 0}.timeline-slider.resizable .slider-handle:before,.timeline-slider.resizable .slider-handle:after{content: "";box-sizing: border-box;height: 20px;position: absolute;z-index: 1;border-top: 9px solid #3b97b4;border-left: 6px solid transparent;border-right: 6px solid transparent;cursor: pointer;top: 6px;left: -6px}.timeline-slider.resizable .slider-handle:after{border: 1px solid #c5c5c5;border-color: #197de1;-webkit-box-shadow: 0 0 0 2px rgba(25,125,225,0.5);box-shadow: 0 0 0 2px rgba(25,125,225,0.5);opacity: 0;-webkit-transition: opacity 200ms;-moz-transition: opacity 200ms;transition: opacity 200ms}.timelineheader{display: grid;background-color: #fff}.weekcol{width: 14.2857%;text-align: center;display: inline-block}.weekcol:before{content: "";position: absolute;width: 1px;height: 39px}.monthcol{text-align: center;display: inline-block}.monthcol:before{content: "";position: absolute;width: 1px;height: 19px}.monthscale{top: 12px;position: relative}.monthscalecol{text-align: center}.monthscalecol:before{content: "";position: absolute;width: 1px;height: 20px}.monthscalespan{width: 100%;display: inline-block}.weekscale{position: relative;top: 12px}.weekscalecol{width: 14.2857%;text-align: center;display: inline-block}.tl-progress-disabled:before{border-top:9px solid #858787 !important}.weekscalecol:before{content: "";position: absolute;width: 1px;height: 20px}.weekscalespan{width: 100%;display: inline-block}.lastcol:after{content: "";position: absolute;width: 1px;height: 20px;background: #4f80ef}.dayname{width: 100%;display: inline-block;border-bottom: 1px solid #fafafa}.day{display: inline-block;width: 100%}.col1:before,.circle1:before,.circle8:before,.col8:before,.col15:before,.col22:before,.col29:before,.yearscale-bg1{background-color: #d73d11}.col2:before,.circle2:before,.circle9:before,.col9:before,.col16:before,.col23:before,.col30:before,.yearscale-bg2{background-color: #fbc123}.col3:before,.circle3:before,.circle10:before,.col10:before,.col17:before,.col24:before,.col31:before,.yearscale-bg3{background-color: #16b4be}.col4:before,.circle4:before,.circle11:before,.col11:before,.col18:before,.col25:before,.yearscale-bg4{background-color: #174aac}.col5:before,.circle5:before,.circle12:before,.col12:before,.col19:before,.col26:before,.yearscale-bg5{background-color: #bce852}.col6:before,.circle6:before,.circle13:before,.col13:before,.col20:before,.col27:before,.yearscale-bg6{background-color: #169aba}.col7:before,.circle7:before,.circle14:before,.col14:before,.col21:before,.col28:before,.yearscale-bg7{background-color: #05fb12}.yearscale-bg8{background-color: #2c7896}.scale-col{height: 20px;display: inline-block;text-align: center;color: #674141}.titlehead{border-bottom: 22px solid #4a94ab;border-left: 25px solid transparent;border-right: 25px solid transparent;height: 0px;width: 20%;text-align: center;display: block;margin: 0 auto;color: #fff;font-weight: bold;font-size: 13px}.scalediv{display: inline-block;position: relative;width: 100%}span.yearSymble{display: inline-block;width: 100%;border-top: 2px solid #2c7896;position: relative;top: -5px;z-index:1}.wfull{display:flex;width:100%}.v-yearscale{width: 1px;height: 15px;position: absolute;left: 7px}.year-scale{position:relative}.v-yearscale-last{position: absolute;left: unset;right: 4px;z-index: 1;width: 1px;height: 15px}span.yearscale{width: 1px;height: 15px;position: relative;display: block;left: 7px;top: 15px}span.yearscale-last{position: absolute;left: unset;right: 4px;z-index: 1;top: 30px;width: 1px;height: 15px}span.yearSymble:before{border-radius: 50%;width: 15px;height: 15px;float: left;margin-top: -9px;content: ""}.col-year:last-child>.yearSymble:after{border-radius: 50%;width: 15px;height: 15px;float: right;margin-top: -9px;content: "";background: #317c9a;right: -3px;position: relative}.col-year{display: inline-block;text-align: center}.boxshadownone{box-shadow: none !important}timeline-component{--slider-background: #767676;--slider-height: 2px;--slider-radius: var(--slider-height);--slider-value-color: #ff6200;--slider-value-width: 0;--thumb-color: #adadad;--thumb-diameter: 25px;--thumb-offset: 0;display: inline-block;width: 100%}.range-container{position: relative;width: 100%}.range-slider,.range-slider-value{border-radius: var(--slider-radius);height: var(--slider-height);max-height: var(--thumb-diameter);position: absolute;top: calc((var(--thumb-diameter) - min(var(--slider-height),var(--thumb-diameter))) / 2)}.range-slider{background: var(--slider-background);width: 100%;height: 10px}.range-slider-value{background: var(--slider-value-color);width: var(--slider-value-width);height: 10px}.range-thumb{background: var(--thumb-color);height: var(--thumb-diameter);position: absolute;transform: translateX(var(--thumb-offset));width: var(--thumb-diameter)}#slider{display: inline-block;height: var(--thumb-diameter);margin: 0;position: relative;width: 100%;opacity: 0;cursor: pointer}:host([disabled]){--slider-background: #d9d9d9;--slider-value-color: #a8a8a8;--thumb-color: #f0f0f0}.navi-item{align-items: center;display: flex;font-size: 13px;font-weight: 600;height: 40px;transition: background-color var(--transition-duration-s)}.navi-item vaadin-icon{fill: #fff;cursor: pointer}.navi-item vaadin-icon:hover{fill: #ff7f26}.nav-sub-text{font-size:.9rem;font-style:italic;font-weight:normal}.menu-divider{display: block;height: 1px;background: #fff;margin-top: 5px;margin-bottom: 5px}.navi-item[level]{font-weight: 500;height: var(--lumo-size-m)}.navi-item[level="1"] label{font-weight: 500;margin-left: var(--navi-item-indentation)}.navi-item[level="2"] label{margin-left: calc(var(--navi-item-indentation) + var(--lumo-space-m))}.navi-item[level="3"] label{font-weight: 300;margin-left: calc(var(--navi-item-indentation) + calc(var(--lumo-space-m) * 2))}.navi-item__link:hover{text-decoration: none !important}.navi-item:hover{border-left: 3px solid #ff7f27;background: rgba(6,56,72,0.5)}.navi-item.active{border-left: 3px solid #ff7f27 !important;background: rgba(6,56,72,0.5) !important}.navi-item__link{align-items: center;display: flex;flex-grow: 1;height: 100%;overflow: hidden;padding: 0 1rem;padding: 0 var(--lumo-space-m);padding-right: 0px;cursor: pointer}.admin-menu[highlight]{border-left: 3px solid #ff7f27;background: rgba(6,56,72,0.5);color: #fff}.navi-item__link:not([highlight]){color: var(--lumo-body-text-color);color: #fff !Important}.navi-item__link:not([highlight]) vaadin-icon{color: var(--lumo-tertiary-text-color)}.navi-item__link vaadin-icon{height: 1.25rem;height: var(--lumo-icon-size-s);flex-shrink: 0;margin: 0 0.8rem 0 0;transition: margin var(--transition-duration-s);width: 1.25rem;width: var(--lumo-icon-size-s)}.navi-item__link>div:first-child{display: flex}.navi-item__link label{cursor: inherit;overflow: hidden;text-overflow: ellipsis;user-select: none;-webkit-user-select: none;white-space: nowrap}.navi-item vaadin-button{flex-shrink: 0;margin-left: auto;margin-right: auto;max-width:42px}.navi-menu__subitem_project{height: 25px !important;border-left: 3px solid #3b99b7}.navi-menu__subitem_project:hover .favouriteicon{display: inline-flex}.favouriteicon{display: none;cursor: pointer;height: 20px;width: 20px;margin-left: 3px}.navi-item{--sub-nav-padding:0px 0px 0px 6px !important}.navi-menu_subitem:not(.sub-trashmenu) .navi-item__link{padding: var(--sub-nav-padding)}.custom-submenu .navi-item__link{padding-left:0px !Important}.custom-submenu-view .navi-item{padding: var(--sub-nav-padding);gap:5px;height:28px}.custom-submenu-view label{padding-left: 6px !Important}.fav-item label{padding-left:4px !important}.navi-menu_subitem .navi-item__link label{margin-left: 0px !Important}.navi-drawer[rail]:not([open]) .navi-item__link label{display: none}.navi-menu_subitem_settings{height: auto !important;background: transparent !important;padding-top: 10px;padding-bottom: 10px}.navi-menu_subitem_settings:hover{background: none !important;border: none !important}.navi-menu_subitem_settings:active{background: none !important;border: none !important}.projectspace-label{color: #fff;border-bottom: 1px solid #278eaf;padding: 3px 0px 3px 6px}.fav-icon-yellow{fill: #f9e218 !Important;cursor: pointer;width: 20px !Important;height: 20px !Important}.favouriteicon{width: 20px !Important;height: 20px !Important}.favouriteicon:hover{fill: #f9e218 !Important}.navi_project_buttons{position: absolute;top: 3px;left: 57%}.nav-hover{min-width: 62px;left: 9px;background: #125c74 !important}.nav-hover::before{border-color: transparent #125c74 transparent transparent !important}.menu-separator{width: 100%;height: 1px;background: var(--menu-separator)}.account-switcher__avatar{border-radius: 100%;display: flex;height: var(--lumo-size-l);margin: var(--lumo-space-m) 0 var(--lumo-space-l) var(--lumo-space-m);width: var(--lumo-size-l)}.account-switcher__title{margin: 0;padding: 0 var(--lumo-space-m)}.account-switcher__email{align-items: center;box-shadow: inset 0 -1px var(--lumo-contrast-20pct);display: flex;font-size: var(--lumo-font-size-s);justify-content: space-between;padding: 0 var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-m)}.account-switcher__email vaadin-button{margin: 0}.app-header-inner{position: absolute;width: 100%;z-index: 100;left: 0px}.app-bar{flex-direction: column;position: relative;z-index: 1;height: 50px;background-color: #10708e;background-image: -moz-linear-gradient(#10708e,#024f67);background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#10708e),to(#024f67));background-image: -webkit-linear-gradient(#10708e,#024f67);background-image: -o-linear-gradient(#10708e,#024f67)}.app-bar__container{transition: padding var(--transition-duration-m)}.app-bar__navi-icon,.app-bar__context-icon{margin-right: var(--lumo-space-l)}.app-bar__title{flex-grow: 1;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.app-bar__action-items>*:not(:last-child){margin-right: var(--lumo-space-s)}.app-bar vaadin-text-field{padding: 0}.app-bar__avatar{border-radius: 100%;flex-shrink: 0;height: var(--lumo-size-s);margin-left: var(--lumo-space-m);width: var(--lumo-size-s)}.app-bar__tabs{box-shadow: none}.app-bar__tab vaadin-button{margin: 0}.app-bar__add-tab{flex-shrink: 0}.theme-pencil-icon{fill: #24556b;width: 17px}.brand-expression{padding: 6px 30px 6px 20px;display: flex;align-items: end}@media (max-width: 1024px){.brand-expression{padding-left:15px;display: flex;align-items: end}}.brand-expression__logo{max-height: 100%;max-width: 100%;width: 35px}.brand-expression__title{color: #fff !important;text-decoration: none !important;font-size: 20px;vertical-align: super;margin-left: 10px;width: 100px;display: block;float: right;font-weight: bold}.navi-drawer[rail] .brand-expression__title{display: none}.list-item{box-sizing: border-box;overflow: hidden;padding: var(--lumo-space-wide-r-l);position: relative}.list-item__content{flex: 1}.list-item__prefix,.list-item__suffix{display: flex;flex-shrink: 0}.list-item__prefix{margin-right: var(--lumo-space-l)}.list-item__prefix img{border-radius: var(--lumo-border-radius);height: var(--lumo-size-s);width: var(--lumo-size-s)}.list-item__suffix{margin-left: var(--lumo-space-l)}.list-item__divider{background-color: var(--lumo-contrast-20pct);bottom: 0;height: 1px;left: 0;position: absolute;right: 0}.list-item__prefix~.list-item__divider{left: calc(var(--lumo-space-l) * 3)}vaadin-grid .list-item__prefix{margin-right: var(--lumo-space-m)}vaadin-grid .list-item *{overflow: hidden;pointer-events: none;text-overflow: ellipsis}@media (max-width: 1023px){.list-item__prefix~.list-item__divider{left: calc(calc(var(--lumo-space-l) * 2) + var(--lumo-space-m))}}:host(.app-bar__navi-icon),:host(.app-bar__context-icon),:host(.tab-bar__navi-icon){line-height: 1}:host(.app-bar__navi-icon) [part="label"],:host(.app-bar__context-icon) [part="label"],:host(.tab-bar__navi-icon) [part="label"]{display: flex}:host(.app-bar__navi-icon){display:none}@media (max-width: 1024px){:host(.app-bar__navi-icon){display:block !Important;margin-left:20px}}tree-item-row{width: 100%;display: inline-block}.item-text{padding-right: 5px;font-weight: 400;width: 100%;display: flex}.item-row-flex{display: inline-flex;padding-top: 5px;width: 100%}.item-row-flex{display: flex}.item-row-flex:hover{background: #e0edf7}.item-caption{position: relative;padding: 0px;border: none;color: rgb(50,50,50);text-align: left;cursor: pointer;background: transparent !important;font-size: 13px;overflow: hidden;height: 26px;text-overflow: ellipsis;display: flex;width: 95%}.left20margin{margin-left: 19px}.colBitemProgressCaption{font-weight: 600;padding-left: 5px;float: left}.colBitemStatus{color: #f17d30;padding-left: 2px;white-space: nowrap}.item-icon{max-width: 20px;max-height: 16px;padding-right: 5px;position: relative;top: 2px}.colBitemNameCaption{overflow: hidden;float: left;max-width: 90%;height: 22px}.hiddenable{display: none}.item-row-flex:hover>.hiddenable{display: block;float: left;width: 20px}.active{background: #e0edf7}.borderlessbutton{background: none;border: none;cursor: pointer;padding: 0px 3px;height: 20px}.borderlessbutton:focus{outline: none}.context-menu{position: absolute;display: none;z-index: 1;background: #e7ebee;right: 3px}.flex{display: flex}.marginRight5px{margin-right: 5px}.context-menu-item:hover{background: #dfedf7}:host(.checklist-text-area) [part='input-field']{background: transparent}:host(.checklist-editor-top-border) [part='input-field']{border-top: 1px solid #e9e9e9}:host(.checklist-editor-border) [part='input-field']{border: 1px solid #e9e9e9}#table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #F5F5F5}#table::-webkit-scrollbar{width: 10px;height: 10px;background-color: #F5F5F5}#table::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #054a61}:host([theme~='sub-plan-box']) [part~='cell']:not([part~='details-cell']){min-height: 30px !important;max-height: 30px !important}:host([theme~='report']) [part~='first-column-cell']:not([part~='details-cell']){width:25px !important}vaadin-upload-file{display:none}.quick-item-create-uploader-div vaadin-upload-file{display:block}.support-feedback-uploader vaadin-upload-file{display:block}:host([theme~='wf-custom-upload']){width: 100%;position: absolute;padding: 0;height: 100%;top: 0;left: 0;border:0}:host([theme~='wf-custom-upload']) [part='drop-label']{display:none}vaadin-upload.wf-custom-upload{width: 100%;position: absolute;padding: 0;height: 100%;top: 0;left: 0;border:0}vaadin-upload.wf-custom-upload::part(drop-label){display: none}[part='overlay']{font-size:1.1rem;border-radius:0}[part='header'] ::slotted(h3){margin: 0px;max-width: 510px;color: rgb(2,79,103) !important;font-weight: 600 !important;display: inline-block;font-size: 13px !important;margin-left:8px}[part='header']{--lumo-border-radius-l:0}top-menu{width: 100%}#avatar{width: 45px;height: 44px;border-radius: 100%;padding-top: 8px}.avatarMenu{margin-right: 25px;height: 52px}.topbarbutton{height: 52px;width: 38px}.topbarbutton vaadin-icon,.topbarbutton img{padding: 13px 8px}.topbarRightTabbutton{height: 100%;margin: 0;width: auto;font-size: 11px;background: transparent !important;text-align: center;cursor: pointer}.topbarbutton:hover,.topbarRightTabbutton:hover{background: #054a61;border-bottom: 2px solid #ff7f27}.menu-active{border-bottom: 2px solid #ff7f27}.itemadd{height: 100%!important}.itemadd:hover{border-bottom: none !important}.topbarRightTabbutton .caption{color: white;font-size: 88%;font-weight: 600;display: block}.margin_right{margin-right: 25px}.top-dropdown-menu{background: #fff;border-top: 1px solid transparent;border-top-color: #ff6d00;color: #024f67;font-weight: 400;box-shadow: 2px 1px 3px 0px #e8e8e8}.top-menu-item{padding: 3px 30px 3px 10px;font-size: 12px;cursor: pointer;background: transparent;border-bottom: 1px solid #eee;text-align: left;min-height: 35px}.top-menu-item img{padding:0}.top-menu-item vaadin-icon{fill: rgb(2,79,103);margin-right: 6px;padding: 3px;width: 20px;height: 30px}.top-menu-item:hover{background: #eee}.googleDrivebtn vaadin-icon{color: rgb(255,255,255);font-size: 18px;padding: 0px;height: 50px;width: 28px;margin-left: 5px}.menu-hide{display:none}@media (max-width: 1371px){.rsp-view-buttons{display: none}.button-visible{display: none;margin-top:0px !important}.inbox-count-screen{display: none}.colc-view-menu vaadin-menu-bar-button{height:45px;-webkit-font-smoothing:auto}.hover-text-visible{display: none}.inbox-count{display:block}.menu-show{display:block}}.topitemAddMenu{left: 185px;min-width: 170px}.itemadd:hover .topitemAddMenu,.tutorialMenu:hover .topAvatarSubMenu,.avatarMenu:hover .topAvatarMenu,.inviteButton:hover .topitemChatInviteMenu,.inviteButton:hover .topitemChatInviteMenuHoverText,.sharebutton:hover .sharebuttonnote{display: block}.pdfbutton:hover .pdfbuttonnote,.googleDrivebtn:hover .googleDriveMenu{display: block}.chat-invite-enable{fill:#fff;font-size: 20px;padding:0px;height:50px;width:41px}.chat-invite-disable{fill:#CBD0D6;font-size: 20px;padding:0px;height:50px;width:41px}vaadin-item:hover{background: #eee}.itemadd{padding-left: 8px}.itemadd vaadin-icon{border: 2px solid rgb(255,255,255);padding: 0px 6px;border-radius: 50%;margin-top: 11px;color: rgb(255,255,255);width: 28px;height: 28px}.topAvatarSubMenu{left: 184px;top: 184px;width: auto;overflow: hidden;margin: 0}.topAvatarSubMenu.features{top: 184px}.topAvatarSubMenu div{display: flex}.topAvatarSubMenu vaadin-item{min-width: 263px}.proPicInviteList{height: 28px;width: 28px;vertical-align: text-top;border: 1px solid #eee;border-radius: 100%;margin-right: 5px;padding: 0 !important}.topitemChatInviteMenu{display: none;position: absolute;background: #fff;color: #024f67;font-weight: 400;z-index: 99999;box-shadow: 2px 1px 3px 0px #e8e8e8;right: 0px !important;background: white !important;border: 1px solid #024f67 !important;box-shadow: 1px 1px 1px #ddd;width: 300px;max-height: 450px;overflow-y: auto}.topitemChatInviteMenuDiable{display: none;border: 0px !important;height: 50px !important;margin-top: -8px;margin-left: -158px;background: #eeeeee !important;color: #024f67 !important;font-weight: 400 !important;width: 190px !important;border-top: 2px solid #ff6d00 !important;padding: 4px !important;text-align: center !important}.inviteButton{position: relative}.chat-invite-row-notifylabel{padding: 5px 0px !important;display: flex;align-items: center;justify-content: center;text-align: center !important}.chat-invite-row{color: #024f67;font-weight: 500;padding: 3px 5px 5px 10px !important;padding-top: 5px !important;padding-bottom: 5px !important;border-bottom: 1px solid #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;width:100%}.chat-invite-row:hover{background: rgba(189,189,189,0.5)}.chat-invite-others-row{line-height: 30px;display:flex}.invisible{visibility: hidden}.googleDrivehidden{display: none}.sharebuttonnote{display: none;height: 20px;margin-top: -2px;margin-left: -8px;background: #eeeeee;color: #024f67;font-weight: 400;width: 100px;border-top: 2px solid #ff6d00;padding: 5px}.topitemChatInviteMenuHoverText{display: none;position: absolute;height: 20px;margin-top: -8px;margin-left: -158px;background: #eeeeee;color: #024f67;font-weight: 400;width: 190px;border-top: 2px solid #ff6d00;padding: 4px;text-align: center}.pdfbuttonnote{display: none;height: 20px;margin-top: -8px;margin-left: -158px;background: #eeeeee;color: #024f67;font-weight: 400;width: 190px;border-top: 2px solid #ff6d00;padding: 4px;text-align: center}.notificationNumber{position: absolute;height: 17px;width: 18px;text-align: center;border-radius: 8px;right: -4px;top: -3px;background: #e64a4a;font-weight: bold;color: white;font-size: 11px}.notificationNumber-menu{height: 17px;width: 18px;text-align: center;border-radius: 8px;left: -45px;top: 4px;background: #e64a4a;font-weight: bold;color: white;font-size: 11px}.googleDriveMenu{display: none;position: absolute;background: #fff;color: #024f67;font-weight: 400;z-index: 100;box-shadow: 2px 1px 3px 0px #e8e8e8;background: white !important;border: 1px solid #024f67 !important;box-shadow: 1px 1px 1px #ddd;width: 200px}.googleDrive-caption-row{width: 95%;color: #024f67;font-weight: 500;padding: 5px !important;height: 22px;display: block;border-bottom: 1px solid #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.googledrive-uploadimg{padding-bottom: 1px !important}.googleDriveCaption{background: #eeeeee !important;border-left: none !important;border-bottom: none !important;border-right: none !important;border-top: 2px solid #ff6d00 !important;width: 168px !important}.googleDriveCaption-row{margin-top: -7px}.item-menu{}@media (max-width: 768px){:host{width: calc(768px - 165px)}.scroll{display: flex !important;overflow: scroll;align-self: self-start;text-align: left;float: left;overflow-y: hidden}::-webkit-scrollbar{display: none}.active{border-top: 2px solid #ff7f27;border-bottom: 0px}}@media (min-width: 769px) and (max-width: 1024px){:host{width: calc(1024px - 165px)}.scroll{display: flex !important;overflow: scroll;align-self: self-start;text-align: left;float: left;overflow-y: hidden}::-webkit-scrollbar{display: none}}@media (min-width: 1025px) and (max-width: 1313px){:host{width: calc(1024px - 165px)}.scroll{display: flex !important}.topbarbutton{margin-right: 5px}.topbarRightTabbutton{margin-left: 5px !important;margin-right: 5px !important}}@media (min-width: 1314px) and (max-width: 1371px){.scroll{display: flex !important}.topbarRightTabbutton{height: unset}}card-myactionlist-item{width: 100%}card-myactionlist-item #image{width: 20px;min-height: 17px}card-myactionlist-item .card{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius);box-shadow: rgb(9 30 66 / 25%) 0px 4px 7px -4px,rgb(9 30 66 / 8%) 0px 0px 0px 1px;padding: calc(var(--lumo-space-s) * 1.4) var(--lumo-space-m)}.header{border: 0 !Important;padding-bottom: 3px !Important;width: 100%}.action-icons{display: none;position: absolute;top: -7px;right: 0;transform: translateY(-50%);background-color: white;padding: 4px 6px;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);align-items: center;transition: opacity 0.2s ease}.myactive .card,.card:hover{background: #f5f5f5}card-myactionlist-item .card a{text-decoration: none}card-myactionlist-item .card:hover .action-icons{display: flex}card-myactionlist-item .card:hover #btnTodoClose{display: block}.status{background: #e7673f;padding-left: 8px;padding-right: 8px;color: #fff;border-radius: 8px;font-size: 11px;padding-top: 1px;font-style: italic;height: 21px;text-align: center;display: inline-block;white-space: nowrap}.status:hover{background: #e7673f;padding-left: 8px;padding-right: 8px;color: #fff;border-radius: 8px;font-size: 11px;padding-top: 1px;font-style: italic;height: 21px;text-align: center;display: inline-block;white-space: nowrap;text-decoration: underline;cursor: pointer}.priority{color: #8d97a4;font-size: 11px;padding-top: 2px;min-width: 38px}.priority:hover{color: #8d97a4;font-size: 11px;padding-top: 2px;min-width: 38px;text-decoration: underline;cursor: pointer}.date{color: #8d97a4;font-size: 11px;padding-top: 2px;min-width: 58px;margin-left: 30px}.date:hover{color: #8d97a4;font-size: 11px;padding-top: 2px;min-width: 58px;text-decoration: underline;cursor: pointer}.item-path{font-weight: 600;flex-grow: 1;max-width: calc(100% - 325px)}.icon-type{fill: #3e8197;width: 20px;height: 18px;cursor: default}.icon-filter:hover{fill: #2f94b3}.icon-close{fill: #ff055a;width: 15px;height: 15px;cursor: pointer}.icon-todo-add{fill: #056079;width: 15px;height: 15px;cursor: pointer}.icon-eye,.icon-comments{fill: #056079;width: 15px;height: 15px;cursor: pointer}.checkBox{margin-top: 14px}:root{--form-control-color: #08576e;--form-control-disabled: #959495}.my-custom-checkbox{-webkit-appearance: none;appearance: none;background-color: var(--form-background);color: currentColor;width: 20px !important;height: 19px !important;border: 0.15em solid #08576e;border-radius: 0.15em;transform: translateY(-0.075em);display: grid;place-content: center;margin-left: 0;margin-top: 0}.my-custom-checkbox::before{content: "";width: 11px;height: 11px;clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--form-control-color);background-color: #0a6480}.my-custom-checkbox:checked::before{transform: scale(1)}avatar-item{min-width: 24px}.fullwidth{width: 100%}.line{display: flex;width: 100%;border-bottom: 1px solid #f3f3f3;padding-top: 4px;padding-bottom: 4px}.col-1{margin-right: 5px;margin-left: 22px}.col-2{margin-left: 0px;margin-right: 5px}.col-3{margin-left: 1px}.col-4{margin-left: 5px}.col-5{margin-left: 5px}.assigned-type{width: 60px}.myactionlist-header{border: 1px solid #f3f3f3;padding: 5px;line-height: 2rem;background: #fff;padding: 1rem;position: sticky;top: 0;z-index: 99;font-size: 0.8rem;width: 99.6%}.btn-setting{fill: #086581}[part="label"]{display: flex;width: 60px !Important}.item-path ul{padding: 0px;margin: 0}.item-path ul>li{list-style: none;float: left;list-style: none;float: left;max-width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.8rem}.item-path ul>li:last-child>.arrow{display: none}.filter-section{padding-bottom: 5px;border-bottom: 0px;padding-top: 5px;z-index: 99}.header-section{padding-top: 5px;padding-bottom: 5px;top: 90px;width: 100%}.checklist-icon{fill: #ff7f27;width: 15px;margin-left: -1px;margin-top: -5px}#spName{flex-grow: 1}.item-name{width: 100%}#btnTodoClose{display: none}.no-avatar{width: 24px;display: block;min-width: 24px}#imgTypeLayout{width: 12px;margin-left: 5px}.myactionlist-header{padding-top: 11px;height: 90px}.header-assigned{position: absolute;top: -3px;font-size: 13px}.row{display: flex;gap: 5px}.assigned-by,.assigned-to{width: 50%}.lookuplayout{display: none;position: absolute;top: 75px;z-index: 999999;min-width: 200px;background: #fff;font-size: 11px;border: 1px solid #e0e0e0;box-shadow: var(--lumo-box-shadow-xs);padding: 5px;width: 300px !important;height: 325px}.menu{display: none;position: fixed;z-index: 111;min-width: 200px;background: #fff;top: 145px;font-size: 11px;border: 1px solid #e0e0e0;box-shadow: var(--lumo-box-shadow-xs);padding: 5px}.filter{}.menu-assign{border-bottom: 1px solid #e0e0e0;padding-bottom: 5px}.menu-look{border-bottom: 1px solid #e0e0e0;padding-bottom: 5px;margin-top: 5px}.menu-show{border-bottom: 2px solid #ff7f27;padding-bottom: 5px}.menu-sort{border-bottom: 1px solid #e0e0e0;padding-bottom: 5px;margin-top: 5px}#mainlayout{position: relative}.todo-icon{fill: #ff7f27;width: 15px;margin-top: -7px}.hr-line{border-bottom: 1px solid #e9e9e9;display: block;margin-left: -6px;margin-right: -5px;padding-top: 2px;padding-bottom: 2px}.displayblock{display: block !important}.borderlessbutton{background: none;border: none;cursor: pointer;padding: 0px 3px;height: 20px}.child-todo{padding-right: 1px;padding-bottom: 0;padding-top: 0}#treeiconlayout{margin-left: 0px}.todochild{margin-left: 4px}.onlytodo{margin-left: 30px}#assignedTo,#assignedBy{max-height: 300px;overflow: scroll}.lookup-group{border-top: 1px solid #efefef;margin-top: 0;height: 220px;width: 100%;overflow: scroll}.lookinto{text-decoration: none !important;color: #3d4857}.header-col-item{background: #3e8197;color: #fff;padding-left: 7px;padding-right: 7px;padding-top: 2px;padding-bottom: 2px;border-radius: 4px;cursor: pointer}.text-cut{min-width: 60px;text-overflow: ellipsis;overflow: hidden;max-width: 185px;white-space: nowrap;color: #fff;display: block;padding-top: 0px !important;padding-bottom: 0px !important}:host(.custom-combobox) [part="input-field"]{background: #3e8197;color: #fff;border-radius: 4px !important;padding-left: 5px}.dragover{border: 1.5px solid #10708e;border-style: dashed}.tododragover{border: 1.5px solid #e7673f;border-style: dashed}#actionListBody{padding-top: 5px}.myaction-hide-selection-part{display: flex;align-items: center}.listbox{width: 85px;position: absolute;background: #fbfeff;box-shadow: 3px #aef;margin-top: -27px;box-shadow: rgb(9 30 66 / 25%) 0px 4px 7px -4px,rgb(9 30 66 / 8%) 0px 0px 0px 1px}#assignedBy input{opacity: unset}.actionlist-item-name{word-break: break-word}#assignedTo input{opacity: unset}.status-footer{display: flex;justify-content: flex-end;margin-top: auto}.status-button{margin-left: 10px}@media (max-height: 745px){.responsib-style{height: 300px;overflow: scroll;width: 100%}}.edititempopup-tab vaadin-tab{font-weight: 500;color: #024f67}.durationBtnNow{background: #024f67 none repeat scroll 0 0 !important;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;border-radius: 0px !important;border-style: solid !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;color: #ffffff !important;cursor: pointer !important;outline: medium none !important;position: relative !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important}.tab-div{height: 530px}.edit-box{padding: 10px 14px 10px 13px;border: 1px solid #ddd;vertical-align: top}.editPopupBtnNow{min-width: 0px;font-size: 10px !important;width: 33px !important;text-align: center !important;padding: 0px !important;font-weight: bold !important}.field-style{width: 150px}.edit-box .lbl-style{display: inline-block;width: 140px}.hide{display: none}.colorpicker{height: 25px;cursor: pointer}.icon-style{width: 15px;margin-top: 3px;float: right;height: 15px;margin-right: 3px;fill: #fff}.itemTextField{width: 530px}#btnEditCopy{background: none;width: 22px !Important;position: relative !important;height: 20px !important;width: 33px !important;min-width: 0px;text-align: center !important;font-size: 10px;padding: 0px !important;margin-top: 4px;font-weight: bold !important}.flex{display: flex}#urlElement{text-decoration: underline;color: #1f525e}#snackbar{visibility: hidden;min-width: 100px;margin-left: -125px;background-color: #333;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 1;left: 50%;bottom: 30px;font-size: 17px}#snackbar.show{visibility: visible;-webkit-animation: fadein 0.5s,fadeout 0.5s 2.5s;animation: fadein 0.5s,fadeout 0.5s 2.5s}@-webkit-keyframes fadein{from{bottom: 0;opacity: 0}to{bottom: 30px;opacity: 1}}@keyframes fadein{from{bottom: 0;opacity: 0}to{bottom: 30px;opacity: 1}}@-webkit-keyframes fadeout{from{bottom: 30px;opacity: 1}to{bottom: 0;opacity: 0}}@keyframes fadeout{from{bottom: 30px;opacity: 1}to{bottom: 0;opacity: 0}}tab-time-view{width: 100%}tab-user-contact-view{width: 100%}tab-checklist-view{width: 100%}tab-time-view .row{gap: 15px}.basic-row{gap: 8px;display: flex;flex-wrap: wrap}paper-slider .mdc-slider{margin: 0}.edit-tab-header{display: flex;align-items: center;gap: 3px}.edit-tab-header vaadin-icon{width: 14px}.attachmenthover:hover .attach-btn-close{display: inline-block}.attach-btn-close{display: none}.attach-btn-edit{display: none}.attachment-description{width: 100%}.attach-main-div-border-style{border: 1px solid #eee}.attachment-div:hover .attach-btn-edit{display: inline-block}.attach-name{cursor: pointer;display: inline-block;color: #024f67;font-size: 11px;vertical-align: middle;text-decoration: none;max-width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.attach-edit-wrapper{width: 280px;height: 110px;position: absolute;right: 30px;top: 28px;padding: 13px;border: 1px solid #ddd;border-radius: 7px;background: #fff;z-index: 1}.attach-jibby-hover-text{height: 45px}.attach-jibby-hover-message{position: absolute;border-top: 1px solid transparent;padding: 1px 10px 4px;opacity: 0;z-index: -1;transition: margin-top 0.3s ease-in-out,opacity 0.3s ease-in-out,z-index 0.3s ease-in-out;pointer-events: none;background: #476d79;display: block;color: #fff;font-size: 11px;white-space: normal;margin-top: -24px;margin-left: 35px}.attach-jibby-hover-text .attach-jibby-hover-message{padding: 1px 9px 4px}.attach-jibby-hover-text:hover .attach-jibby-hover-message{margin-top: -2px;opacity: 1;z-index: 100;margin-left: -2px}.attach-jibby-hover-text:hover .attach-jibby-hover-message::before{content: "";position: absolute;top: -13px;left: 16px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.attachview-outer-div-style{border: 1px solid #ddd;padding: 10px;margin-bottom: 10px}.attachview-v-caption{font-weight: 600;padding-bottom: 0.3em;padding-left: 1px}.attachview-caption-title{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #eee}.card-list-view{display: block;height: 100%}.card-list-view vaadin-grid{height: 100%;line-height: var(--lumo-line-height-m)}.card-list-view vaadin-grid,.card-list-view vaadin-grid-cell-content{background-color: var(--lumo-contrast-10pct)}.card-list-view .card{background-color: var(--lumo-base-color);border-radius: var(--lumo-border-radius);box-shadow: var(--lumo-box-shadow-xs);padding: calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m)}.card-list-view img{border-radius: 50%;flex-shrink: 0;height: var(--lumo-size-m);margin-right: calc(var(--lumo-space-s) * 1.5);width: var(--lumo-size-m)}.card-list-view .header{align-items: baseline}.card-list-view .name{font-size: var(--lumo-font-size-s);font-weight: bold;margin-right: var(--lumo-space-s)}.card-list-view .date{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xs)}.card-list-view .post{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);margin-bottom: var(--lumo-space-s);white-space: normal}.card-list-view .actions{align-items: center}.card-list-view .icon{color: var(--lumo-tertiary-text-color);height: calc(var(--lumo-icon-size-s) * 0.8);margin-right: var(--lumo-space-s);width: calc(var(--lumo-icon-size-s) * 0.8)}.card-list-view .likes,.card-list-view .comments,.card-list-view .shares{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xs);margin-right: var(--lumo-space-l)}.checkout-form-view aside{top: calc(var(--lumo-space-xl) + var(--_vaadin-app-layout-navbar-offset-size))}@media (min-width: 1024px){.checkout-form-view main{grid-template-columns: auto 324px}}types-view{display: block}.types{color: white;line-height: 1.5;font-size: 13px;width: 140px}.typetext{position: relative;top: -3px}.type-container{display: flex;align-items:baseline;position: relative;padding-left: 23px;margin-left: 2px;margin-top: 3px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.type-container input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}.checkmark{position: absolute;top: 0;left: 0;height: 15px;width: 15px;background: #fff;border: 1px solid #024e66}.type-container:hover input~.checkmark{background-color: #fff}.type-container input:checked~.checkmark{background-color: #fff;border: 1px solid #024e66}.checkmark:after{content: "";position: absolute;display: none}.type-container input:checked~.checkmark:after{display: block}.type-container .checkmark:after{left: 6px;top: 2px;width: 3px;height: 7px;border: solid #024e66;border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(40deg)}#mainView{height: 100%;overflow: hidden}main-view{display: block;width: 100%;height: calc(100% - 10px);margin-top: 10px}#container{width: 100%;height: 100%;font-size: 0}#colB,#colC,.space{display: inline-block;zoom: 1;vertical-align: top}.space{width: 10px}colb-view[slot="colb"]{background: #fff;box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;border: 1px solid #ededed;font-size: 13px;width: 45% !Important;height: 100%}#colB{background: #fff;box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;border: 1px solid #ededed;font-size: 13px;width: 45%;height: 100%}#colC{background: #fff;box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;padding: 10px;border: 1px solid #ededed;width: calc(55% - 25px);height: calc(100% - 11px);font-size: 13px;padding-right: 0px;padding-bottom: 0px;overflow: hidden !Important}.notification-layout{position: absolute;bottom: 0px;right: 0px}.consentCookiesNotification{position: absolute;bottom: 0px;left: 0px;z-index: 3;background: black;color: white;left: 0px !important;bottom: 0px !important;right: auto !important;top: auto !important;font-weight: 400;border-radius: 4px}.hidden{display: none !Important}.fullscreen{width: calc(100% - 10px) !important;}.user-setting-btn-style{background: #024f67 none repeat scroll 0 0 !important;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;border-radius: 0px !important;border-style: solid !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;color: #ffffff !important;cursor: pointer !important;outline: medium none !important;position: relative !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important}.user-setting-tab-div{width: 100%}vaadin-tab{color: #055269;font-weight: 600}.todo-btn-style{background: #024f67 none repeat scroll 0 0 !important;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;border-style: solid !important;border-width: 1px !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;color: #ffffff !important;cursor: pointer !important;font-weight: 500 !important;outline: medium none !important;padding: 0 14px !important;position: relative !important;text-align: center !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;margin-top: 5px}.todo-title-bar{background: #024f67;color: #fff;font-weight: bold;padding-left: 5px}.right-part-select{border: 1px solid #ddd;height: 160px;margin-top: 10px}.nativeselectstyle{height: 140px}#parentName{font-weight: 600;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 16px;max-height: 50px;-webkit-line-clamp: 3;-webkit-box-orient: vertical}.todo-box{padding: 5px 15px 10px 11px;border: 1px solid #ddd;box-shadow: 2px 2px 4px #ddd}tab-attachment-view{width: 100%}.assigned-users{flex-grow:1;display: flex;align-items: center;margin-left:2px}.assigned-user-row{display:flex;gap:5px;flex-wrap:wrap;flex-grow:1}.dropdown-assignee-add{display: flex;align-items: center;gap:5px;padding-top:5px;padding-bottom:5px}.assigned-editor{align-items:start !Important}.assigned-editor .colc-assigned-caption{padding-top:6px}.clickable-button{cursor:pointer}.token-fixed{overflow-y:auto;max-height:300px}.tooltip-layout{display:none}.tooltip-layout:hover{display:block}colb-view{display: block;width: 100%;height: 100%}#colBContent{width: 100%;height: 100%;padding: 0px;position:relative}.colbtreecontent{overflow: auto;overflow-x: hidden;overflow-anchor: none;height: 100%;width: 100%;background: #fff;padding: 0px;scrollbar-color: #024f67 #fff;scrollbar-width: thin;display: block;position: absolute}::-webkit-scrollbar{width: 7px}::-webkit-scrollbar-track{background: #fff}::-webkit-scrollbar-thumb{background: #024f67}::-webkit-scrollbar-thumb:hover{background: #024f67}.colbtreecontentLessGmailHeight{height: calc(100% - 360px)}.colbtreecontentLessGmailInboxHeaderHeight{height: calc(100% - 36px)}@media (max-width: 768px){:host{-webkit-overflow-scrolling: touch}}@media (min-width: 769px) and (max-width: 1024px){:host{-webkit-overflow-scrolling: touch}}.colb-no-project-label{font-size: 20px;color: rgb(32,119,183);font-weight: 500;text-align: center;width: 100%;margin-top: 220px}.colb-dragHover{background: #dfedfa !important;position: relative;top: 130px;height: 100%;text-align: center;padding-top: 15%;font-size: 18px;color: #000000;font-weight: bold;right: 15px;z-index: 10000;border: 3px dotted #2077b7}.colb-hide-drag{display: none}.colb-hide-uploader{display: none !important}.colb-uploader-layout{position: absolute;top: 0px;height: 100%;text-align: center;font-size: 18px;color: #000000;font-weight: bold;z-index: 10000;border: 3px dotted #2077b7;width: -webkit-fill-available}.colc-view{width: 100%;height: 100%;display: grid}.report-grid-setting-icon{padding: 0px;margin-left: -18px;margin-right: -20px}.report-grid-margin{margin-left: -17px}.grid-menu-button{margin-left:0px;position:absolute;top:3px;left:-17px}#colCContent{width: 100%;height: 100%;padding: 0px;overflow: auto;scrollbar-color: #024f67 #fff;scrollbar-width: thin}my-actionlist-view{position: relative}.pre-img-load{width:100px;height:100px}.unread_notification_text_color{font-weight: bold !important}.read_notification_date_color{font-weight: normal;color: gray}.read-notification-data-span{color: #424242;font-weight: 600}.row-font-weight{font-weight: bold}.read-notification-text-color{color: gray}.linked-item:hover{text-decoration: underline}.tempate-details>p:first-child{margin:0px !Important}::-webkit-scrollbar{width: 7px;height: 7px}::-webkit-scrollbar-track{background: #fff}::-webkit-scrollbar-thumb{background: #024f67}@media (max-width: 768px){:host{overflow-y: scroll;-webkit-overflow-scrolling: touch}}@media (min-width: 769px) and (max-width: 1024px){:host{overflow-y: scroll;-webkit-overflow-scrolling: touch}}filter-view{display: block;height: 100%;--lumo-contrast-20pct: #fff}filter-view vaadin-multi-select-combo-box{--lumo-contrast-20pct: transparent;--lumo-font-size-xxs: 1rem}.radio-button-style label{color: #fff;line-height: 1.5;font-size: 1rem;font-weight: bold;--lumo-contrast-30pct: #fff;--lumo-contrast-20pct: #fff;--lumo-primary-color: #fff;--lumo-primary-contrast-color: #024f67}.radio-button-stylel1{display: inline-block;float: left}#startOption{width: 95px}.checkbox-group-style label{color: #fff;font-weight: bold;--lumo-contrast-30pct: #fff;--lumo-contrast-20pct: #fff;--lumo-primary-color: #fff;--lumo-primary-contrast-color: #024f67;font-size: 1rem;width: 100%}.filter-checkbox{width: 123px !important}.checkbox-width-style{width: 113px}.left-div-style{display: inline-block;width: 105px}.right-div-style{display: inline-block;width: 80px}.filter-datepicker-style{width: 85px;--lumo-contrast-10pct: #fff !important;--lumo-border-radius: -5px}.filter-datepicker-style::before{height: 0 !important;display: none}.cola-filter-chip vaadin-multi-select-combo-box-chip::part(label){color: white}.cola-filter-chip vaadin-multi-select-combo-box-chip::part(remove-button){color: white}.cola-filter-chip{--lumo-contrast-60pct: white}.filter-public-rd label{color: #fff}hr{--lumo-contrast-10pct: #e9e9e9}columnc-dashboard-view,workflow-view,my-actionlist-view,notification-view-v3{display: block;width: 100%;height: 100%;overflow: auto;scrollbar-color: #024f67 #fff;scrollbar-width: thin;overflow-x: hidden;margin-bottom:20px}.fright{float: right}.btn-dashboard{background: transparent;margin-right: 5px;min-width: 40px;text-align: center;cursor: pointer;color: #d0d0d0}.dashboard-dropdown-menu-item:hover .btn-dashboard,.btn-dashboard:hover{border-color: #ff7f27}.btn-dashboard img.v-icon:hover{border-color: #2077b7}.btn-dashboard.active{border-color: #ff7f27}.btn-dashboard-showchild{background-image: url('images/ic_colc_showchild.png')}.btn-dashboard-showchild.active{background-image: url('images/ic_colc_hover_show_child.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-showchild,.dash-icon-active .btn-dashboard-showchild,.btn-dashboard-showchild:hover{background-image: url('images/ic_colc_hover_show_child.png')}.btn-dashboard-worklogs{background-image: url('images/ic_colc_timetracker.png');background-size: 20px;background-repeat: no-repeat;background-position: center}.btn-dashboard-worklogs.active{background-image: url('images/ic_colc_active_timetracker.png');background-size: 20px;background-repeat: no-repeat;background-position: center}.dashboard-dropdown-menu-item:hover .btn-dashboard-worklogs,.dash-icon-active .btn-dashboard-worklogs,.btn-dashboard-worklogs:hover{background-image: url('images/ic_colc_active_timetracker.png');background-size: 20px;background-repeat: no-repeat;background-position: center}.btn-dashboard-details{background-image: url('images/ic_colc_description.png')}.btn-dashboard-details.active{background-image: url('images/ic_colc_hover_details.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-details,.dash-icon-active .btn-dashboard-details,.btn-dashboard-details:hover{background-image: url('images/ic_colc_hover_details.png')}.btn-dashboard-checklist{background-image: url('images/ic_colc_checklist.png')}.btn-dashboard-checklist.active{background-image: url('images/ic_colc_hover_checklist.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-checklist,.dash-icon-active .btn-dashboard-checklist,.btn-dashboard-checklist:hover{background-image: url('images/ic_colc_hover_checklist.png')}.btn-dashboard-chat{background-image: url('images/ic_colc_chat.png')}.btn-dashboard-chat.active{background-image: url('images/ic_colc_hover_chat.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-chat,.dash-icon-active .btn-dashboard-chat,.btn-dashboard-chat:hover{background-image: url('images/ic_colc_hover_chat.png')}.btn-dashboard-history{background-image: url('images/ic_colc_show_history.png')}.btn-dashboard-history.active{background-image: url('images/ic_colc_hover_show_history.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-history,.dash-icon-active .btn-dashboard-history,.btn-dashboard-history:hover{background-image: url('images/ic_colc_hover_show_history.png')}.btn-dashboard-attachmnet{background-image: url('images/ic_colc_attachment.png')}.btn-dashboard-related_item{background-image: url('images/ic_colc_related_item.png');background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.dashboard-dropdown-menu-item:hover .btn-dashboard-related_item,.dash-icon-active .btn-dashboard-related_item,.btn-dashboard-related_item:hover{background-image: url('images/ic_colc_hover_related_item.png');background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.btn-dashboard-item-view-history{background-image: url('images/overview.png');background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.dashboard-dropdown-menu-item:hover .btn-dashboard-item-view-history,.dash-icon-active .btn-dashboard-item-view-history,.btn-dashboard-item-view-history:hover{background-image: url('images/overview_hover.png');background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.btn-dashboard-worklog_settings{background-image: url("/images/ic_setting.png");background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.dashboard-dropdown-menu-item:hover .btn-dashboard-worklog_settings,.dash-icon-active .btn-dashboard-worklog_settings,.btn-dashboard-worklog_settings:hover{background-image:url("/images/ic_setting_hover.png");background-size: 20px;background-repeat: no-repeat;background-position-x: 10px;background-position-y: 5px}.btn-dashboard-attachmnet.active{background-image: url('images/ic_colc_hover_attachment.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-attachmnet,.dash-icon-active .btn-dashboard-attachmnet,.btn-dashboard-attachmnet:hover{background-image: url('images/ic_colc_hover_attachment.png')}.btn-dashboard-assigned-log{background-image: url('images/ic_assign_log.png')}.btn-dashboard-assigned-log.active{background-image: url('images/ic_assign_log_hover.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-assigned-log,.dash-icon-active .btn-dashboard-assigned-log,.btn-dashboard-assigned-log:hover{background-image: url('images/ic_assign_log_hover.png')}.btn-dashboard-status{background-image: url('images/ic_colc_status.png')}.btn-dashboard-status.active{background-image: url('images/ic_colc_hover_status.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-status,.dash-icon-active .btn-dashboard-status,.btn-dashboard-status:hover{background-image: url('images/ic_colc_hover_status.png')}.btn-dashboard-cost{background-image: url('images/ic_colc_costs.png')}.btn-dashboard-cost.active{background-image: url('images/ic_colc_hover_cost.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-cost,.dash-icon-active .btn-dashboard-cost,.btn-dashboard-cost:hover{background-image: url('images/ic_colc_hover_cost.png')}.btn-dashboard-kanban{background-image: url('images/ic_colc_kanban.png')}.btn-dashboard-kanban.active{background-image: url('images/ic_colc_hover_kanban.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-kanban,.dash-icon-active .btn-dashboard-kanban,.btn-dashboard-kanban:hover{background-image: url('images/ic_colc_hover_kanban.png')}.btn-dashboard-usercontact{background-image: url('images/ic_colc_usercontacts.png')}.btn-dashboard-usercontact.active{background-image: url('images/ic_colc_hover_user_contacts.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-usercontact,.dash-icon-active .btn-dashboard-usercontact,.btn-dashboard-usercontact:hover{background-image: url('images/ic_colc_hover_user_contacts.png')}.btn-dashboard-timeline{background-image: url('images/ic_colc_timeline.png')}.btn-dashboard-timeline.active{background-image: url('images/ic_colc_hover_timeline.png')}.dashboard-dropdown-menu-item:hover .btn-dashboard-timeline,.dash-icon-active .btn-dashboard-timeline,.btn-dashboard-timeline:hover{background-image: url('images/ic_colc_hover_timeline.png')}.colc-captionOutside{height: 30px;transform: unset}.colc-captionOutside:focus{outline: none !important}.hide-hover{display: none}.btn-dashboard-showchild,.btn-dashboard-details,.btn-dashboard-checklist,.btn-dashboard-chat,.btn-dashboard-history,.btn-dashboard-attachmnet,.btn-dashboard-assigned-log,.btn-dashboard-status,.btn-dashboard-cost,.btn-dashboard-kanban,.btn-dashboard-usercontact,.btn-dashboard-timeline,.btn-dashboard-item-view-history{background-repeat: no-repeat;background-position-x: center;background-position-y: center}.colc-lbl-no-permission{font-size: 20px;color: #2077b7;font-weight: 500;text-align: center;width: 100%;margin-top: 220px}.dragHover{background: #dfedfa !important;position: absolute;top: 130px;height: 100%;text-align: center;padding-top: 15%;font-size: 18px;color: #000000;font-weight: bold;right: 15px;z-index: 10000;border: 3px dotted #2077b7}.show{display: block}.hide-drag{display: none}.attachFromColb{width: 99%;left: 0;top: 0;opacity: 0.8}.hide-uploader{display: none !important}.uploader-layout{background: #dfedfa !important;position: absolute;top: 0px;height: 100%;text-align: center;font-size: 18px;color: #000000;font-weight: bold;z-index: 10000;border: 3px dotted #2077b7;width: -webkit-fill-available}.jibby-hover-text{height: 45px}.jibby-hover-message{position: absolute;border-top: 1px solid transparent;padding: 1px 10px 4px;opacity: 0;z-index: -1;transition: margin-top 0.3s ease-in-out,opacity 0.3s ease-in-out,z-index 0.3s ease-in-out;pointer-events: none;background: #476d79;display: block;color: #fff;font-size: 11px;white-space: normal;margin-top: -24px;margin-left: 35px}.jibby-hover-text .jibby-hover-message{padding: 1px 9px 4px}.jibby-hover-text:hover .jibby-hover-message{margin-top: 5px;opacity: 1;z-index: 100;margin-left: -2px}.jibby-hover-text:hover .jibby-hover-message::before{content: "";position: absolute;top: -13px;left: 16px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.red-delete-icon{fill: red;width: 17px;cursor: pointer}.green-save-icon{fill: green;width: 17px;cursor: pointer}my-actionlist-popup-design{display: block;height: 80%}@media (max-width: 768px){#dashboardbtnLayout{height: 95px !Important}.jibby-hover-text{margin-bottom: 32px}}@media (min-width: 769px) and (max-width: 1024px){#dashboardbtnLayout{height: 95px !Important}.jibby-hover-text{margin-bottom: 32px}}.ws-panel{background: #ffffff;border: 1px solid #e5e7eb;padding: 0;overflow: hidden;margin-bottom:10px}.ws-panel__header{padding: 14px 16px 10px}.ws-panel__title{margin: 0;font-size: 0.95rem;font-weight: 600;line-height: 1.3}.ws-panel__header-edit{color: #6b7280 !important;cursor: pointer}.ws-panel__header-edit:hover{color: #374151 !important}.ws-panel__footer{padding-top: 5px;width:100%;border-top: 1px solid #f0f0f0}.ws-panel__add-customer{color: #374151 !important;border: 1px solid #d1d5db !important;border-radius: 6px !important;padding: 4px 12px !important;background: #ffffff !important;height: 30px !important}.ws-panel__add-customer:hover{background: #f9fafb !important}.ws-section{padding: 0}.ws-section__header{padding: 8px 14px 6px;background: #f9fafb;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0}.ws-section__label{}.ws-section__count{font-size: 0.75rem;color: #6e7278;font-weight: 400}.ws-section__hint{font-size: 0.72rem;color: #6e7278;font-style: italic}.ws-customer{width:100%}.ws-customer__header{padding: 10px 16px;cursor: pointer;user-select: none;transition: background 120ms ease}.ws-customer__header:hover{background: #f9fafb}.ws-customer__chevron{color: #9ca3af;width: 14px !important;height: 14px !important;flex-shrink: 0}.ws-customer__name{font-weight: 600;color: #2a3646}.ws-customer__count{font-size: 0.75rem;color: #6e7278;font-weight: 400}.ws-customer__badge{display: inline-flex;align-items: center;gap: 3px;font-size: 0.72rem;font-weight: 500;color: #6b7280;background: #f3f4f6;border: 1px solid #e5e7eb;border-radius: 5px;padding: 2px 7px}.ws-customer__badge vaadin-icon{width: 11px !important;height: 11px !important;color: #9ca3af}.ws-customer__edit{transition: opacity 120ms ease}.ws-customer__header:hover .ws-customer__edit{opacity: 1}.ws-customer__right{gap: 6px}.ws-customer__projects{padding: 0px 15px 0px 40px;display: flex;flex-wrap: wrap;gap: 5px}.ws-customer__chips{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.ws-chip{display: inline-flex;align-items: center;gap: 4px;border-radius: 5px;font-size: 0.9rem;font-weight: 500;line-height: 1;white-space: nowrap}.ws-chip--editable{background: #f3f4f6;border: 1px solid #e5e7eb;color: #374151;padding: 4px 4px 4px 9px}.ws-chip--readonly{background: #f9fafb;border: 1px solid #e5e7eb;padding: 4px 9px}.ws-chip__inherit-icon{display: inline-flex;align-items: center}.ws-chip__inherit-icon vaadin-icon{width: 11px !important;height: 11px !important;color: #9ca3af}.ws-chip__remove{color: red !important;width: 18px !important;height: 18px !important;min-width: 18px !important;padding: 0 !important;border-radius: 3px !important}.ws-chip__remove:hover{background: #e5e7eb !important;color: red !important}.ws-chip__remove vaadin-icon{width: 18px !important;height: 18px !important}.ws-customer__add-project{color: #6b7280 !important;font-size: 0.78rem !important;border: 1px dashed #d1d5db !important;border-radius: 5px !important;padding: 3px 9px !important;height: 26px !important;background: transparent !important}.ws-customer__add-project:hover{background: #f9fafb !important;border-color: #9ca3af !important}h1,h2,h3{color: inherit}.text-field-left-margin{margin-left: -40px}h2{font-size: 1.6em;margin-bottom: 0.77em;letter-spacing: -0.02em}h1,h2,h3{line-height: 1.1;font-weight: 200;color: #141414}.checkbox-style{--lumo-contrast-30pct: #fff;--lumo-contrast-20pct: #fff;--lumo-primary-color: #fff;--lumo-primary-contrast-color: #024f67}::-webkit-scrollbar{width: 7px;height: 7px}::-webkit-scrollbar-track{background: #fff}::-webkit-scrollbar-thumb{background: #024f67}::-webkit-scrollbar-thumb:hover{background: #024f67}.jibby-hover-text{height: 45px}.jibby-hover-text:hover .jibby-hover-message::before{content: "";position: absolute;top: -13px;left: 16px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.tooltip-hover-message{position: absolute;border-top: 1px solid transparent;padding: 1px 10px 4px;opacity: 0;z-index: -1;transition: margin-top 0.3s ease-in-out,opacity 0.3s ease-in-out,z-index 0.3s ease-in-out;pointer-events: none;background: #476d79;display: block;color: #fff;font-size: 11px;white-space: normal;left: var(--jibby-tooltip-left)}.tooltip-hover-text:hover .tooltip-hover-message::before{content: "";position: absolute;top:var(--jibby-tooltip-top);left: 16px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.tooltip-hover-text:hover .tooltip-hover-message{margin-top: 5px;opacity: 1;z-index: 100;margin-left: -2px}.hidden{display: none !Important}.show{display: block}.fullscreen{width: calc(100% - 10px) !important;}.my-actionlist-itemrow{margin-left: 3px;padding: 3px;position: relative}.lbltoplabelname{margin-bottom: 3px;color: #024f67;font-weight: 500}.topLabelNameIcon{top: 2px;position: relative;margin-right: 5px}.my-actionlist-itemrow:hover{background: #e0edf7;cursor: pointer}.itemrow-name{float: left;min-height: 25px;width: 80%}.itemrow-remove,.itemrow-parentIcon,.itemrow-addtomytodayicon,.itemrow-chatIcon,.itemrow-attachIcon,.itemrow-addMyActionIcon{display: none;padding: 0px 3px;float: right}.itemrow-remove vaadin-icon{fill: red;width: 12px}.itemrow-parentIcon vaadin-icon{fill: #2077b7;width: 14px}.itemrow-chatIcon vaadin-icon{fill: #2077b7;width: 12px}.itemrow-addtomytodayicon{margin-top: 3px}.itemrow-addtomytodayicon[hidden="true"]>img,.colb-check-addmytoday[hidden="true"]>img{display: none}.my-actionlist-itemrow:hover .itemrow-remove,.my-actionlist-itemrow:hover .itemrow-parentIcon,.my-actionlist-itemrow:hover .itemrow-chatIcon,.my-actionlist-itemrow:hover .itemrow-addtomytodayicon,.my-actionlist-itemrow:hover .itemrow-attachIcon{display: inline-block}.hide-done{display: inline-block;float: right;position: absolute;right: 35px;top: 20px;color: #024f67;font-weight: 600}.item-row-img{max-width: 20px;max-height: 18px;float: left;margin-top: 2px;margin-left: 2px;margin-right: 4px}.my-actionlist-itemrow.item-active{background: #e0edf7}.icons-wrapper{position: absolute;right: 5px}.itemrow{display: flex;flex-grow: 1;flex-direction: column}#btnInvite,#btnShare{margin-right: 10px}#btnPdf{margin-right: 5px}#adminpanel-drawer{margin-top: 0px !Important}.membershiplbl{color: #0a617d;font-weight: 500;margin-bottom: 25px;display: block}.statusClose{color: red}.membership-part{box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;border: 1px solid #ededed;padding: 15px 5px 5px 15px}.select-hour{width: 60px;background: #ffffff;height: 25px;margin-top: 4px;text-indent: 10px;border: 1px solid #ddd}.today-item-row{display: flex}.today-top-label-name{float: left;margin-top: -2px;font-size: 10px;font-style: italic;color: #2077b7;display: inline-block;width: 100%}.today-itemrow-name{width: 85%}.cancellbl-caption{min-width: 290px;display: inline-block;color: #0a617d;font-weight: 500}.pay-total{border-top: 1px solid #e9e9e9;margin-top: 5px;padding-top: 3px}.gridlicencecancel{background-color: red;padding: 0px;cursor: inherit}.gridlicenceactive{fill: #509800;cursor: inherit}.gridlicenceinactive{fill: red;cursor: inherit}.gridlicenceview{background-color: #2077b7;padding: 0px}.todoItemInToday{padding-left: 22px}.kanban-card-active{border: 2px solid #347ad0}.accordionItem{display: block;width: 100%;box-sizing: border-box;font-family: 'Open-sans',Arial,sans-serif}.accordionItemHeading{padding: 0 10px;line-height: 29px;border-bottom: 1px solid #68b0e8;background-color: #e8eef7;background-image: -moz-linear-gradient(#e8eef7,#e8eef7);background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#e8eef7),to(#e8eef7));background-image: -webkit-linear-gradient(#e8eef7,#e8eef7);background-image: -o-linear-gradient(#e8eef7,#e8eef7);color: #0d3d61;font-weight: 400;font-size: 12px;-webkit-box-shadow: inset 0 1px 0 white,inset 0 -1px 0 #eeeeee;box-shadow: inset 0 1px 0 #e9eff9,inset 0 -1px 0 #dfe5ef;text-shadow: 0 1px 0 #e0e2e6;border-bottom-color: #eaeef3;border-radius: 0px !important;cursor: pointer}.close .accordionItemContent{height: 0px;transition: height 0.4s ease-out;-webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);float: left;display: block}.close .accordionItemHeading{margin-bottom: 5px;border-bottom: none}.open .accordionItemContent{padding: 0px 8px 8px;margin-bottom: 10px;display: block;-webkit-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;-o-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: -webkit-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease;-ms-transition: -ms-transform 0.4s ease;transition: transform 0.4s ease;box-sizing: border-box;background: #f4f5fa;width: 100%;border: 1px solid #ddd;border-top: none}.accordion-icon{fill: #0d3d61;height: 13px;width: 13px;padding: 0 4px}.accordionCaption{margin-right: 5px}@keyframes v-progress-start{0%{width: 0%}100%{width: 50%}}.trashitem{padding: 4px;display: flex;width: 100%;flex-direction: column}.trashitemname{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px}.trashprojectname{color: rgb(234 244 247);font-size: 9px;font-style: italic;padding-left: 5px}.trashitem:hover{background: #21697f}.sub-trashmenu>.navi-item__link{padding-left: 0px !Important}.contact-caption-title{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #eee;margin-bottom: 10px;font-weight: 600}.v-loading-indicator{position: fixed !important;width: 50%;opacity: 1;height: 4px;background: #0f4c5f !important;transition: none;animation: v-progress-start 1000ms 200ms both;z-index:99999999}.v-loading-indicator[style*="none"]{display: block !important;width: 100% !important;opacity: 0;transition: opacity 500ms 300ms,width 300ms;animation: none}::-webkit-scrollbar{width: 7px;height: 7px}::-webkit-scrollbar-track{background: #fff}::-webkit-scrollbar-thumb{background: #024f67}::-webkit-scrollbar-thumb:hover{background: #024f67}.hidden{display: none}.show{display: block}.fullscreen{width: 100% !important}.fright{float: right}.custom-multi-token-status{--lumo-body-text-color: #fff}vaadin-multi-select-combo-box-chip [part='label']{color:#fff !important}.info-message{display: inline-flex;color: #fff;padding: 15px;position: relative;font-size: 14px;width: 100%;background: #67a6c5}.info-icon{float: left;border: 1px solid;border-radius: 50%;padding: 2px;height: 30px}.info-message-body{float: left;padding-left: 10px;padding-top: 5px}.custom-info-notification{padding: 0px !Important}.sucess-message{display: inline-flex;color: #fff;padding: 15px;position: relative;font-size: 14px;width: 100%;background: #499449}.sucess-icon{float: left;width: 30px;border: 1px solid;border-radius: 50%;padding: 2px;height: 30px}.sucess-message-body{float: left;padding-left: 10px;padding-top: 5px}.custom-sucess-notification{padding: 0px !Important}.btn-google{background: #4285F4 none repeat scroll 0 0 !important;border-color: #4285F4 #4285F4 #4285F4 !important;border-image: none !important;border-radius: 0px !important;color: #ffffff !important;outline: medium none !important;padding: 0px !important;position: relative !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;height: 46px !important;padding-right: 8px !important;font-size: 14px;font-weight: 600 !important;display: flex}.btn-google span{margin-left: 5px !important}.goolge-link{margin-top: 10px;cursor: pointer;text-decoration: none;color: white}.goolge-link:hover{text-decoration: none}vaadin-notification-card{--lumo-primary-color: transparent;--lumo-box-shadow-l: none}.tox-tinymce{border-radius: 0 !important;border:1px solid #e9e9e9 !important}.tox-editor-header{z-index: 1 !important}#editorLayout .tox .tox-tbtn{width: 29px !important}#editorLayout .tox .tox-tbtn>svg{width: 20px !important}.full-width{width: 100%}workflow-view{display: block;width: 100%;height: 100%;padding-top: 10px;margin-top: 0px !important;overflow: hidden}workflow-view .header-col-item{background-color: var(--_lumo-button-primary-background-color,var(--lumo-primary-color));padding: 0px 10px;align-items: center;display: flex;height: 26px !important;border-radius: 0}.kanbanboard-header-layout{width: 100%;display: inline-block}.xscroll{overflow-x: auto;scrollbar-width: thin}.marginTop{margin-top: 10px}.itemNameStyle{white-space: nowrap;display: inline-block;width: 70%;flex-grow: 1}#kanbanboardTableWrapper workflow-column:last-child{border-right: 1px solid #024f67}.kanbanboard-table-wrapper>div:first-child{display: flex}.details-box{border: 1px solid #ddd;padding: 10px}.kanbanboard-table-wrapper{display: flex}workflow-card{display: inline-flex;width: 100%;margin-top: 5px}.kanbanboard-box{width: calc(100% - 10px);text-align: center;color: black;box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.4);white-space: normal;padding: 5px;font-size: 12px;min-height: 90px;cursor: move;word-wrap: break-word;position: relative}.kanbanboard-box a{position: absolute;right: 7px;top: 31px}.kanbanboard-box:hover .kanban-remove{display: inline-block}.kanbanboard-box-lbl{white-space: normal;width: 100%;cursor: move;text-align:left}.kanbanboard-box-lblname-div{height: 100%}.kanban-remove{width: 10px;height: 10px;display: none;float: right;cursor: pointer}.kancolor1{background: #98eb9b}.kancolor2{background: #9dc4d4}.kancolor3{background: #d3889d}.kancolor4{background: #dfe9ff}.kancolor5{background: #f7d159}.kancolor6{background: #fff1a8}.kancolor7{background: #fdda33}workflow-column{display: inline-block;width: 150px;vertical-align: top;min-height: 600px;min-width: 150px;border-right: 0px;border-bottom: 1px solid #024f67}.kanbanColumnTitle{height: 50px;font-weight: 500;color: #fff;background: #0d6985;text-align: center;width: 100%;cursor: move;position: sticky;top: 0px;z-index: 999;border-top: 1px solid #024f67}.kanbanColumnTitle a{color: #fff}.kanban-lbl-wrapper{padding: 4px 4px 6px 4px;height: calc(100% - 50px);width: calc(100% - 8px)}.kanbanColumnWrapper{height: 100%;float: left;border-right: none;cursor: move;border-left: 1px solid #024f67}.btnLblTitile{width: 85%;font-weight: 600;height: 25px;display: inline-block;cursor: pointer;margin-left: -10px}.colc-kanbanboard-column-remove-btn{width: 14px;height: 14px;padding: 0px !Important;float: right;font-size: 10px;cursor: pointer}.btnLblWipLimit{height: 20px !important;font-weight: 600;width: 20%;display: inline-block;cursor: pointer}.nfKanbanWipLimit{height: 20px;width: 35px;--lumo-contrast-10pct: #fff;padding: 0px;--lumo-text-field-size: 20px}vaadin-multi-select-combo-box-overlay::part(overlay){--vaadin-multi-select-combo-box-overlay-max-height: 30vh}.tfKanbanColumnName{height: 25px;width: 85%;margin-left: 5px;--lumo-contrast-10pct: #fff;padding-top: 2px;padding-bottom: 0px}a[hidden]{display: none}.disable-card{pointer-events: none}.project-drop-active{border: 2px dashed red;background: rgb(255,255,255)}heading-view{display: block;height: 100%}.colc-title{display: flex;width: 100%}#imgitem{max-width: 20px;max-height: 18px;margin-right: 10px}.theme-pencil-icon{fill: #24556b;width: 17px}.dashboard-dropdown-menu{width: 230px !important;min-width: 220px;background: #fff}.dashboard-dropdown-menu.open{display: flex !important;width: 220px;right: 0px;flex-direction: column}.dashboard-dropdown-menu-item{display: flex;gap: 5px;cursor: pointer;width: 100%;align-items: center}.dashboard-dropdown-menu-item img{padding-left: 10px;max-height: 22px}.dashboard-dropdown-menu-item>div{padding-left: 10px}.dashboard-dropdown-menu-item:hover{background-color: rgb(248 248 248)}.sticky-header{position: sticky;top: 0;background: #fff;z-index: 2}columnc-dashboard-view{will-change: scroll-position}#readOnlyLayout{align-items: flex-start}status-view{display: block;height: 100%;line-height: 1.5}.inner-div-style{display: inline-block}.status-hover:hover .edit-button-style{cursor: pointer;height: 12px;width: 13px;margin-left: 2px;display: inline-block}.prority-hover:hover .edit-button-style{cursor: pointer;height: 12px;width: 13px;margin-left: 2px;display: inline-block}.duration-hover:hover .edit-button-style{cursor: pointer;height: 12px;width: 13px;margin-left: 2px;display: inline-block}.cost-hover:hover .edit-button-style{cursor: pointer;height: 12px;width: 13px;margin-left: 2px;display: inline-block}.outer-div-style{border: 1px solid #ddd;padding: 10px 0px 10px 10px;margin-bottom: 10px}.hide-style{display: none}.hide-selection-part{display: none}.show-selection-part{display: inline-block}.edit-button-style{display: none}.show-duration-label{display: inline-block}.hide-duration-label{display: none}.show-cost-label{}.hide-cost-label{display: none}.show-status-label{display: inline-block}.hide-status-label{display: none}.show-priority-label{display: inline-block}.hide-priority-label{display: none}.datepicker-style{width: 85px;display: inline-block}.durationBtnNow{background: #024f67 none repeat scroll 0 0 !important;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;border-radius: 0px !important;border-style: solid !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;color: #ffffff !important;cursor: pointer !important;outline: medium none !important;position: relative !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important}.editPopupBtnNow{height: 22px;margin-right: 10px;;width: 33px !important;min-width: 0px;text-align: center !important;font-size: 10px;padding: 0px !important;font-weight: bold !important}.costAndQuantityValue{margin: 0px 10px 0px 10px;min-width: 25px}.hide{display: none !Important}.tags{display: flow-root}.keyword{float: left;background: #aef;padding-left: 5px;padding-right: 5px;margin: 5px 10px 4px 0}.tag{background: #eee;border-radius: 3px 0 0 3px;color: #424242;display: inline-block;height: 24px;line-height: 24px;padding: 0 20px 0 23px;position: relative;text-decoration: none;-webkit-transition: color 0.2s}.tag::before{background: #fff;border-radius: 10px;box-shadow: inset 0 1px rgb(0 0 0 / 25%);content: '';height: 6px;left: 10px;position: absolute;width: 6px;top: 9px}.tag::after{background: #fff;border-bottom: 13px solid transparent;border-left: 10px solid #eee;border-top: 11px solid transparent;content: '';position: absolute;right: 0;top: 0}.tag:hover{background-color: #0a6480;color: white}.tag:hover::after{border-left-color: #0a6480}status-view vaadin-date-picker::before{display: none}.colc-header-item-name{margin-bottom: 0.3em;color: #000000;font-weight: 600;font-size: 1.2em;letter-spacing: 0;line-height: 1.1;width: 91%;flex-grow: 1}.descriptionBtn{cursor: pointer;background-color: #22637e;background-image: -moz-linear-gradient(#22637e,#2c7b9c);background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#22637e),to(#2c7b9c));background-image: -webkit-linear-gradient(#22637e,#2c7b9c);background-image: -o-linear-gradient(#22637e,#2c7b9c);margin-right: 7px;padding-left: 5px;padding-right: 5px;color: #fff !important;padding-bottom: 3px;-webkit-box-shadow: 0 1px 0 #22637e inset,0 -1px 0 #2c7b9c inset,0 2px 3px rgba(0,0,0,0.28);-moz-box-shadow: 0 1px 0 #22637e inset,0 -1px 0 #2c7b9c inset,0 2px 3px rgba(0,0,0,0.28);box-shadow: 0 1px 0 #22637e inset,0 -1px 0 #2c7b9c inset,0 2px 3px rgba(0,0,0,0.28)}.editPopupBtn{height: 20px !important;width: 49px !important;min-width: 0px;text-align: center !important;font-size: 11px !important;padding: 0px !important;margin-top: 4px;font-weight: bold !important}.outer-div-style{border: 1px solid #ddd;padding: 10px;margin-bottom: 10px}.label-style{font-weight: 600;padding-bottom: 5px;border-bottom: 1px solid #eee}.description-edit-button{float: right;cursor: pointer;outline: none}.all-reader-button{float: right;cursor: pointer;color: #2077b7 !important;outline: none}.description-div-style{padding-top: 10px;overflow: hidden;visibility: visible;width: 99%;height: 100%;word-break: break-word}.description-div-style p>img{max-width: 100% !important}.description-div-style img{max-width: 100% !important}.description-btn-part{float: right}.hide-description-btn{display: none}.height330{height: 360px}.theme-pencil-icon{fill: #24556b;width: 17px}.tox .tox-split-button__chevron{width: 16px !important}.tox .tox-toolbar__group{padding: 0 2px 0 2px !important}.tox .tox-mbtn{height: 25px !important}chat-and-comments-view{width: 100%;display: inline-block}.chat-caption-title{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #eee;margin-bottom: 10px}.title{font-weight: 600}.btn-style{background-color: var(--_lumo-button-primary-background-color,var(--lumo-primary-color));color: var(--_lumo-button-primary-color,var(--lumo-primary-contrast-color)) !important;align-items: center;justify-content: center;text-align: center;height: 100%;min-height: inherit;text-shadow: inherit;--lumo-button-size: var(--lumo-size-m);min-width: calc(var(--lumo-button-size) * 2) !important;box-sizing: border-box;font-family: var(--lumo-font-family);font-size: var(--lumo-font-size-m);border-radius: var(--lumo-border-radius-m);cursor: var(--lumo-clickable-cursor);-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;flex-shrink: 0;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;cursor: pointer !important;height: 30px !important;outline: medium none !important;padding: 0 14px !important;position: relative !important;text-align: center !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;float: right;margin-top: 6px}.outer-div-style{border: 1px solid #ddd;padding: 10px;margin-bottom: 10px}.cut-text{display: block;max-width: 98%;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis}#itemCommentDiv{position: relative}.itemCommentButtonsDiv{display: none;position: absolute;top: -7px;right: 0;transform: translateY(-50%);background-color: white;padding: 4px 6px;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);align-items: center;transition: opacity 0.2s ease}#itemCommentDiv:hover .itemCommentButtonsDiv{display: flex}.outer-div-style{border: 1px solid #ddd;padding: 10px;margin-bottom: 10px}.v-caption{font-weight: 600;padding-bottom: 0.3em;padding-left: 1px}.checklist-caption-title{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #eee;margin-bottom: 10px}.checklistrow{padding: 2px 0px;word-break: break-word;width: 98%;position: relative}.checklistrow:hover{background: #e0edf7}.checklistrow:hover .colb-checklist{}.actionPartDiv{position: absolute;right: 0;top: 0;transform: translateY(-50%);background-color: white;padding: 4px 6px;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);display: flex;align-items: center;gap: 6px;opacity: 0;pointer-events: none;transition: opacity 0.2s ease}.checklistrow:hover .actionPartDiv{opacity: 1;pointer-events: auto}.checklistrow:hover .colb-check-remove,.checklistrow:hover .colb-check-addtoitem,.checklistrow:hover .colb-check-edit,.checklistrow:hover .colb-check-addmytoday{display: inline-block}.colb-check-remove vaadin-icon{width: 15px;fill: red}.colb-check-addtoitem vaadin-icon{fill: #024f67;width: 17px}.colb-check-edit,.colb-check-addmytoday{position: relative;top: 5px}.colb-check-edit,.colb-check-addtoitem,.colb-check-remove,.colb-check-addmytoday{margin-right: 5px;display: none;cursor: pointer;float: right}.colb-checklist{cursor: pointer;font-size: 1rem}.theme-pencil-icon{fill: #24556b;width: 17px}checklist-row vaadin-checkbox [part='checkbox']{width: 200px;height: 20px}checklist-row,tab-checklist-view{--lumo-size-m: 2.7rem;--lumo-font-size-m: 1rem}login-view vaadin-checkbox{--lumo-size-m: 2.5rem;--lumo-font-size-m: 1rem}item-copy-popup vaadin-checkbox,workflow-view vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem}my-actionlist-view vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem;--lumo-line-height-s: 1.5}.myactionlist-menu-avatar{position: relative;top: 8px}tab-basic-view vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem}chat-and-comments-view vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem}types-view vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem;--lumo-border-radius-s: 0;--lumo-space-xs: 0 7px 0px 1px;color: #fff}#radioGroupLayout vaadin-checkbox{--lumo-size-m: 2.4rem;--lumo-font-size-m: 1rem;--lumo-line-height-s: 1.5}#checklistCommentDiv{position: relative}.checklistCommentButtonsDiv{display: none;position: absolute;top: -7px;right: 0;transform: translateY(-50%);background-color: white;padding: 4px 6px;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);align-items: center;transition: opacity 0.2s ease}#checklistCommentDiv:hover .checklistCommentButtonsDiv{display: flex}.quick-box{padding: 5px 15px 10px 11px;border: 1px solid #ddd;box-shadow: 2px 2px 4px #ddd}.quick-btn-style{background: #024f67 none repeat scroll 0 0 !important;border-color: #024f67 #024f67 #024f67 !important;border-image: none !important;border-radius: 0px !important;border-style: solid !important;border-width: 1px !important;box-shadow: 0 1px 0 #024f67 inset,0 -1px 0 #024f67 inset,0 2px 3px rgba(0,0,0,0.28) !important;color: #ffffff !important;cursor: pointer !important;font-weight: 500 !important;outline: medium none !important;padding: 0 14px !important;position: relative !important;text-align: center !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;margin-top: 5px}.quick-title-bar{background: #024f67;color: #fff;font-weight: bold;padding-left: 5px}.quick-right-part-select{border: 1px solid #ddd;height: 130px;margin-top: 10px}.quick-nativeselectstyle{height: 110px}.quick-btn-disable-style{opacity: 0.5}.quick-chkbox-style{font-weight: 400;font-size: 13px}.quick-icon-style{width: 15px;margin-top: 3px;float: right;height: 15px;margin-right: 3px}.user-box{border: 1px solid #ddd;box-shadow: 2px 2px 4px #ddd;vertical-align: top;height: 440px;width: 95%;padding: 12px 10px 10px 12px}.user-lbl-style{font-size: 12px;width: 116px;display: inline-block}.hide{display: none}.user-htmlselectstyle{width: 100%;padding: 2px 6px;border: none;border-radius: 4px;background-color: #f1f1f1;height: 30px}.user-field-style{width: 240px}.user-uploadDiv{display: inline-block;width: 110px;height: 110px;margin-right: 18px}.user-uploaderWrapper{position: relative;height: 110px;width: 110px;margin-right: 18px}.user-uploaderHoverDiv{display: none;position: absolute !important;top: 0}.user-uploaderWrapper:hover .user-uploaderHoverDiv{display: inline-block}.user-hover-icon-div>img{position: absolute;top: 38px;left: 40px}.user-hover-icon-div{height: 110px;width: 110px;background: #2d7084;opacity: 0.8}#uploaderHoverDiv{background: #ecf3f545;width: 100%;height: 100%;opacity: 0.9;text-align: center;padding-top: 40px}.subscription-tab-label1{height: 25px;color: rgb(61,56,70);font-weight: 600;width: 150px;font-size: 13px}vaadin-form-item::part(label){width: 150px}work-view vaadin-combo-box::before,work-view vaadin-date-picker::before{display: none}.tt-box{box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;border: 1px solid #ededed;width: 100%;max-width: 800px}.inner-div-1{width: 50%;vertical-align: top;display: inline-block;background: #fff;padding: 0px 0px 10px 0px;padding-top: 4px;padding-right: 4px;padding-left: 9px;padding-bottom: 10px}.inner-div-2{width: 49%;height: 210px;display: inline-block;vertical-align: top;background: #fff;padding-top: 4px;padding-right: 4px;padding-left: 9px}.lbl-style{display: inline-block;width: 110px;min-width: 110px}.lbl-style-work{display: inline-block;width: 110px;min-width: 110px}.longfield{max-width: 280px;width: 100%}.margin-top5{margin-top: 5px}.img{width: 17px;max-height: 15px;margin-right: 5px;padding-top: 2px}.btnbar{display: flex;margin-top: 16px}.btnSave-style{margin-right: 10px}.common-style{display: inline-block;margin-left: 9px;vertical-align: middle}.radio-style{vertical-align: middle;padding-top: 7px}.inner-div-style3{width: 100%;height: 100%;margin-top: 20px}.flex{display: flex}.require{color: red;left: -3px;margin-left: -8px;margin-right: 2px}.worktopbar{width: 100%;padding: 0;display: block;background: #fff}.selectItem{fill: #015067;cursor: pointer;width: 18px}.copy{fill: #005167;cursor: pointer;width: 18px}.topLayout{padding: 10px;padding-bottom: 0;float: right}.copy-hover{display: none}.copy-layout:hover>.copy-hover{display: block;position: absolute;background: #476d79;width: 100px;right: 13px;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;font-size: 12px;border-radius: 1px;z-index: 1;color: #fff}.copy-hover::before{content: "";position: absolute;top: -12px;left: 82px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.itemname-layout{position: relative;top: -29px;width: 95%;padding-left: 10px;display: flex}.item-select-icon{position: relative;left: -30px}.item-hover-message{display: none;position: absolute}.item-hover-message::before{content: "";position: absolute;top: -12px;left: 42px;width: 0px;height: 0px;-webkit-transform: rotate(90deg);border-color: transparent #476d79 transparent transparent;border-bottom-width: 6px;border-left-width: 6px;border-right-width: 6px;border-top-width: 6px;border-style: solid}.item-select-icon:hover>.item-hover-message{display: block;background: #476d79;z-index: 1;width: 100px!important;left: -40px;top: 27px;padding: 2px;color: #fff;padding-left: 5px;padding-right: 5px;font-size: 12px}.itemname{position: relative;left: -20px}dashboard-configure-popup vaadin-checkbox{display: block;margin-top: 5px;height: 40px}dashboard-configure-popup .center{padding-left: 20px;padding-top: 20px}dashboard-configure-popup .checkboxdiv{overflow-y: auto}dashboard-configure-popup .buttondivstyle{text-align: center;margin-bottom: 20px;margin-left: 50px;padding-left: 30px}.name{font-weight: 600;padding-right: 5px}.namedoneundone{font-weight: 400;padding-right: 5px}.contact-caption-title{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #eee;margin-bottom: 10px}.title{font-weight: 600}.row-text{float: left;flex-grow: 1}.row-text>span>b{font-weight: 600}.row-date{float: right;color: #8a8585;font-weight: 500}.row-datedoneundone{float: right}.header{border-bottom: 1px solid #eee;padding-bottom: 15px}.chatelementuserpic{width: 35px;border: 1px solid #eee;border-radius: 100%;margin-top: 5px;float: left;height: 34px;margin-right: 10px;object-fit: cover}.chatelement{white-space: inherit !important;padding: 5px 5px 5px;background-color: #eee;width: calc(100% - 58px);float: left;word-wrap: break-word;flex-grow: 1}.comment{background-color: rgba(216,224,226,0.49)}.commentsattach{background: transparent !important;padding-top: 0px}.weight{font-weight: 400}.jbColor{color: #024f67}.chatrow{margin-bottom: 8px;flex-grow: 1}.editicon{float: right;margin-right: 10px;display: none;height: 18px}.comment:hover .editicon{display: block;cursor: pointer}.middle{margin-top: 2px}.commenttask{padding: 5px 5px 5px 0px}.margintop{margin-top: -8px}.chatusername{font-weight: 400;color: #397fd0}.notification-layout{position: absolute;bottom: 0px;right: 0px}.trailNotification{background: black;color: white;right: 0px !important;bottom: 0px !important;left: auto !important;top: auto !important;font-weight: 400;border-radius: 4px}.notification-buttons{font-weight: 500;font-size: 12px}.sub-menu{margin-left: 10px}.attachmentWrapper{width: 94%;border: 1px solid #ddd;padding: 10px}.checklistWrapper{border: 1px solid #ddd;padding: 0px}.colbChecklistItemLayout{padding: 0px 3px 0px 5px;width: 98%}.emptyChecklistWrapper{border: none !important}.checklist-text-area{width: 100% !important;height: 40px !important;padding: 0px}.gmailFontsize{font-size: 18px}.jibbyMaildisplay{border-bottom: 1px solid #AAB8C2;padding: 10px}.gmailmarginTop{margin-top: 10px}pre{color: #fff;background: #333536;padding: 10px;white-space: break-spaces}code{background: transparent !important}.cookies{position: absolute;z-index: 3;background: #000;color: #fff;bottom: 0;left: 0}.menu-item-layout{display: none;background: #f3f3f3;z-index: 1}.tt-menu{display: flex;flex-direction: column;position: absolute;align-self: end;;right: 21px}.tt-menu:hover>.menu-item-layout{display: block !important;margin-right: -5px;position: absolute;right: 0px;width: 200px;top: 27px}.setting{align-self: end;display: block;width: 100%;height: 30px}.item{padding: 10px;padding-top: 5px;padding-bottom: 5px}.item:hover{background: #d9dcdd;border-bottom: 1px solid #06607a;cursor: pointer}.grid-config{padding: 0;margin: 0;margin-left: 7px}work-view,invoices-view,report-view,overview-layout-view{--lumo-contrast-30pct: #4f8a98}.cust-lbl-style{width: 135px;display: inline-block}.cust-div-style{display: inline-block;background: #fff;box-shadow: 1px 2px 6px #e8e8e8;-webkit-box-shadow: 1px 2px 6px #e8e8e8;border: 1px solid #ededed;padding: 0px 0px 10px 0px;padding-top: 4px;padding-right: 10px;padding-left: 15px}.lbl-criteria{width: 100px;display: inline-block}.btnNew-style{width: 85px;background-color: #024f67;margin-top: 16px;color: white;font-weight: bold;border: #024f67;margin-right: 10px}.btnSave-style{width: 85px;margin-top: 16px;color: white;font-weight: bold;border: #024f67}invoices-view vaadin-button{padding-left: 10px;padding-right: 10px}.tt-pages{position: relative;overflow: auto}.chart-wrapper{border: 1px solid #dbdfe4;min-height:290px;height:290px}.dash-grid-layout{width:100%}.column1{padding-right:0px}.column2{padding-left:0px}@media screen and (min-width: 1347px){.col-6{margin-right:10px}.column1{display: grid;align-items: flex-start;grid-template-columns: repeat(auto-fit,minmax(520px,1fr));grid-gap: 1rem}}.vaadin-button-container{}:host(.userrole) [part~="cell"] ::slotted(vaadin-grid-cell-content){padding: 2px !Important}:host(.userrole) #header{background:#aef}:host(.userrole) [part~="header-cell"]{background:#aef;display:none !Important}:host(.report) [part~="cell"] ::slotted(vaadin-grid-cell-content){padding: 2px !Important}:host(.report) #header{background:#aef}:host(.report) [part~="header-cell"]{background:#aef}.colb-menu-button{width: 100%;padding-left: 10px;padding-right: 10px}.close{background:#ff1515}.button-layout{padding-left: 0px;padding-right: 0px}.add-log{width:13px;height:14px}#jibby-notice-area{position: absolute;top: 0;z-index: 9999;left: 0}.notice-content{width: 100%;padding:5px}.Notice_importants{background: #1ABC9C;width:100%;color: #fff;padding-left: 10%;padding-right: 10%;min-height:34px}.overdue-dialog-box{background-color: #fff;border-radius: 8px;width: 350px;padding: 20px;box-shadow: 0px 4px 10px rgba(0,0,0,0.1);align-items: center}.overdue-dialog-box h2{margin-top: 0;font-size: 22px;color: #ff4d4d;font-weight:bold;margin-bottom: 10px}.overdue-dialog-box p{color: #333;font-size: 16px;margin-bottom: 10px;margin-top:0px;text-align:center}.overdue-dialog-box vaadin-button{width: 100%;cursor: pointer;--vaadin-button-font-size: 1.1rem;--vaadin-button-font-weight: bold}.overdue-dialog-box .review-btn{background-color: #ff4d4d;color: white}.overdue-dialog-box .close-btn{background-color: #ccc;color: black}.overdue-dialog-box .review-btn:hover{background-color: #ff3333}.overdue-dialog-box .close-btn:hover{background-color: #b3b3b3}.sub-plan-header{display: flex;width: 100%;background: #fff;padding: 6px 0px;justify-content: center;font-weight: bold;font-size: 1.2rem}.sub-plan{box-shadow: 0 1px 6px rgba(60,64,67,.3);background: linear-gradient(90deg,rgb(52,168,83) 4%,rgb(52 138 168) 0) top/100% 34% no-repeat,linear-gradient(90deg,rgb(217 64 92) 50%,rgb(52 138 168) 0) top/100% 82% no-repeat,linear-gradient(90deg,rgb(230 183 45) 10%,rgb(52 168 83) 0) top/100% 100%;padding: 3px;--sub-plan-box-height:145px;height: var(--sub-plan-box-height);max-width: 220px}.current-sub{height: calc(var(--sub-plan-box-height) + 10px);position: relative;top: -5px;background: #d1d1d1}.plan-layout{flex-wrap: wrap;justify-content: center}.twofactor-sub-title{font-size: var(--lumo-font-size-l)}.sub-payment-title{font-size: 1.2rem;font-weight: bold}.pad-top-10px{padding-top: 10px}.card-verification{padding: 5px;background: #3272e0;border-radius: 2px;color: #fff;font-weight: bold;text-decoration: none}.card-verification:hover{text-decoration: none}.subscription-col{border:1px solid;border-right:none}.subscription-col:last-child{border:1px solid}.subscription-cell{border:1px solid;border-right: 0;border-left: 0;border-bottom: 0}.subscription-col.selected,.subscription-col.active{background-color:#f3f9ff}.signup-root{background-color: transparent;background-image: url('images/jibby-banner-page-new.png');background-size: cover;height: 100%;width: 100%;padding: 30px;--vaadin-input-field-helper-font-size: 0.9rem;--vaadin-input-field-label-color: --lumo-primary-text-color}.signup-container,.otp-container{max-width: 400px;background-color: #ffffff;padding: 28px;border-radius: 8px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);min-height:450px}.signup-header h1,.otp-header h1{font-size: 24px;font-weight: 500}.signup-header p,.otp-header p{font-size: 14px;color: #757575;margin-bottom: 24px;margin-top:0px;text-align:center}.divider{display: flex;align-items: center;margin: 16px 0}.divider span{padding: 0 8px;color: #757575;font-size: 14px}.divider::before,.divider::after{content: '';flex: 1;border-bottom: 1px solid #e0e0e0}.signup-button{font-size: 16px;cursor: pointer;height: 35px}:host([theme~='primary']){box-shadow: 0 2px 6px -1px var(--lumo-shade-20pct),0 8px 24px -4px var(--lumo-shade-40pct)}vaadin-context-menu-item{padding-top:0px !Important;padding-bottom:0px !Important}[part='abbr']{font-size: 3.5em}:host([has-color-index])::before{box-shadow: none}[part='label']{font-size: 0.9rem;color: #000}:host([theme~='check-list-avatar']){--vaadin-avatar-group-overlap: 3px;--vaadin-avatar-group-overlap-border: 1px;--vaadin-avatar-size: 2rem}:host{overflow-y: scroll;scrollbar-color:#024f67 #fff;scrollbar-width: thin;overflow-x: hidden}:host([theme~='small'])>[part='splitter']>[part='handle']::after,:host([theme~='minimal'])>[part='splitter']>[part='handle']::after{opacity:1}:host(.menu-search)::part(input-field){background-color:rgba(245,245,245);border-radius:0;color:rgba(9,35,69,1);height:var(--lumo-size-m);--lumo-contrast-10pct: #fff;width: calc(100% - 5px);margin-left: 5px}:host(.input)::part(label){color: var(--lumo-body-text-color);font-family: var(--lumo-font-family);font-size: var(--lumo-font-size-m);font-weight: 400;-webkit-font-smoothing: antialiased}.element{position: relative;width: 13px;height:13px;border-radius:50%}.pulse{position: absolute;top: -10px;right: -8px;height: 18px;width: 18px;z-index: 10;border: 5px solid var(--info-border-color);border-radius: 70px;animation: pulse 1s ease-out infinite}.marker{position: absolute;top: -0px;right: 1px;height: 10px;width: 10px;border-radius: 70px;background:var(--info-bg-color)}.element vaadin-icon{position: relative;height: 13px;top: -6px;left: -5px;fill: var(--info-icon-color)}.element vaadin-icon:hover{fill: var(--info-icon-hover-color) !important}@keyframes pulse{0%{-webkit-transform: scale(0);opacity: 0.0}25%{-webkit-transform: scale(0.1);opacity: 0.1}50%{-webkit-transform: scale(0.5);opacity: 0.3}75%{-webkit-transform: scale(0.8);opacity: 0.5}100%{-webkit-transform: scale(1);opacity: 0.0}}.skeleton{-webkit-animation: skeleton-loading 1s linear infinite alternate;animation: skeleton-loading 1s linear infinite alternate}.skeleton-inherit{-webkit-animation: skeleton-loading-inherit 1s linear infinite alternate;animation: skeleton-loading-inherit 1s linear infinite alternate}@-webkit-keyframes skeleton-loading-inherit{0%{background-color: inherit}100%{background-color: #f0f3f5}}@keyframes skeleton-loading-inherit{0%{background-color: inherit}100%{background-color: #f0f3f5}}@-webkit-keyframes skeleton-loading{0%{background-color: #c2cfd6}100%{background-color: #f0f3f5}}@keyframes skeleton-loading{0%{background-color: #c2cfd6}100%{background-color: #f0f3f5}}.skeleton-row-img{width: 2rem;margin-right: 10px;max-height: 100% !important;position: unset}.skeleton-text{width: 100%;height: 0.7rem;margin-bottom: 0.5rem;border-radius: 0.25rem}.skeleton-text__body{width: 75%}.skeleton-footer{width: 30%}.otp-field-root{display: block}.otp-field-root .otp-label{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 10px;font-size: 13px;color: #4A4E52;font-weight: 500}.otp-field-root .otp-timer{font-size: 12.5px;color: #7A7F84;font-weight: 500;display: inline-flex;align-items: center;gap: 6px}.otp-field-root .otp-row{display: grid;grid-template-columns: repeat(6,1fr);gap: 10px}.otp-field-root .otp-row.with-dash{grid-template-columns: repeat(3,1fr) 12px repeat(3,1fr);align-items: center}.otp-field-root .otp-dash{height: 2px;background: #E7E3DA;border-radius: 2px}.otp-field-root .otp-cell{padding:0px;height: 45px;width: 100%;border: 1.5px solid transparent;border-radius: 10px;text-align: center;font-size: 18px;font-weight: 600;color: #131414;outline: none;transition: background .15s,border-color .15s;caret-color: #0E4D5C;-webkit-appearance: none;appearance: none;box-sizing: border-box}.otp-field-root .otp-cell vaadin-input-container{height:100%}.otp-field-root .otp-cell::placeholder{color: transparent}.otp-field-root .otp-cell:hover:not(:disabled){border-color: #F3D4CF}.otp-field-root .otp-cell:focus{background: #ffffff;border-color: #0E4D5C;box-shadow: 0 0 0 4px rgba(14,77,92,.08)}.otp-field-root .otp-cell.filled{background: #F6D8D4;border-color: #F3D4CF}.otp-field-root .otp-cell.error{background: #FBE6E4;border-color: rgba(180,50,43,.4);color: #B4322B}.otp-field-root .otp-cell.success{background: #E3F1EA;border-color: rgba(15,107,78,.3);color: #0F6B4E}.otp-field-root .otp-cell:disabled{opacity: 0.65;cursor: not-allowed}@keyframes otp-shake{10%,90%{transform: translateX(-1px)}20%,80%{transform: translateX(2px)}30%,50%,70%{transform: translateX(-4px)}40%,60%{transform: translateX(4px)}}.otp-field-root .otp-row.shake{animation: otp-shake .42s cubic-bezier(.36,.07,.19,.97)}.otp-cell input[slot="input"]{height: 45px}.auth-dialog-content{--auth-bg: #F6F4EF;--auth-surface: #FFFFFF;--auth-ink: #131414;--auth-ink-2: #4A4E52;--auth-ink-3: #7A7F84;--auth-line: #E7E3DA;--auth-line-2: #EFECE4;--auth-primary: #0E4D5C;--auth-primary-hov: #0B3F4C;--auth-danger: #B4322B;--auth-danger-soft: #FBE6E4;--auth-success: #0F6B4E;--auth-success-soft: #E3F1EA}.auth-dialog-content{position: relative;padding: 25px 25px 25px;width: 460px;max-width: 100%;font-size: 15px;line-height: 1.5;color: var(--auth-ink);-webkit-font-smoothing: antialiased;box-sizing: border-box}.auth-close-btn{position: absolute !important;top: 14px !important;right: 14px !important;width: 32px !important;height: 32px !important;border-radius: 8px !important;color: var(--auth-ink-3) !important;cursor: pointer;background: transparent !important;border: 0 !important;display: grid;place-items: center;padding: 0 !important;min-width: unset !important}.auth-close-btn:hover{background: var(--auth-line-2) !important;color: var(--auth-ink) !important}.auth-eyebrow{display: inline-flex;align-items: center;gap: 8px;padding: 5px 10px 5px 8px;border-radius: 999px;background: #F2EFE8;color: var(--auth-ink-2);font-size: 12px;font-weight: 500;letter-spacing: .01em;margin-bottom: 14px;width: fit-content}.auth-eyebrow vaadin-icon,.auth-eyebrow .auth-shield-icon{color: var(--auth-primary);width: 14px;height: 14px;flex-shrink: 0}.auth-title{font-size: 24px !important;line-height: 1.15 !important;font-weight: 600 !important;letter-spacing: -0.015em !important;margin: 0 0 10px !important;color: var(--auth-ink) !important;padding: 0 !important}.auth-desc{margin: 0 0 5px !important;color: var(--auth-ink-2) !important;font-size: 13px !important;text-wrap: pretty}.auth-help-banner{display: flex;gap: 10px;align-items: flex-start;margin: 14px 0 20px;padding: 10px 12px;border-radius: 10px;background: #F7F4EC;color: var(--auth-ink-2);font-size: 13px;border: .5px solid var(--auth-line-2)}.auth-help-banner vaadin-icon,.auth-help-banner .auth-info-icon{flex-shrink: 0;margin-top: 1px;color: var(--auth-primary);width: 14px;height: 14px}.auth-help-banner[hidden]{display: none}.auth-status{min-height: 22px;margin-top: 12px;font-size: 13px;display: flex;align-items: center;gap: 8px}.auth-status.info{color: var(--auth-ink-3)}.auth-status.error{color: var(--auth-danger)}.auth-status.success{color: var(--auth-success)}.auth-status vaadin-icon{width: 14px;height: 14px;flex-shrink: 0}.auth-spinner{display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 2px solid rgba(255,255,255,.35);border-top-color: #fff;animation: auth-spin .7s linear infinite;flex-shrink: 0}@keyframes auth-spin{to{transform: rotate(360deg)}}.auth-spinner.dark{border-color: rgba(0,0,0,.12);border-top-color: var(--auth-ink-2)}.auth-actions{display: grid;grid-template-columns: 1fr 1.4fr;gap: 10px;margin-top: 22px}.auth-cancel-btn{height: 42px !important;border-radius: 10px !important;font-size: 13px !important;font-weight: 600 !important;letter-spacing: -0.005em !important;background: transparent !important;color: var(--auth-ink-2) !important;border: 1px solid var(--auth-line) !important;cursor: pointer;transition: background .15s,color .15s !important}.auth-cancel-btn:hover:not([disabled]){background: var(--auth-line-2) !important;color: var(--auth-ink) !important}.auth-cancel-btn:active:not([disabled]){transform: translateY(1px)}.auth-verify-btn{height: 42px !important;border-radius: 10px !important;font-size: 13px !important;font-weight: 600 !important;letter-spacing: -0.005em !important;background: var(--auth-primary) !important;color: #fff !important;border: 0 !important;cursor: pointer;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;transition: background .15s !important}.auth-verify-btn:hover:not([disabled]){background: var(--auth-primary-hov) !important}.auth-verify-btn[disabled]{background: #C7D2D6 !important;cursor: not-allowed !important;transform: none !important}.auth-verify-btn:active:not([disabled]){transform: translateY(1px)}.auth-footer{margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--auth-line-2);display: flex;justify-content: space-between;align-items: center;font-size: 13px;color: var(--auth-ink-3);gap: 12px;flex-wrap: wrap}.auth-footer-link{color: var(--auth-ink-2) !important;text-decoration: none !important;font-weight: 500 !important;border-bottom: 1px dashed var(--auth-line) !important;padding-bottom: 1px;cursor: pointer}.auth-footer-link:hover{color: var(--auth-primary) !important;border-bottom-color: var(--auth-primary) !important}:host{--lumo-overlay-border-radius: 16px}[part="overlay"]{border-radius: 16px;border: .5px solid #E7E3DA;box-shadow: 0 1px 0 rgba(255,255,255,.8) inset,0 24px 48px -20px rgba(20,30,40,.22),0 8px 16px -8px rgba(20,30,40,.08);animation: auth-dialog-pop .32s cubic-bezier(.2,.8,.2,1) both}[part="content"]{padding: 0}[part="backdrop"]{background: linear-gradient(180deg,rgba(19,20,20,.04),rgba(19,20,20,.14));backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}@keyframes auth-dialog-pop{from{opacity: 0;transform: translateY(8px) scale(.985)}to{opacity: 1;transform: translateY(0) scale(1)}}:host([theme~='otp']){height:100%}#projectSelectionGrid #selectAllCheckbox{display: none}#projectSelectionGrid vaadin-grid-sorter::part(indicators){position: absolute;right: 35px;top: 10px}.credit-card-form-view{display: block;margin: 0 auto;max-width: 1024px;padding: 0 var(--lumo-space-l)}.credit-card-form-view .button-layout{margin-bottom: var(--lumo-space-l);margin-top: var(--lumo-space-m)}.credit-card-form-view h3{margin-bottom: var(--lumo-space-s);margin-top: var(--lumo-space-l)}.awl-dialog vaadin-dialog-overlay::part(overlay){border-radius: var(--lumo-border-radius-l);overflow: hidden}.awl-dialog vaadin-dialog-overlay::part(content){padding: 0;--lumo-size-s:1rem}.awl-dialog__form-panel{flex: 1;min-width: 0;overflow-y: auto;border-right: 1px solid var(--lumo-contrast-10pct)}.awl-dialog__form-scroll{width: 100%;padding: 15px}.awl-dialog__rail-panel{flex-shrink: 0}.awl-dialog__section-header{display: flex;flex-direction: column;gap: 8px;background: transparent;width:100%}.awl-dialog__section-label{font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em}.awl-dialog__section-body{}.awl-banner{background: hsl(210,100%,97%);border: 1px solid hsl(210,80%,88%);border-radius: var(--lumo-border-radius-m);padding: 10px 12px;display: flex;flex-direction: column;gap: 4px}.awl-banner__header{gap: 6px !important;padding: 0 !important}.awl-banner__header vaadin-icon{color: hsl(210,80%,45%);width: 14px;height: 14px;flex-shrink: 0}.awl-banner__title{line-height: 1.4}.awl-dialog__time-sep{font-size: var(--lumo-font-size-m);align-self: flex-end;padding-bottom: calc(var(--lumo-text-field-size,2.25rem) / 2 - 0.6em);flex-shrink: 0}.awl-dialog__computed-hours{font-size: var(--lumo-font-size-m);font-weight: 600;font-variant-numeric: tabular-nums;color: var(--lumo-primary-color);align-self: flex-end;padding-bottom: calc(var(--lumo-text-field-size,2.25rem) / 2 - 0.65em);flex-shrink: 0;width: 75px;text-align: right}.awl-dialog__quick-add{margin-top: var(--lumo-space-xs)}.awl-dialog__quick-btn{font-size: var(--lumo-font-size-xs) !important;height: 1.875rem !important;padding: 0 var(--lumo-space-s) !important;border: 1px solid var(--lumo-contrast-20pct) !important;border-radius: var(--lumo-border-radius-m) !important}.awl-dialog__btn-cancel{}@media (max-width: 640px){.awl-dialog__rail-panel{display: none}}.ssr{--ssr-accent: var(--lumo-primary-color,hsl(214,90%,52%));--ssr-accent-soft: var(--lumo-primary-color-10pct,hsl(214,100%,96%));--ssr-accent-border: color-mix(in srgb,var(--ssr-accent) 20%,transparent);--ssr-text-primary: var(--lumo-header-text-color,hsl(214,35%,10%));--ssr-text-secondary: var(--lumo-secondary-text-color,hsla(214,14%,22%,0.72));--ssr-text-tertiary: var(--lumo-tertiary-text-color,hsla(214,14%,22%,0.50));--ssr-border: var(--lumo-contrast-10pct,hsla(214,12%,18%,0.10));--ssr-bar-track: var(--lumo-contrast-10pct,hsla(214,12%,18%,0.10));--ssr-bar-existing: var(--lumo-contrast-50pct,hsla(214,12%,18%,0.38));--ssr-success: var(--lumo-success-color,hsl(145,65%,40%));--ssr-warning: var(--lumo-warning-color,hsl(38,98%,46%));--ssr-danger: var(--lumo-error-color,hsl(3,85%,48%));--ssr-surface: hsla(220,20%,98%,1);display: flex;flex-direction: column;gap: 0;padding: 20px 18px 16px;height: 100%;overflow-y: auto;box-sizing: border-box;background: var(--ssr-surface)}.ssr__section{display: flex;flex-direction: column;gap: 4px;padding: 14px 0}.ssr__section:first-child{padding-top: 0}.ssr__label{font-size: 1rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.07em;margin-bottom: 2px}.ssr__date-value{font-size: 0.9375rem;font-weight: 600;color: var(--ssr-text-primary);line-height: 1.3}.ssr__hours-row{display: flex;align-items: baseline;gap: 3px;margin-top: 2px}.ssr__hours-value{font-size: 2.125rem;font-weight: 700;font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1;letter-spacing: -0.02em;line-height: 1.05;color: var(--ssr-accent)}.ssr__hours-unit{font-size: 1rem;font-weight: 500;color: var(--ssr-text-tertiary);line-height: 1;align-self: flex-end;margin-bottom: 3px}.ssr__time-row{display: flex;align-items: center;gap: 4px;margin-top: 3px}.ssr__time{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 0.82rem;font-variant-numeric: tabular-nums;color: var(--ssr-text-secondary)}.ssr__time-sep{font-size: 0.82rem;color: var(--ssr-text-tertiary)}.ssr__day-total-header{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 8px}.ssr__day-total-value{font-size: 0.8125rem;font-weight: 600;color: var(--ssr-text-primary);font-variant-numeric: tabular-nums}.ssr__bar{height: 6px;border-radius: 3px;background: var(--ssr-bar-track);overflow: hidden;display: flex}.ssr__bar-seg{height: 100%;transition: width 0.3s cubic-bezier(0.4,0,0.2,1)}.ssr__bar-existing{background: var(--ssr-bar-existing)}.ssr__bar-entry{background: var(--ssr-accent)}.ssr__bar-entry--over{background: var(--ssr-danger)}.ssr__legend{display: flex;gap: 12px;margin-top: 8px}.ssr__legend-item{display: inline-flex;align-items: center;gap: 5px}.ssr__dot{width: 8px;height: 8px;border-radius: 2px;flex-shrink: 0}.ssr__dot--existing{background: var(--ssr-bar-existing)}.ssr__dot--entry{background: var(--ssr-accent)}.ssr__legend-label{font-size: 0.82rem;color: var(--ssr-text-secondary);white-space: nowrap}.ssr__divider{height: 1px;background: var(--ssr-border);flex-shrink: 0;margin: 0}.ssr__context-stack{display: flex;flex-direction: column;gap: 6px;margin-top: 4px}.ssr__badge{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: 999px;font-size: 0.82rem;font-weight: 500;background: var(--ssr-accent-soft);color: var(--ssr-accent);border: 1px solid var(--ssr-accent-border);align-self: flex-start;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ssr__context-meta{font-size: 0.82rem;color: var(--ssr-text-secondary);line-height: 1.4;word-break: break-word}.ssr__spacer{flex: 1;min-height: 0}.ssr__autosave-row{display: flex;align-items: center;gap: 7px;padding-top: 4px}.ssr__autosave-dot{width: 7px;height: 7px;border-radius: 50%;flex-shrink: 0;background: var(--ssr-success);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ssr-success) 18%,transparent);transition: background 0.25s ease,box-shadow 0.25s ease}.ssr__autosave-dot--saving{background: var(--ssr-warning);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ssr-warning) 18%,transparent);animation: ssr-pulse 1.1s ease-in-out infinite}.ssr__autosave-dot--idle{background: var(--ssr-bar-existing);box-shadow: none}.ssr__autosave-text{font-size: 0.82rem;color: var(--ssr-text-secondary)}@keyframes ssr-pulse{0%,100%{opacity: 1.0}50%{opacity: 0.30}}@media (max-width: 600px){.ssr{padding: 14px 14px 12px}.ssr__hours-value{font-size: 1.75rem}}:host([theme~="download-button"]),:host([theme~="print-button"]){background: transparent;color: var(--lumo-contrast-80pct);min-width: 0;padding: 0 6px}.ps-panel{--ps-color-text: var(--lumo-body-text-color);--ps-color-muted: var(--lumo-secondary-text-color);--ps-color-divider: var(--lumo-contrast-10pct);--ps-color-surface: var(--lumo-contrast-5pct);--ps-color-accent: #0088b0;--ps-color-accent-contrast: #006786;--ps-color-accent-tint: #e9f8ff;--ps-color-accent-shade-text: #004961;--ps-color-accent-2: #d6006c;--ps-color-accent-2-contrast: #aa0b56;--ps-color-accent-2-tint: #fff1f4;--ps-color-accent-2-shade-text: #790e3d;--ps-color-neutral-tint: var(--lumo-contrast-5pct);--ps-color-neutral-text: var(--lumo-secondary-text-color);display: flex;flex-direction: column;align-items: flex-start;max-width: 34rem;width: 100%;color: var(--ps-color-text);font-family: var(--lumo-font-family)}.ps-panel__icon{margin-bottom: var(--lumo-space-m)}.ps-panel__icon-glyph{width: 3.5rem;height: 3.5rem}.ps-panel--success .ps-panel__icon-glyph{color: var(--ps-color-accent-contrast)}.ps-panel--pending .ps-panel__icon-glyph{color: var(--ps-color-neutral-text)}.ps-panel--failed .ps-panel__icon-glyph{color: var(--ps-color-accent-2-contrast)}.ps-panel__title{font-size: 2.25rem;line-height: 1.15;font-weight: 600;margin: 0 0 var(--lumo-space-s) 0}.ps-panel__description{font-size: 1.05rem;line-height: 1.55;color: var(--ps-color-muted);max-width: 46ch;margin: 0 0 var(--lumo-space-l) 0}.ps-panel__details{margin-bottom: var(--lumo-space-l);width: 100%}.ps-card{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--ps-color-surface);box-shadow: var(--lumo-box-shadow-xs);box-sizing: border-box;width: 100%}.ps-card__kicker{font-size: 0.7rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ps-color-accent-contrast)}.ps-card__rows{display: flex;flex-direction: column;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs)}.ps-card__row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--lumo-space-m)}.ps-card__row-label{color: var(--ps-color-muted);white-space: nowrap}.ps-card__row-value{font-size: 0.95rem;font-weight: 600;text-align: right}.ps-card__row-value--mono{font-family: var(--lumo-font-family-monospace,ui-monospace,"SF Mono",Menlo,monospace)}.ps-panel__pending-indicator{display: flex;align-items: center;gap: var(--lumo-space-xs);margin-bottom: var(--lumo-space-l);font-size: 0.8rem;color: var(--ps-color-muted)}.ps-panel__pending-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--ps-color-neutral-text);display: inline-block;animation: ps-pulse 1.6s ease-in-out infinite}@keyframes ps-pulse{0%,100%{opacity: 1}50%{opacity: 0.35}}.ps-badge{display: inline-flex;align-items: center;font-size: 0.7rem;letter-spacing: 0.02em;padding: 3px 10px;border-radius: var(--lumo-border-radius-s);margin-bottom: var(--lumo-space-m)}.ps-badge--accent{background: var(--ps-color-accent-tint);color: var(--ps-color-accent-shade-text)}.ps-badge--accent-2{background: var(--ps-color-accent-2-tint);color: var(--ps-color-accent-2-shade-text)}.ps-badge--neutral{background: var(--ps-color-neutral-tint);color: var(--ps-color-neutral-text)}.ps-badge--outline{border: 1px solid var(--ps-color-accent);color: var(--ps-color-accent-contrast);background: transparent}.ps-panel__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-l)}.ps-panel__support-link{color: var(--ps-color-accent-contrast);font-size: var(--lumo-font-size-s);text-underline-offset: 3px}.ps-panel__footer{font-size: 0.8rem;color: var(--ps-color-muted);line-height: 1.5;margin: 0}.ps-panel__footer-link{color: var(--ps-color-accent-contrast)}:root{--color-surface: #f4f4f4;--color-text: #201e1d;--color-accent: #0088b0;--color-accent-2: #d6006c;--color-divider: color-mix(in srgb,#201e1d 16%,transparent);--color-accent-100: #e9f8ff;--color-accent-700: #006786;--color-accent-800: #004961;--color-accent-900: #0a303e;--color-accent-2-100: #fff1f4;--color-accent-2-700: #aa0b56;--color-accent-2-800: #790e3d;--color-neutral-100: #f8f4f4;--color-neutral-800: #444141;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-6: 30px;--space-8: 40px;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--shadow-sm: 0 1px 2px color-mix(in srgb,#2d2b2b 14%,transparent);--shadow-md: 0 3px 10px color-mix(in srgb,#2d2b2b 16%,transparent);--shadow-lg: 0 12px 32px color-mix(in srgb,#2d2b2b 22%,transparent)}html,body{height: 100%;overflow: hidden;width: 100%;--border-size: 2px;--border-color: #aef;--lumo-font-family: "Open Sans",sans-serif;--lumo-font-style: normal;--lumo-line-height: 1.55;pointer-events: inherit !important;-webkit-font-smoothing: auto !Important;--lumo-primary-color: #054a61;--lumo-primary-color-50pct: rgba(16,112,142,0.5);--lumo-primary-color-10pct: rgba(16,112,142,0.1);--lumo-font-size: 1rem;font-size: 13px;--default-app-font-size:13px;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2.35rem;--lumo-size-s: 2rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: 0.625rem;--lumo-space-s: 0.3125rem;--lumo-space-xs: 0.1875rem;--lumo-primary-color: rgb(5,74,97);--lumo-primary-color-50pct: rgba(5,74,97,0.5);--lumo-primary-color-10pct: rgba(5,74,97,0.1);--menu-separator: #0a627e;--info-border-color:#e52a4a;--info-icon-color:#e41d3f;--info-icon-hover-color:#e41d3f;--info-bg-color:#fff;--jibby-tooltip-top:-13px;--jibby-tooltip-left:37px;--jibby-tooltip-text-color:#fff;--lumo-font-size-s:13px;--vaadin-popover-offset-top: -1px}@keyframes ai-thinking-dot-pulse{0%,80%,100%{opacity: .25;transform: translateY(0)}40%{opacity: 1;transform: translateY(-3px)}}.tooltip-text-content{color:var(--jibby-tooltip-text-color)}vaadin-dialog-overlay{--lumo-space-l: 0px;--lumo-border-radius-l: 0px}vaadin-dialog-overlay[theme~="file-creator"]{--lumo-space-l: 15px}vaadin-dialog-overlay[theme~="padding"]{--lumo-space-l: 15px}.viewer-frame{width: 100%;height: 100%;border: none}.viewer-frame img{max-width: 100%;max-height: 100%;width: 100%}.preview-image{display: block;-webkit-user-select: none;margin: auto;cursor: zoom-in;background-color: hsl(0,0%,90%);transition: background-color 300ms;max-height: 100%}.colc-content{width: 100%;height: 100%;padding: 0px;overflow: auto}strong{font-weight: bold !important}.text-field{--lumo-font-size-s:13px;--lumo-secondary-text-color:default}.btn-info-parts{display: flex;align-items: center;border-top-right-radius: var(--vaadin-button-border-radius,var(--lumo-border-radius-m));border-bottom-right-radius: var(--vaadin-button-border-radius,var(--lumo-border-radius-m));border-left: 1px solid #fff;padding-left: 7px;padding-right: 7px}vaadin-combo-box input{autocomplete: off}.status-online{height: 10px;width: 10px;background: green;border-radius: 50%;position: absolute;top: var(--status-top,23px);right: var(--status-right,3px)}.status-offline{height: 10px;width: 10px;background: gray;border-radius: 50%;position: absolute;top: var(--status-top,23px);right: var(--status-right,3px)}.v-dragged{opacity: 0.5;border: 2px dashed #3b82f6 !Important}.v-drag-over-target.over-internal,.drop-indicator.v-drag-over-target,.drop-indicator-workflow-card.v-drag-over-target,.drop-indicator-workflow-view.v-drag-over-target{opacity: 0.5;border: 2px dashed red !Important}.board-space-svg svg{width:100% !Important;height: 100% !important;fill:#0f596a}.active-card{background:#e6f4ff;border: 1px solid #2196f3 !Important;box-shadow: 0 2px 6px rgba(33,150,243,0.3)}.wf-vaadin-card:hover vaadin-card{background: #f5faff;border: 1px solid #d0e5ff !important;box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.wf-vaadin-card vaadin-card{border: 1px solid var(--vaadin-card-background)}.bottom-right-dialog::part(overlay){position: fixed;bottom: 1rem;right: 1rem;margin: 0;box-shadow: var(--lumo-box-shadow-xl);border-radius: var(--lumo-border-radius-m);max-width: 300px}.wf-attacchment-button{position: absolute;bottom: 7px;left: 60px}.navi-item .hover-buttons{display: none;gap: 0.5rem}.navi-item:hover>.hover-buttons{display:flex}vaadin-tooltip-overlay::part(overlay){padding: 5px;font-size: 12px}.small-toggle{width:45px !important;height:20px !important}.small-toggle .circle-toggle{width:17px !important;height:16px !important}code:not(pre code){background: rgb(232,232,232) !Important;border-radius: 3px;padding: .1rem .2rem;white-space: break-spaces}.tox-fullscreen{position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;max-width: 100% !important;max-height: 100% !important}.tox-shadowhost.tox-fullscreen{left: 0 !important}.tinymce-fullscreen-actions{display: none !important;position: fixed;top: 15px;right: 15px;z-index: 10000;flex-direction: row;gap: 5px}body.tox-fullscreen .tinymce-fullscreen-actions{display: flex !important}[hidden] .tinymce-fullscreen-actions{display: none !important}#editorLayout{position: unset !important}.tox-editor-container,.tox-edit-area{flex: 1 1 auto !important;min-height: 100% !important;width: 100% !important}.tox-fullscreen{overscroll-behavior: auto !important}.editor-containment-zone{position: relative !important;height: auto;width: auto}.notif-unread{font-weight: bold}.notif-read{color: gray;font-weight: normal}.jb-person-item{display: flex;line-height: 1.2;flex-direction: column;gap: 5px;line-height: 1.2;&>:is(vaadin-avatar,img){grid-area: avatar}&>div:first-of-type{grid-area: name}&>div:last-of-type{font-size: 0.875rem;font-weight: 400;color: var(--lumo-secondary-text-color);display: flex;flex-direction: column}}.chatrow img{max-width: 100%}vaadin-split-layout::part(handle){opacity: 1}vaadin-scroller{scrollbar-color: #024f67 #fff;scrollbar-width: thin}vaadin-dialog::part(overlay){border-radius: unset}vaadin-dialog::part(content){padding: unset}vaadin-notification-card::part(content){padding: unset}