body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100vw}#root{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.home .home-basic-button{margin:20px}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0;margin: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:#ece8ff}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.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}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;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::placeholder{font-size:12px}.navbar .wrapper .items{align-items:center;display:flex;flex:1 1;justify-content:space-between}.navbar .wrapper .items .item{align-items:center;display:flex;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 .logo{height: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}.datatable{height:600px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.login-form{align-items:center;justify-content:center}.input-container,.login-form{display:flex;flex-direction:column;width:100%}.input-container{margin:6px 0;max-width:300px;min-width:200px}.input-container input{border:1px solid #c6c6c6;border-radius:6px;margin:4px 0;padding:10px 16px}.input-error,.input-label{font-weight:400}.input-error{color:red;font-size:.8em}.button{border-radius:90px;cursor:pointer;font-family:Raleway;font-weight:600;margin:6px 0;max-width:300px;min-width:200px;padding:10px 0;width:100%}.button.primary{background-color:#ef8833;border-width:0;color:#fff}.button.primary:hover{background-color:#00a1e4}.login-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.theme-add-container .theme-add-button{margin:20px}.playlist-list-container{display:flex}.playlist-item-container{border:1px solid #ef8833;border-radius:4px;cursor:pointer;height:250px;margin:20px 0;width:200px}.playlist-item-container:hover{background-color:rgba(0,0,0,.063);transition:50ms ease-in-out}.playlist-item-container .theme-item-actions-container{align-items:center;display:flex;flex-direction:row}.playlist-item-container .playlist-item-cover{flex:1 1;height:80%;object-fit:cover;width:100%}.playlist-item-container .playlist-item-icon{height:20px;width:20px}.playlist-item-container .playlist-item-details-container{align-items:center;display:flex;height:15%;justify-content:center;padding:0 10px}.playlist-item-container .playlist-item-title{padding:0 10px}.playlist-item-container .theme-item-title{font-size:20px}.theme-list-container .theme-list-add-button{cursor:pointer;font-size:20px;margin:20px;text-decoration:underline}.theme-item-container{display:flex;flex-direction:column;margin:20px;padding:20px}.theme-item-container .theme-item-title{width:50%}.theme-item-header-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.playlist-add-container .playlist-add-button{align-items:center;border:1px solid #ef8833;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:250px;justify-content:center;margin:20px 0;width:200px}.playlist-add-container .playlist-add-button:hover{background-color:rgba(0,0,0,.063);transition:50ms ease-in-out}.playlist-add-container .playlist-add-button .playlist-add-icon{color:#ef8833;height:50px;margin:10px;width:50px}.users-create-page-container{margin:auto;max-width:425px;min-width:320px;width:80%}
/*# sourceMappingURL=main.0fafbd9c.css.map*/