/* Sidebar Components */ .compImage { width: auto; height: auto; max-height: 48px; margin-left: auto; padding: 3px; z-index: 10000 !important; } .compImage:hover { background-color: #f4f6f8; border-radius: 5px; transform: scale(1.2); padding: 3px; box-shadow: 0 0 41px 17px rgba(207,218,225,0.68); } /* Schematic Editer Grid */ .grid-container { position: relative; overflow: hidden; margin: 0px; -webkit-box-shadow: -8px -2px 24px 9px rgba(208, 218, 225, 1); -moz-box-shadow: -8px -2px 24px 9px rgba(208, 218, 225, 1); box-shadow: -8px -2px 24px 9px rgba(208, 218, 225, 1); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4="); cursor: default; border: 2px solid #d0dae1; border-radius: 5px; } .A1-L { width: 84.1cm; height: 59.4cm; } .A1-P { width: 59.4cm; height: 84.1cm; } .A2-L { width: 59.4cm; height: 42.0cm; } .A2-P { width: 42.0cm; height: 59.4cm; } .A3-L { width: 42.0cm; height: 29.7cm; } .A3-P { width: 29.7cm; height: 42.0cm; } .A4-L { width: 29.7cm; height: 21cm; } .A4-P { width: 21cm; height: 29.7cm; } .A5-L { width: 21.0cm; height: 14.8cm; } .A5-P { width: 14.8cm; height:21.0cm; } .outline-container { width:250px; height:120px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4="); border: 1px solid #fff; } html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* Optional: show position indicator in red */ ::-webkit-scrollbar-thumb { background: grey; }