.sidebar{border-right:.5px solid #e9e7e7;display:flex;flex:1 1;flex-direction:column;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#90c;font-size:18px;font-weight:700}.sidebar hr{border:.5px solid #e9e7e7;height:0}.sidebar .center{margin:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;margin:10px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul .icon{color:#90c;font-size:18px}.sidebar .center ul span{color:#888;font-size:15px;font-weight:400;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:4px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#fff}.sidebar .bottom .colorOption:nth-child(2){background-color:#000}.sidebar .bottom-sidebar{align-items:center;display:flex;margin-left:10px;margin-top:30px;padding-bottom:100px}.sidebar .bottom-sidebar .logout-icon{color:#0f1faf;font-size:18px;margin-right:5px}.sidebar .bottom-sidebar span{color:#888;cursor:pointer;font-size:15px;font-weight:600}.navbar{border-bottom:.5px solid #e9e7e7;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:#0000;border:none;outline:none}.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 .pic{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}.navbar .wrapper .items .item .icon{color:gray;font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{border-radius:50%;height:30px;width:30px}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .page,.widget .right .page{text-decoration:none}.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;background-color:rgba(128,0,128,.342);border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px #c9c9c978;flex:2 1;padding:10px}.featured .top{align-items:center;color:#666464;display:flex;justify-content:space-between}.featured .top .title{font-size:18px}.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 .description{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:#0000}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e7e6e6}.login{align-items:center;display:flex;height:100vh;justify-content:center}.login legend{color:#0f1faf;font-size:32px;margin:0 10px}.login form{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;width:500px}.login form input{border-width:1px;font-size:16px;height:30px;margin-top:20px;padding:10px;width:200px}.login form input:active{border:red}.login form .forgotPwd{color:#6b6a6a;display:flex;font-size:14px;height:20px;justify-content:right;margin-bottom:10px;width:220px}.login form button{background-color:#0f1faf;border:none;color:#fff;cursor:pointer;font-size:14px;height:40px;margin:10px;padding:10px;width:220px}.login form span{color:red}.forgotPwd{align-items:center;display:flex;height:100vh;justify-content:center}.forgotPwd legend{color:#0f1faf;font-size:22px;margin:0 10px}.forgotPwd form{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;width:500px}.forgotPwd form input{border-width:1px;font-size:16px;height:30px;margin:20px;padding:10px;width:200px}.forgotPwd form input:active{border:red}.forgotPwd form button{background-color:#0f1faf;border:none;color:#fff;cursor:pointer;font-size:14px;height:40px;margin:10px;padding:10px;width:220px}.forgotPwd form span{color:red}.forgotPwd form .text{align-items:center;color:gray;font-size:16px;justify-content:center;width:350px}.datatable{padding:40px}.datatable .cellwithphoto .cellphoto{height:40px;width:40px}.datatable .cellAction .deletebutton{text-decoration:none}.datatable{height:1000px}.datatable .datatableTitle .link{border:1px solid green;color:green;padding:5px}.datatable .staffTableGrid{height:800px}.spinner-container .loading-spinner{border:10px solid #57f171}.new .newContainer .bottom .left,.new .newContainer .top .left{flex-direction:column}.new .newContainer .bottom .left .camerawrap,.new .newContainer .top .left .camerawrap{position:relative}.new .newContainer .bottom .left .camerawrap .formImage,.new .newContainer .top .left .camerawrap .formImage{position:absolute;right:0;top:60}.new .newContainer .bottom .left .camerawrap .formImage .icon,.new .newContainer .top .left .camerawrap .formImage .icon{height:40px;width:40px}.single .singleContainer .top .left .form .formInput .left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.single .singleContainer .top .left .camerawrap{align-items:center;background-color:#000;border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.single .singleContainer .top .left .camerawrap .camera{color:#aaa;height:100px;width:100px}.single .singleContainer .top .left .camerawrap img{border-radius:50%;height:100px;width:100px}.single .singleContainer .top .left .camerawrap .formImage{left:10;position:absolute;top:80}.single .singleContainer .top .left .camerawrap .formImage .icon{height:40px;left:10;position:absolute;top:80;width:40px}.list .listContainer .reviewTitle{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.list .listContainer .reviewTitle .link{border:1px solid green;border-radius:10px;color:green;padding:10px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{gap:30px;justify-content:space-between;padding:20px}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{width:150px}.list .listContainer{margin:20px}.list .listContainer .reviewTitle{box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;margin:20px;padding:20px}.list .listContainer .reviewTitle .title{color:gray;font-size:18px}.list .listContainer .reviewBody{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:40px;padding:50px}.list .listContainer .reviewBody .reviewSingle{align-items:center;background-color:#eee;border-radius:40px;box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;flex-direction:column;height:250px;padding:20px;position:relative;width:40%}.list .listContainer .reviewBody .reviewSingle .reviewLeft{display:flex;flex-direction:row;gap:20px;height:130px;justify-content:space-between;padding:20px;width:100%}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewPhoto{border-radius:0;display:flex;gap:10px;height:300px;padding-left:20px;width:180px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewPhoto .itemimg{border-radius:0;height:250px;object-fit:cover;width:150px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails{display:flex;flex-direction:column;gap:30px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails .details{display:flex;flex-direction:column;gap:10px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails .details .name{color:#90c;font-size:18px;font-weight:700;margin-bottom:5px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails .details .email{color:#383636;font-size:13px;margin-bottom:5px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails .details .telephone{size:10px;color:#7a7979;font-size:12px}.list .listContainer .reviewBody .reviewSingle .reviewLeft .reviewDetails .reviewLink{align-self:flex-end;background-color:#90c;border-radius:30px;color:#eee;font-size:14px;margin-top:30px;padding:20px;text-align:center;text-decoration:none;width:200px}.list .listContainer .reviewBody .reviewSingle .reviewRight{display:flex;flex-direction:column;height:150px;width:60%}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop{align-items:center;display:flex;flex-direction:row;margin-bottom:20px;margin-top:10px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopLeft{align-items:center;display:flex;flex-direction:row;width:520px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopRight{margin-left:50px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopRight .deleteReview{border-radius:5px;border-width:0;cursor:pointer;padding:5px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopRight .deleteReview:hover{background-color:#e2ebe2}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopRight .deleteReview p{color:green;font-size:11px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .reviewRightTopRight .deleteReview p:hover{color:#7a7979}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .ratingContainer{display:flex;flex-direction:row;justify-content:space-between;margin-right:50px;width:150px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .ratingContainer .rating{color:#daa520;font-size:18px;font-weight:400;margin-right:5px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .transaction{align-items:center;display:flex;flex-direction:row}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .transaction .title{color:#575353;font-size:11px;font-weight:600;margin-right:10px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewRightTop .transaction p{color:#383636;font-size:11px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewMiddle{height:50px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewMiddle p{color:#383636;font-size:14px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom{align-items:center;display:flex;flex-direction:row;margin-top:10px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reviewBottomMail{align-items:center;background-color:#dff7df;border-radius:5px;border-width:0;cursor:pointer;display:flex;flex-direction:row;margin-right:100px;padding:10px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reviewBottomMail:hover{background-color:#e2ebe2}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reviewBottomMail .mail{color:green;font-size:12px;font-weight:400;margin-right:5px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reviewBottomMail p{color:green;font-size:10px;font-weight:400}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reply{background-color:#dff7df;border-radius:5px;border-width:0;cursor:pointer;padding:10px}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reply:hover{background-color:#e2ebe2}.list .listContainer .reviewBody .reviewSingle .reviewRight .reviewBottom .reply p{color:green;font-size:10px;font-weight:400}.spinner-container .loading-spinner{border:10px solid #f3f3f3;border-top-color:#383636}.single .body{align-items:center;background-color:gray;display:flex;font-family:sans-serif;justify-content:center;margin:0;padding-top:50px}.single .body .card{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:50px;margin-top:50px;text-align:center;width:50%}.single .body .card .cardpic{background:green;height:80px;width:80px}.single .body .card .headerContainer{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:120px}.single .body .card .headerContainer .header{color:#fff;font-weight:500}.single .body .card .hero{align-items:center;background-color:purple;display:flex;flex-direction:row;gap:10px;padding-bottom:50px;padding-top:50px}.single .body .card .hero .hero-title{color:#fff;padding-left:30px;width:40%}.single .body .card .hero .hero-title .hero-text{font-size:34px;text-align:start}.single .body .card .sub-heading{display:flex;padding:50px}.single .body .card .sub-heading .sub-headinng-text{font-weight:500;margin-top:0}.single .body .card .nuggets{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;margin-top:30px;padding-left:40px;padding-right:40px}.single .body .card .nuggets .nuggetpic{background-color:#000;height:50px;width:50px}.single .body .card .nuggets .nugget1{align-items:center;display:flex;flex-direction:row;gap:40px}.single .body .card .nuggets .nugget1 .nugget1-text{align-items:flex-start;justify-content:flex-start}.single .body .card .nuggets .nugget1 .nugget1-text .nugget1-text-message{color:#666;font-size:18px;font-weight:400;line-height:30px;text-align:left}.single .body .card .footerContainer{background-color:purple;display:flex;flex-direction:row;justify-content:space-between;margin-top:50px;padding:40px}.single .body .card .footerContainer .footerlinks{align-items:flex-start;color:#fff;display:flex;flex-direction:column;gap:5px}.single .body .card .footerContainer .footerlinks .footerlinks-link{color:#fff}.single .body .card .socials{align-items:center;display:flex;gap:10px}.single .body .card .socials .socialpic{background-color:#9acd32;height:20px;width:20px}.single .body .card .socials .links{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:40px;justify-content:center;width:40px}.new .spinner-container{height:70px;width:70px}.new .spinner-container .loading-spinner{height:30px;width:30px}.dark{background-color:#131212}.dark .sidebar,.dark .sidebar .top,.dark .sidebar .top .logo{border-color:#131212}.dark .sidebar hr{border:.5px solid #161515;height:0}.dark .sidebar ul li:hover{background-color:#3f3f3f}.dark .navbar{border-color:#0f0f0f}.dark .navbar .search{border-color:gray}.dark .homeContainer .chart .title,.dark .homeContainer .widget .left .counter,.dark .homeContainer .widget .left .link,.dark .homeContainer .widget .right .counter,.dark .homeContainer .widget .right .link,.dark .navbar .search input{color:gray}.dark .homeContainer .chart .chartGrid{stroke:gray}.dark .homeContainer .table{background-color:#131212}.dark .homeContainer .table .tableRow{border-color:#3a3a3a}.dark .homeContainer .table .tableRow .tableCell{border-color:gray;color:gray}.dark .list .listContainer .datatable .userTableGrid{border:gray;color:gray}.dark .list .listContainer .datatable .userTableGrid .cellstatus,.dark .list .listContainer .datatable .userTableGrid .deletebutton,.dark .list .listContainer .datatable .userTableGrid .viewbutton{border-color:gray;color:gray}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:60px;width:60px}.table .status{border-radius:5px;padding:5px}.table .status.delivered{background-color:#c2f5c2;color:green}.table .status.canceled{background-color:#ececec;color:#daa520}.spinner-container .loading-spinner{border:10px solid purple;height:50px;width:50px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:#252525;font-size:16px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-size:18px}.spinner-container{display:flex;height:100vh}.datatable{height:400px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:18px;justify-content:space-between;margin-bottom:10px;padding:10px;width:100%}.datatable .datatableTitle .link{border:1px solid purple;border-radius:5px;color:purple;cursor:pointer;font-size:16px;font-weight:400;margin-right:20px;padding:10px;text-decoration:none}.datatable .cellwithphoto{display:flex;flex-direction:column;height:40px;width:40px}.datatable .cellwithphoto .cellphoto{border:.5px solid #aca7a7;border-radius:50%;height:36px;width:36px}.datatable .cellstatus{border-radius:5px;padding:5px 10px}.datatable .cellstatus.active{background-color:#0080000d;color:green}.datatable .cellstatus.pending{background-color:#ffd9000d;color:#daa520}.datatable .cellstatus.passive{background-color:#ff00000d;color:crimson}.datatable .cellAction{display:flex}.datatable .cellAction .viewbutton{border:1px solid blue;border-radius:5px;color:blue;cursor:pointer;margin-right:10px;padding:3px 5px}.datatable .cellAction .deletebutton{border:1px solid red;border-radius:5px;color:red;cursor:pointer;margin-right:10px;padding:3px 5px}.spinner-container{height:100%;width:100%}.spinner-container .loading-spinner{border:10px solid gray;height:30px;width:30px}.spinner-containerLoad{align-items:center;display:grid;height:100%;justify-content:center;width:100%}.spinner-containerLoad .loading-spinnerLoad{animation:spinner 1.5s linear infinite;border:10px solid gray;border-radius:50%;height:100px;width:100px}.single .singleContainer .topContainer{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;justify-content:space-between;margin:20px;padding:20px}.single .singleContainer .topContainer .topLeft h1,.single .singleContainer .topContainer .topRight{color:#d3d3d3;font-size:18px}.single .singleContainer .topContainer .left{align-items:center;display:flex;flex:1 1;justify-content:center}.single .singleContainer .topContainer .left .camerawrap{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:150px;justify-content:center;width:150px}.single .singleContainer .topContainer .left .camerawrap .camera{color:#aaa;height:100px;width:100px}.single .singleContainer .topContainer .left .camerawrap img{border-radius:50%;height:150px;width:150px}.single .singleContainer .topContainer .right{flex:2 1}.single .singleContainer .topContainer .right .form{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:20px}.single .singleContainer .topContainer .right .form .formInput{width:40%}.single .singleContainer .topContainer .right .form .formInput label{align-items:center;display:flex;gap:20px}.single .singleContainer .topContainer .right .form .formInput label .icon{cursor:pointer}.single .singleContainer .topContainer .right .form .formInput input{padding:5px;width:100%}.single .singleContainer .topContainer .right .form .formInput input:focus{outline:none}.single .singleContainer .topContainer .right .form .formInput input::placeholder{color:#e7e5e5}.single .singleContainer .topContainer .right .form .formInput textarea{padding:5px;width:100%}.single .singleContainer .topContainer .right .form .formInput textarea:focus{outline:none}.single .singleContainer .topContainer .right .form .formInput textarea::placeholder{color:#e7e5e5}.single .singleContainer .topContainer .right .form button{background-color:red;border:none;color:#fff;cursor:pointer;font-size:18px;width:300px}.single .singleContainer .topContainer .right .form button:disabled{background-color:#2f422f;cursor:not-allowed}.single .singleContainer .topContainer .right .form button:hover{background-color:#7ccc7c}.single .singleContainer .top .left .title{font-size:22px;margin-left:20}.single .singleContainer .top .left .item{padding:20px}.single .singleContainer .top .left .item .details{flex-direction:column;gap:20px}.single .singleContainer .top .left .item .details .detailItem{font-size:16px;margin-bottom:20px;margin-top:20px}.new .newContainer .bottom .right .form,.new .newContainer .top .right .form{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:20px}.new .newContainer .bottom .right .form .formInput,.new .newContainer .top .right .form .formInput{width:40%}.new .newContainer .bottom .right .form .formInput label,.new .newContainer .top .right .form .formInput label{align-items:center;display:flex;gap:20px}.new .newContainer .bottom .right .form .formInput label .icon,.new .newContainer .top .right .form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right .form .formInput input,.new .newContainer .top .right .form .formInput input{padding:5px;width:100%}.new .newContainer .bottom .right .form .formInput input:focus,.new .newContainer .top .right .form .formInput input:focus{outline:none}.new .newContainer .bottom .right .form .formInput input::placeholder,.new .newContainer .top .right .form .formInput input::placeholder{color:#e7e5e5}.new .newContainer .bottom .right .form .formInput textarea,.new .newContainer .top .right .form .formInput textarea{padding:5px;width:100%}.new .newContainer .bottom .right .form .formInput textarea:focus,.new .newContainer .top .right .form .formInput textarea:focus{outline:none}.new .newContainer .bottom .right .form .formInput textarea::placeholder,.new .newContainer .top .right .form .formInput textarea::placeholder{color:#e7e5e5}.new .newContainer .bottom .right .form button,.new .newContainer .top .right .form button{background-color:red;border:none;color:#fff;cursor:pointer;font-size:18px;width:300px}.new .newContainer .bottom .right .form button:disabled,.new .newContainer .top .right .form button:disabled{background-color:#2f422f;cursor:not-allowed}.new .newContainer .bottom .right .form button:hover,.new .newContainer .top .right .form button:hover{background-color:#7ccc7c}.new .spinner-container{align-items:center;display:grid;height:40px;justify-content:center;width:40px}.new .spinner-container .loading-spinner{animation:spinner 1.5s linear infinite;border:10px solid #ccc;border-radius:50%;height:20px;width:20px}.single .singleContainer .top .left .form{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;padding:20px;width:100%}.single .singleContainer .top .left .form .formInput{width:20%}.single .singleContainer .top .left .form .formInput label{align-items:center;display:flex;gap:20px}.single .singleContainer .top .left .form .formInput label .icon{cursor:pointer}.single .singleContainer .top .left .form .formInput input{padding:5px;width:50%}.single .singleContainer .top .left .form .formInput input:focus{outline:none}.single .singleContainer .top .left .form .formInput input::placeholder{color:#e7e5e5}.single .singleContainer .top .left .form .formInput textarea{padding:5px;width:100%}.single .singleContainer .top .left .form .formInput textarea:focus{outline:none}.single .singleContainer .top .left .form .formInput textarea::placeholder{color:#e7e5e5}.single .singleContainer .top .left .form button{background-color:red;border:none;color:#fff;cursor:pointer;font-size:18px;width:300px}.single .singleContainer .top .left .form button:disabled{background-color:#2f422f;cursor:not-allowed}.single .singleContainer .top .left .form button:hover{background-color:#7ccc7c}.list{display:flex}.list .listContainer{flex:6 1}.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 #c9c9c978;flex:1 1;padding:10px;position:relative}.single .singleContainer .top .left .title{color:gray;font-size:18px}.single .singleContainer .top .left .editbutton{background-color:#f1eef7;border-radius:3px;color:#925592;cursor:pointer;margin:5px 5px 0 0;padding:3px 5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;flex-direction:row;gap:20px}.single .singleContainer .top .left .item .itemimg{border:1px solid #999;border-radius:50%}.single .singleContainer .top .left .item .details .itemTitle{color:#555;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:10px}.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 #c9c9c978;margin:20px;padding:20px}.single .singleContainer .bottom .listTitle{color:gray;font-weight:500;margin-bottom:15px}.new{display:flex}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;justify-content:space-between;margin:20px;padding:20px}.new .newContainer .bottom .topLeft h1,.new .newContainer .bottom .topRight,.new .newContainer .top .topLeft h1,.new .newContainer .top .topRight{color:#d3d3d3;font-size:18px}.new .newContainer .bottom .left,.new .newContainer .top .left{align-items:center;display:flex;flex:1 1;justify-content:center}.new .newContainer .bottom .left .form,.new .newContainer .top .left .form{display:flex;flex-direction:row;flex-wrap:wrap;padding:50px}.new .newContainer .bottom .left .camerawrap,.new .newContainer .top .left .camerawrap{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:150px;justify-content:center;width:150px}.new .newContainer .bottom .left .camerawrap .camera,.new .newContainer .top .left .camerawrap .camera{color:#aaa;height:100px;width:100px}.new .newContainer .bottom .left .camerawrap img,.new .newContainer .top .left .camerawrap img{border-radius:50%;height:150px;width:150px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-direction:row;flex-wrap:wrap;padding:50px}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{display:flex;flex-direction:row;width:100%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;flex-direction:row;gap:20px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form .formInput input:focus,.new .newContainer .top .right form .formInput input:focus{outline:none}.new .newContainer .bottom .right form .formInput input::placeholder,.new .newContainer .top .right form .formInput input::placeholder{color:#e7e5e5}.new .newContainer .bottom .right form .formSelect,.new .newContainer .top .right form .formSelect{width:40%}.new .newContainer .bottom .right form .formSelect label,.new .newContainer .top .right form .formSelect label{display:flex;flex-direction:column;gap:10px}.new .newContainer .bottom .right form .formSelect label select,.new .newContainer .top .right form .formSelect label select{font-size:18px;padding:10px;width:100%}.new .newContainer .bottom .right form .formSelect label option,.new .newContainer .top .right form .formSelect label option{font-size:0}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:green;border:none;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:100%}.new .newContainer .bottom .right form button:disabled,.new .newContainer .top .right form button:disabled{background-color:#2f422f;cursor:not-allowed}.new .newContainer .bottom .right form button:hover,.new .newContainer .top .right form button:hover{background-color:#7ccc7c}.spinner-container{align-items:center;display:grid;height:60%;justify-content:center;width:60%}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-container .loading-spinner{animation:spinner 1.5s linear infinite;border:5px solid #57f171;border-radius:50%;border-top-color:#35c955;height:20px;width:20px}
/*# sourceMappingURL=main.8c5b7c03.css.map*/