:root{--stannah-pink:#f8f2f0;--stannah-black:#333;--stannah-white:#fff;--stannah-grey:#dddad9;--stannah-dark-grey:#333;--stannah-mid-grey:#5c5555;--stannah-web-grey:#7a7575;--stannah-web-light-grey:#f6f3f2;--stannah-web-pale-grey:#dddad9;--stannah-teal:#07444d;--stannah-bordeux:#790000;--stannah-putty:#ece4e1;--stannah-invert-text:#fff;--stannah-support-orange:#f0ab00;--stannah-support-green:#99bc00;--stannah-background:#fcfcfc;--stannah-error:red;--stannah-toast-error:#e1173c;--stannah-ok:#048263}#root,body,html{min-height:100vh}#root{display:flex;flex-direction:column}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button{align-items:center;background-color:#07444d;background-color:var(--stannah-teal);border:2px solid #07444d;border:2px solid var(--stannah-teal);border-radius:30px;box-sizing:border-box;color:#fff;color:var(--stannah-white);display:flex;flex-direction:row;font-size:18px;font-weight:500;gap:10px;height:60px;justify-content:center;padding:15px 35px;position:relative;text-align:center;text-decoration:none;&:hover{cursor:pointer}}.secondary-button{background-color:#fff;background-color:var(--stannah-white);border:2px solid #07444d;border:2px solid var(--stannah-teal);color:#07444d;color:var(--stannah-teal)}& #back_button,& #next_button{float:right}.button:disabled{background-color:#f6f3f2;background-color:var(--stannah-web-light-grey);border:#f6f3f2;border:var(--stannah-web-light-grey);color:#7a7575;color:var(--stannah-web-grey);cursor:not-allowed}aside{background-color:#fff;position:absolute;right:0}.modal-container{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}.modal-background{background-color:#00000080;height:100%;position:absolute;width:100%}.modal-btn-div{align-items:flex-end;display:flex;justify-content:flex-end;margin-top:40px}.email-chips{align-items:left;display:flex}.modal-confirm-btn{margin-left:20px}.modal-close-btn,.modal-confirm-dialog-btn{font-size:14px;padding-left:35px;padding-right:35px}.modal-close-btn{background-color:#fff;background-color:var(--stannah-invert-text);color:#07444d;color:var(--stannah-teal)}.modal-confirm-dialog-btn{margin-left:20px}.dialog-close-icon{position:absolute!important;right:30px;&:hover{cursor:pointer}}.toast.error{background-color:#e1173c!important;background-color:var(--stannah-toast-error)!important;.icon{content:url(/static/media/Alert-info.9b281b37b5e3f295c3fb.svg)}}.tooltip{background-color:#333;background-color:var(--stannah-dark-grey);border-radius:4px;color:#f8f2f0;color:var(--stannah-pink);font-size:12px;opacity:.9;padding:6px;position:fixed;text-align:center;white-space:nowrap;z-index:9999}.sortable-header{align-items:center;display:flex;gap:20px}.sortable-header-arrows{color:#7a7575;color:var(--stannah-web-grey);display:flex;flex-direction:column;padding-top:5px;& .active-arrow{color:#790000;color:var(--stannah-bordeux)}}.confirm-dialog-content{padding:20px 20px 10px;width:480px}.confirm-dialog-header{color:var(--stannah-bordeux)}.formfield{color:var(--stannah-dark-grey);flex-direction:column;font-size:18px;margin-bottom:4px;text-align:left;width:100%}.formfield,.formfield-inputs{display:flex}.formfield label{font-size:14px;font-weight:700;left:0;line-height:20px;margin-bottom:5px;top:1px}.label-disabled{color:var(--stannah-mid-grey)}.formfield input{align-items:center;background-color:var(--stannah-white);border:2px solid var(--stannah-mid-grey);border-radius:6px;box-sizing:border-box;display:flex;font-size:18px;font-weight:500;height:60px;line-height:24px;overflow:hidden;padding:12px 20px;text-overflow:ellipsis}.invalid-input input{border-color:var(--stannah-error)!important}.formfield input:invalid{border-color:var(--stannah-error)}.formfield input[disabled]{background-color:var(--stannah-web-light-grey);border:2px solid #0000;cursor:not-allowed}.formfield-hint-text{height:20px;text-align:left;top:20px}.formfield-hint-text,.formfield-optional{color:var(--stannah-web-grey);font-size:14px;line-height:20px}.formfield-optional{display:inline-block;font-weight:300;padding-left:100px;position:relative;text-align:right}.formfield-show-input-button{border:none;color:var(--stannah-web-grey);margin-left:10px;margin-top:10px;&:hover{cursor:pointer}}.formfield-extension{display:flex;margin:auto 10px}.tenant-form-admins-page{display:flex;flex-direction:column;height:100%;& input[name=email]{width:467px}}.tenant-form-admins-page-creation-row{align-items:center;display:flex;justify-content:space-between;& h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:800;line-height:24px;margin-bottom:0}& h4{color:var(--stannah-web-grey);font-size:14px;line-height:20px;margin-top:0}&>button{float:right;text-wrap:nowrap}}.tenant-form-admins-page-users{flex-grow:1;overflow-y:auto;padding-top:5px}.tenant-form-admins-page-user-item{align-items:center;display:flex;& div{flex:1 1}}.tenant-form-admins-page-email{flex-grow:1;margin-bottom:auto}.tenant-form-admins-page-delete-button{background-color:initial;border:none;left:12px;margin:auto;padding:30px 10px 10px;top:22px;&:hover{cursor:pointer}& .delete-icon{width:24px}}.tenant-form-details-page{display:flex;flex-direction:column;height:100%;& input[name=id]{width:200px}& input[name=name]{width:467px}& input[name=businessId]{width:200px}& .tenant-form-details-page-phone-row,& input[name=address],& input[name=email]{width:467px}}.tenant-form-details-page-inputs{flex-grow:1;overflow-y:auto}.phone-number-field-container{margin-bottom:5px}.phone-number-field{border:2px solid var(--stannah-mid-grey);border-radius:8px;display:flex;height:60px;width:100%}.phone-number-field.disabled{background-color:var(--stannah-web-light-grey);border:2px solid #0000;cursor:not-allowed}.phone-number-field.error{border:2px solid red}.phone-number-field-label{color:var(--stannah-dark-grey);font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px;text-align:left}.phone-number-field-label.disabled{color:var(--stannah-mid-grey)}.phone-number-field-picker{font-size:18px;height:100%;overflow:visible;position:relative;width:98px}.phone-number-field-picker-button{background-color:initial;border:none;color:var(--stannah-mid-grey);cursor:pointer;display:flex;font-size:18px;gap:10px;line-height:24px;padding:16px 0 16px 20px;text-align:left;width:100%;&:focus{outline:none}& svg{color:var(--stannah-dark-grey)}}.phone-number-field-options-list{background-color:#fff;border:2px solid var(--stannah-dark-grey);border-radius:8px;display:none;height:auto;max-height:460px;min-width:160px;overflow-y:auto;position:absolute;text-align:left;width:100%;z-index:1;& input{border:none;border-bottom:1px solid var(--stannah-mid-grey);border-radius:0;color:var(--stannah-mid-grey);font-size:16px;font-weight:400;height:30px;padding:12px 16px;width:100%}& .phone-number-field-options-list-no-results{align-items:center;color:var(--stannah-bordeux);display:flex;justify-content:center;padding-bottom:3px;padding-top:3px}}.phone-number-field-options-list::-webkit-scrollbar{width:6px}.phone-number-field-options-list::-webkit-scrollbar-thumb,.phone-number-field-options-list::-webkit-scrollbar-track{background:var(--stannah-web-light-grey);border-radius:10px}.phone-number-field-options-list::-webkit-scrollbar-thumb{background:#0000;-webkit-transition:var(--stannah-web-light-grey) .3s;transition:var(--stannah-web-light-grey) .3s}.phone-number-field-options-list:active::-webkit-scrollbar-thumb,.phone-number-field-options-list:hover::-webkit-scrollbar-thumb{background:var(--stannah-web-grey)}.phone-number-field-options-list::-webkit-scrollbar-button{display:none}.phone-number-field-options-list button{background-color:#fff;border:none;border-radius:8px;color:var(--stannah-black);display:block;padding:12px 16px;text-align:left;text-decoration:none;text-wrap:none;width:100%;&:disabled{display:none}}.phone-number-field-picker button[disabled]{cursor:not-allowed}.phone-number-field-options-list button:hover{background-color:var(--stannah-bordeux);color:#fff}.phone-number-field-picker:hover .phone-number-field-options-list{display:block}.phone-number-field-picker:hover .phone-number-field-picker-button{color:var(--stannah-bordeux)}.phone-number-field-option-item.selected{background-color:var(--stannah-web-grey);color:#fff}.phone-number-field-option-item.highlighted{background-color:var(--stannah-bordeux);color:#fff}.phone-number-field-flag{background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;width:24px}.phone-number-field-input{display:flex;width:100%;& .phone-number-field-input-code-placeholder{align-items:center;color:var(--stannah-web-grey);display:flex;font-size:18px;font-weight:500;height:100%;line-height:24px;padding:16px 0}& input{border:none;border-radius:6px;color:var(--stannah-dark-grey);font-size:18px;font-weight:500;line-height:24px;margin-top:1px;overflow:hidden;padding:16px 20px 16px 8px;text-overflow:ellipsis;width:100%;&:focus{outline:none}}}.phone-number-field-input input[disabled]{cursor:not-allowed}.tenant-form-contacts-page{display:flex;flex-direction:column;height:100%;& form{display:flex;height:100%}}.tenant-form-contacts-page-inputs{flex-grow:1;overflow-y:auto}.tenant-form-contacts-page-button-panel{bottom:0;display:flex;flex-grow:0;gap:20px;height:90px;justify-content:flex-end;padding-top:20px;& button{display:inline-block}}.tenant-form-contacts-page-creation-row{align-items:center;display:flex;gap:36px;justify-content:space-between;padding-bottom:32px;&>div{color:var(--stannah-web-grey);font-size:14px;font-weight:800;line-height:20px;margin-top:0;&>h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:800;line-height:24px;margin-bottom:0}&>h4{color:var(--stannah-web-grey);font-size:14px;line-height:20px;margin-top:0}}&>button{float:right;text-wrap:nowrap}}.tenant-form-contacts-page-creation-input-row{display:flex;gap:10px;& .tenant-form-contacts-page-phone,& input[name=displayName]{width:100%}}.tenant-form-contacts-page-emergency-row{display:flex;gap:10px;padding-right:54px;& input[name=emergencyContact],& input[name=phoneNr]{width:100%}}.tenant-form-contacts-page-delete-btn{background-color:initial;border:none;left:12px;margin:auto;padding:30px 10px 10px;top:22px;&:hover{cursor:pointer}& .delete-icon{width:24px}}.tenant-form{height:100%;& form{height:100%}}.side-modal{background-color:var(--stannah-white);box-shadow:-2px 0 0 0 #0003;display:flex;flex-direction:column;height:100%;margin-left:auto;padding-left:60px;padding-right:0;padding-top:60px;position:relative;right:0;top:0;width:800px;z-index:10}.side-modal-close{background-color:initial;border:none;color:var(--stannah-teal);cursor:pointer;flex-grow:0;height:50px;margin:30px;padding:13px;position:absolute;right:0;top:0;width:50px}.side-modal header{display:flex;flex-direction:column;gap:10px}.side-modal-title{color:var(--stannah-bordeux);flex-grow:1;font-size:28px;font-style:normal;font-weight:500;line-height:36px;overflow:hidden;padding-right:25px;text-overflow:ellipsis;white-space:nowrap}.side-modal-pager{display:flex;gap:20px;height:10px;justify-content:center;padding-top:50px;width:100%}.side-modal-pager-indicator{background-color:var(--stannah-putty);border-radius:10px;height:10px;max-width:80px;position:relative;width:100%}.side-modal-pager-indicator-active{background-color:var(--stannah-support-orange)}.side-modal-content{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:scroll;padding-right:60px;padding-top:50px;width:100%}.side-modal-content::-webkit-scrollbar{width:6px}.side-modal-content::-webkit-scrollbar-thumb,.side-modal-content::-webkit-scrollbar-track{background:var(--stannah-web-light-grey);border-radius:10px}.side-modal-content::-webkit-scrollbar-thumb{background:#0000;-webkit-transition:var(--stannah-web-light-grey) .3s;transition:var(--stannah-web-light-grey) .3s}.side-modal-content:active::-webkit-scrollbar-thumb,.side-modal-content:hover::-webkit-scrollbar-thumb{background:var(--stannah-web-grey)}.side-modal-content::-webkit-scrollbar-button{display:none}.side-modal-button-bar{display:flex;gap:20px;justify-content:end;padding:50px 60px 50px 0;& .side-modal-button-bar-with-paging{margin-right:auto}& #submit_button{background-color:var(--stannah-teal);color:var(--stannah-white)}& #submit_button:disabled{background-color:var(--stannah-web-light-grey);border:2px solid var(--stannah-web-light-grey);color:var(--stannah-web-grey)}}.add-lifts-confirm-dialog-content{padding:20px;width:480px}.add-lifts-confirm-dialog-header{color:var(--stannah-bordeux)}.add-lifts-confirm-serial-list{max-height:200px;overflow-y:auto;&>div{border-bottom:1px solid var(--stannah-web-pale-grey);color:var(--stannah-mid-grey);font-size:18px;font-weight:500;line-height:24px;padding:10px 0;& b{font-weight:800;line-height:32px}}}.add-lifts-form{display:flex;height:100%;& form{display:flex;height:100%}}.add-lifts-form-page{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.add-lifts-form-creation-row{align-items:center;display:flex;gap:36px;justify-content:space-between;padding-bottom:32px;&>h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:800;line-height:24px;margin-bottom:0}&>div,&>h4{color:var(--stannah-web-grey);font-size:14px;line-height:20px;margin-top:0}&>div{font-weight:800}&>button{float:right;text-wrap:nowrap}}.add-lifts-form-creation-input-row{display:flex;gap:10px;& input[name=nickname],& input[name=serialNumber]{width:100%}}.add-lifts-form-delete-btn{background-color:initial;border:none;left:12px;margin:auto;padding:30px 10px 10px;top:22px;&:hover{cursor:pointer}& .delete-icon{width:24px}}.add-lifts-form-errors{align-content:end;color:var(--stannah-web-grey);flex-grow:1;font-size:14px;padding:20px}.sip-settings-form{display:flex;flex-direction:column;height:100%;& form{display:flex;height:100%}}.sip-settings-form-lines{flex-grow:1;overflow-y:auto;padding-top:5px;& .formfield input{margin-bottom:14px;width:100%}& .phone-number-field{margin-top:20px}}.sim-settings-form{display:flex;flex-direction:column;height:100%;& form{display:flex;height:100%}}.sim-settings-form-lines{flex-grow:1;overflow-y:auto;padding-top:5px;& .formfield input{margin-bottom:14px;width:100%}}.toggle-switch-container{display:flex}.toggle-switch-label{color:var(--stannah-dark-grey);font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px}.toggle-switch-btn{background-color:#b7b9ba;border:1px solid #aaa;border-radius:99px;cursor:pointer;height:30px;margin-left:auto;position:relative;transition:background-color .1s ease,border-color .2s ease;width:60px}.toggle-switch-btn[disabled]{background-color:var(--stannah-grey);border:none}.toggle-switch-thumb{background-color:#fff;border-radius:99px;height:20px;left:3px;position:absolute;top:50%;transform:translateX(0);transform:left .15s ease;transform:translateY(-50%);width:20px}.toggle-switch-on{background-color:var(--stannah-teal)}.toggle-switch-off{background-color:var(--stannah-web-grey)}.toggle-switch-text{font-size:10px;font-weight:700;line-height:20px}.toggle-switch-on-card{align-items:center;background-color:#07444db3;display:flex;justify-content:start;padding-left:10px}.toggle-switch-off-card{align-items:center;background-color:#7a7575b3;display:flex;justify-content:end;padding-right:10px}.toggle-switch-text.on{color:var(--stannah-teal)}.toggle-switch-text.off{color:var(--stannah-mid-grey)}.toggle-switch-btn:hover{border-color:#6f6f6f}.toggle-switch-on .toggle-switch-thumb,.toggle-switch-on-card .toggle-switch-thumb{left:35px}.toggle-switch-checked-value{margin-left:20px}form{display:flex;flex-direction:column;width:100%}.device-settings-form-row-title{align-items:center;color:var(--stannah-dark-grey);display:flex;font-size:18px;font-weight:500;line-height:24px}.device-settings-form-subtitle{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:20px;margin-top:51px}.device-settings-form-row{align-items:center;border-bottom:1px solid var(--stannah-web-pale-grey);display:flex;height:80px;justify-content:space-between;padding:24px;width:100%;& .device-settings-form-edit-column-switch{padding:24px}}.device-settings-form-picker-title{color:var(--stannah-dark-grey);font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px}.device-settings-form-edit-column{display:flex;justify-content:end;& input{width:100px}& input[type=number]{-webkit-appearance:textfield;appearance:textfield}& input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}& input[type=number]::-moz-inner-spin-button,input[type=number]::-moz-outer-spin-button{appearance:none;margin:0}& input[type=number]::-ms-clear,input[type=number]::-ms-reveal{display:none}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock :after,.react-clock :before{box-sizing:border-box}.react-clock__face{border:1px solid #000;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.react-clock__hand{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__hand__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__mark__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark__number{left:-40px;position:absolute;text-align:center;width:80px}.react-clock__second-hand__body{background-color:red}.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker :after,.react-datetime-picker :before{box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{border:thin solid gray;display:flex;flex-grow:1;flex-shrink:0}.react-datetime-picker__inputGroup{flex-grow:1;min-width:calc(16px + 3.674em);padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{-webkit-appearance:textfield;appearance:textfield;background:none;border:0;box-sizing:initial;color:currentColor;font:inherit;height:calc(100% - 2px);min-width:.54em;padding:1px;position:relative}.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button,.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{-webkit-appearance:menulist;appearance:menulist;font:inherit}.react-datetime-picker__button{background:#0000;border:0;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{max-width:100vw;width:350px}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{background-color:#fff;border:thin solid #a0a096;height:200px;max-width:100vw;padding:25px;width:200px}.device-details-form{display:flex;flex-direction:column;flex-grow:1}.device-details-form-content{display:flex;flex-direction:column;gap:50px;width:100%;& .device-details-form-serial-number{width:333px;& .formfield-hint-text{text-wrap:wrap;width:100%}& input{width:100%}}& .device-details-form-nickname{& input{width:100%}}& .device-details-form-address-section-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px;gap:10px;margin-bottom:10px;& input{width:100%}}}.device-details-form-date-picker-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;& .device-details-form-date-picker-label{color:var(--stannah-dark-grey);font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px}& .device-details-form-date-picker-container{position:relative;width:100%}& .device-details-form-date-picker{align-items:center;border:2px solid var(--stannah-dark-grey);border-radius:6px;color:var(--stannah-dark-grey);display:flex;font-weight:500;line-height:24px;padding:16px 20px;& .react-datetime-picker__wrapper{border:none;height:24px;& .react-datetime-picker__button{.react-datetime-picker__button__icon{stroke:var(--stannah-dark-grey);margin-right:0}&:focus .react-datetime-picker__button__icon,&:hover .react-datetime-picker__button__icon{stroke:var(--stannah-teal)}}}& .react-datetime-picker__calendar{left:0;position:absolute!important;top:100%!important;width:100%;z-index:1000;& .react-calendar{border:2px solid var(--stannah-dark-grey);border-radius:8px}}}}.device-details-form-section-title{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:20px}.home-content{margin:"50px"}#login{align-items:center;background-image:url(/static/media/Background.0578af81f80ee8a87975.svg),radial-gradient(133.31% 137.91% at 91.14% 105.2%,#f94949 15.01%,#cd202c 54.38%,#790000 89.6%);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1 auto;justify-content:center}.login-content{background:var(--stannah-pink);border-radius:6px;flex-shrink:0;height:534px;padding:30px 50px 50px;width:567px}.login-content-form-title{color:var(--stannah-bordeux);font-size:36px;font-weight:400;line-height:44px;padding-bottom:12px;padding-top:20px}.login-content-form{align-items:center;display:flex;flex-direction:column}.login-content-form-subtitle{color:var(--stannah-mid-grey);font-size:18px;font-weight:400;line-height:24px;padding-bottom:100px}#login-microsoft-link{color:var(--stannah-white);text-decoration:none}.page{background-color:initial;display:flex;flex-direction:column;&>header{color:var(--stannah-bordeux);display:flex;flex-direction:row;height:150px;& .page-title-area{flex-grow:1;&>h1{font-size:36px;font-weight:500;line-height:44px;margin-bottom:3px}&>h2{color:var(--stannah-dark-grey);font-size:14px;line-height:20px;margin-top:0}}& .page-back{background-color:initial;border:0;color:var(--stannah-bordeux);padding-bottom:36px;padding-right:24px;svg:hover{cursor:pointer}}& .page-button-area{flex-grow:0;flex-shrink:0}}}.page-breadcrumb{display:flex;gap:12px;&>span:last-child{color:var(--stannah-mid-grey)}}.card{align-items:flex-start;background-color:var(--stannah-white);border:1px solid var(--stannah-web-pale-grey);border-radius:6px;box-shadow:0 1px 2px #00000029;box-sizing:border-box;color:var(--stannah-dark-grey);display:flex;flex-direction:column;font-size:18px;justify-content:flex-start;padding:24px;width:523px;&>header{box-sizing:border-box;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;padding-bottom:12px;width:100%;& .card-title-area{flex-grow:1;&>h1{box-sizing:border-box;color:var(--stannah-dark-grey);font-size:18px;font-weight:700;margin-bottom:3px;margin-top:0}&>h2{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin:0}}& .card-button{background-color:initial;border:0;color:var(--stannah-teal);flex-grow:0;flex-shrink:0;& :hover{cursor:pointer}}& .card-refresh-button>svg{fill:var(--stannah-teal)}& .card-edit-button{display:flex}}&>footer{align-items:center;color:var(--stannah-web-grey);display:flex;flex-grow:0;flex-shrink:0;font-size:18px;justify-content:center;line-height:24px;padding:24px 12px;position:relative;text-align:center;width:100%}&>footer.card-footer-shadow{box-shadow:0 -4px 4px 0 #0000000d}& header.card-title-area-gap{padding-bottom:32px}}.card-content{box-sizing:border-box;max-height:1180px;overflow-y:auto;width:100%;&>progress{margin:24px}}.card-normal{flex-grow:0;flex-shrink:0}.card-double{flex-grow:0;width:1058px}.card-wide{width:100%}@media (min-width:960px){.card-wide{width:932px}.card-double{width:523px}}@media (min-width:1400px){.card-wide{width:1404px}.card-double{width:1058px}}.card-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;width:100%}.card-detail{align-items:center;border-bottom:1px solid var(--stannah-web-pale-grey);display:flex;font-size:18px;gap:4px;height:60px;padding:6px 24px;text-align:left}.card-col{display:flex;justify-content:start;max-width:256px}.card-detail-icon{color:var(--stannah-web-grey);flex-grow:0;flex-shrink:0;margin-right:24px}.card-detail-titled-icon{fill:var(--stannah-web-grey)}.card-detail-titled-button{margin-left:24px}.card-detail-value{flex-grow:1}.card-detail-titled-value{align-items:center;display:flex;flex-grow:1;font-weight:500;justify-content:end}.card-group{display:flex;flex-direction:column;margin-top:30px;&>h1{box-sizing:border-box;color:var(--stannah-dark-grey);font-size:18px;font-weight:500;margin:12px 24px 3px}&>h1,&>h2{flex-grow:0;flex-shrink:0}&>h2{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin:0 24px 24px}}.card-address-info{display:flex;flex-direction:column;padding-top:30px;&>h1{box-sizing:border-box;color:var(--stannah-dark-grey);font-size:18px;font-weight:800;margin:0 24px 24px}}.card-address-info-address li:first-child{font-weight:600}.card-address-info-content{display:flex;margin:0 24px;&>svg{width:50px}&>ul{margin-top:0;padding:0;&>li{list-style-type:none}}}.no-items{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.no-items-icons{padding:20px}.no-items-title{font-weight:800}.no-items-subtitle,.no-items-title{color:var(--stannah-black);font-size:18px;line-height:24px;text-align:center}.no-items-button{padding-bottom:15px;padding-top:30px}.tenant-detail-contacts{width:100%;&>h2{box-sizing:border-box;color:var(--stannah-dark-grey);font-size:18px;font-weight:800;margin:24px 24px 12px}}.tenant-detail-contacts-item{display:flex;flex-direction:column;padding:10px 20px}.tenant-detail-contacts-item-area{display:flex;flex-direction:row}.tenant-detail-contacts-item-content{align-items:center;color:var(--stannah-neutral-dark-grey);display:flex;font-size:18px;gap:12px;line-height:24px;text-align:left;width:100%;&>svg{padding:10px}&>h3{font-weight:500;margin:0}&>h3,&>h4{font-size:18px}&>h4{margin:0 20px 0 auto}}.tenant-detail-contacts-item-line{background-color:var(--stannah-web-pale-grey);height:1px;margin-top:12px;width:100%}.list-search{& input{align-items:center;background-color:var(--stannah-white);border:1px solid var(--stannah-web-pale-grey);border-radius:6px;box-sizing:border-box;color:var(--stannah-web-grey);display:flex;font-size:18px;font-weight:500;height:60px;line-height:24px;margin-bottom:12px;padding:12px 44px 12px 20px;width:336px}}.arrow{all:unset;padding-left:10px;padding-right:10px}.arrow:disabled{color:var(--stannah-web-pale-grey)}.current-page-number{border:2px solid var(--stannah-dark-grey);border-radius:5px;font-weight:500;margin-bottom:5px;padding-left:10px;padding-right:10px}.total-elements{color:var(--stannah-web-grey);font-size:16px;padding-right:30px}.page-pagination{align-items:center;display:flex;float:right;font-size:18px;margin-top:15px}.page-pagination>*{margin:0}.page-pagination select{border-radius:5px;height:30px}.page-pagination button{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.list-buttons{padding-right:12px;& button{background-color:initial;border:0;color:var(--stannah-dark-grey);cursor:pointer;font-size:18px;font-weight:800;line-height:24px;text-align:left}}.list-content table{& thead tr{border-bottom:4px solid var(--stannah-dark-grey);line-height:24px;margin:0;& th{font-weight:800;padding:12px 12px 2px;text-align:left}& th:first-child{padding-left:24px}}& tbody{& tr{border-bottom:1px solid var(--stannah-grey)}& tr:hover{background-color:var(--stannah-web-light-grey)}}& td{padding:12px}& td:first-child{padding-left:24px}.list-no-data{display:flex;justify-content:center;padding:20px}.export-icon{color:var(--stannah-web-grey)}}#lift-list-body{margin:50px}.context-menu{display:inline-block;height:50px;min-width:50px;overflow:visible;position:relative;&>button{background-color:inherit;border:none;font-size:17px;font-weight:700;margin:0;outline:none;padding:14px 16px}}.context-menu-items{background-color:var(--stannah-web-light-grey);border-radius:6px;box-shadow:0 8px 16px 0 #0003;display:none;font-size:18px;max-width:400px;min-height:20px;min-width:250px;padding:6px 0;position:absolute;right:0;z-index:10}.context-menu:hover .context-menu-items{cursor:pointer;display:block}.context-menu-item{align-items:center;color:var(--stannah-black);display:flex;float:none;gap:24px;min-height:36px;padding:12px 24px;text-decoration:none;& .context-menu-item-icon{height:24px;width:24px}}.context-menu-item.disabled{background-color:var(--stannah-web-light-grey);color:var(--stannah-web-grey);pointer-events:none}.picker{font-size:18px;margin-bottom:15px;min-height:60px;min-width:50px;overflow:visible;position:relative;&>h1{font-size:24px}&>h1,&>h2{color:var(--stannah-black)}&>h2{font-size:16px}}.picker .dropbutton{background-color:inherit;border:none;font-size:17px;font-weight:700;margin:0;outline:none;padding:14px 16px}.picker-disabled{background-color:var(--stannah-web-light-grey);border-radius:8px;cursor:not-allowed;& .picker-button{border:2px solid #0000}}.picker-button{background-color:initial;border:2px solid var(--stannah-mid-grey);border-radius:8px;color:var(--stannah-mid-grey);cursor:pointer;display:flex;font-size:18px;justify-content:space-between;line-height:24px;padding:18px 20px;text-align:left;width:100%;& svg{color:var(--stannah-teal)}}.required-warning{color:var(--stannah-error)}.picker-button:disabled{pointer-events:none}.picker-content{background-color:#fff;border:2px solid var(--stannah-black);border-radius:8px;display:none;min-width:160px;position:absolute;text-align:left;width:100%;z-index:1}.picker-content button{background-color:#fff;border:none;border-radius:8px;color:var(--stannah-black);display:block;padding:12px 16px;text-align:left;text-decoration:none;width:100%;&:disabled{display:none}}.picker-content button:hover{background-color:var(--stannah-bordeux);color:#fff}.picker:hover .picker-content{display:block}.picker .picker-button:not(:disabled):hover{color:var(--stannah-bordeux)}.one-below-another{height:90%}.lift-contact-form-subtitle{& h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:0}& h4{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-top:0}}.lift-contact-form-row-title{color:var(--stannah-dark-grey);font-size:14px;font-weight:700;line-height:20px;margin-bottom:5px}.lift-contact-form-row-hint{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-right:3px}.lift-details-contact-row{display:flex;justify-content:space-between}.lift-details-other-contacts-banner{color:var(--stannah-web-grey);display:flex;justify-content:center;margin-top:5px}.one-below-another{display:flex;flex-direction:column}.lift-details-section{margin-bottom:30px}.lift-details-secondary-text{color:var(--stannah-web-grey);font-size:14px;line-height:20px}.info-titles{display:flex;justify-content:space-between}.lift-details-col{flex:1 1}#dependable-contacts-edit-title{font-size:1em}#optional-text{justify-content:right}.contact-row{display:flex;& .card-detail-value{font-weight:500;text-align:right}}.device-state-info{gap:29px;margin-bottom:24px}.device-state-info,.device-state-info-circle-frame{align-items:center;display:flex;height:100px;justify-content:center}.device-state-info-circle-frame{border-radius:50%;position:relative;width:100px}.device-state-info-circle-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute}.device-stateinfo-circle-data{color:var(--stannah-dark-grey);font-size:12px;font-weight:400;line-height:20px}.test{z-index:1000}.device-state-info-refresh-button{background-color:initial;border:0;flex-grow:0;flex-shrink:0;& :hover{cursor:pointer}& svg{fill:var(--stannah-dark-grey)}}.device-info-card-state{margin-left:20px;margin-right:20px}.device-info-card-title-section{align-items:space-between;display:flex;max-height:179px;max-width:437px;width:100%;& .device-info-card-title-section-image{background:var(--stannah-web-light-grey);border-radius:6px;margin-right:24px;padding:12px 38px}& .formfield{margin-bottom:0}& .device-info-card-title-section-content{display:grid;grid-template-rows:2fr 1fr 2fr;& .device-info-card-title-section-row{max-width:235px;width:100%;& .device-info-card-title-section-title{color:var(--stannah-dark-grey);display:-webkit-box;font-size:18px;font-weight:700;line-height:24px;margin-top:0;overflow:hidden;text-overflow:ellipsis;width:100%;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}& .device-info-card-title-section-subscription-state{margin:10px 0}}}.device-info-card-info{margin-bottom:32px}.device-info-card-info-title{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px}.device-info-card-info-data{color:var(--stannah-mid-grey);font-size:18px;font-weight:400;line-height:24px;padding-left:24px;padding-top:12px}.device-info-card-info-data-location{display:flex;gap:24px;& svg{fill:var(--stannah-web-grey)}}.device-settings-card-subtitle{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:12px;margin-top:32px}.device-tech-info-card-model-picker{width:140px}.delete-carer-button{background-color:var(--stannah-white);border:none;color:var(--stannah-teal);margin-top:20px;width:30px}#create_carer_button{margin-left:20px}.carer-form-upper-row{align-items:left;display:flex;justify-content:space-between;width:100%;& h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:0}& h4{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-top:0}}.carer-form-row{display:grid;grid-template-columns:1fr 1fr 2fr .25fr;width:100%;grid-gap:8px;gap:8px;& input{width:100%}}.tab{width:100%}.tab-list{border-bottom:2px solid var(--stannah-putty);display:flex;list-style:none;margin:0;padding:0}.tab-list-item{background-color:initial;border:none;cursor:pointer;font-size:18px;font-weight:500;line-height:24px;outline:none;padding-bottom:16px;padding-top:16px;width:156px}.tab-list-item.active{border-bottom:4px solid var(--stannah-putty);color:var(--stannah-bordeux)}.tab-list-item.inactive{color:var(--stannah-mid-grey)}.tab-content{margin-top:36px}.line-graph{border:1px solid var(--stannah-web-pale-grey);border-radius:6px;box-shadow:0 1px 2px 0 #00000029;padding:28px 24px 57px}.line-graph-title{color:var(--stannah-bordeux);font-size:24px;font-weight:500;line-height:32px;padding-bottom:5px}.line-graph-info{color:var(--stannah-mid-grey);font-size:14px;font-weight:400;line-height:20px;padding-bottom:14px}.network-info-card-current-status-title{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-bottom:6px}.network-info-card-current-status-content{align-items:center;border-radius:6px;display:flex;height:60px;justify-content:space-between;padding-left:24px;padding-right:22px;width:100%}.network-info-card-current-status-content.connected{background:#9abc001c}.network-info-card-current-status-content.disconnected{background:#ff00001c}.network-info-card-current-status-info{align-items:center;display:flex;gap:16px}.network-info-card-current-status-info-title{color:var(--stannah-dark-grey);font-size:18px;font-weight:400;line-height:24px}.network-info-card-current-status-details{text-align:right}.network-info-card-current-status-details-title{color:var(--stannah-dark-grey);font-size:14px;font-weight:400;line-height:20px}.network-info-card-current-status-details-info{color:var(--stannah-dark-grey);font-size:18px;font-weight:500;line-height:24px}.header-content{margin-bottom:32px;width:100%}.header-title{color:var(--stannah-bordeux);font-size:28px;font-weight:500;line-height:36px;margin-bottom:20px}.header-line{border-bottom:2px solid var(--stannah-grey);width:100%}.list{width:100%}.list-tools{display:flex;height:60px;margin-bottom:20px;width:100%}.list-search{position:relative;& input{align-items:center;background-color:var(--stannah-white);border:1px solid var(--stannah-web-pale-grey);border-radius:6px;box-sizing:border-box;color:var(--stannah-web-grey);display:flex;font-size:18px;font-weight:500;height:60px;line-height:24px;margin-bottom:12px;padding:12px 44px 12px 20px;width:336px}}.list-search-icon{color:var(--stannah-web-grey);position:absolute;right:12px;top:16px}.list-buttons{display:flex;flex-grow:1;gap:12px;justify-content:right;& button{background-color:initial;border:0;color:var(--stannah-dark-grey);cursor:pointer;font-size:18px;font-weight:800;line-height:24px;text-align:left}}.list-content{background-color:var(--stannah-white);border:1px solid var(--stannah-web-pale-grey);border-radius:6px;box-sizing:border-box;overflow:visible;padding-bottom:12px;padding-top:10px;position:relative;width:100%}.list-content table{border-collapse:collapse;overflow-x:scroll;width:100%;& thead tr{border-bottom:4px solid var(--stannah-dark-grey);line-height:24px;margin:0;& th{color:var(--stannah-dark-grey);font-weight:700;padding:12px 12px 10px;text-align:left}& th:first-child{padding-left:24px}}& tbody{& tr{border-bottom:1px solid var(--stannah-grey)}& tr:hover{background-color:var(--stannah-web-light-grey)}}& td{padding:12px}& td:first-child{padding-left:24px}.list-no-data{display:flex;justify-content:center;padding:20px}}@media (min-width:960px){.lift-state-card-events-tab-event{width:100%}}@media (min-width:1400px){.lift-state-card-events-tab-event{width:50%}}.lift-state-card-evens-tab-last-event-title,.lift-state-card-events-tab-event-title{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px}.lift-state-card-evens-tab-last-event-title{margin-bottom:6px}.lift-state-card-evens-tab-last-event{align-items:center;display:flex;gap:2px}.lift-state-card-evens-tab-last-event-content{align-items:center;background:#9abc001c;border-radius:6px;display:flex;height:60px;justify-content:space-between;padding-left:24px;padding-right:22px;width:100%}.lift-state-card-evens-tab-last-event-info{align-items:center;display:flex;gap:16px}.lift-state-card-evens-tab-last-event-info-title{color:var(--stannah-dark-grey);font-size:18px;font-weight:400;line-height:24px}.lift-state-card-evens-tab-last-event-details{text-align:right}.lift-state-card-evens-tab-last-event-details-title{color:var(--stannah-dark-grey);font-size:14px;font-weight:400;line-height:20px}.lift-state-card-evens-tab-last-event-details-info{color:var(--stannah-dark-grey);font-size:18px;font-weight:500;line-height:24px}.lift-state-card-events-tab-history-title{padding-top:24px;&>h1{color:var(--stannah-dark-grey);font-size:18px;font-weight:500;line-height:24px;margin-bottom:3px}&>h2{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-top:0}}.lift-state-card-events-tab-history{& .list-content{border:none;overflow:hidden;padding-bottom:0;padding-top:0;position:relative}& tr{display:grid;grid-template-columns:1fr 2fr;& td{align-items:center;display:flex}}& .list-tools{margin-bottom:0}& tbody{display:block;max-height:260px;overflow-y:auto;table-layout:fixed}& thead,tbody tr{table-layout:fixed;width:100%}& tbody::-webkit-scrollbar{width:4px}& tbody::-webkit-scrollbar-thumb,& tbody::-webkit-scrollbar-track{background:var(--stannah-web-light-grey);border-radius:10px}& tbody::-webkit-scrollbar-thumb{background:#0000;-webkit-transition:var(--stannah-web-light-grey) .3s;transition:var(--stannah-web-light-grey) .3s}& tbody:hover::-webkit-scrollbar-thumb,tbody:active::-webkit-scrollbar-thumb{background:var(--stannah-web-grey)}& tbody::-webkit-scrollbar-button{display:none}}.customer-detail-devices{width:100%}.customer-detail-devices-item{display:flex;flex-direction:column;padding:10px 20px}.customer-detail-devices-item-area{display:flex;flex-direction:row}.customer-detail-devices-item-content{display:flex;flex-direction:column;gap:12px;width:100%;& header{flex-grow:1;margin-bottom:10px;&>h3{color:var(--stannah-black);font-size:18px;font-weight:500;height:23px;line-height:24px}&>h3,&>h4{margin:0;text-align:left}&>h4{color:var(--stannah-web-grey);font-size:14px;height:20.4px;line-height:20px}}}.customer-detail-devices-item-status{box-sizing:border-box;font-size:14px;margin-right:auto;text-align:left}.customer-detail-devices-item-btn{flex-grow:0;flex-shrink:0;margin:auto 10px;padding:12px}.customer-detail-devices-item-line{background-color:var(--stannah-web-pale-grey);height:1px;margin-top:12px;width:100%}.customer-form{height:100%;& form{height:100%}& h2{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin:0;padding-bottom:15px;padding-top:0}& .adjacent-formfield{margin-left:20px}}.customer-form-customer-page{display:flex;flex-direction:column;height:100%;& input[name=id]{width:200px}& input[name=firstName],& input[name=lastName]{width:336px}& input[name=organization]{width:467px}& .c-vat{margin-left:20px}& input[name=vat]{width:200px}& input[name=address],& input[name=email],& input[name=phoneNr]{width:467px}& input[name=apartmentNr]{width:200px}& input[name=city]{width:467px}& input[name=zipCode]{width:200px}& input[name=country],& input[name=region]{width:336px}& #submit_button{background-color:var(--stannah-teal);color:var(--stannah-white);float:right;margin-left:20px}}.customer-form-inputs{flex-grow:1}.customer-is-accountowner-checkbox{align-items:center;display:flex;font-size:16px;font-weight:700;line-height:20px;margin-bottom:20px;& input{height:25px;margin-right:10px;width:25px}}.customer-form-creation-email-row{align-items:center;display:flex;justify-content:left;.formfield{width:auto}}#help-icon-customer-form{margin-left:10px;margin-top:15px}.customer-form-creation-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:55px;& h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:700;line-height:24px;margin-bottom:0}& h4{color:var(--stannah-web-grey);font-size:14px;font-weight:400;line-height:20px;margin-top:0;width:390px}& button{float:right}}.customer-form-creation-input-row{display:flex;width:90%}.customer-form-contact-users{display:grid;width:100%;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr 1fr 2fr .25fr;& input{width:100%}& .delete-contact-button{background-color:var(--stannah-white);border:none;color:var(--stannah-teal);margin-top:20px;&:hover{cursor:pointer}& .delete-icon{width:24px}}}.customer-form-errors{align-content:end;color:var(--stannah-web-grey);flex-grow:1;font-size:14px;padding:20px}.customer-form-creation-phone-row{width:467px}.customer-detail-contact-row{display:flex;justify-content:space-between}.employee-form{display:flex;flex-grow:1;height:100%;& form{flex-grow:1;height:100%}}.employee-form-employee-page,.employee-form-role-page{display:flex;flex-direction:column;height:100%;& input[name=id]{width:200px}& .employee-form-delete-emails-button,& .employee-form-role-delete-role-button{background-color:var(--stannah-white);color:var(--stannah-teal);padding:12px}& svg{height:24px;width:24px}}.employee-form-edit-hint{padding-bottom:20px}.employee-form-role-title{font-size:14px;font-weight:800;line-height:20px;margin-bottom:5px}.employee-form-inputs{flex-grow:1}.employee-form-creation-row{align-items:center;display:flex;& h3{color:var(--stannah-dark-grey);font-size:18px;font-weight:800;line-height:24px;margin-bottom:-10px}& p{color:var(--stannah-web-grey);font-weight:400;margin-right:80px}& h4,& p{font-size:14px;line-height:20px}& h4{color:var(--stannah-mid-grey);margin-top:0}& button{float:right}}.employee-form-edit-email{& input{width:622px}}.employee-form-role-employees{display:flex;gap:10px;& .employee-form-role-delete-role-button{border:none;&:hover{cursor:pointer}&:disabled{color:#bfbfbf;cursor:auto}}& .picker{width:100%}}.employee-form-role-form{margin-top:18px}.employee-form-delete-emails-button{border:none}.employee-form-delete-emails-button-invisilble{visibility:hidden}.employee-form-email{display:flex;flex-direction:column;flex-grow:1;margin-right:10px}.employee-form-email-label{font-size:14px;font-weight:800;line-height:20px;margin-bottom:5px}.employee-form-email-input-container{background-color:var(--stannah-white);border:2px solid var(--stannah-mid-grey);border-radius:6px;color:var(--stannah-dark-grey);display:flex;flex-wrap:wrap;font-size:18px;gap:10px;justify-content:flex-start;margin-bottom:4px;min-height:60px;padding:18px 20px;width:100%}.employee-form-email-input{border:none;flex-grow:1;font-size:18px;font-weight:400;line-height:24px;outline:none;padding:0}.employee-form-email-input-hint{color:var(--stannah-web-grey);font-size:14px;height:20px;line-height:20px;text-align:left;top:20px}.employee-form-errors{align-content:end;flex-grow:1;padding:20px}.employee-form-errors,.employee-form-footer{color:var(--stannah-web-grey);font-size:14px}.employee-form-footer{font-weight:400;line-height:20px}.topPanel{background-color:var(--stannah-white);border-radius:6px;box-shadow:0 4px 4px 0 #00000040,0 -1px 2px 0 #00000029;padding-top:20px;position:absolute;right:40px;top:72px;width:450px;z-index:2;& button{background:none;border:none;cursor:pointer}}.topPanel-content{margin-bottom:2px;margin-right:5px;margin-top:2px;max-height:80vh;overflow-y:auto}.topPanel-content::-webkit-scrollbar{width:4px}.topPanel-content::-webkit-scrollbar-thumb,.topPanel-content::-webkit-scrollbar-track{background:var(--stannah-web-light-grey);border-radius:10px}.topPanel-content::-webkit-scrollbar-thumb{background:#0000;-webkit-transition:var(--stannah-web-light-grey) .3s;transition:var(--stannah-web-light-grey) .3s}.topPanel-content:active::-webkit-scrollbar-thumb,.topPanel-content:hover::-webkit-scrollbar-thumb{background:var(--stannah-web-grey)}.topPanel-content::-webkit-scrollbar-button{display:none}.topPanel-header{border-bottom:1px solid var(--stannah-web-pale-grey);display:flex;justify-content:space-between;padding-bottom:14px;padding-left:20px;padding-right:20px}.topPanel-header-title{color:var(--stannah-dark-grey);font-size:16px;font-weight:500;line-height:24px}.topPanel-header-delete-button{color:var(--stannah-error);text-decoration:underline}.topPanel-header-delete-button[disabled]{color:grey;cursor:not-allowed}.topPanel-items{color:var(--stannah-dark-grey);font-size:18px;font-weight:500;line-height:24px;&>.topPanel-item:not(:last-child){border-bottom:1px solid var(--stannah-web-pale-grey)}}.topPanel-item{display:flex;justify-content:space-between;padding:18px 20px}.userpanel{background-color:var(--stannah-white);border-radius:6px;box-shadow:0 4px 4px 0 #00000040,0 -1px 2px 0 #00000029;padding:12px;position:absolute;right:20px;top:72px;width:250px;z-index:2;& button{background:none;border:none;cursor:pointer}}.navbar-icon{margin-left:12px;margin-right:12px}.navbar-icon-wrapper,.navbar-menu-item{align-items:center;display:flex}.navbar-menu-item{background-color:initial;color:var(--stannah-bordeux);height:100%;padding-left:14px;width:100%}.navbar-menu-item:hover{background-color:var(--stannah-bordeux);border-radius:6px;color:var(--stannah-invert-text)}.navbar,.navbar-collapsed{background-color:var(--stannah-pink);color:var(--stannah-bordeuax);flex-shrink:0;font-size:18px;padding:12px;position:relative;width:260px;& #navbar-collapse{background-color:#fff;border-color:var(--stannah-grey);border-radius:8px;border-style:solid;border-width:1px;cursor:pointer;height:28px;position:absolute;right:-12px;top:26px;width:28px}& #logo{display:flex;justify-self:center;width:60%}& menu{list-style-type:none;padding-left:0;& li{height:56px}& a,& li{width:100%}& a{height:100%;text-decoration:none}}}.navbar-collapsed{padding-top:28px;width:100px;& span:last-child{display:none}& #logo{padding-bottom:9px}}.dropdown{align-items:center;display:flex;height:50px;min-width:50px;overflow:visible;position:relative}.dropdown-button{background-color:initial;border:none;color:var(--stannah-black);cursor:pointer;font-size:16px;padding:16px}.dropdown-button:hover{color:var(--stannah-bordeux)}.dropdown-button :disabled{pointer-events:none}.dropdown-content{background-color:var(--stannah-grey);box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;right:5%;top:50%;z-index:1}.dropdown-content button{align-items:center;border:none;color:var(--stannah-black);display:flex;padding:12px 16px;text-align:left;text-decoration:none;width:100%;& svg{margin-right:10px}}.dropdown-content button:hover{color:var(--stannah-bordeux)}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropdown-button{color:var(--stannah-bordeux)}.topmenu{align-items:center;border-bottom:1px solid var(--stannah-grey);color:var(--stannah-black);display:flex;height:80px;justify-content:flex-end;width:100%;& menu{align-items:center;display:flex;gap:8px;justify-content:flex-end;list-style-type:none;padding-left:0;padding-right:30px;& li{cursor:pointer;font-size:20px;margin-right:5px}& a{text-decoration:none}}}.topmenu-icon{color:var(--stannah-bordeux);margin-left:16px;width:24px}.topmenu-icon:hover{color:var(--stannah-black)}#app-container{background-size:100%;display:flex;flex:1 1 auto}.app-container-content{margin-left:24px;margin-right:40px;margin-top:10px;position:relative}.active-status{background-color:#99bc0080;color:var(--stannah-ok)}.active-status,.paused-status{border-radius:24px;box-sizing:border-box;display:inline-block;font-size:14px;padding:2px 14px;text-align:left}.paused-status{background-color:var(--stannah-support-orange);color:var(--stannah-bordeux)}.inactive-status{background-color:var(--stannah-web-pale-grey);border-radius:24px;box-sizing:border-box;color:var(--stannah-black);display:inline-block;font-size:14px;padding:2px 14px;text-align:left}.bullet-active:before{background-color:var(--stannah-support-green)}.bullet-active:before,.bullet-paused:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-left:5px;margin-right:5px;position:relative;width:10px}.bullet-paused:before{background-color:var(--stannah-support-orange)}.bullet-inactive:before{background-color:var(--stannah-web-pale-grey);border-radius:50%;content:"";display:inline-block;height:10px;margin-left:5px;margin-right:5px;position:relative;width:10px}
/*# sourceMappingURL=main.f080263e.css.map*/