@import url(https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,900&display=swap);body{margin:0;padding:0;font-family:sans-serif}.App{font-family:Segoe UI;font-weight:200;height:100vh;width:100vw}.App #admin{background-color:#f1f3f7;display:flex;height:100%;width:100%}.App #admin .enquiries{padding-left:48px!important;background-color:#f1f3f7}.App #admin .enquiries .dash-body-items,.App #admin .enquiries .dash-headers{grid-template-columns:repeat(9,1fr)}.App #admin .enquiries .dash-body-items .cancel-btn{display:flex;justify-content:center;align-items:center}.App #admin .enquiries .dash-body-items .cancel-btn button{border:none;background-color:#f36;border-radius:.3em;font-weight:700;color:#f1f3f7;padding:8px}.App #admin .all-jobs{display:flex;flex-direction:column;justify-content:flex-start;padding:16px;width:100%}.App #admin #admin-side{min-width:13vw;width:15vw;background-color:#1c222d;height:100%}.App #admin #admin-side,.App #admin #admin-side #profile{display:flex;flex-direction:column;align-items:center}.App #admin #admin-side #profile h1{color:#fff;text-align:center;font-weight:100}.App #admin #admin-side #profile .avatar{height:100px;width:100px;border-radius:50%;background-color:#f36}.App #admin #admin-side #profile .role{color:#fff}.App #admin #admin-side #profile .role span{font-size:1.7em}.App #admin #admin-side .nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:3em;padding:8px}.App #admin #admin-side .nav .logout,.App #admin #admin-side .nav a{color:#fff;font-size:1.5em;text-decoration:none;background-color:#161b24;border-radius:.2em;margin-bottom:.5em;width:100%;padding:12px;-webkit-transition:.2s;transition:.2s}.App #admin #admin-side .nav .logout:hover,.App #admin #admin-side .nav a:hover{background-color:#282e42}.App #admin #admin-side .nav .logout{border:none;background:none;text-align:start}.App #admin #a-dash{display:flex;flex-direction:column;justify-content:flex-start;padding:16px 16px 16px 48px;width:100%}.App #admin #a-dash h1{color:#1c222d;font-size:3em;font-weight:700;background-blend-mode:difference}.App #admin #a-dash .dash-content{width:100%;display:flex;flex-direction:column;justify-content:space-around;height:90%}.App #admin #a-dash .dash-content .forms{display:flex;width:95%;justify-content:flex-start;position:relative}.App #admin #a-dash .dash-content .forms .change-form,.App #admin #a-dash .dash-content .forms .confirm-form,.App #admin #a-dash .dash-content .forms .link-form{padding:20px;background-color:#fff;height:20vh;width:45%;border-radius:.3em;display:flex;flex-direction:column;margin-right:2em;z-index:1}.App #admin #a-dash .dash-content .forms .change-form p,.App #admin #a-dash .dash-content .forms .confirm-form p,.App #admin #a-dash .dash-content .forms .link-form p{font-size:32px;font-weight:700;margin-bottom:.5em}.App #admin #a-dash .dash-content .forms .change-form form,.App #admin #a-dash .dash-content .forms .confirm-form form,.App #admin #a-dash .dash-content .forms .link-form form{display:flex;justify-content:flex-start}.App #admin #a-dash .dash-content .forms .change-form form .input-box select:focus,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box select:focus,.App #admin #a-dash .dash-content .forms .link-form form .input-box select:focus{outline:none}.App #admin #a-dash .dash-content .forms .change-form form .input-box select option,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box select option,.App #admin #a-dash .dash-content .forms .link-form form .input-box select option{background-color:#fff;border:none}.App #admin #a-dash .dash-content .forms .change-form form .input-box input,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box input,.App #admin #a-dash .dash-content .forms .link-form form .input-box input{border:none;background-color:#f1f3f7;border-radius:.2em;height:2.5em;padding:.5em;width:90%}.App #admin #a-dash .dash-content .forms .change-form form .input-box input:focus,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box input:focus,.App #admin #a-dash .dash-content .forms .link-form form .input-box input:focus{outline:none}.App #admin #a-dash .dash-content .forms .change-form form .input-box label,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box label,.App #admin #a-dash .dash-content .forms .link-form form .input-box label{font-weight:700}.App #admin #a-dash .dash-content .forms .change-form form button,.App #admin #a-dash .dash-content .forms .confirm-form form button,.App #admin #a-dash .dash-content .forms .link-form form button{align-self:flex-end;font-weight:700;padding:8px;border:none;height:2.5em;background-color:#f52a57;color:#fff;border-radius:.2em;-webkit-transition:.5s;transition:.5s}.App #admin #a-dash .dash-content .forms .change-form form button:hover,.App #admin #a-dash .dash-content .forms .confirm-form form button:hover,.App #admin #a-dash .dash-content .forms .link-form form button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 1rem 0 rgba(255,51,102,.4)}.App #admin #a-dash .dash-content .pickup{background-color:#f1f3f7;height:70%;width:100%;align-self:flex-start;border-radius:.3em;padding:16px}.App #admin #a-dash .dash-content .pickup h1{color:#000;font-size:2em}.App .alogin-page #back-box{background:-webkit-linear-gradient(50deg,#dd032a 10%,#dd0339)!important;background:linear-gradient(40deg,#dd032a 10%,#dd0339)!important;box-shadow:0 .35rem 1rem 0 rgba(221,3,57,.4)!important}.App .alogin-page #back-box #login-box button{display:inline-flex;align-items:center;box-shadow:0 .35rem 1rem 0 rgba(221,3,57,.4)!important;background:-webkit-linear-gradient(315deg,#dd032a 10%,#dd0339)!important;background:linear-gradient(135deg,#dd032a 10%,#dd0339)!important}.App .alogin-page,.App .login-page,.App .register-page{height:100vh;width:100vw;display:flex;justify-content:center}.App .alogin-page #back-box,.App .login-page #back-box,.App .register-page #back-box{margin-top:1em;border-radius:.5em;width:95vw;height:65vh;background:-webkit-gradient(linear,left top,right top,from(#4625ca),to(#4a14ff));background:-webkit-linear-gradient(left,#4625ca,#4a14ff);background:linear-gradient(90deg,#4625ca,#4a14ff);color:#fff;box-shadow:0 .35rem 1rem 0 rgba(51,65,255,.4);display:flex;flex-direction:column;justify-content:space-around;align-items:center}.App .alogin-page #back-box img,.App .login-page #back-box img,.App .register-page #back-box img{height:100px}.App .alogin-page #back-box #reg-text,.App .login-page #back-box #reg-text,.App .register-page #back-box #reg-text{font-size:2em}.App .alogin-page #back-box #welcome,.App .login-page #back-box #welcome,.App .register-page #back-box #welcome{font-size:3.5em;font-weight:bolder}.App .alogin-page #back-box #login-box,.App .login-page #back-box #login-box,.App .register-page #back-box #login-box{color:#333;background-color:#fff;width:25%;height:90%;border-radius:.5em;margin-bottom:-12em;box-shadow:0 .35rem 1.2rem 0 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding-right:2.5em;padding-left:2.5em}.App .alogin-page #back-box #login-box h4,.App .login-page #back-box #login-box h4,.App .register-page #back-box #login-box h4{font-size:3.3em}.App .alogin-page #back-box #login-box button,.App .login-page #back-box #login-box button,.App .register-page #back-box #login-box button{display:inline-flex;align-items:center;align-self:center!important;border:none;color:#fff;font-size:2em;border-radius:.1em;background-color:#4a14ff;box-shadow:0 .35rem 1rem 0 rgba(51,65,255,.4);font-weight:700;padding-left:.8em;padding-right:.8em;margin-bottom:1em}.App .alogin-page #back-box #login-box .form-box,.App .login-page #back-box #login-box .form-box,.App .register-page #back-box #login-box .form-box{margin-top:0;display:flex;flex-direction:column;justify-content:space-between;height:50%;width:100%}.App .alogin-page #back-box #login-box .form-box input,.App .login-page #back-box #login-box .form-box input,.App .register-page #back-box #login-box .form-box input{border:none;background-color:#f1f3f7;border-radius:.2em;width:100%;height:2.5em;padding:.5em}.App .alogin-page #back-box #login-box .form-box label,.App .login-page #back-box #login-box .form-box label,.App .register-page #back-box #login-box .form-box label{font-weight:700}.App .alogin-page #back-box #register-box,.App .login-page #back-box #register-box,.App .register-page #back-box #register-box{color:#333;background-color:#fff;width:45%;height:120%;border-radius:.5em;margin-bottom:-12em;box-shadow:0 .35rem 1.2rem 0 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1em}.App .alogin-page #back-box #register-box h4,.App .login-page #back-box #register-box h4,.App .register-page #back-box #register-box h4{font-size:3.3em}.App .alogin-page #back-box #register-box button,.App .login-page #back-box #register-box button,.App .register-page #back-box #register-box button{display:inline-flex;align-items:center;align-self:center!important;border:none;color:#fff;font-size:2em;border-radius:.1em;background-color:#4a14ff;box-shadow:0 .35rem 1rem 0 rgba(51,65,255,.4);font-weight:700;padding-left:.8em;padding-right:.8em;margin-top:2em}.App .alogin-page #back-box #register-box .form-box,.App .login-page #back-box #register-box .form-box,.App .register-page #back-box #register-box .form-box{margin-top:1em;display:flex;flex-direction:row;justify-content:space-around;height:100%;width:100%}.App .alogin-page #back-box #register-box .form-box .cols,.App .login-page #back-box #register-box .form-box .cols,.App .register-page #back-box #register-box .form-box .cols{display:flex;flex-direction:column}.App .alogin-page #back-box #register-box .form-box .cols input,.App .login-page #back-box #register-box .form-box .cols input,.App .register-page #back-box #register-box .form-box .cols input{border:none;background-color:#f1f3f7;border-radius:.2em;width:100%;height:2.5em;padding:.5em;margin-bottom:8px}.App .alogin-page #back-box #register-box .form-box .cols label,.App .login-page #back-box #register-box .form-box .cols label,.App .register-page #back-box #register-box .form-box .cols label{font-weight:700;margin-bottom:4px}.App #cust{background-color:#f1f3f7;height:100%;width:100%;display:flex}.App #cust .side-bar{background-color:#4a14ff;height:100%;width:15vw}.App #cust .side-bar,.App #cust .side-bar #profile{display:flex;flex-direction:column;align-items:center}.App #cust .side-bar #profile h1{color:#fff;text-align:center;font-weight:100;padding:8px}.App #cust .side-bar #profile .avatar{height:100px;width:100px;border-radius:50%;background-color:#f36}.App #cust .side-bar #profile .role{color:#fff}.App #cust .side-bar #profile .role span{font-size:1.7em}.App #cust .side-bar .nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:3em}.App #cust .side-bar .nav .logout,.App #cust .side-bar .nav a{color:#fff;font-size:1.5em;text-decoration:none;width:100%;padding:12px;-webkit-transition:.2s;transition:.2s}.App #cust .side-bar .nav .logout:hover,.App #cust .side-bar .nav a:hover{background-color:#291aa4}.App #cust .side-bar .nav .logout{border:none;background:none;text-align:start}.App #cust .dashboard{height:100%;width:100%;display:flex;flex-direction:column;padding:16px 16px 16px 48px}.App #cust .dashboard h1{padding-bottom:8px;font-weight:700;font-size:3em;color:#1e222f}.App #cust .dashboard .dash-content{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-around}.App #cust .dashboard .dash-content .pending-jobs{height:35%}.App #cust .dashboard .dash-content .active-jobs{height:60%}.App #cust .dashboard .dash-content .active-jobs,.App #cust .dashboard .dash-content .pending-jobs{width:80vw;border-radius:.3em;padding:16px}.App #cust .dashboard .dash-content .active-jobs h1,.App #cust .dashboard .dash-content .pending-jobs h1{font-size:32px;color:#000}.change-page{background-image:url(https://i.imgur.com/NiAzsgC.png);height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.change-page #change-box{color:#333;background-color:#fff;width:25%;height:80%;border-radius:.5em;box-shadow:0 .35rem 1.2rem 0 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding-right:3em;padding-left:3em}.change-page #change-box h4{font-size:3.3em}.change-page #change-box button{display:inline-flex;align-items:center;align-self:center!important;border:none;color:#fff;font-size:2em;border-radius:.1em;background-color:#4a14ff;box-shadow:0 .35rem 1rem 0 rgba(51,65,255,.4);font-weight:700;padding-left:.8em;padding-right:.8em}.change-page #change-box .form-box{margin-top:2em;display:flex;flex-direction:column;justify-content:space-between;height:50%;width:100%}.change-page #change-box .form-box input{border:none;background-color:#f1f3f7;border-radius:.2em;width:100%;height:2.5em;padding:.5em}.change-page #change-box .form-box label,.modal-item{font-weight:700}.modal-item{display:flex;flex-direction:column;color:#000}@media only screen and (max-width:500px){.modal-item{display:flex;flex-direction:column;color:#000;font-weight:700}.dash-headers{display:none!important}.dash-body-items,.dash-headers{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto}.child{display:none!important}.reg-link{font-size:16px}.register-page #back-box{width:100%!important;height:100%!important}.register-page #back-box #register-box{width:100%!important;height:100vh!important;box-shadow:none!important}.register-page #back-box #register-box .form-box{flex-direction:column!important}.register-page #back-box #register-box .form-box button{margin:0 0 .5em}.logout{text-align:center!important}.change-page #change-box{width:100%;height:100%}.App{height:100%}.App .alogin-page #back-box,.App .login-page #back-box{width:100%;margin-top:0;border-radius:0}.App .alogin-page #back-box #welcome,.App .login-page #back-box #welcome{font-size:2.5em;text-align:center;margin-top:1em}.App .alogin-page #back-box #reg-text,.App .login-page #back-box #reg-text{font-size:1.7em;width:70%;text-align:center}.App .alogin-page #back-box #login-box,.App .login-page #back-box #login-box{width:90%;padding:0 2em 2em}.App .alogin-page #back-box #login-box h4,.App .login-page #back-box #login-box h4{font-size:2.5em}.App .alogin-page #back-box #login-box button,.App .login-page #back-box #login-box button{display:inline-flex;align-items:center;font-size:1.5em}.App #cust{flex-direction:column}.App #cust .dashboard{padding:16px}.App #cust .dashboard .dash-content .active-jobs,.App #cust .dashboard .dash-content .pending-jobs{width:100%;height:100%;margin-bottom:16px}.App #cust .enquiry .enquiry-box{padding:1.5em}.App #cust .enquiry .enquiry-box form .last-row{flex-direction:column}.App #cust .enquiry .enquiry-box form .last-row button{font-size:1.5em;border-radius:.2em;width:100%;padding:8px;display:block}.App #cust .enquiry .enquiry-box form .brand-model{flex-direction:column;height:22vh}.App #cust .enquiry .enquiry-box form .brand-model input{width:100%}.App #cust .side-bar{width:100%;font-size:.9em}.App #cust .side-bar .nav{margin:0;text-align:center}.App #admin{flex-direction:column;width:100%}.App #admin #admin-side{font-size:.9em;width:100%}.App #admin #admin-side .nav{margin:8px;text-align:center}.App #admin #a-dash{width:100%;padding:16px;background-color:#f1f3f7}.App #admin #a-dash .dash-content{width:100%}.App #admin #a-dash .dash-content .pickup{width:100%;overflow:scroll}.App #admin #a-dash .dash-content .forms{flex-direction:column;width:100%}.App #admin #a-dash .dash-content .forms .change-form,.App #admin #a-dash .dash-content .forms .confirm-form,.App #admin #a-dash .dash-content .forms .link-form{padding:16px;background-color:#fff;height:35vh;width:100%;border-radius:.3em;display:flex;flex-direction:column;margin-right:0;z-index:1;margin-bottom:16px}.App #admin #a-dash .dash-content .forms .change-form p,.App #admin #a-dash .dash-content .forms .confirm-form p,.App #admin #a-dash .dash-content .forms .link-form p{font-size:32px;font-weight:700;margin-bottom:20px}.App #admin #a-dash .dash-content .forms .change-form form,.App #admin #a-dash .dash-content .forms .confirm-form form,.App #admin #a-dash .dash-content .forms .link-form form{display:flex;justify-content:flex-start;flex-direction:column}.App #admin #a-dash .dash-content .forms .change-form form .input-box input,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box input,.App #admin #a-dash .dash-content .forms .link-form form .input-box input{border:none;background-color:#f1f3f7;border-radius:.2em;height:2.5em;padding:.5em;width:100%}.App #admin #a-dash .dash-content .forms .change-form form .input-box label,.App #admin #a-dash .dash-content .forms .confirm-form form .input-box label,.App #admin #a-dash .dash-content .forms .link-form form .input-box label{font-weight:700;margin-bottom:4px}.App #admin #a-dash .dash-content .forms .change-form form button,.App #admin #a-dash .dash-content .forms .confirm-form form button,.App #admin #a-dash .dash-content .forms .link-form form button{margin-top:20px;align-self:center;font-weight:700;padding:8px;width:100%;border:none;height:2.5em;background-color:#f52a57;color:#fff;border-radius:.2em;-webkit-transition:.5s;transition:.5s;box-shadow:none}.App #admin #a-dash .dash-content .forms .change-form form button:hover,.App #admin #a-dash .dash-content .forms .confirm-form form button:hover,.App #admin #a-dash .dash-content .forms .link-form form button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 1rem 0 rgba(255,51,102,.4)}}#ord-hist{justify-content:center;align-items:center}#ord-hist,.containers{width:100%;display:flex}.containers{flex-direction:column;padding:16px;max-height:100vh;background-color:#fff}.containers h1{font-weight:700}.all-box{overflow:scroll}.head-title{display:flex;flex-direction:row}.head-title .loader{-webkit-transition:.5s;transition:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#f36;height:50px;width:50px;border-radius:50%;-webkit-animation-name:pulse;animation-name:pulse}th{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-top:none!important;font-size:1.2em;background-color:#fff}table{margin-top:10px;width:100%}table tbody{overflow:scroll}table tr{background-color:#fff}table tr td{vertical-align:initial!important}table tr td span{display:block;width:10em;word-wrap:break-word;white-space:normal;font-weight:700}.tableData{font-size:15px}.date-time-div input{padding:4px}.date-time-div #set-time{display:flex}#set-date,.cfm{font-weight:700;padding:8px;border:none;height:2.5em;background-color:#4a14ff;color:#fff;border-radius:.3em;-webkit-transition:.5s;transition:.5s;width:100px}.cfm{background-color:#34eb89}.form-control{margin-top:8px;background-color:#f2f2f2;border:none}input{border:none;border-radius:.3em;background-color:#f1f3f7}.active-jobs::-webkit-scrollbar,.all-box::-webkit-scrollbar,.dash-item::-webkit-scrollbar{width:0;height:0;background:transparent}.active-jobs::-webkit-scrollbar-thumb,.all-box::-webkit-scrollbar-thumb,.dash-item::-webkit-scrollbar-thumb{background:#f2f2f2;width:0;height:0;background:transparent}.confirm-date{font-weight:700;padding:4px;border:2px solid #4a14ff;background-color:#fff;color:#4a14ff;border-radius:.3em;-webkit-transition:.5s;transition:.5s;margin-top:8px}.enquiry{display:flex;justify-content:center;align-items:center;width:100%;font-weight:700;background-image:url(https://i.imgur.com/NiAzsgC.png)}.enquiry .enquiry-box{height:50em;padding:3em;background-color:#fff;box-shadow:0 .35rem 1.2rem 0 rgba(0,0,0,.1);width:30em;border-radius:.3em}.enquiry .enquiry-box #upload-text{margin-bottom:0}.enquiry .enquiry-box input{height:2.5em;padding:.5em}.enquiry .enquiry-box form{display:flex;flex-direction:column;justify-content:space-around;height:90%}.enquiry .enquiry-box form button{display:inline-flex;align-items:center;align-self:center!important;border:none;color:#fff;border-radius:.3em;background-color:#4a14ff;box-shadow:0 .35rem 1rem 0 rgba(51,65,255,.4);font-weight:700;padding-left:.8em;padding-right:.8em}.enquiry .enquiry-box form .item-desc{display:flex;flex-direction:column-reverse}.enquiry .enquiry-box form .brand-model{display:flex;justify-content:space-between}.enquiry .enquiry-box form .brand-model div{display:flex;flex-direction:column-reverse}.enquiry .enquiry-box form .brand-model div input{width:95%}.enquiry .enquiry-box form .fault-desc{display:flex;flex-direction:column-reverse}.enquiry .enquiry-box form .fault-desc textarea{height:6em;border:none;background-color:#f1f3f7;border-radius:.3em}.enquiry .enquiry-box h4{font-size:3em}.last-row{justify-content:space-between}.last-row,.last-row .urgency{display:flex;align-items:center}.last-row .urgency input{margin-right:.5em}.last-row .urgency label{margin:0}.submit-btn{display:inline-flex!important;align-items:center!important}.reg-link{border:3px solid #fff;padding:.5em;border-radius:.5em;color:#fff!important}.reg-link:hover{color:#4a14ff!important;background-color:#fff}a{text-decoration:none!important;font-weight:bolder}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,102,.3)}70%{box-shadow:0 0 0 10px rgba(255,51,102,.3)}to{box-shadow:0 0 0 0 rgba(255,51,102,.2)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,102,.3)}70%{box-shadow:0 0 0 10px rgba(255,51,102,.3)}to{box-shadow:0 0 0 0 rgba(255,51,102,.2)}}hr{border:1px solid #4625ca;opacity:1;width:100%;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.admin-hr{border:1px solid #d00a70}.logo{height:64px;margin-top:36px;margin-bottom:24px}.error{color:#d00a0a;margin-left:8px}.dash-item{width:100%;height:100%;text-align:center;overflow-x:scroll}.dash-item .dash-body-items,.dash-item .dash-headers{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto;grid-column-gap:10px;margin-bottom:10px;padding:16px}.dash-item .dash-body-items{background-color:#fff;border-radius:.3em;font-weight:700}.dash-item .dash-body-items span.dash-header{display:flex;justify-content:center;align-items:center;word-break:break-all}.status-select{border:none;background-color:#f1f3f7;border-radius:.2em;height:2.5em;padding:.5em;width:90%}
/*# sourceMappingURL=main.533e288a.chunk.css.map */