*{box-sizing:border-box;margin:0;padding:0}.App,body,html{height:100%}body{font-family:Roboto,sans-serif}.add-item-b{margin-right:auto!important}.app-header{align-items:baseline;display:flex;flex-direction:column;padding:10px}.app-header>div{align-items:center;display:flex;margin-right:15px}.app-header label{margin-right:10px;width:70px}.app-header select{width:140px}.app-header button{margin-right:5px}.sort-by{align-items:center;display:flex;justify-content:flex-start;margin-top:10px}.label-srt{margin-bottom:5px;margin-right:10px}.secondary-bar{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.secondary-bar button{margin-bottom:5px;margin-right:5px}.edit-json-buttons,.edit-visual-buttons{display:flex;justify-content:flex-start;margin-bottom:5px}.edit-json-buttons button,.edit-visual-buttons button{margin-right:10px}.enlarge-editor{margin-top:5px}.collectionPicker{align-items:center;display:flex;padding:10px 0}.databaseHeader{align-items:center;border-bottom:1px solid #d4a7df;display:flex}.databaseHeader h3{margin-left:10px}.databaseHeader h3 b{font-weight:300}.item{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;margin-bottom:15px;padding-bottom:15px;width:100%}.item-left-col{width:360px}.item-right-col{margin-left:20px;width:calc(100% - 380px)}.edit-name{display:inline-block;font-size:12px;font-weight:500;line-height:1.6em;margin-bottom:3px;margin-left:30px;margin-right:5px;padding:2px 5px 2px 3px;position:relative}.edit-name:before{color:#939bad;content:" ";display:inline-block;font-family:monospace;font-size:10px;font-style:italic;font-weight:400;position:absolute;right:100%}.edit-name.edit-name-object:before{content:"object"}.edit-name.edit-name-array:before{content:"array"}.edit-name.edit-name-string:before{content:"string"}.edit-name.edit-name-number:before{content:"number"}.edit-name.edit-name-boolean:before{content:"boolean"}.edit-array .edit-add{margin-left:5px}.edit-array-inline{display:flex;flex-wrap:wrap;margin-bottom:10px;margin-right:5px}.edit-label{margin-right:5px}.array-inline-item{align-items:stretch;display:flex}.array-inline-item .button-add{margin:0}.array-inline-item .edit-delete{margin-left:5px}.addCollectionForm{background:#fff;box-shadow:0 2px 5px 0 #000;height:300px;left:50%;margin-left:-150px;margin-top:-150px;padding:55px;position:absolute;top:50%;width:300px;z-index:999}.header{display:flex;justify-content:space-between}.headerActions{align-items:flex-start;display:flex;justify-content:flex-start}.collSelect{font-size:18px;margin:0 7px;padding:6px}.closeAddColl{padding:15px;position:absolute;right:0;top:0}input{padding:5px}.button{background:#456ea9;border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:7px 13px}.edit-visual-line{border-bottom:1px solid #ccc;padding:12px 0}.edit-line-label{align-items:baseline;display:flex;justify-content:flex-start}.edit-line-label>*{margin-right:10px}.edit-line-label .edit-name{margin-bottom:0}.button-delete-minimal{background:#ccc;border-radius:50%;color:red;font-family:Verdana;font-size:12px;padding:0 5px 3px}.button-delete{background:#a11149;color:#fff;margin:0 10px 0 0}.button-add{background:#11a118;color:#fff}.button-sort{background-color:#1d578f;color:#fff}.button-sort.active{background:#5896d5}.sortDirection{font-weight:700;margin-left:5px}.render-object{margin-bottom:10px}select{border-radius:5px;cursor:pointer;font-size:15px;padding:5px 11px}.editor-json,.obj-editor .je-header{display:none}.add-property{border-radius:5px;display:inline-block;padding:5px 10px;position:relative}.add-property.add-property-show{border-radius:5px 5px 0 0}.add-property.add-property-show .add-property-dropdown{height:auto;opacity:1}.add-property .add-property-dropdown{background:#4b82be;border-radius:0 0 5px 5px;height:0;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:all .5s ease-in-out;z-index:99999}.add-property .add-property-item{cursor:pointer;padding:5px 9px;user-select:none}.add-property .add-property-item:hover{background:#295380}.Schema{display:flex;justify-content:space-between}.Schema .properties{align-items:flex-start;border-bottom:1px solid #727a7f;display:flex;justify-content:flex-start;padding:12px 50px 12px 12px;position:relative}.Schema .array{border:1px solid green}.Schema .prop{margin-left:5px}.reset{flex:0;top:0}.delete,.reset{position:absolute;right:0}.delete{background:red;border-radius:50%;padding:5px 8px}.editorTempPre{font-family:Source Code Pro,sans-serif!important;font-size:14px;font-weight:400;padding:5px}.editor-wrap{position:relative}.editor-wrap.fullscreen{bottom:0;left:0;margin:0;max-width:100%!important;padding:0;position:absolute;right:0;top:-10px;z-index:99999}.editor-wrap.fullscreen,.editor-wrap.fullscreen .editor-viewer{max-height:100%!important}.editor-viewer{caret-shape:underscore!important;caret-color:green;font-family:monospace!important;max-height:220px;overflow:auto}.editor-viewer pre{margin:0!important}.viewerFullScreen{border:none;bottom:8px;cursor:pointer;position:absolute!important;right:4px;user-select:none}.viewerFullScreen svg{height:20px;width:20px}.errorMessage{align-items:center;border:1px solid #c21f48;color:red;display:flex;font-size:11px;padding:3px}.errorMessage span{color:#000}.errorMessage code{margin-left:5px}.errorMessage:empty{border:0;height:0;padding:0}.App{display:flex}.App,.app-main{width:100%}.app-main{height:100vh;overflow:auto;padding:10px}.items-and-schema{flex-wrap:wrap;width:100%}.schemaObject{position:relative;width:300px}.schemaObject.active{background:#fff}.schemaObject.active .schemaInner{height:60vh;opacity:1}.schemaInner{background:#fff;border:1px solid #6cabc6;border-radius:5px;height:0;opacity:0;overflow:auto;padding:5px;position:absolute;top:100%;transition:all .3s ease-in-out;width:500px;z-index:99}.schemaCode{font-size:12px;height:100%;line-height:1.2rem;outline:none!important}.schemaUpdateButton{background:#19a719;bottom:0;position:absolute;right:0}.itemHeader{align-items:center}.itemDate{font-family:monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemDate span{display:inline-block;margin-right:5px}.itemId{font-family:monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logoutButton{position:absolute;right:0;top:0}.add-item{background:#fff;border:2px solid #ccc;left:50%;margin-left:-270px;padding:30px;position:absolute;top:20px;width:540px;z-index:99999}.add-item-footer{display:flex;justify-content:flex-end;padding:5px 0;width:480px}.add-item-footer button{margin-left:15px}.collectionsManage{align-items:flex-start;display:flex;justify-items:flex-start}.addDatabase{margin-left:auto}