
.stepper-popup{overflow:hidden}
.stepper-popup .stepper-popup-content{height:calc(100vh - 128px);width:90vw;display:flex;flex-direction:column}
.stepper-popup .stepper-popup-content .stepper-selected-content{padding:0 32px;flex:1}
.stepper-popup .stepper-popup-content .stepper-selected-content .gwt-Label{padding-left:32px;padding-top:32px}
.stepper-popup .stepper-popup-content .stepper-selector-bar{padding-bottom:32px;padding-top:32px;padding-left:32px;padding-right:32px}
.stepper-popup .stepper-popup-content .stepper-selector-bar div,
.stepper-popup .stepper-popup-content .stepper-selector-bar span{display:inline}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-mandatory-fields{padding-top:10px;padding-left:30px}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-mandatory-fields-separator{height:24px;border-right:1px solid #bdbdbd;margin-top:6px}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-left-scroller{position:absolute;height:48px;width:100px;z-index:99;background:linear-gradient(to left,transparent,white);pointer-events:none}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-left-scroller .arrow{margin-top:16px;margin-left:0px;color:#9e9e9e;cursor:pointer;pointer-events:all}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-right-scroller{position:absolute;left:-webkit-calc(100% - 100px);left:-moz-calc(100% - 100px);left:calc(100% - 100px);height:48px;width:100px;z-index:99;background:linear-gradient(to right,transparent,white);pointer-events:none}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-right-scroller .arrow{margin-top:16px;margin-left:80px;color:#9e9e9e;cursor:pointer;pointer-events:all}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-outer-panel{display:grid;margin-right:48px;margin-top:6px;overflow:hidden}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel{height:24px;position:absolute;z-index:1;-webkit-transition:left 0.28s cubic-bezier(0.4,0,0.2,1);transition:left 0.28s cubic-bezier(0.4,0,0.2,1)}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps-background{height:1px;background:rgba(0,0,0,0.12);position:absolute;top:11px;margin:0 60px;z-index:-1}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step{width:120px;text-align:center;font-size:13px;margin:0 5px}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-number-wrapper{display:table;text-align:center;vertical-align:middle;margin-left:auto;margin-right:auto;margin-bottom:8px}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-number-wrapper .stepper-step-number{display:table-cell;text-align:center;vertical-align:middle;width:24px;height:24px;background-color:#bdbdbd;color:white;-webkit-transition:background-color 0.28s cubic-bezier(0.4,0,0.2,1);transition:background-color 0.28s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 0 6px white;border-radius:50%;cursor:pointer}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step .stepper-step-title{color:rgba(0,0,0,0.38);-webkit-transition:color 0.28s cubic-bezier(0.4,0,0.2,1);transition:color 0.28s cubic-bezier(0.4,0,0.2,1);text-align:center;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step.selected .stepper-step-number{background-color:#0071ce}
.stepper-popup .stepper-popup-content .stepper-selector-bar .stepper-header-panel .stepper-steps .stepper-step.selected .stepper-step-title{color:inherit}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch{padding:8px;padding-left:16px}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label{display:inline-block;position:relative;width:28px;height:9px;border-radius:5px;background:rgba(0,0,0,0.26);-webkit-transition:background 0.28s cubic-bezier(0.4,0,0.2,1);transition:background 0.28s cubic-bezier(0.4,0,0.2,1);vertical-align:middle;cursor:pointer}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label::before{content:'';position:absolute;top:-4px;left:0px;width:16px;height:16px;background:#f0f0f0;box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:left 0.28s cubic-bezier(0.4,0,0.2,1),background 0.28s cubic-bezier(0.4,0,0.2,1),box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);transition:left 0.28s cubic-bezier(0.4,0,0.2,1),background 0.28s cubic-bezier(0.4,0,0.2,1),box-shadow 0.28s cubic-bezier(0.4,0,0.2,1)}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch label:active::before{box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2),0px 0px 0px 10px rgba(128,128,128,0.2)}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input{display:none}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label{background:#9ec9ec}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label::before{left:12px;background:#0071ce}
.stepper-popup .stepper-popup-content .stepper-selector-bar .switch input:checked + label:active::before{box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2),0px 0px 0px 10px rgba(0,113,206,0.2)}
.stepper-popup .stepper-popup-content .stepper-button-panel{padding:32px;display:-webkit-flex;display:flex;justify-content:space-between;float:initial}
.stepper-popup .stepper-popup-content .stepper-button-panel button{margin-right:8px}
.stepper-popup .stepper-selected-content .DisplayMode-multiedit > div > .gwt-Label{display:none}
