body{margin:0;box-sizing:border-box;font-family:Roboto,sans-serif;background-color:#2b447b}#root{height:auto}#main-outer-div{position:relative;background-color:#fff;width:80%;max-width:400px;margin:7% auto auto;padding:30px;border-radius:10px}#logo-img{width:100%;margin:10% auto}#logo-div{width:50%;margin:0 auto}#title-div{margin:0 auto;text-align:center}.login-form-input{box-sizing:border-box;width:100%;border-radius:10px;height:40px;margin:10px 0;padding:15px;border:1px;background-color:#eef3ff}.login-form-input:focus{outline:0}#outer-login-form-div{width:90%;margin:0 auto}.login-form-input[type=submit]{background-color:#395faf;border-width:0;margin-top:15px;padding:0}.loading{text-align:center;margin-top:15px}.title{font-size:20px}.alert{font-size:14px;text-align:center;color:red}@media (max-width:300px){#main-outer-div{width:50%;min-width:0}}#outer-main-div{width:100%;height:100vh}#outer-nav{height:60px;width:100%;position:fixed;z-index:1}#main-non-nav{height:100%;background-color:#fff}#sidebar{-webkit-transition:all .1s linear;transition:all .1s linear;background-color:#404e67;width:240px;height:100%;float:left;overflow:auto}.display-none{width:0!important}.display-block{width:240px!important}#sidebar::-webkit-scrollbar{width:0!important}#sidebar-top-content{padding-top:55px}#main-title{font-size:20px;margin:40px 40px 30px 20px;color:#fff}#main-area{height:100%;overflow-y:auto}.sidebar-icon{margin-right:10px;color:#fff}.navbar-ul li a{text-decoration:none;color:#fff}.navbar-ul li{list-style-type:none;margin-left:10px;margin-top:20px}@media (max-width:1000px){#sidebar{width:auto;width:70px}.display-block{width:70px!important}#main-title{margin:5px}.navbar-ul li{list-style-type:none;margin-left:-40px;margin-top:20px;font-size:12px;text-align:center}.sidebar-icon{display:block;margin:auto;height:25px;width:25px!important}}#add-button{float:right;background-color:#0069d9;border:0;margin:10px;color:#fff;box-shadow:0 0 9px -2px rgba(0,0,0,.75)}#add-button:hover{box-shadow:0 0 9px -1px #000}#plus-icon{margin-right:10px}#role-title{display:inline-block;margin:10px;font-size:28px}#role-table{font-size:15px;width:98%;margin:5px auto;text-align:left;border-collapse:collapse}#table-div svg{cursor:pointer}#role-table tr{border-bottom:1px solid #bbb;height:40px}#role-table thead{border-bottom:1px solid #bbb;background-color:#eeeef0}#role-table th{padding-top:10px;padding-bottom:10px}#loading-bar{width:100%}#inner-table-div{overflow-x:auto}#table-div{width:98%;height:550px;margin:auto}#table-div,.ag-header{font-size:14px!important}.ag-header{height:40px!important}#clear-both{clear:both}@media (max-width:1000px){#role-title{font-size:20px;margin:20px 10px 10px}#inner-table-div{overflow-x:auto;width:95%;margin:auto}#role-table th{font-size:15px}#add-button{margin:20px 10px 10px}}#form-submit-button button{background-color:#0069d9;border-color:#0069d9}#form-cancel-button{position:absolute;right:0;bottom:0;margin:0}#form-cancel-button button{background-color:#e9e9e9;border-color:#e9e9e9;color:#000}#form-cancel-button button:focus{outline:0;box-shadow:0}#form{position:relative;margin:0;font-size:15px}#role-form-outer-div{width:80%;margin:30px auto}#role-form-title{margin:20px}@media (max-width:576px){#form-cancel-button-inner{padding:0}}@media (max-width:1000px){#role-form-title{font-size:22px}}#main-nav{height:55px;background-color:#fff!important;box-shadow:0 10px 13px -11px rgba(0,0,0,.75);padding:0 10px 0 0}#nav-bar-logo{height:40px;margin-left:10px;margin-top:5px;padding:0}#logo-anchor{padding:0;margin:0}#logout-navbar-nav{width:10%;background-color:#fff}#toggle-switch{margin-left:20px;height:50px;float:right;display:inline-block;padding-top:15px}.navbar-right-content{text-decoration:none;color:#000;margin:10px}.navBar-username{float:right;margin-right:30px}#search-bar{width:98%;margin:auto auto 5px}#search-bar div{width:100%}@media (max-width:1000px){#search-bar{width:95%}}#outer-empingo-div{width:80%;margin:60px auto auto}#outer-empingo-div a:hover{text-decoration:none}.empinfo-button{border-color:#404e67;color:#404e67;margin:10px}.empinfo-button:hover{background-color:#404e67;color:#fff;border-color:#404e67}.empinfo-button:active{background-color:#404e67!important;color:#fff!important;border-color:#404e67!important}@media (max-width:1000px){.main-title-employee{font-size:14px!important}}
/*# sourceMappingURL=main.69537dda.chunk.css.map */