
.PopupEditor-FieldTitlePanel .gwt-TextArea{width:100%}
.PopupEditor-FieldTitlePanel .pencil{right:22px}
.FieldTitlePanel{margin-right:10px}
.FieldTitlePanel .fieldtitle{float:left}
.FieldTitlePanel .no_margin{margin-right:0px}
.DataContainerEditor{height:100%}
.DataContainerEditorList{resize:vertical;border-radius:2px;border-left:solid 1px rgba(0,0,0,0.12);border-right:solid 1px rgba(0,0,0,0.12);box-sizing:border-box;position:relative;z-index:100;height:100%}
.DataContainerEditorList .DataContainerSubContainer:nth-child(1){border-top:solid 1px rgba(0,0,0,0.26);margin-top:0px}
.DataContainerEditor-Invalid-DC-Type-Label{display:none}
.DataContainerFieldDisplayNone{display:none}
.DataContainerFieldVisible{display:block}
.DataContainerAddButtonPanel{height:32px;width:100%;float:left;padding-left:8px}
.DataContainerAddButtonStub{height:100%;float:right}
.DataContainerAddButton{float:left;cursor:pointer;right:9px;top:12px;font-size:12px;color:#0071ce;margin-top:8px;padding-bottom:3px;padding-top:3px;padding-right:8px;background:none;border:none}
.DataContainerAddButton:hover{text-decoration:underline}
.DataContainerSubContainer{max-height:32px;line-height:32px;width:100%;vertical-align:middle;display:inline-block;float:left;border-radius:2px;border-bottom:solid 1px rgba(0,0,0,0.26);border-right:solid 1px rgba(0,0,0,0.26);border-left:solid 1px rgba(0,0,0,0.26);z-index:-1;min-width:380px}
.DataContainerSubContainer:hover{border-radius:2px;cursor:pointer}
.DataContainerSubContainerLabelCommon{display:block;height:80%;margin-left:8px;float:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.DataContainerSubContainer:hover .label{max-width:340px;display:block;height:80%;margin-left:8px;float:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.DataContainerSubContainer .label{max-width:340px;display:block;height:80%;margin-left:8px;float:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.DataContainerEmptySubContainer{height:32px;width:100%;border-radius:2px;border:solid 1px rgba(0,0,0,0.26)}
.DataContainerEmptySubContainer:hover{border-radius:2px;border:solid 1px black;cursor:pointer}
.DataContainerNoExistingEntriesTitle{display:none;float:left;color:#9e9e9e;font-size:14px;text-align:left;margin-left:8px;margin-top:7px}
.DataContainerAddEntryTitle{display:block;float:left;color:rgba(0,0,0,0.38);font-size:14px;text-align:left;margin-left:8px;margin-top:7px;cursor:pointer}
.DataContainerSubContainer .DataContainerEditButton{line-height:32px;text-align:center;color:rgba(0,0,0,0.38);cursor:pointer;height:32px;width:32px;float:right}
.DataContainerSubContainer:hover .DataContainerEditButton{color:rgba(0,0,0,0.6);cursor:pointer}
.DataContainerSubContainer:active .DataContainerEditButton{color:#0071ce;cursor:pointer}
.DataContainerEditButton:focus{color:#0071ce;background:none;outline:none;border:none;cursor:pointer}
.FieldTitlePanel .contexthelp{background-image:none;margin-left:3px;margin-right:3px;background-position:center center;background-repeat:no-repeat;height:16px;width:16px;cursor:pointer}
.datacontainercontextHelpPopupText{height:100%;width:100%;margin-left:3px;margin-right:3px}

.FieldTitlePanel .derived{background-image:url(gfx/sekset/fx.png);background-position:1px 0;background-repeat:no-repeat;height:12px;width:13px}
.FieldTitlePanel .derived.local{background-image:url(gfx/sekset/fx_dis.png)}
.FieldTitlePanel .DerivedValue > input{background-color:#eeeeee;border:none;resize:vertical;padding:2px;width:300px}
.FieldValue .DerivedValue{position:relative}
.FieldValue input[disabled],
.FieldValue select[disabled]{background-color:#eeeeee}
.FieldValue .DerivedValue .pencil{background-color:#eeeeee;background-image:url(gfx/sekset/edit.png);background-position:right center;background-repeat:no-repeat;cursor:pointer;height:14px;position:absolute;right:9px;top:9px;width:16px}
.PortalPopup .popupRevisionHistory{min-width:530px}
.ValueHistoryFlexTable{table-layout:fixed;width:670px}
.ValueHistoryFlexTable .revisionHeader{background-color:#757575;border:1px solid white;color:white;font-weight:bold;text-shadow:none;width:140px;padding:3px 15px;text-align:left;overflow:hidden;white-space:nowrap}
.ValueHistoryFlexTable .revisionValue{border:1px solid transparent;padding:2px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ValueHistoryFlexTable tr:hover .revisionValue{background-color:#eeeeee;border-left:1px solid white}
.dc-sparse-icon{margin-left:10px}
span.DataContainerCell{display:block;text-overflow:ellipsis;overflow:hidden}
.data-container{border-left:3px solid #eeeeee;width:560px}
.data-container-header{height:24px;padding-left:8px;padding-right:8px;display:flex;align-items:center}
.data-container-header--empty{background-color:#eeeeee}
.data-container-header__title{width:100%;flex:1}
.data-container-header__links{display:flex;position:relative}
.data-container-header__links--disabled{cursor:none;pointer-events:none;text-decoration:none !important}
.data-container-header__links :nth-last-of-type(n + 2){margin-right:16px}
.data-container-header__links :nth-last-of-type(n + 2)::after{position:absolute;height:100%;width:1px;background-color:#eeeeee;content:'';margin:0 8px}
.data-container-content{margin-top:8px;margin-left:8px}
.data-container-content .FieldValue table input{margin-bottom:4px}
.data-container-content .FieldValue table tr:last-child input{margin-bottom:0}
.data-container__button-row > tbody > tr > td:nth-last-of-type(n + 2){padding-right:16px}
.data-container__button-row--hidden{display:none}
.data-container-table.editable .stibo-w-sheet .tiletable > tbody > tr:hover{background-color:#eeeeee}
.data-container-table.editable .stibo-w-sheet .tiletable > tbody > tr:hover td:last-of-type::before{font-family:'Material Icons';-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';content:'edit';font-size:20px;position:absolute;right:0;color:rgba(0,0,0,0.6)}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active){
div.stibo-w-viewport.data-container-table{height:auto;height:initial;margin-bottom:32px}
}
div.stibo-w-viewport.data-container-table{height:auto;height:initial}
div.stibo-w-viewport.data-container-table .stibo-w-corner-filler{display:none}
div.stibo-w-viewport.data-container-table.col3 .tiletable,
div.stibo-w-viewport.data-container-table.col3 .stibo-w-sheet{width:440px !important;position:relative}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top > .w-sheet{position:absolute;height:100%;border-left:none}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top,
div.stibo-w-viewport.data-container-table .stibo-w-ruler.left{position:initial}
div.stibo-w-viewport.data-container-table .stibo-w-ruler.top .tile,
div.stibo-w-viewport.data-container-table .stibo-w-ruler.left .tile{height:auto !important;width:auto !important}
div.stibo-w-viewport.data-container-table .stibo-w-ruler .top-header{background-color:transparent}
div.stibo-w-viewport.data-container-table .stibo-w-ruler .top-header.column-selected{box-shadow:initial;background-color:initial}
div.stibo-w-viewport.data-container-table .stibo-w-ruler .cell{line-height:30px}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center{position:relative;top:0px !important;overflow:auto;min-height:1px}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center .tiletable td:not(:last-child) .cell-content{border-right-width:0}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center .stibo-w-sheet .v-line,
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center .stibo-w-sheet .h-line{display:none}
div.stibo-w-viewport.data-container-table .selected-cell > .cell-content{box-shadow:initial}
div.stibo-w-viewport.data-container-table .top-header{text-align:left !important;color:rgba(0,0,0,0.87);font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,"Droid Sans","Helvetica Neue",Helvetica,"PingFang SC","Meiryo UI","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif;font-size:16px;font-size:14px}
div.stibo-w-viewport.data-container-table .top-header.column-selected{background-color:initial}
div.stibo-w-viewport.data-container-table .top-header .fieldtitle-mandatory .fieldtitleLabel{color:rgba(0,0,0,0.87);font-weight:bold;white-space:nowrap}
div.stibo-w-viewport.data-container-table .top-header .fieldtitle-mandatory .mandatory-marking{cursor:default;color:#d32f2f;font-weight:bold;width:12px;margin-right:2px}
div.stibo-w-viewport.data-container-table .selection-overlay{background-color:initial !important}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable{color:initial !important;background-color:initial}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable div{color:rgba(0,0,0,0.87)}
div.stibo-w-viewport.data-container-table div.cell.cell-content.clickable:hover{text-decoration:none}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active){

  .data-container-table div.cell.cell-content{padding-top:4px}
.data-container-table div.cell.cell-content div{padding-top:0px}
div.stibo-w-viewport.data-container-table .stibo-w-viewport-center{position:relative;top:32px !important}
.DataContainerAddButtonPanel.no-padding{padding-left:0;margin-left:8px}
.DataContainerAddButtonPanel.no-padding .DataContainerAddButton{display:block}
}
.DataContainerAddButtonPanel.no-padding{padding-left:0;margin-left:8px}
.DataContainerAddButtonPanel.no-padding .DataContainerAddButton{display:block}
.DataTableWidgetPopupPanel{position:absolute;max-width:50%;max-height:500px;border:1px solid #9e9e9e;background-color:white;z-index:1000;display:none;padding:5px;overflow-x:auto}
.data-container div.stibo-w-viewport .top-header{color:rgba(0,0,0,0.87);font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,"Droid Sans","Helvetica Neue",Helvetica,"PingFang SC","Meiryo UI","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif;font-size:16px;font-size:14px}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory{color:rgba(0,0,0,0.87);font-weight:bold;position:relative}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory .ui-sortable-header-label{margin-right:22px;font-weight:bold}
.data-container div.stibo-w-viewport .top-header .ui-sortable.fieldtitle-mandatory .mandatory-marking{position:absolute;top:0;right:24px}
