#page{background-color:#f0f0f0;display:grid;grid-template-areas:"header header header header header" "leftcol leftdragbar tabs tabs tabs";grid-template-rows:39px 94.3vh;grid-template-columns:2fr 4px 10fr;overflow:hidden}#leftcol{background-color:#fff;overflow:auto;grid-area:leftcol;border:1px solid #696969;padding:10px 0 10px 10px;position:relative}#tabs{background-color:#fff;overflow:auto;grid-area:tabs;border:1px solid #696969;position:relative}*{padding:0;margin:0;font-family:Poppins,sans-serif}.container{display:flex}.sideBar{width:20%;height:100vh;padding:1rem 0rem 0rem 1rem;box-sizing:border-box;border:1px solid #ccc}.header{text-align:center;margin-bottom:1rem}.employee-item{margin-bottom:.5rem;cursor:pointer}.employee-item:hover{background-color:#f0f0f0}.rightPart{width:80%;height:100vh;box-sizing:border-box;padding:1rem}.employee-details{padding:1rem}.detail-item{margin-bottom:.5rem}.detail-item label{font-weight:700;display:inline-block;margin-right:.5rem;width:132px!important}.loaderimg{position:absolute;top:50%;left:50%;transform:translate(-50px,-50px)}.maintitle-box{background-color:#eff8ff;padding:5px;display:flex;position:relative}.w-25{width:25%!important}.d-inline-block{display:inline-block}.maintitle{font-size:18px;color:#000;margin-bottom:0;line-height:12px;height:18px;margin-top:6px;display:block;position:relative}.treeview .main_ul div{margin-bottom:7px!important}.left-menu-select{background-color:#3c3cda;color:#fff;padding:0 3px;margin:0;display:inline-block;border-radius:3px}.error-text{color:red;font-size:xx-large;display:flex;justify-content:center;align-items:center;height:50%}