.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}@media screen and (max-width:480px){.sidebar{min-height:20vh}}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}@media screen and (max-width:480px){.sidebar .top{display:none}}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}@media screen and (max-width:480px){.sidebar .top .logo{font-size:50px}}.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}@media screen and (max-width:1024px){.sidebar .center ul .title{display:none}}.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}@media screen and (max-width:480px){.sidebar .center ul li span{display:none}}@media screen and (max-width:1024px){.sidebar .center ul li span{display:none}}.sidebar .bottom{align-items:center;display:flex;margin:10px}@media screen and (max-width:480px){.sidebar .bottom{display:none}}@media screen and (max-width:480px)and (max-width:1024px){.sidebar .bottom{display:flow-root}}@media screen and (max-width:480px){.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}}.sidebar .footer{background-color:#fff;bottom:0;box-shadow:0 -2px 5px rgba(0,0,0,.1);padding:10px;position:fixed;text-align:center;width:100%}.footer{align-items:center;display:flex;justify-content:space-between;padding:20px}.footer img{cursor:pointer;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:16px}.footer img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}span:first-child{font-weight:700}span:last-child{font-size:14px}.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:-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}@media screen and (max-width:1400px){.navbar .wrapper .items .item .icon{display:none}}.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;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;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: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}.login{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.login .card{background-color:#fff;border-radius:10px;display:flex;min-height:600px;overflow:hidden;width:50%}@media(min-width:412px)and (max-width:800px){.login .card{min-height:1500px}}@media screen and (max-width:1200px){.login .card{width:60%}}@media screen and (max-width:1500px){.login .card{width:70%}}@media screen and (max-width:1400px){.login .card{width:70%}}@media(min-width:412px)and (max-width:800px){.login .card{padding:30px;width:80%}}@media screen and (max-width:768px){.login .card{flex-direction:column;width:80%}}@media screen and (max-width:480px){.login .card{flex-direction:column;width:90%}}.login .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(https://images.pexels.com/photos/3228727/pexels-photo-3228727.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}@media screen and (max-width:1024px){.login .card .left{display:none}}.login .card .left h1{font-size:100px;line-height:100px}@media screen and (max-width:768px){.login .card .left h1{font-size:50px;line-height:60px}}.login .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media screen and (max-width:1200px){.login .card .right{align-items:center;gap:20px}}@media screen and (max-width:480px){.login .card .right{align-items:center;gap:20px}}.login .card .right h1{color:#555;font-size:24px}@media screen and (max-width:768px){.login .card .right h1{font-size:20px}}.login .card .right .error{color:#ef4444}.login .card .right form{display:flex;flex-direction:column;gap:30px}@media(min-width:412px)and (max-width:800px){.login .card .right form{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:center;transform-origin:center}}@media screen and (max-width:1200px){.login .card .right form{align-items:center;justify-content:space-between}}@media screen and (max-width:480px){.login .card .right form{align-items:center;justify-content:space-between}}.login .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.login .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}@media screen and (max-width:768px){.login .card .right form button{width:80%}}@media screen and (max-width:480px){.login .card .right form button{width:100%}}.datatable .column-search select{margin-right:15px}.datatable .column-search .search{padding-bottom:15px}.datatable .column-search .search input{height:20px;width:150px}.datatable .datatableTitle .link{border:1px solid gold}@media screen and (max-width:480px){.datatable .datatableTitle .link{color:gold;font-size:10px}}.datatable .link{margin-right:10px}.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}@media screen and (max-width:480px){.new .newContainer .bottom .left,.new .newContainer .top .left{display:none}}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{width:400px}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{width:60%}.new .newContainer .bottom .right .error,.new .newContainer .top .right .error{color:#ef4444;font-size:20px;padding-left:60px}.single .singleContainer .top .left .editButton{font-size:10px}.single .singleContainer .top .left .timeButton{margin-top:70px}.single .singleContainer .top .left .item .details .detailItem{font-size:160px}.single .singleContainer .title{font-size:35px}.new .newContainer .bottom,.new .newContainer .top{width:800px}.new .newContainer .bottom .detailItem,.new .newContainer .top .detailItem{margin-bottom:30px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{grid-template-columns:1fr 50px}.new .newContainer .bottom .right form .formInput textarea,.new .newContainer .top .right form .formInput textarea{height:50px}.datatable .column-search .search select{margin-right:20px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{padding:20px;width:100px}.new .newContainer .bottom .right form .segment,.new .newContainer .top .right form .segment{display:flex;flex-direction:column;margin:10px}.new .newContainer .bottom .right form textarea,.new .newContainer .top .right form textarea{height:200px}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{margin:10px}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{width:200px}.new .newContainer{flex:6 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}.single .singleContainer .top .left .closeButton{margin-top:90px}.single .singleContainer .top .left .closeButton,.single .singleContainer .top .left .gamasButton{background-color:#7551f818;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;flex-flow:column;font-size:15px;padding-top:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .gamasButton{margin-top:120px}.single .singleContainer .top .left .editButton{font-size:12px}.formInput{display:flex;flex-direction:column;width:280px}.formInput label{color:gray;font-size:12px}.formInput span{color:red;display:none;font-size:12px;padding:3px}.formInput input{border:1px solid gray;border-radius:5px;margin:10px 0;padding:15px}.formInput input:invalid[focused=true]{border:1px solid red}.formInput input:invalid[focused=true]~span{display:block}@media screen and (max-width:1200px){.datatable .datatableTitle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}}.new .newContainer .bottom .detailItem,.new .newContainer .top .detailItem{margin-bottom:10px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{width:500px}.not-found{align-items:center;background-color:#f7f8fc;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.not-found h1{color:#0070f3;font-size:10rem;font-weight:700;margin:0}.not-found h2{font-size:2rem;margin:20px 0}.not-found p{color:#666;font-size:1rem;margin:0;max-width:500px}.not-found h1:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.new .newContainer .bottom,.new .newContainer .top{margin:30px;padding:20px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}@media screen and (max-width:480px){.single .singleContainer{width:100px}}@media screen and (max-width:1200px){.single .singleContainer{width:250px}}.single .singleContainer .top .left h1{font-size:25px}.single .singleContainer .top .left .editButton{font-size:20px}.single .singleContainer .top .left .createButton{margin-top:40px}.single .singleContainer .top .left .createButton,.single .singleContainer .top .left .createPending{background-color:#7551f818;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;flex-flow:column;font-size:15px;position:absolute;right:0;top:0}.single .singleContainer .top .left .createPending{margin-top:70px}.single .singleContainer .top .left .createMass{background-color:#7551f818;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;flex-flow:column;font-size:15px;margin-top:90px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item .details .detailItem{font-size:14px}.single .singleContainer .bottom .details .itemTitle{padding-left:25px}.single .singleContainer .bottom .details .itemKey{padding-left:25px;padding-right:5px}.single .singleContainer .title{font-size:16px}.comment-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.comment-section h3{margin-bottom:10px}.comment-section #comment-input{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:10px;padding:10px;resize:none;width:100%}.comment-section #submit-comment{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.comment-section #submit-comment:hover{background-color:#45a049}.comment-section .comments-list{margin-top:20px}.comment-section .comments-list .comment{border-bottom:1px solid #eee;padding:10px 0}.comment-section .comments-list .comment .comment-author{font-weight:700}.comment-section .comments-list .comment .comment-time{color:#888;font-size:.9rem;margin-bottom:5px}.comment-section .comments-list .comment p{font-size:1rem;margin:5px 0}.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput select{width:200px}.new .newContainer .bottom .right form .formInput label input,.new .newContainer .top .right form .formInput label input{padding:10px}.datatable .buttonReset{padding-bottom:20px}.datatable .buttonReset .reset{background-color:#9243ad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .3s ease}.datatable .buttonReset .reset:hover{background-color:#733588}.datatable .column-search{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,3fr);padding-bottom:20px}.datatable .column-search .search{flex-direction:column;padding-bottom:10px}@media(max-width:768px){.datatable .column-search{box-sizing:border-box;grid-template-columns:repeat(1,1fr);width:100%}}.datatable .column-search .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:2px 5px 5px;text-decoration:none}@media screen and (max-width:1024px){.datatable .datatableTitle{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}}@media screen and (max-width:480px){.datatable .datatableTitle{flex-direction:column}}.datatable .cellAction .updateButton{color:#006400}.datatable .cellAction .createClose,.datatable .cellAction .updateButton{border:1px dotted rgba(3,43,3,.59);border-radius:5px;cursor:pointer;padding:2px 5px}.datatable .cellAction .createClose{color:#19150b}.new .newContainer .bottom .right form .formInput .searchable-dropdown,.new .newContainer .top .right form .formInput .searchable-dropdown{width:300px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{padding:20px}.datatable .column-search .reset{background-color:#9243ad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .3s ease}.datatable .column-search .reset:hover{background-color:#733588}@media(max-width:768px){.datatable .column-search .reset{box-sizing:border-box;width:100%}}.datatable .column-search .react-datepicker-popper{z-index:9999!important}.datatable .column-search .error{color:#ff4d4f;font-size:13px;margin-top:-5px}.datatable .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithStatus.CLOSED{background-color:rgba(14,80,100,.15);color:#00008b}.datatable .cellWithStatus.ACTIVE{background-color:rgba(0,128,0,.05);color:#46e016}.datatable .cellAction .updateTimeButton{border:1px dotted rgba(157,115,13,.6);border-radius:5px;color:#835a07;cursor:pointer;padding:2px 5px}.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{padding:5px}.single .singleContainer .top .left .editButton,.single .singleContainer .top .left .timeButton{background-color:#7551f818;border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:15px;position:absolute;right:0;top:0}.single .singleContainer .top .left .timeButton{flex-flow:column;margin-top:50px;padding-top:5px}.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:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:25px;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:25px;margin-bottom:20px}.new .newContainer .bottom h2,.new .newContainer .top h2,.new .newContainer h2{margin-left:50px}.datatable{height:600px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}@media screen and (max-width:480px){.datatable .datatableTitle{flex-direction:column;margin-bottom:20px}}@media screen and (max-width:1200px){.datatable .datatableTitle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}}.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.OPEN{background-color:rgba(90,0,100,.151);color:#6495ed}.datatable .cellWithStatus.SOLVED{background-color:rgba(20,20,22,.15);color:#5f9ea0}.datatable .cellWithStatus.CLOSED{background-color:rgba(35,48,164,.6);color:#000}.datatable .cellWithStatus.CANCELED{background-color:rgba(0,128,0,.05);color:red}.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}.new .newContainer h1{margin-bottom:0;margin-top:25px;padding-left:15px;padding-top:10px}.new .newContainer .bottom,.new .newContainer .top{width:100%}.new .newContainer .bottom .tableminor,.new .newContainer .top .tableminor{height:100px;padding-bottom:25px;padding-top:0;width:60%}.new .newContainer .bottom .right form .formInput h1,.new .newContainer .top .right form .formInput h1{padding-top:20px}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{font-size:18px}.new .newContainer .bottom .right form .formInput .searchable-dropdown,.new .newContainer .top .right form .formInput .searchable-dropdown{padding-left:15px;padding-top:15px;width:600px}.new .newContainer .bottom .right form .formInput .searchable-dropdown h3,.new .newContainer .top .right form .formInput .searchable-dropdown h3{color:#333;font-size:15px;margin-bottom:10px;text-align:center}.new .newContainer .bottom .right form .formInput .searchable-dropdown .react-select__control,.new .newContainer .top .right form .formInput .searchable-dropdown .react-select__control{border-color:#ccc!important;box-shadow:none!important}.new .newContainer .bottom .right form .formInput .searchable-dropdown .react-select__control:hover,.new .newContainer .top .right form .formInput .searchable-dropdown .react-select__control:hover{border-color:#888!important}.new .newContainer .bottom .right form .formInput .searchable-dropdown .react-select__menu,.new .newContainer .top .right form .formInput .searchable-dropdown .react-select__menu{box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:2}.new .newContainer .bottom .right form .formInput .searchable-dropdown .react-select__option--is-focused,.new .newContainer .top .right form .formInput .searchable-dropdown .react-select__option--is-focused{background-color:#b3f0ff!important;color:#000!important}.new .newContainer .bottom .right form .formInput .searchable-dropdown .react-select__option:not(.react-select__option--is-focused),.new .newContainer .top .right form .formInput .searchable-dropdown .react-select__option:not(.react-select__option--is-focused){background-color:#fff;color:#333}.new .newContainer .bottom .right form .formInput .searchable-dropdown p,.new .newContainer .top .right form .formInput .searchable-dropdown p{color:#555;font-size:14px;margin-top:10px;text-align:center}.new .newContainer .bottom .right form .formInput .searchable-dropdown p strong,.new .newContainer .top .right form .formInput .searchable-dropdown p strong{color:#000}.new .newContainer .bottom .right form .formInput .searchable-dropdown select,.new .newContainer .top .right form .formInput .searchable-dropdown select{overflow:scroll;padding:5px 10px;width:150px}.new .newContainer .bottom .right form .formInput .searchable-dropdown label,.new .newContainer .top .right form .formInput .searchable-dropdown label{align-items:start;border-radius:20px;gap:20px}.new .newContainer .bottom .right form .formInput .searchable-dropdown label input,.new .newContainer .top .right form .formInput .searchable-dropdown label input{margin-bottom:40px}.new .newContainer .bottom .right form .formInput .searchable-dropdown label .icon,.new .newContainer .top .right form .formInput .searchable-dropdown label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput .searchable-dropdown input,.new .newContainer .top .right form .formInput .searchable-dropdown input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:60%}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{height:30px}.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{display:flex;width:100%}.new .newContainer{flex:8 1}@media screen and (max-width:480px){.new .newContainer{width:100px}}@media screen and (max-width:1200px){.new .newContainer{width:250px}}.new .newContainer .error{color:#ef4444;font-size:20px;padding-left:60px}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px;width:1000px}@media screen and (max-width:480px){.new .newContainer .bottom,.new .newContainer .top{width:500px}}.new .newContainer .bottom .detailItem,.new .newContainer .top .detailItem{font-size:25px;margin-bottom:50px}.new .newContainer .bottom .detailItem .itemKey,.new .newContainer .top .detailItem .itemKey{color:gray;font-weight:700;margin-bottom:30px;margin-right: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 .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{gap:20px;grid-template-columns:1fr 100px;justify-content:space-between}@media screen and (max-width:480px){.new .newContainer .bottom .right form,.new .newContainer .top .right form{grid-template-columns:1fr 50px}}.new .newContainer .bottom .right form textarea,.new .newContainer .top .right form textarea{height:50px;width:400px}@media screen and (max-width:480px){.new .newContainer .bottom .right form textarea,.new .newContainer .top .right form textarea{width:200px}}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:700px}@media screen and (max-width:480px){.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:100px}}@media screen and (max-width:1200px){.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:250px}}.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput select{overflow:scroll;padding:5px 10px;width:150px}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:start;border-radius:20px;gap:20px}.new .newContainer .bottom .right form .formInput label input,.new .newContainer .top .right form .formInput label input{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;height:150px;margin-bottom:40px;padding:12px 15px;resize:vertical;width:100%}.new .newContainer .bottom .right form .formInput label input:focus,.new .newContainer .top .right form .formInput label input:focus{border-color:#66afe9;box-shadow:0 0 8px rgba(102,175,233,.6);outline:none}.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 button,.new .newContainer .top .right button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}
/*# sourceMappingURL=main.3ee7a70a.css.map*/