#mProfWrapper { width: 100%; height: 100%; background-color: #282933; color: #FCF0F0 !important; position: absolute; overflow-y: auto; overflow-x: hidden; } .mSelect { font-size: 4vw; width: 100%; padding: 4.5%; border-bottom: 1px solid #888 !important; } #mOpOverlay { color: #FCF0F0 !important; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); display: none; opacity: 0; position: absolute; top: 0; left: 0; } #mProfMain { margin-top: 10%; } #schoolCont, #gradeCont, #classCont { position: relative; } #schoolCont .fa, #gradeCont .fa { position: absolute; top: 40%; right: 4%; pointer-events: none; } #classCont .fa { padding: 0; position: absolute; top: 35%; right: 3%; pointer-events: none; } #mOpCont { width: 70%; margin: auto; margin-top: 30%; background-color: #444; } #mOpCont h3 { font-weight: 200; padding: 4%; background-color: rgba(255,255,255,0.1); } #mOpProfCont { max-height: 56vh; overflow-x: hidden; overflow-y: auto; } .mOpCard2 { width: 90%; padding: 4% 4% 4% 6%; border-bottom: 1px solid #555; background-color: rgba(255,255,255,0.01); } #mProfClass { margin-top: 10%; } #classCont { padding: 3%; background-color: rgba(255,255,255,0.2); } #classCont h3 { font-weight: 100; pointer-events: none; } .mDisable { color: #888; } .mClassBox { width: 90%; padding: 4% 4% 4% 6%; border-bottom: 1px solid #555; background-color: rgba(255,255,255,0.01); display: table; table-layout: fixed; } .mProfClassDelete { width: 9vw; height: 9vw; background-color: rgba(255,255,255,0.1); display: table-cell; } .mClassBox .fa { font-size: 4vw !important; line-height: 9vw !important; } #mProfClass .mClassBox { width: 94%; padding: 2% 2% 2% 4%; } #mProfClass .name { width: 48%; } #mProfClassTitle { font-weight: 200; width: 92%; padding: 4%; background-color: rgba(255,255,255,0.1); display: table; } #mProfClassTitle h3 { width: 40%; background-color: rgba(0,0,0,0); display: table-cell; } #mOpProfCont h3 { background-color: rgba(255,255,255,0); } #mClassSearch { font-size: 3.5vw; width: 90%; padding: 5%; outline: none; } #mProfWrapper .-autocomplete-container { display: none; } #mProfSubmit { font-size: 4vw; width: 15vw; margin: 5vh auto 5vh auto; padding: 3%; background-color: rgba(255,255,255,0.2); text-align: center; position: absolute; left: 42.5vw; }