.viewDesign{position:relative;display:inline-block;border:1px solid grey;width:100%;height:300px;overflow:auto;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBT/2wBDAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAoACgDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGCP/EACIQAQAABQMFAQAAAAAAAAAAAAAFFUNjgqLB4RESEzVRkf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDv4AE6K0stgTgAaIAE6K0stgTgAUZra1cATW1q4A9na8WXXu/PgEqu6eQJVd08gnAAowqrjuCiADOgAowqrjuCiAD/2Q==);background-repeat:repeat}.tableDesign{border-right:1px solid grey;border-top:none;border-bottom:none;border-left:none;width:100%;overflow:auto}.tableClass,.tableDesign{font-size:12px;font-family:Arial Times New Roman}.tableClass{position:absolute;border:1px solid rgba(55,131,191,.5);padding:1px;border-radius:5px;background-color:rgba(55,131,191,.5);box-shadow:5px 5px 5px rgba(0,0,0,.5);min-width:100px}.activeItem{background-color:brown!important;border-color:brown!important}.tableTitle{text-align:center;font-weight:700;color:#fff;margin-bottom:2px;padding-left:5px;padding-right:5px}.columnsOfTable{padding:10px;background-color:#fff;font-size:11px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.columnClass{padding-left:5px;font-size:11px}.columnClass:hover{background-color:#deb887}.viewTable{border-collapse:collapse;font-size:12px}.viewTable th{font-weight:700;text-align:center}.viewTable td,.viewTable th{border:1px solid grey;padding:10px}.viewTable select{width:100%;border:none;-webkit-appearance:menulist;-moz-appearance:menulist;-o-appearance:menulist;appearance:menulist;background-color:transparent}.viewTable select:focus{outline:none}.viewTable input{width:100%;border:none;background-color:transparent}.viewTable input:focus{outline:none}.line{border-top:1px solid grey;background-color:transparent!important;text-align:center;position:absolute;height:10px;margin:0;padding:0}.line input,.line select{border:none;background-color:transparent;display:none}.activeItem select{-webkit-appearance:menulist;-moz-appearance:menulist;-o-appearance:menulist;appearance:menulist}.activeItem input,.activeItem select{display:inline-block;width:40%}#sqlPreview{font-size:12px;font-family:"Helvetica Neue, Helvetica, Arial, sans-serif";background-color:#00008b;color:#fff;margin:10px;padding:10px;overflow:scroll}