.sidebar{background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.1);flex:1 1;height:100vh;left:0;padding:10px;top:0;width:200px}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center .active{background-color:#d9ecff}.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;padding:5px}.sidebar .center ul li:hover{background-color:#d9ecff}.sidebar .center ul li .icon{color:#1976d2;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:400;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #1976d2;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{color:#555;font-size:14px;height:25px}.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 #fff;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}.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 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}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);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}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;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:30px;padding:5px}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:2 1;padding:10px}.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:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.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:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.parent{align-items:center;display:flex;flex-direction:column;justify-content:center}.datatable{height:600px;padding:20px;width:100%}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .searchSection{align-items:center;display:flex;flex-direction:row}.datatable .datatableTitle .searchSection .search{align-items:center;border:.5px solid #d3d3d3;display:flex;height:35px;margin-right:30px;padding-inline:5px}.datatable .datatableTitle .searchSection .search input{background:transparent;border:none;outline:none}.datatable .datatableTitle .searchSection .search input::-webkit-input-placeholder{font-size:15px}.datatable .datatableTitle .searchSection .search input:-ms-input-placeholder{font-size:15px}.datatable .datatableTitle .searchSection .search input::placeholder{font-size:15px}.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 .cellWithSquareImg{align-items:center;display:flex}.datatable .cellWithSquareImg .cellImg{border-radius:5%;height:50px;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{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}.singleContainer,.singleContainer .intialItem{display:flex;flex-direction:column;width:100%}.singleContainer .intialItem{align-items:center;height:100vh;justify-content:center}.singleContainer .top{display:flex;gap:20px;padding:20px;width:100%}.singleContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);padding:20px;position:relative;width:100%}.singleContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.singleContainer .top .left .item{display:flex;gap:20px}.singleContainer .top .left .item .itemImgSection .viewPdf{margin-top:15px;width:200px}.singleContainer .top .left .item .itemImgSection .imgItem{border:.5px solid #d6d6d6;border-radius:5%;height:300px;object-fit:cover;width:200px}.singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.singleContainer .top .left .item .details .detailItem .itemPrice{font-size:12px;font-weight:200;text-decoration:line-through}.singleContainer .top .left .item .details .detailItem .itemPriceValue{font-size:18px;font-weight:500;margin-right:5px}.singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.singleContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.singleContainer .title{color:#bcbcbc;font-size:16px;margin-bottom:20px}.center,.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.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:10px}.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 button,.new .newContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.new .newContainer .bottom .right form button:disabled,.new .newContainer .top .right form button:disabled{background-color:rgba(3,92,92,.322);cursor:not-allowed}.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}.parent{min-height:100vh;padding:24px 0}.parent .topNavBar{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:24px}@media(max-width:768px){.parent .topNavBar{align-items:stretch;flex-direction:column;gap:16px}}.parent .centerErrorMessage{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;display:flex;flex-direction:column;height:60vh;justify-content:center;width:100%}.singleUser{display:flex;width:100%}.singleUser .singleUserContainer{flex:6 1}.singleUser .singleUserContainer .intialItem{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.singleUser .singleUserContainer .top{display:flex;gap:20px;padding:20px}.singleUser .singleUserContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.singleUser .singleUserContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.singleUser .singleUserContainer .top .left .item{display:flex;gap:20px}.singleUser .singleUserContainer .top .left .item .itemImg{border-radius:50%;height:150px;object-fit:cover;width:150px}.singleUser .singleUserContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.singleUser .singleUserContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.singleUser .singleUserContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.singleUser .singleUserContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.singleUser .singleUserContainer .top .right{flex:2 1}.singleUser .singleUserContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.singleUser .singleUserContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.userOrderTable .userOrderTablecellWrapper{align-items:center;display:flex}.userOrderTable .userOrderTablecellWrapper .userOrderTableimage{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.userOrderTable .userOrderTablecellWrapper .userOrderTablePDF{height:32px;margin-right:10px;object-fit:contain;width:32px}.userOrderTable .bookID{color:#487df0;cursor:pointer}.userOrderTable .userOrderTablestatus{border-radius:5px;padding:5px}.userOrderTable .userOrderTablestatus.Approved{background-color:rgba(0,128,0,.151);color:green}.userOrderTable .userOrderTablestatus.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.editBook{display:flex;width:100%}.editBook .editBookContainer{flex:6 1}.editBook .editBookContainer .bottom,.editBook .editBookContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.editBook .editBookContainer .bottom h1,.editBook .editBookContainer .top h1{color:#d3d3d3;font-size:20px}.editBook .editBookContainer .bottom .left,.editBook .editBookContainer .top .left{flex:1 1;text-align:center}.editBook .editBookContainer .bottom .left img,.editBook .editBookContainer .top .left img{border:.5px solid #d6d6d6;border-radius:5%;height:300px;object-fit:cover;width:200px}.editBook .editBookContainer .bottom .left .formInput,.editBook .editBookContainer .top .left .formInput{text-align:center;width:100%}.editBook .editBookContainer .bottom .right,.editBook .editBookContainer .top .right{flex:2 1}.editBook .editBookContainer .bottom .right .form,.editBook .editBookContainer .top .right .form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.editBook .editBookContainer .bottom .right .form .aboutInput,.editBook .editBookContainer .top .right .form .aboutInput{width:92%}.editBook .editBookContainer .bottom .right .form .formInput,.editBook .editBookContainer .top .right .form .formInput{width:40%}.editBook .editBookContainer .bottom .right .form .formInput label,.editBook .editBookContainer .top .right .form .formInput label{align-items:center;display:flex;gap:10px}.editBook .editBookContainer .bottom .right .form .formInput label .icon,.editBook .editBookContainer .top .right .form .formInput label .icon{cursor:pointer}.addNewbook{display:flex;width:100%}.addNewbook .addNewbookContainer{flex:6 1}.addNewbook .addNewbookContainer .bottom,.addNewbook .addNewbookContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.addNewbook .addNewbookContainer .bottom h1,.addNewbook .addNewbookContainer .top h1{color:#d3d3d3;font-size:20px}.addNewbook .addNewbookContainer .bottom .left,.addNewbook .addNewbookContainer .top .left{flex:1 1;text-align:center}.addNewbook .addNewbookContainer .bottom .left img,.addNewbook .addNewbookContainer .top .left img{border:.5px solid #d6d6d6;border-radius:5%;height:300px;object-fit:cover;width:200px}.addNewbook .addNewbookContainer .bottom .left .formInput,.addNewbook .addNewbookContainer .top .left .formInput{text-align:center;width:100%}.addNewbook .addNewbookContainer .bottom .right,.addNewbook .addNewbookContainer .top .right{flex:2 1}.addNewbook .addNewbookContainer .bottom .right .form,.addNewbook .addNewbookContainer .top .right .form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.addNewbook .addNewbookContainer .bottom .right .form .aboutInput,.addNewbook .addNewbookContainer .top .right .form .aboutInput{width:92%}.addNewbook .addNewbookContainer .bottom .right .form .formInput,.addNewbook .addNewbookContainer .top .right .form .formInput{width:40%}.addNewbook .addNewbookContainer .bottom .right .form .formInput label,.addNewbook .addNewbookContainer .top .right .form .formInput label{align-items:center;display:flex;gap:10px}.addNewbook .addNewbookContainer .bottom .right .form .formInput label .icon,.addNewbook .addNewbookContainer .top .right .form .formInput label .icon{cursor:pointer}.addPublisher{display:flex;min-height:100vh;width:100%}.addPublisher .addPublisherContainer{flex:6 1}.addPublisher .addPublisherContainer .bottom,.addPublisher .addPublisherContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.addPublisher .addPublisherContainer .bottom h1,.addPublisher .addPublisherContainer .top h1{color:#7a7a7a;font-size:20px}.addPublisher .addPublisherContainer .bottom .left,.addPublisher .addPublisherContainer .top .left{flex:1 1;text-align:center}.addPublisher .addPublisherContainer .bottom .left img,.addPublisher .addPublisherContainer .top .left img{border:.5px solid #d6d6d6;border-radius:5%;height:300px;object-fit:cover;width:200px}.addPublisher .addPublisherContainer .bottom .left .formInput,.addPublisher .addPublisherContainer .top .left .formInput{text-align:center;width:100%}.addPublisher .addPublisherContainer .bottom .right,.addPublisher .addPublisherContainer .top .right{flex:2 1}.addPublisher .addPublisherContainer .bottom .right .form,.addPublisher .addPublisherContainer .top .right .form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.addPublisher .addPublisherContainer .bottom .right .form .aboutInput,.addPublisher .addPublisherContainer .top .right .form .aboutInput{width:92%}.addPublisher .addPublisherContainer .bottom .right .form .formInput,.addPublisher .addPublisherContainer .top .right .form .formInput{width:40%}.addPublisher .addPublisherContainer .bottom .right .form .formInput label,.addPublisher .addPublisherContainer .top .right .form .formInput label{align-items:center;display:flex;gap:10px}.addPublisher .addPublisherContainer .bottom .right .form .formInput label .icon,.addPublisher .addPublisherContainer .top .right .form .formInput label .icon{cursor:pointer}.list .listContainer,.list .listContainer .topview{display:flex;flex-direction:column}.list .listContainer .topview{align-items:center;justify-content:center;padding:10px 10px 0;width:100%}.list .listContainer .bottomview{display:flex;flex-direction:row}.list .listContainer .bottomview .left{align-items:center;display:flex;flex:2 1;justify-content:center}.list .listContainer .bottomview .right{display:flex;flex:2 1;flex-direction:column;padding:20px}.iphone-frame{background-color:#3d3d3d;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);height:500px;position:relative;width:275px}.screen{background-color:#fff;border-radius:10px;bottom:10px;left:10px;position:absolute;right:10px;top:10px}.carousel{align-items:center;display:flex;justify-content:center;position:relative}.slide{border-radius:.5rem;box-shadow:0 0 7px #666;height:100%;width:100%}.slide-hidden{display:none}.arrow{color:#fff;-webkit-filter:drop-shadow(0 0 5px #555);filter:drop-shadow(0 0 5px #555);height:2rem;position:absolute;width:2rem}.arrow:hover{cursor:pointer}.arrow-left{left:1rem}.arrow-right{right:1rem}.indicators{bottom:1rem;display:flex;position:absolute}.indicator{background-color:#fff;border:none;border-radius:100%;box-shadow:0 0 5px #555;cursor:pointer;height:1rem;margin:0 .2rem;outline:none;width:1rem}.indicator-inactive{background-color:gray}.promocodeParent{display:flex;width:100%}.promocodeParent .promocodeContainer{flex:6 1;padding:20px}.promocodeParent .promocodeContainer .intialItem{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.promocodeParent .promocodeContainer .searchSection{align-items:center;display:flex;flex-direction:row}.pctable .pccellWrapper{align-items:center;display:flex}.pctable .pccellWrapper .pcimage{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.pctable .pcstatus{border-radius:5px;padding:5px}.pctable .pcstatus.Active{background-color:rgba(0,128,0,.151);color:green}.pctable .pcstatus.Deactive{background-color:rgba(189,3,3,.103);color:red}.settingsParent{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh;width:100%}.settingsParent .settingsContainer{flex:6 1;padding:0}.settingsParent .settingsContainer .initialItem{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.list .listContainer .app-container{display:flex;height:100vh}.list .listContainer .centeredItem{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center;width:100%}.chatSidebar{overflow-y:auto;padding:20px;width:30%}.chatSidebar .center{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}.chatSidebar h2{font-size:1.2em;margin-bottom:20px}.chatSidebar::-webkit-scrollbar{display:none}.chatSidebar .requests{margin-top:20px}.chatSidebar .request-item{display:flex;margin-bottom:15px}.chatSidebar .request-item .name{font-weight:700}.chatSidebar .request-item .message{color:gray}.chat-area{border-left:1px solid #ddd;border-right:1px solid #ddd;flex:1 1;padding:20px}.chat-area,.chat-area .center{display:flex;flex-direction:column}.chat-area .center{align-items:center;height:100vh;justify-content:center;text-align:center;width:100%}.messages::-webkit-scrollbar{display:none}.chat-header{align-items:center;border-bottom:1px solid #a9bdd6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chat-header h3{margin:0}.chat-tabs button{margin-right:10px}.messages{flex:1 1;margin-bottom:20px;overflow-y:auto}.userMessage{background-color:#dbebff;border:2px solid #dbebff;border-radius:15px 15px 15px 1px}.adminMessage,.userMessage{margin-bottom:10px;max-width:70%;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.adminMessage{background-color:#f1f1f1;border:2px solid #f1f1f1;border-radius:15px 15px 1px 15px;display:flex;justify-content:flex-end;margin-left:auto}.adminMessage p,.userMessage p{margin:0}.adminMessage span,.userMessage span{color:gray;font-size:.8em}.chat-input{display:flex}.publisherList{display:flex;width:100%}.publisherList .listContainer{flex:6 1}.list{display:flex;width:100%}.list .listContainer{flex:6 1;width:100%}.list .listContainer .intialItem{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.list .listContainer .top{display:flex;gap:20px;padding:20px}.list .listContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.list .listContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.list .listContainer .top .left .item{display:flex;gap:20px}.list .listContainer .top .left .item .itemImg{border:.5px solid #d6d6d6;border-radius:5%;height:230px;object-fit:fill;width:180px}.list .listContainer .top .left .item .viewPDF{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:10px}.list .listContainer .top .left .item .viewPDF .userOrderPDF{height:32px;margin-right:10px;object-fit:contain;width:32px}.list .listContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.list .listContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.list .listContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.list .listContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.list .listContainer .top .left .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.list .listContainer .top .right{flex:2 1}.list .listContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.singlePublisher{display:flex;width:100%}.singlePublisher .singlePublisherContainer{flex:6 1;padding:20px}.singlePublisher .singlePublisherContainer .intialItem{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.singlePublisher .singlePublisherContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;gap:20px;padding:20px}.singlePublisher .singlePublisherContainer .top .left{flex:1 1;position:relative}.singlePublisher .singlePublisherContainer .top .left .editButton{border-radius:0 0 0 5px;cursor:pointer;font-size:12px;position:absolute;right:0;top:0}.singlePublisher .singlePublisherContainer .top .left .updateButton{display:flex;justify-content:center;margin-top:20px}.singlePublisher .singlePublisherContainer .top .left .item{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.singlePublisher .singlePublisherContainer .top .left .item .formInput{width:40%}.singlePublisher .singlePublisherContainer .top .left .item .details .itemTitle{color:#000;font-size:medium;margin-bottom:10px}.singlePublisher .singlePublisherContainer .top .left .item .details .detailItem{font-size:12px;margin-bottom:5px}.singlePublisher .singlePublisherContainer .top .left .item .details .detailItem .itemKey{color:gray;margin-right:5px}.singlePublisher .singlePublisherContainer .top .left .item .details .detailItem .itemValue{color:#000;font-size:medium;font-weight:400}.singlePublisher .singlePublisherContainer .bottom{margin-top:20px}.singlePublisher .singlePublisherContainer .title{color:#4d4d4d;font-size:medium;font-weight:400;margin-bottom:20px}.publisherDatatable{height:370px}.publisherDatatable .cellWithSquareImg{align-items:center;display:flex}.publisherDatatable .cellWithSquareImg .cellImg{border-radius:5%;height:50px;margin-right:20px;object-fit:cover;width:32px}.publisherDatatable .cellWithStatus{border-radius:5px;padding:5px}.publisherDatatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.publisherDatatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.publisherDatatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.publisherDatatable .cellAction{display:flex;gap:15px}.publisherDatatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.publisherDatatable .cellAction .deleteButton{border:1px dotted rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.prlist{display:flex;width:100%}.prlist .prlistContainer{flex:6 1}
/*# sourceMappingURL=main.3d9ea2c8.css.map*/