@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&family=Roboto:wght@300&display=swap');addfeatures-view{height: 100%;width:100%;display: flex;flex-direction: column;align-items: center}.fullwidth{width:100%;height:100%}.topsearchcriteria{width: 100%;background-color: #ffffff;box-shadow: 0px 0px 5px 0px #bdbdbd;padding-top: 5px;padding-bottom: 5px}user-view{width:50%;height:100%}.right-part-label{width: 130px;display: flex;align-items: center}.rightpart-div{display:flex;width: 100%}.subscriptionDetailsWrapper{padding-left: 25px;margin-top: 10px;width: 95%}.subscriptionInformationTitle{border-bottom: 1px solid #ddd;width: 100%;margin-bottom: 10px;font-size: 14px;font-weight: 500;color: #024f67}.cbbChangeValidDate{margin-left: -23px;margin-top: 6px}.subscriptionbottomBtnWrapper{margin-top: 10px;margin-bottom: 10px;margin-left: 120px}.checkboxandcombodiv{width: 100%;margin-bottom: 10px;display:flex}.userManagerlblValidDate{width: 100%;margin-bottom: 10px;display:flex}.userManagerNsActive{width: 100%;margin-bottom: 10px;display:flex}.combo-style2{width: 28%;display: inline-block}.userManagerlblOrder{margin-bottom: 10px;display:flex;width:100%}.licenseInformationTitle{border-bottom: 1px solid #ddd;width: 100%;padding-bottom: 5px;margin-bottom: 2px;font-size: 14px;font-weight: 500;color: #024f67;display: inline-block}.userManagerLicenseLayout{width:100%}.licenseDetailsWrapper{border-bottom: 1px solid #ddd;width: 96%;padding: 5px}.cbbChangeValidDate{margin-top: 6px;margin-left: -23px}.subscriptionbottomBtnWrapper{margin-top: 10px;margin-bottom: 10px}.validdatediv{width: 100%;margin-bottom: 5px}.userManagerlblValidDate{width: 100%;margin-bottom: 10px}.combo-style2{width: 28%;display: inline-block}.userManagerLicenseLayout{border: 1px solid #ddd;padding-left: 25px;width: 94%;margin-top: 5px}.yscroll{margin-left: 10px;width: 450px !important;overflow-y: auto}.colausermanagerbtnmargin{margin-top: 10px;margin-left: 75px}.btnCreateSubscription{margin-top: 30px;margin-left: 126px}.btnCancelAllLicense{margin-left: 100px;margin-top: 10px}.licenseInformationTitle{border-bottom: 1px solid #ddd;margin-left: -13px;font-size: 14px;font-weight: 500;margin-top: 12px;color: #024f67}.colausermanagertxtfieldmargin{margin-top: 5px;margin-bottom: 5px;width: 55%}paymenthistory-view{height: 100%;width: 100%}.colausermanagerbackgroundshadow{width: 100%;background-color: #ffffff;box-shadow: 0px 0px 5px 0px #bdbdbd;padding: 3px 8px}.middle{display: flex;align-items: center;margin-right: 5px;margin-left:5px}project-template-user-view{height: 100%;width:100%;display: flex;flex-direction: column;align-items: center}.colA{width:300px !important;overflow-y:auto}.colB{width:300px}.colC{width:calc(100% - 600px)}.text-input{width:45%}.email{width:calc(var(--lumo-space-m) + 90%)}.yellow{fill:#f9e218 !Important}.star-button{background:#074a61}.star-button iron-icon{fill:#fff}.star-button:hover{background:#0184b4}.colADefaultProject{min-height: 100px;width: 100%;padding: 1px;border: 1px solid #e7ebee;max-width:205px}.clearprojectbutton{width: 25px;height: 24px}.clearprojectbutton iron-icon{fill: #ec0b0b}usermanager-view{height: 100%;width:100%;display: flex;flex-direction: column;align-items: center}.fullwidth{width:100%;height:100%}.topsearchcriteria{width: 100%;background-color: #ffffff;box-shadow: 0px 0px 5px 0px #bdbdbd;padding-top: 5px;padding-bottom: 5px}user-view{width:50%;height:100%}.right-part-label{width: 130px;display: flex;align-items: center}.rightpart-div{display:flex;width: 100%}.subscriptionDetailsWrapper{padding-left: 25px;margin-top: 10px;width: 95%}.subscriptionInformationTitle{border-bottom: 1px solid #ddd;width: 100%;margin-bottom: 10px;font-size: 14px;font-weight: 500;color: #024f67}.cbbChangeValidDate{margin-left: -23px;margin-top: 6px}.subscriptionbottomBtnWrapper{margin-top: 10px;margin-bottom: 10px;margin-left: 120px}.checkboxandcombodiv{width: 100%;margin-bottom: 10px;display:flex}.userManagerlblValidDate{width: 100%;margin-bottom: 10px;display:flex}.userManagerNsActive{width: 100%;margin-bottom: 10px;display:flex}.combo-style2{width: 28%;display: inline-block}.userManagerlblOrder{margin-bottom: 10px;display:flex;width:100%}.licenseInformationTitle{border-bottom: 1px solid #ddd;width: 100%;padding-bottom: 5px;margin-bottom: 2px;font-size: 14px;font-weight: 500;color: #024f67;display: inline-block}.userManagerLicenseLayout{width:100%}.licenseDetailsWrapper{border-bottom: 1px solid #ddd;width: 96%;padding: 5px}.cbbChangeValidDate{margin-top: 6px;margin-left: -23px}.subscriptionbottomBtnWrapper{margin-top: 10px;margin-bottom: 10px}.validdatediv{width: 100%;margin-bottom: 5px}.userManagerlblValidDate{width: 100%;margin-bottom: 10px}.combo-style2{width: 28%;display: inline-block;height: 25px;margin-top: -25px}.userManagerLicenseLayout{border: 1px solid #ddd;padding-left: 25px;width: 94%;margin-top: 5px}.yscroll{margin-left: 10px;width: 450px !important;overflow-y: auto}.colausermanagerbtnmargin{margin-top: 10px;margin-left: 25px}.btnCreateSubscription{margin-top: 30px;margin-left: 126px}.btnCancelAllLicense{margin-left: 100px;margin-top: 10px}.licenseInformationTitle{border-bottom: 1px solid #ddd;margin-left: -13px;font-size: 14px;font-weight: 500;margin-top: 12px;color: #024f67}.colausermanagertxtfieldmargin{margin-top: 5px;margin-bottom: 5px;width: 55%}.emailSendingtxtfieldmargin{margin-top: 5px;margin-bottom: 5px;width: 100%}.email-sending-label{width: 130px;display: flex;align-items: center;font-size: 14px}.email-sending-div{display:flex;width: 100%;flex-direction: column}.email-sending-button-part{display: inline-block;margin-top: 10px;align-self: center}.email-sending-editor-div{display:flex;width: 100%;margin-top: 20px;margin-bottom: 10px;flex-direction: column}.editorLayout{min-height:270px;width:100%}.emailSendingDropdownmargin{margin-bottom: 5px}.navi-item{align-items: center;display: flex;font-size: var(--lumo-font-size-s);font-weight: 600;height: var(--lumo-size-l);transition: background-color var(--transition-duration-s)}.navi-item[level]{font-size: var(--lumo-font-size-xs);font-weight: normal;height: var(--lumo-size-m)}.navi-item[level="1"] span{font-weight: 500;margin-left: var(--navi-item-indentation)}.navi-item[level="2"] span{font-weight: 400;margin-left: calc(var(--navi-item-indentation) + var(--lumo-space-m))}.navi-item[level="3"] span{font-weight: 300;margin-left: calc(var(--navi-item-indentation) + calc(var(--lumo-space-m) * 2))}.navi-item:hover{background-color: #04748f !Important}.navi-item__link:hover{text-decoration: none}.navi-item:active{background-color: var(--lumo-contrast-20pct)}.navi-item__link{align-items: center;display: flex;flex-grow: 1;height: 100%;overflow: hidden;padding-left: var(--lumo-space-m);padding-right: var(--lumo-space-m)}.navi-item__link[highlight]{background-color: #04748f !Important;color:#fff}.navi-item__link:not([highlight]){color: var(--lumo-body-text-color)}.navi-item__link:not([highlight]) iron-icon{color: var(--lumo-tertiary-text-color)}.navi-item__link iron-icon{height: var(--lumo-icon-size-s);flex-shrink: 0;margin: 0 var(--lumo-space-l) 0 0;transition: margin var(--transition-duration-s);width: var(--lumo-icon-size-s)}.navi-item__link span{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: var(--lumo-space-s)}.navi-menu{margin-bottom: var(--lumo-space-s);margin-top: var(--lumo-space-s)}:host{display: block;height: 100%;width: 100%}.logui{background-color: transparent;background-image: url(/images/jibby-banner-page-new.png);background-size: cover;height: 100%;width: 100%;padding: 30px}.login-content{margin: auto;align-items: center}.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: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: inline-block;float: left;width: 561px !important;text-align: 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-login-logo{display: inline-block;width: 298.909px;height: 91.1925px;background-image: url(/images/logo-yellow.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}.form-style{width: 272px;display: inline-block;background: #fff;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{background-color: #024f67;color: #fff;margin-left: 30px;border-radius: inherit !important}.login-hl-btn{margin-top: 5px;width:100%}.btn-google{width: 265px;text-decoration: none !important;background: #DD4B39 none repeat scroll 0 0 !important;border-color: #e24b38 #bd3928 #d83f2d !important;border-image: none !important;border-radius: 0px !important;color: #ffffff !important;cursor: pointer !important;font-weight: 500 !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}.btn-google span{margin-left: 18px !important}.forgot-style{color: #024f67;font-weight: 550;float:left;margin-top: 5px}.goggle-icon-style{vertical-align: middle;cursor: inherit}.btn-facebook span{margin-left: 18px}.btn-facebook{width: 265px;text-decoration: none !important;background: #4267b2 none repeat scroll 0 0 !important;border-color: #4267b2 #4267b2 #4267b2 !important;border-image: none !important;border-radius: 0px !important;color: #ffffff !important;cursor: pointer !important;font-weight: 500 !important;outline: medium none !important;position: relative !important;text-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;white-space: nowrap !important;height: 43px !important;padding-left: 3px !important;padding-top: 3px !important;padding-right: 8px !important;font-size: 14px;font-weight: 600 !important}.facebook-icon-style{border-radius: 2px;padding: 8px;background: #fff;color: #4267b2;font-size: 18px}.loginOrText{height: 22px;width: 22px;border-radius: 11px;background-color: #9e9e9e;text-align: center;font-style: italic;font-weight: bold;margin-left: 45%;color: #fff}.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 iron-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 iron-icon{display: block !important}.quick_intro{white-space: nowrap;font-size: 21px;line-height: 20px;font-weight: 400;color: rgb(255,255,255);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: 21px;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 iron-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 iron-icon{display: block !important}#header{--lumo-base-color:#10708e;height: var(--lumo-size-xl);box-shadow: var(--lumo-box-shadow-s)}#header vaadin-avatar{margin-left: auto;margin-right: var(--lumo-space-m)}vaadin-app-layout[dir='rtl'] #header vaadin-avatar{margin-left: var(--lumo-space-m);margin-right: auto}#header h1{font-size: var(--lumo-font-size-l);margin: 0}#logo{box-sizing: border-box;box-shadow: inset 0 -1px var(--lumo-contrast-10pct);padding: var(--lumo-space-s) var(--lumo-space-m);background:#10708e;text-align: center}#logo img{width:90px;height:27px}#logo h1{font-size: var(--lumo-font-size-xl);font-weight: 600;margin: 0 var(--lumo-space-s);color:#fff}vaadin-tab{font-size: var(--lumo-font-size-s);height: var(--lumo-size-l);font-weight: 600;color: var(--lumo-body-text-color)}vaadin-tab:hover{background-color: var(--lumo-contrast-5pct)}vaadin-tab[selected]{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-s)}[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}.error-row{color:red;background:#aef}.report-chart-fullscreen{width: 100% !important;height: 100% !important}vaadin-grid::part(error-row){color: red;background: #aef}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}.item-icon{max-width: 20px;max-height: 16px;padding-right: 5px;position: relative;top: 2px}.colBitemNameCaption{overflow: hidden;float: left;max-width: 90%}.active{background: #e0edf7}.borderlessbutton{background: none;border: none;cursor: pointer;padding: 0px 3px;height: 20px}.borderlessbutton:focus{outline: none}.sub-menu{display: flex;flex-direction: column;padding-left: 15px}.warn{background-color: yellow}.no-select[first-column] ::slotted(*){opacity: 0.5;pointer-events: none}vaadin-grid::part(warn){background-color: yellow}.subscription-plan-label{min-width: 100px;margin-top: 5px}.subscription-textfield{width: 150px}.subscription-button-div{min-width: 5px}.jibby-customer-label{min-width: 200px;margin-top: 5px}.master-detail-view{display: flex;flex-direction: column;height: 100%}.master-detail-view vaadin-split-layout{width: 100%;height: 100%}.master-detail-view vaadin-grid{height: 90%}.master-detail-view .editor-layout{display: flex;flex-direction: column;width: 500px !Important}.master-detail-view .editor{flex-grow: 1;padding: var(--lumo-space-l);overflow-y: auto}.master-detail-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.master-detail-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.master-detail-view .grid-wrapper{width: 100%}html{--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: 0.8rem;--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)}.v-loading-indicator{position: fixed !important;width: 50%;opacity: 1;height: 4px;background: #fff !important;transition: none;animation: v-progress-start 1000ms 200ms both}.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}::-webkit-scrollbar-track{background: #fff}::-webkit-scrollbar-thumb{background: #024f67}::-webkit-scrollbar-thumb:hover{background: #024f67}.info-message-body{margin-left:10px}.two-column-checkbox::part(group-field){display: grid;grid-template-columns: auto auto;column-gap: 20px;row-gap: 4px}