.bgc-primary{background-color:#7f8fa6}.bgc-secondary{background-color:#c4c4c4}.bgc-success{background-color:#78e08f}.bgc-warning{background-color:#eccc68}.bgc-danger{background-color:#ff6b81}.bgc-error{background-color:#fda088!important}.bdr-primary{border-color:#182c61!important}.bdr-success{border-color:#00b894!important}.bdr-warning{border-color:#ffa502!important}.bdr-danger{border-color:#e84118!important}.bdr-secondary{border-color:#7f8fa6!important}.txt-primary{color:#7f8fa6}.txt-secondary{color:#c4c4c4}.txt-success{color:#78e08f}.txt-warning{color:#eccc68}.txt-danger{color:#ff6b81}.txt-black{color:#000}.txt-white{color:#fff}button:disabled,button:disabled:hover,.btn.disabled{box-shadow:none;color:gray}.btn{display:inline-flex;border-radius:.6rem;border:3px solid;margin:.8rem .5rem;width:max-content;box-shadow:0 3px 10px #000,0 0 6px #000 inset;transition:.05s ease}.btn:hover{box-shadow:0 0 6px #000,0 0 6px #000 inset}.btn:active{box-shadow:0 0 6px #000,0 0 6px 3px #ffe9c07e inset;text-shadow:0 0 6px 0 black,0 0 6px 3px rgba(255,233,192,.4941176471) inset}.btn:focus{outline:none;box-shadow:0 0 6px #000,0 0 6px 3px #ffe9c07e inset;text-shadow:0 0 6px 0 black,0 0 6px 3px rgba(255,233,192,.4941176471) inset}.btn-txt{border:2px solid #182c61;border-left:none;border-radius:0 2rem 2rem 0;display:inline-flex;overflow:hidden}.btn__text{display:inline-flex;align-items:center;height:100%;padding:.5rem .8rem}.btn__icon{display:inline-flex;align-items:center;background-color:#0000001a;padding:.5rem}.btn-primary{background-color:#7f8fa6;border-color:#182c61;color:#fff}.btn-secondary{background-color:#c4c4c4;border-color:#7f8fa6;color:#fff}.btn-success{background-color:#78e08f;border-color:#00b894;color:#fff}.btn-danger{background-color:#ff6b81;border-color:#e84118;color:#fff}.btn-warning{background-color:#eccc68;border-color:#ffa502;color:#fff}a,a:visited{color:#0059ff}.field{display:grid;grid-template-columns:1fr;gap:1em;align-items:center;margin:1rem}.field .error{color:#ff6b81;text-align:right}.multi-switch-field{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;justify-items:center;align-items:center}.multi-switch-field .switch-field{display:flex;align-items:center;justify-content:center}.multi-switch-field .switch-field .label{margin:0 .5rem}.label{cursor:default}.required:after{content:" *";font-family:sans-serif;color:red}.txt:focus{border-color:#7f8fa6}.txt{border:2px solid #182c61;border-radius:.6rem;padding:.5rem 1rem;background-color:#dcdde1;height:2.5rem}.input-wrapper{display:inline-flex;align-items:center}.input-wrapper .prefix{display:flex;align-items:center;padding:0 .5rem;height:2.5rem;background-color:#c4c4c4;color:#000;border-width:2px 0 2px 2px;border-style:solid;border-color:#182c61;border-radius:.5rem 0 0 .5rem}.input-wrapper .txt{border-radius:0 .5rem .5rem 0}table,th,td{border-collapse:collapse}table{width:100%}.table-header{background-color:#182c61}.table-header th{padding:10px}.actions-cell{display:grid;justify-content:center;padding:5px 0}.actions-cell .actions{display:grid;grid-template-columns:max-content max-content;gap:5px}tbody tr{border-bottom:1px solid #182c61}tbody tr td{padding:10px}.txt-area{border:2px solid #182c61;resize:vertical;border-radius:.6rem;padding:.5rem 1rem;background-color:#dcdde1}.react-select-container{background-color:#fff;border:2px solid #182c61;border-radius:.6rem}.react-select-container .react-select__control{border-radius:.6rem;background-color:transparent;height:100%}.react-select-container .react-select__menu{border:1px solid #182c61;color:#000}.search{display:inline-flex;align-items:center}.search .txt-button-left{border:none;border-radius:2rem 0 0 2rem;margin-left:0;height:2.5em}.search .txt-search{border-radius:0;border:none;margin-left:0;margin-right:0;height:2.5em}.search .txt-button-right{border:none;border-radius:0 2rem 2rem 0;margin-right:0;height:2.5em}.search .txt-button-left:disabled,.search .txt-button-right:disabled{background-color:#c4c4c4;color:#000}.hr{border-bottom:1px solid black;margin:0 10px}.inactive{pointer-events:none;color:#a9a9a9}.icon.inactive{color:#c4c4c4!important}.clickable{cursor:pointer}.hidden{display:none!important}:focus{outline:1px dotted}.row{display:flex;height:100%}.col{width:100%;display:flex;flex-direction:column}.full-width{width:100%!important}.full-height{min-height:100%}.width-max-content{width:max-content}.width-min-content{width:min-content}.flex{display:flex}.flex-column{flex-direction:column}.block{display:block}.justify-content-left{justify-content:start}.justify-content-center{justify-content:center}.justify-content-right{justify-content:end}.justify-content-space-between{justify-content:space-between}.align-center{align-items:center}.center{text-align:center!important}.right{text-align:right!important}.left{text-align:left!important}.justify{text-align:justify}.margin-auto-sides{margin-left:auto;margin-right:auto}.no-border{border:none!important}.no-padding{padding:0!important}.no-margin{margin:0!important}.padding-10{padding:10px}.margin-10-sides{margin:0 10px}.padding-20{padding:20px}.padding-10-right{padding-right:10px}.padding-10-left{padding-left:10px}.padding-20-left{padding-left:20px}.padding-20-right{padding-right:20px}.common-component{background-color:#354151;border:2px solid #182c61;box-shadow:0 4px 15px #000;padding:1rem;margin:1rem}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Roboto,sans-serif;color:#fff;background-color:#272b38;font-size:12px}.body-wrapper{min-height:100vh;min-width:200px;display:grid;grid-template-rows:max-content 1fr max-content}.screen-layout{height:auto;margin:210px 20px 10px 10px}@media (min-width: 600px){.screen-layout{height:auto;margin:100px 20px 10px 210px}.common-component{scale:1}.field{grid-template-columns:120px 1fr}.field .error{grid-column:1/span 2}}@media (min-width: 800px){.container-vertical-center{height:99.66vh;display:flex;flex-direction:column;justify-content:center}}@media (min-width: 1366px){.container{margin:0 auto;max-width:1366px}}.dashboard-page .score-board-comp{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 1.3em;justify-items:center}.dashboard-page .task-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:0 1.3em;justify-items:center}.breadcrumbs-wrapper{width:max-content;max-width:320px;margin:.3rem 0;position:sticky;top:201px;padding:10px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#0009;border-radius:.6rem;z-index:50}.breadcrumbs{display:flex;z-index:101}.breadcrumbs a{text-decoration:none}@media (min-width: 600px){.breadcrumbs-wrapper{top:90px}}.score-card{width:250px;margin-top:50px;text-align:right;position:relative}.score-card .score-card-icon{font-size:4em;background-color:#182c61;width:max-content;padding:10px;display:flex;position:absolute;bottom:75px;box-shadow:3px 3px 10px #000}.task-list-comp{width:max-content;max-width:500px;height:max-content}.task-list-comp table,.task-list-comp th,.task-list-comp td{border-collapse:collapse}.task-list-comp .table-header{background-color:#182c61}.task-list-comp .table-header th{padding:5px 10px}.task-list-comp tbody tr{border-bottom:1px solid #182c61}.task-list-comp tbody tr td{padding:10px}.side-bar-wrapper{width:50px;position:fixed;top:0;left:0;z-index:100}.side-bar-wrapper .btn-menu{padding:5px;display:block;background-color:#000;color:#fff;border:none;box-shadow:none;cursor:pointer}.side-bar-wrapper .btn-menu:hover{background-color:#ffffff1a}.side-bar-wrapper .side-bar{background-color:#182b6199;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #000;margin:10px 10px 10px 0;padding:10px 0;width:165px;border-radius:.5rem;position:fixed;top:50px;left:0;display:grid;grid-template-rows:max-content max-content;gap:30px;overflow-y:scroll;transition:all .4s ease}.side-bar-wrapper .side-bar .user-info{margin:10px;display:flex;flex-direction:column;align-items:center}.side-bar-wrapper .side-bar .user-info .user-thumbnail-wrapper{height:100px;width:100px;display:flex;justify-content:center;border:1px solid black;border-radius:50%;overflow:hidden;background-color:#c4c4c4;margin-bottom:10px}.side-bar-wrapper .side-bar .user-info .user-thumbnail-wrapper .user-thumbnail{height:100px}.side-bar-wrapper .side-bar .user-info h3{text-align:center;color:#fff}.side-bar-wrapper .side-bar nav{display:grid}.side-bar-wrapper .side-bar nav .nav-link{padding:10px 5px 10px 30px;color:#fff;text-decoration:none;transition:background-color .4s ease}.side-bar-wrapper .side-bar nav .nav-link.inactive{color:#7f8fa6}.side-bar-wrapper .side-bar nav .nav-link:hover{background-color:#ffffff4d}.side-bar-wrapper .side-bar nav .nav-link:hover.inactive{background-color:none}.side-bar-wrapper .side-bar nav .nav-link:active{font-weight:700}.side-bar-wrapper .side-bar::-webkit-scrollbar{display:none}.side-bar-wrapper .side-bar.show-side-bar{transform:scaleX(1);transform-origin:left;opacity:1}.side-bar-wrapper .side-bar.hide-side-bar{transform:scaleX(0);transform-origin:left;opacity:0}@media (min-width: 600px){.side-bar-wrapper .btn-menu{display:none}.side-bar-wrapper .side-bar{border-radius:0;-webkit-backdrop-filter:unset;backdrop-filter:unset;margin-left:10px;position:fixed;top:90px;bottom:0}.side-bar-wrapper .side-bar.hide-side-bar{transform:scaleX(1);transform-origin:left;opacity:1}}.header{position:fixed;top:0;left:0;right:0;height:max-content;min-width:320px;background-color:#272b38;box-shadow:0 4px 15px #000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:100}.header .header-logo-wrapper{margin:10px 20px;background-color:#fff}.header .header-logo-wrapper .header-logo{height:70px;padding:5px;background-color:#fff}.header .header-btn{border:none;background-color:#272b38;padding:.5rem 1rem;margin:0 10px;color:#fff;cursor:pointer}@media (min-width: 600px){.header{height:90px;min-width:600px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header .header-logo-wrapper{margin:0 20px}.header .header-logo-wrapper .header-logo{height:70px;padding:5px}.header .header-controls{margin:0 20px;display:block}}.customers-page .controls{display:grid;grid-template-columns:1;justify-items:start}.customers-page .all-customers-display{margin:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:1.5rem}@media (min-width: 500px){.customers-page .controls{grid-template-columns:max-content max-content;gap:1rem}}.card-comp{box-shadow:0 4px 15px #000;background-color:#354151;width:max-content;max-width:250px;height:max-content;overflow:hidden;border-radius:.8rem}.card-comp .card-image{width:250px;border-bottom:4px solid #182c61}.card-comp .card-content{margin:15px}.new-customer-form,.customer-profile-page .collapse-component{max-width:600px}.customer-profile-page .collapse-component .detail{font-size:1.1em;margin:.4em 0}.customer-profile-page .customer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em 3em}.collapse-component{background-color:#7f8fa6;color:#000;border-radius:.6rem;overflow:hidden;margin:1rem 0;min-width:300px}.collapse-component .message{margin:1rem;text-align:center}.collapse-component .panel .title{background-color:#718093;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.collapse-component .panel .title .icon{margin-right:.5rem;font-size:1.5em}.collapse-component .panel .title-link{text-decoration:none;border-radius:3px;padding:1rem;background-color:#ffffff4d;transition:background-color .4s ease}.collapse-component .panel .title-link:hover{background-color:#fff3}.collapse-component .panel .body{height:1px;padding:0 1em;overflow:hidden;transition-property:all;transition-duration:.3s}.collapse-component .panel .body.expand{padding:1rem;height:max-content;transition-property:all;transition-duration:.3s}.new-contact-form,.categories-page .collapse-component{max-width:600px}.categories-page .collapse-component .detail{font-size:1.1em;margin:.4em 0}.new-category-form{max-width:600px}.Job-board-page .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.Job-board-page .controls .txt{margin:1em 0}@media (min-width: 800px){.Job-board-page .controls{grid-template-columns:repeat(auto-fill,280px);gap:0em;justify-items:center;align-items:center;margin:1em}}.job-board{margin:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em 1em;justify-items:center}.task{background-color:#808e9b;width:99%;height:max-content;margin:3px;border-radius:.6rem;overflow:hidden;position:relative}.task .stamp-wrapper{padding:2px;position:absolute;rotate:-20deg;background-color:#0000004d;border-radius:.4rem;top:4px;right:10%;z-index:0;overflow:hidden}.task .stamp-wrapper .stamp{padding:.3rem .1rem;border:1px solid red;border-radius:.35rem;color:red;width:max-content}.task .task-header{display:flex;justify-content:space-between;min-height:35px}.task .task-body{display:flex;justify-content:space-between}.task .description{margin:.3rem .5rem;font-size:.85em;height:1.9rem;width:100%;overflow:hidden}.task .title-wrapper{display:flex;flex-direction:column;padding-left:.5em;justify-content:center}.task .title-wrapper .job-no{margin:.2rem .6rem}.task .title-wrapper .title{margin:.2rem .6rem;height:2.1rem;overflow:hidden}.task .customer{margin:0rem .6rem}.task .links-wrapper-bottom{align-items:end}.task .push-right{justify-content:end}.task .links-wrapper{display:grid;grid-template-columns:1fr auto;z-index:1}.task .links-wrapper .link{font-size:1.2em;margin-left:1px;height:35px;width:26px;display:flex;align-items:center;justify-content:center;color:#000;border:none;border-radius:3px;background-color:#0003;cursor:pointer;transition:background-color .4s ease}.task .links-wrapper .link:hover{background-color:#0000004d}.task .links-wrapper .link:disabled{background-color:#808e9b;color:#78e08f;cursor:auto}.task-list{width:300px}.task-list .sub-task{padding-left:1em}.task-list .sub-task.sub-task-animated{transform:scaleY(0);transform-origin:top center;height:0;opacity:0}.task-list .sub-task.show-sub-task-animated,.task-list:hover .sub-task.sub-task-animated{height:max-content;opacity:1;transform:scaleY(1);transition:all .4s ease}.new-job-form{max-width:600px}.new-job-form .link-wrapper{display:flex;justify-content:end;padding:0 1rem}.new-job-form .link-wrapper .link{text-decoration:none}.item-form .field .field-actions-wrapper{display:grid;grid-template-columns:1fr max-content;align-items:center}.item-form .field .field-actions-wrapper .txt{border-radius:.6rem 0 0 .6rem}.item-form .field .field-actions-wrapper .btn{margin:0;height:max-content;border-radius:0 .6rem .6rem 0;box-shadow:3px 1px 6px #000,0 0 6px #000 inset}.item-form .field .field-actions-wrapper .btn:hover{box-shadow:0 0 6px #000,0 0 6px #000 inset}.item-form .field .field-actions-wrapper .btn:active{box-shadow:0 0 6px #000,0 0 6px 3px #ffe9c07e inset;text-shadow:0 0 6px 0 black,0 0 6px 3px rgba(255,233,192,.4941176471) inset}.item-form .field .field-actions-wrapper .btn:focus{outline:none}.item-form .field .field-actions-wrapper .btn:disabled{box-shadow:none}.edit-job-form{width:600px}.job-progress-update-form,.job-complete-form{max-width:600px}.job-complete-form .parts-list{padding:.6rem;border:1px inset white;border-radius:.5rem;position:relative}.job-complete-form .parts-list .title{position:absolute;top:-.5rem;left:.5rem;background-color:#354151;padding:0 .5rem}.job-complete-form .parts-list .parts-array-field{display:grid;grid-template-columns:4fr 1fr max-content;gap:10px;align-items:center}.job-complete-form .parts-list .parts-array-field .field{display:grid;grid-template-columns:max-content 1fr;gap:10px;align-items:center;margin:0}.job-complete-form .parts-list .parts-array-field .field .txt-tiny{width:5em}.job-page{max-width:1060px}.job-page .components{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:1rem}.job-info{max-width:1030px}.job-info .sub-task-info-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.job-history{max-width:600px;min-width:300px;max-height:600px;overflow:hidden}.job-history .timeline-wrapper{margin:20px 0;max-width:600px;min-width:300px;max-height:500px;overflow:scroll}.job-history .timeline-wrapper::-webkit-scrollbar{display:none}.job-sticker-component{width:max-content}.job-sticker-component h2{margin-bottom:.8rem}.job-sticker-component .job-sticker-wrapper{width:75mm;height:45mm;background-color:#fff;color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.job-sticker-component .job-sticker-wrapper .job-sticker{width:70mm;height:40mm;overflow:hidden;margin:auto}.job-sticker-component .job-sticker-wrapper .job-sticker .customer{font-size:10pt;height:2.5rem;margin-top:.4rem;border:1px solid black;overflow:hidden}.job-sticker-component .job-sticker-wrapper .job-sticker .service-level{display:flex;justify-content:space-between;margin:.4rem 0}.job-sticker-component .job-sticker-wrapper .job-sticker .checks{display:flex;align-items:center}.job-sticker-component .job-sticker-wrapper .job-sticker .checks p{margin-left:6px}.job-sticker-component .job-sticker-wrapper .job-sticker .contact-info{display:flex;align-items:center;margin:.4rem 0;text-align:center;width:max-content}.job-sticker-component .job-sticker-wrapper .job-sticker .contact-info .logo{width:2.5rem;height:2.5rem;margin:0 6px}.job-card-component{width:max-content;height:max-content}.job-card-component h2{margin-bottom:.8rem}.job-card-component .job-card{width:210mm;height:100mm;background-color:#fff;color:#000;padding:5mm;display:flex;flex-direction:column;justify-content:space-between}.job-card-component .job-card .job-card-table{border-collapse:collapse;width:100%;margin-bottom:5px}.job-card-component .job-card .job-card-table .job-card-row{border:0}.job-card-component .job-card .job-card-table .job-card-row .job-card-logo-image{width:120px;padding:5px 10px}.job-card-component .job-card .job-card-table .cell-with-borders{border:1px solid black;padding:5px 10px}.job-card-component .job-card .job-card-table .cell-with-dotted-border-bottom{border-bottom:.16em dotted black;padding:5px 0}@media (max-width: 1080px){.job-card-component .job-card{display:none}}.users .collapse-component{max-width:600px}.users .collapse-component .user-details{display:grid;grid-template-columns:100px 1fr;gap:1em 3em;align-items:center;margin-top:5px}.users .collapse-component .user-details .detail{font-size:1.1em;margin:.4em 0}.users .collapse-component .user-details .avatar-wrapper{height:100px;width:100px;display:flex;justify-content:center;align-items:center;border:1px solid black;border-radius:50%;overflow:hidden}.users .collapse-component .user-details .avatar-wrapper .avatar{height:100px}.create-user-form{max-width:500px;height:max-content}.new-user-group-form{max-width:600px}.edit-user .edit-user-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,530px));gap:1rem;justify-items:center}.add-profile-picture{max-width:max-content;height:max-content}.add-profile-picture .image-comp-wrapper{position:relative;overflow:hidden;width:250px;height:250px;border:1px solid black;border-radius:50%;display:flex;justify-content:center;align-items:center}.add-profile-picture .btn-img-chg{position:absolute;left:82px;top:200px}.add-profile-picture .image-wrapper-extra{border:1px solid black;border-radius:50%;width:250px;height:250px}.add-profile-picture .image-wrapper-extra .profile-pic-extra{min-width:300px;max-width:600px;max-height:300px}.add-profile-picture .image-wrapper-extra .button-extra{border-radius:50%;margin:0}.add-profile-picture .image-wrapper-extra .button-extra:hover{background-color:#fff3}.upload__image-wrapper .add_remove{border:5px dashed gray;background-color:#0003;border-radius:.5em;padding:3em;display:flex;flex-direction:column;align-items:center;height:250px;width:250px;z-index:1}.upload__image-wrapper .btn-img-chg{position:absolute;left:82px;top:200px}.upload__image-wrapper .image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.upload__image-wrapper .image-wrapper .image-Style{position:absolute}.change-password{max-width:500px;height:max-content}.job-archives-page .rangeSelector{max-width:800px;margin-top:10px}.date-range-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,380px))}.job-assign-form{max-width:600px}.job-assign-form .job-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));min-width:350px}.invoicing-page{max-width:800px}.non-generated-invoices .invoice-header,.generated-invoices .invoice-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.create-invoice-form,.add-item-to-invoice-form{max-width:600px}.add-item-to-invoice-form .serial-nos{padding:.6rem;border:1px inset white;border-radius:.5rem;position:relative}.add-item-to-invoice-form .serial-nos .title{position:absolute;top:-.5rem;left:.5rem;background-color:#354151;padding:0 .5rem}.add-item-to-invoice-form .serial-nos-array-field{display:grid;grid-template-columns:4fr max-content;gap:10px;align-items:center}.add-item-to-invoice-form .serial-nos-array-field .field{display:grid;grid-template-columns:max-content 1fr;gap:10px;align-items:center;margin:0}.add-item-to-invoice-form .serial-nos-array-field .field .txt-tiny{width:5em}.search-invoices,.items-page .category-display-section,.items-page .categories-display{max-width:800px}.items-page .categories-display .categories{display:flex;flex-wrap:wrap}.items-page .categories-display .categories .category{background-color:#7f8fa6;padding:.2rem;width:max-content;border:1px solid #c4c4c4;border-radius:.5rem;margin:.3rem .2rem}.brands-list-header-wrapper{display:flex;align-items:center;margin:.5rem 0}.brands-list-header-wrapper .search{margin:0 .5rem}.bulk-add-display{width:max-content;max-width:1000px}.dropzone{border:5px dashed gray;border-radius:1em;padding:5em;margin-bottom:1em;cursor:pointer;transition:all .4s}.file-details{margin:.2em 0}.file-details:hover{cursor:pointer;color:#ff6b81}.dropzone:hover{border-color:#182c61}.add-item-category-form,.add-item-brand-form,.add-item-form{max-width:600px}.login-page{height:100vh;display:grid;align-items:center;justify-content:center}.login-page .login{width:320px}.login-page .company-logo{display:flex;justify-content:center}@media (min-width: 600px){.login-page .login{width:600px}.login-page .login .txt.password{font-size:large}.login-page .company-logo{margin:20px;padding:10px;background-color:#fff}}