html{width:100%;height:100%}body{width:100%;height:100%;margin:0}#root{width:100%;height:100%}.root{width:100%;height:100%;display:flex}.browser{flex:1;display:flex;overflow:hidden;flex-direction:column}.top-row{flex:9;display:flex;overflow:hidden}.bottom-row{flex:2}.text-fields-row-1,.text-fields-row-2,.text-fields-row-3{width:100%}.text-fields-row-4{width:100%;margin-top:8px;margin-left:16px;display:flex;justify-content:flex-start}.text-fields-row-5{width:100%;margin-left:16px;display:flex;justify-content:flex-start}.text-fields-row-6{width:100%;margin-left:16px;display:flex;align-items:center}.text-fields-row-7{margin-left:16px}.document-view{position:relative;flex:7;overflow:auto;border-left:solid 1px rgba(0,0,0,.12);line-height:0}.hidden{display:none}.visibility-hidden{visibility:hidden}.queries-table{outline:red}.cell{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;white-space:nowrap;padding:0 16px}.header-cell{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background-color:#f7fafc}.body-cell{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;cursor:pointer}.readonly-cell{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;color:#9e9e9e}.hovered-row{background-color:#f7fafc}.selected-row{background-color:#dbffdb}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f6fa}.header{width:20%;height:20%;margin-bottom:32px;display:flex;justify-content:flex-start;align-items:center}.logo{width:64px;height:64px;margin-right:10px;background-color:#757ce8}.sign-in-text{width:20%;margin-bottom:32px;display:flex;justify-content:flex-start}.error-message{width:20%;height:5%;display:flex;justify-content:flex-start}form{width:20%;height:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.loading{width:20%;height:10%}.loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.projects-list,.projects-link{cursor:pointer}.test-browser{flex:1;display:flex;overflow:hidden;flex-direction:column;background-color:red}.test-top-row{flex:9;display:flex;overflow:hidden;background:blue}.test-bottom-row{margin-top:16px;flex:2;background-color:green}.test-side-panel{flex:1;display:flex;flex-direction:column;background-color:#f0f}.test-document-view{flex:2;position:relative;overflow:auto;border-left:solid 1px rgba(0,0,0,.12);background-color:#3cb371}.test-img{width:2000px;height:4000px;background:darkkhaki}