.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{display:flex;gap:20px;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}.sidebar{background-color:#fff;border-right:.5px solid #d3d3d3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#1976d2;font-size:16px;font-weight:700}.sidebar hr{border:.5px solid #d3d3d3;height:0}.sidebar .center{padding-left:20px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:10px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#d7e5f5}.sidebar .center ul li .icon{color:#1976d2;font-size:18px}.sidebar .center ul li span{color:#888;font-size:15px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px 20px}.sidebar .bottom .colorOptions{border:1.5px solid #1976d2;border-radius:5px;cursor:pointer;height:25px;margin:5px;width:25px}.sidebar .bottom .colorOptions:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOptions:nth-child(2){background-color:#3c3c42}.navbar{border-bottom:.5px solid #d3d3d3;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 .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .search .searchIcon{cursor:pointer}.navbar .search input{background:transparent;border:none;outline:none}.navbar .search input::-webkit-input-placeholder{font-size:12px}.navbar .search input::placeholder{font-size:12px}.navbar .items,.navbar .items .item{align-items:center;display:flex}.navbar .items .item{margin-right:20px;position:relative}.navbar .items .item .icon{cursor:pointer;font-size:20px}.navbar .items .item .avatar{border-radius:50%;box-shadow:5px 1px 8px 0 rgba(0,0,0,.71);cursor:pointer;height:40px;width:40px}.navbar .items .item .avatar:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.2s}.navbar .items .item .counter{align-items:center;background-color:#c02a2a;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}.widget{background:linear-gradient(180deg,rgba(25,118,210,.331) 4%,hsla(0,0%,100%,0));border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;flex:1 1;height:100px;justify-content:space-between;padding:10px}.widget:hover{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.2s}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{color:#a19696;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;cursor:pointer;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:10px}.featured:hover{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.2s}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:2 1;padding:10px}.chart:hover{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.2s}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#d3c2c2}.table:hover{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.2s}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5%;padding:5px}.table .status.Approved{background-color:#074b07;color:#24dc24}.table .status.Pending{background-color:#6c5f14;color:#f1d389}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.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}.datatable .datatableTitle .link:hover{background:green;color:#fff}.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:#074b07;color:#24dc24}.datatable .cellWithStatus.passive{background-color:#861818;color:#f3c0c0}.datatable .cellWithStatus.pending{background-color:#6c5f14;color:#f1d389}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px solid #1976d2;border-radius:5px;color:#1976d2;cursor:pointer;padding:2px 5px}.datatable .cellAction .viewButton:hover{background:#1976d2;color:#fff}.datatable .cellAction .deleteButton{border:1px solid darkred;border-radius:5px;color:darkred;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton:hover{background:darkred;color:#fff}.datatable .cellAction .completeButton{border:1px solid #006400;border-radius:5px;color:#006400;cursor:pointer;padding:2px 55px}.datatable .cellAction .completeButton:hover{background:#006400;color:#fff}.datatable .modalWindow{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.datatable .modalWindow .modalText{color:#000;font-size:20px}.datatable .modalWindow .modalButtons{align-items:center;display:flex;gap:50px;margin-top:10px}.datatable .modalWindow .modalButtons .modalOk{border:1px solid green;border-radius:5px;color:green;cursor:pointer;padding:5px;width:50px}.datatable .modalWindow .modalButtons .modalOk:hover{background:green;color:#fff}.datatable .modalWindow .modalButtons .modalCancel{border:1px solid darkred;border-radius:5px;color:darkred;cursor:pointer;padding:5px}.datatable .modalWindow .modalButtons .modalCancel:hover{background:darkred;color:#fff}.modal{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.5s;width:100vw;z-index:1}.modal.active{opacity:1;pointer-events:all}.modal__content{background-color:#fff;border-radius:15px;min-width:250px;padding:20px;-webkit-transform:scale(.5);transform:scale(.5);transition:all .4s}.modal__content.active{-webkit-transform:scale(1);transform:scale(1)}.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:200px}.login form button{background-color:purple;border:none;box-sizing:initial;color:#fff;cursor:pointer;font-weight:700;height:30px;margin-top:10px;width:200px}.login form span{color:red;font-size:12px;margin-top:10px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .bottomNew,.new .topNew{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .bottomNew h1,.new .topNew h1{color:#d3d3d3;font-size:20px}.new .bottomNew .left,.new .topNew .left{align-self:center;flex:1 1;justify-self:center;text-align:center}.new .bottomNew .left img,.new .topNew .left img{border-radius:50%;height:150px;object-fit:cover;width:150px}.new .bottomNew .left img:hover,.new .topNew .left img:hover{cursor:pointer;opacity:.8}.new .bottomNew .right,.new .topNew .right{flex:2 1}.new .bottomNew .right form,.new .topNew .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .bottomNew .right form .formInput,.new .topNew .right form .formInput{width:40%}.new .bottomNew .right form .formInput label,.new .topNew .right form .formInput label{align-items:center;display:flex;gap:10px}.new .bottomNew .right form .formInput label .icon,.new .topNew .right form .formInput label .icon{cursor:pointer}.new .bottomNew .right form .formInput input,.new .topNew .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .bottomNew .right form button,.new .topNew .right form button{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.new .bottomNew .right form button:hover,.new .topNew .right form button:hover{background-color:#025d5d}.new .bottomNew .right form button:disabled,.new .topNew .right form button:disabled{background-color:#cef3f3;cursor:not-allowed}.single .singleContainer .top .left .buttons{justify-content:space-around;position:absolute;right:0;top:0}.single .singleContainer .top .left .buttons .backButton{background-color:#e8d9e8;border-radius:0 0 5px 5px;color:#982998;cursor:pointer;font-size:14px;height:25px;padding:8px;position:absolute;right:60px;text-align:center;top:0;width:40px}.single .singleContainer .top .left .buttons .backButton:hover{background-color:#efc2ef}.single .singleContainer .top .left .buttons .editButton{background-color:#e8d9e8;border-radius:0 0 5px 5px;color:#982998;cursor:pointer;font-size:14px;height:25px;padding:8px;position:absolute;right:0;text-align:center;top:0;width:40px}.single .singleContainer .top .left .buttons .editButton:hover{background-color:#efc2ef}.single .singleContainer .top .left .item .details{margin-left:80px}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:#e8d9e8;border-radius:0 0 5px 5px;color:#982998;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:gray;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.single .singleContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.app.dark{background-color:#343333;color:#d9d4d4}.app.dark .chartGrid{stroke:#d9d4d4}.app.dark .table{background-color:#343333}.app.dark .table .tableCell{color:#d9d4d4}.app.dark .navbar{border-color:#424141;color:#d9d4d4}.app.dark .navbar .search{border:2px solid #575555}.app.dark .navbar .search input,.app.dark .navbar .search select,.app.dark .navbar .search textarea{color:#d9d4d4}.app.dark .sidebar{background-color:#343333;border-color:#424141}.app.dark .sidebar .top .logo{color:#d9d4d4}.app.dark .sidebar hr{border-color:#424141}.app.dark .sidebar ul li:hover{background-color:#b6b3b3}.app.dark .sidebar ul li:hover .icon,.app.dark .sidebar ul li:hover span{color:#343333}.app.dark .sidebar ul li .icon{color:#b4adad}.app.dark .datatable .datagrid{border:none;color:#d9d4d4}.app.dark .datatable .datagrid .viewButton{border:1px solid #1976d2;color:#d9d4d4}.app.dark .datatable .datagrid .deleteButton{border:1px solid #b90808;color:#d9d4d4}.app.dark input,.app.dark select,.app.dark textarea{background-color:transparent;color:#d9d4d4}.edit{display:flex;width:100%}.edit .editContainer{flex:6 1}.edit .bottomEdit,.edit .topEdit{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.edit .bottomEdit h1,.edit .topEdit h1{color:#d3d3d3;font-size:20px}.edit .bottomEdit .left,.edit .topEdit .left{align-self:center;flex:1 1;justify-self:center;text-align:center}.edit .bottomEdit .left img,.edit .topEdit .left img{border-radius:50%;height:150px;object-fit:cover;width:150px}.edit .bottomEdit .left img:hover,.edit .topEdit .left img:hover{cursor:pointer;opacity:.8}.edit .bottomEdit .right,.edit .topEdit .right{flex:2 1}.edit .bottomEdit .right form,.edit .topEdit .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.edit .bottomEdit .right form .formInput,.edit .topEdit .right form .formInput{width:40%}.edit .bottomEdit .right form .formInput label,.edit .topEdit .right form .formInput label{align-items:center;display:flex;gap:10px}.edit .bottomEdit .right form .formInput label .icon,.edit .topEdit .right form .formInput label .icon{cursor:pointer}.edit .bottomEdit .right form .formInput input,.edit .topEdit .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.edit .bottomEdit .right form button,.edit .topEdit .right form button{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.edit .bottomEdit .right form button:hover,.edit .topEdit .right form button:hover{background-color:#025d5d}.edit .bottomEdit .right form button:disabled,.edit .topEdit .right form button:disabled{background-color:#cef3f3;cursor:not-allowed}.orders{display:flex;width:100%}.orders .ordersContainer{flex:6 1}.calendar{display:flex;width:100%}.calendar .calendarContainer{flex:6 1}.calendar .calendarContainer .topCalendar{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.calendar .calendarContainer .topCalendar h1{color:#d3d3d3;font-size:20px}.calendar .calendarContainer .centerCalendar{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:10px}.faq{display:flex;width:100%}.faq .faqContainer{flex:6 1}.faq .faqContainer .topFAQ{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.faq .faqContainer .topFAQ h1{color:#d3d3d3;font-size:20px}.faq .faqContainer .centerFAQ{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:10px}.chartbar{display:flex;width:100%}.chartbar .chartbarContainer{flex:6 1}.chartbar .chartbarContainer .topChartBar{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.chartbar .chartbarContainer .topChartBar h1{color:#d3d3d3;font-size:20px}.chartbar .chartbarContainer .centerChartBar{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);height:75vh;margin:20px;padding:10px;width:85vw}.world{display:flex;width:100%}.world .worldContainer{flex:6 1}.world .worldContainer .topWorld{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.world .worldContainer .topWorld h1{color:#d3d3d3;font-size:20px}.world .worldContainer .centerWorld{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);height:75vh;margin:20px;padding:10px;width:85vw}.profile{display:flex;width:100%}.profile .profileContainer{flex:6 1}
/*# sourceMappingURL=main.7ef1e06c.css.map*/