@font-face{font-family:roboto;src:url(/static/css/assets/Roboto-Condensed.ttf)}@font-face{font-family:osans;src:url(/static/css/assets/OpenSans-Regular.ttf)}body{width:100%;height:100%;margin:0;padding:0;font-family:osans;letter-spacing:.05em}body div{box-sizing:border-box}#system_messages{position:fixed;bottom:0;right:0;min-height:50px;max-height:50vh;overflow:auto;background:0 0;min-width:200px;z-index:99999}#alert_box{min-height:50px;background:#fff;border-radius:8px;min-width:200px;margin-bottom:5px;text-align:center;vertical-align:middle;color:#fff;display:flex;align-items:center;justify-content:center;padding:1em}#page_mask{width:100%;height:100%;position:fixed;display:none;z-index:100;background:#0000004a}#popup{position:fixed;display:none;z-index:99999;height:fit-content;width:fit-content;top:0;bottom:0;left:0;right:0;margin:auto;background:#fff}#wholepage{width:100%;height:100%}#navbar{height:100%;width:10%}#navbar-logo-cont{height:7%;width:100%;background:#3a4651}.navbar-logo{height:90%}#navbar-links-cont{width:100%;height:93%;background:#3a4651}.nav-link-container{width:100%;padding:.5em}.nav-links-container:hover{background:#63707d}#navbar-links-cont a{text-decoration:none;color:#fff;width:100%}.nav-dropdown{display:none;flex-flow:column;align-items:center;justify-content:center;width:100%}.nav-header{width:100%;display:flex;justify-content:space-between;align-items:center}.nav-bar-icon{height:30px}.nav-links-container{width:100%;padding:.5em}#rightside{width:90%;height:100%;background:#000}#headerbar{height:7%;width:100%;background:#3a4651;padding:1em}#divchange{background:#f2f2f2;width:100%;height:100%;overflow:scroll;padding:1em}#footer{width:100%;height:3%;background:#d7dde4}.inputs{font-size:1em;outline:0;z-index:3;border:0;padding-top:5px;box-sizing:border-box;border:1px solid #5f5c5c;transition:all .3s;height:35px}#count_noti_span{color:#fff;border:2px solid red;border-radius:360px;background:red;font-size:.6em;font-weight:700;height:2em;width:2em;text-align:center;line-height:2em}