.login{height:100vh;justify-content:center}.login,.login form{align-items:center;display:flex}.login form{flex-direction:column}.login form input{height:30px;margin:10px;width:350px}.login form button{border:none;cursor:pointer;height:30px;width:200px}.login form span{color:red;font-size:12px;margin-top:10px}.modal-overlay{background-color:rgba(0,0,0,.5);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0}.modal,.modal-overlay{align-items:center;display:flex}.modal{background:#fff;border-radius:8px;flex-direction:column;padding:20px;text-align:center;width:400px}.modal input{border:1px solid #ccc;border-radius:4px;height:30px;margin-bottom:10px;padding:10px;width:300px}.modal .button1{background-color:#000;color:#fff;width:60%}.modal .button1,.modal .button2{border:none;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:10px}.modal .button2{color:#292929;width:30%}.modal .button:hover{background-color:#ffdfdf}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.sidebar{background-color:#222831;border-right:.5px solid #e6e3e3;flex:1 1;height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{height:auto;max-width:100%;padding-top:5px}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#393e46}.sidebar .center ul li .icon{color:#eee;font-size:20px}.sidebar .center ul li.active icon{color:#e8e8e8}.sidebar .center ul li span{color:#e8e8e8;font-size:15px;font-weight:200;margin-left:10px;padding:2px}.sidebar .center ul li.active span{font-weight:400}.sidebar .active{font-weight:600}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.chatbot-container{bottom:20px;position:fixed;right:20px;z-index:9999}.navbar{background-color:#fafafa;border-bottom:.5px solid #e7e4e4;color:#555;font-size:17px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input:-ms-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:transparent}
/*# sourceMappingURL=main.c982e61a.css.map*/