#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}h4{margin:0}div.login{display:inline-block;height:30vh;width:30vw;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}span.systitle{font-size:45px;font-weight:700}form.loginform{width:100%;height:90%;border:1px solid #000;position:relative}div.loginuser{top:30px}div.loginpass,div.loginuser{display:inline-block;height:15%;width:100%;position:absolute;right:0;bottom:0;left:0}div.loginpass{top:90px}button.loginbtn{display:inline-block;height:20%;width:50%;position:absolute;top:150px;right:0;bottom:0;left:140px;font-size:25px;font-weight:700}input.intext{width:250px;height:25px;font-size:20px}div.headerzone{height:100%;text-align:right}button.contents{font-size:17px;font-weight:700;height:30px;width:120px;margin:10px}button#manargebtn{background-color:#9cdb77}button#logoutbtn{background-color:#c4bdbd}div.searchzone{height:100%;width:20%;float:left}form.searchform{height:50%}div.searchformdiv{height:20%;width:90%;text-align:left;padding-left:20px}#enddt,#startdt,#tel{height:25px;width:250px;font-size:20px}#typeselect{height:35px;width:120px;font-size:20px}#searchbtn{height:50px;width:190px;font-size:30px;font-weight:700}#overlay{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}#content{z-index:10}div.tablezone{height:100%;width:80%;float:left}.tableStyle{font-size:19px}table.vgt-table td{padding:4px;vertical-align:inherit;border-bottom:inherit;color:inherit}.btnDelete{background-color:#d16161}div#pbxmonitor{height:100vh;width:100vw}div#webheader{height:5vh}div#webcontents{height:95vh}div#accountupdatezone{font-size:20px;height:inherit;width:inherit}div#displayAccount{height:100%;width:35%;float:left}div#conpanyList{margin:9%;height:10%;width:100%;text-align:left}#companyselect{margin:15px;width:250px;height:28px;font-size:17px}#companydisplay{margin:15px}div#userList{height:76%;width:100%}.tdCenterStyle{text-align:center}div#updateAccount{height:100%;width:65%;float:left}div#updateBtnArea{height:7%;width:100%;text-align:left}.updatebtn{width:70px;height:40px;font-size:20px;margin:15px;font-weight:700}div#updateInputArea{height:83%;width:100%}form#updateInputfrom{height:100%;width:100%}table.userinfotable{border:none;height:98%;width:90%;margin:0 auto;text-align:left}th.userinfotable_title{width:20%}th.userinfotable_input{width:30%}th.userinfotable_sub{width:50%}input.inputtext{width:260px;height:25px;font-size:20px}select.typeselect{width:180px;height:30px;font-size:20px}.cancelbtn{width:130px;height:40px;font-size:20px;margin:15px;font-weight:700}div#createcompanyzone{height:inherit;width:inherit}form#createcompanyform{height:100%;width:100%}div.nonezone{height:20%;width:100%}table.formtable{border:none;height:25%;width:25%;margin:0 auto}button.registbtn{width:100px;height:40px;font-size:20px;font-weight:700}div#managezone{height:100vh;width:100vw}div#mainzone{height:93%;padding:5px}div#footer{height:5%;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:15px;text-align:right}button#manage_close{width:100px;height:40px;font-size:20px;font-weight:700}ul{margin:0;padding:0}li{list-style:none}.tabs{overflow:hidden}.tabs label,.tabs li{float:left;padding:10px 20px;border:1px solid #ccc;cursor:pointer;transition:.3s}.tabs label:not(:first-of-type),.tabs li:not(:first-child){border-left:none}.tabs :checked+label,.tabs li.active{background-color:#000;border-color:#000;color:#fff;cursor:auto}.contents{overflow:hidden;margin-top:-1px;width:inherit;height:inherit;border:1px solid #ccc}.contents li{height:100%;width:100%}