.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{border:3px solid;border-radius:.6rem;width:max-content;margin:.8rem .5rem;transition:all 50ms;display:inline-flex;box-shadow:0 3px 10px #000,inset 0 0 6px #000}.btn:hover{box-shadow:0 0 6px #000,inset 0 0 6px #000}.btn:active{text-shadow:0 0 6px 0 black, 0 0 6px 3px #ffe9c07e inset;box-shadow:0 0 6px #000,inset 0 0 6px 3px #ffe9c07e}.btn:focus{text-shadow:0 0 6px 0 black, 0 0 6px 3px #ffe9c07e inset;outline:none;box-shadow:0 0 6px #000,inset 0 0 6px 3px #ffe9c07e}.btn-txt{border:2px solid #182c61;border-left:none;border-radius:0 2rem 2rem 0;display:inline-flex;overflow:hidden}.btn__text{align-items:center;height:100%;padding:.5rem .8rem;display:inline-flex}.btn__icon{background-color:#0000001a;align-items:center;padding:.5rem;display:inline-flex}.btn-primary{color:#fff;background-color:#7f8fa6;border-color:#182c61}.btn-secondary{color:#fff;background-color:#c4c4c4;border-color:#7f8fa6}.btn-success{color:#fff;background-color:#78e08f;border-color:#00b894}.btn-danger{color:#fff;background-color:#ff6b81;border-color:#e84118}.btn-warning{color:#fff;background-color:#eccc68;border-color:#ffa502}a,a:visited{color:#0059ff}.field{grid-template-columns:1fr;align-items:center;gap:1em;margin:1rem;display:grid}.field .error{color:#ff6b81;text-align:right}.multi-switch-field{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-items:center;gap:10px;display:grid}.multi-switch-field .switch-field .label{margin:0 .5rem}.multi-switch-field .switch-field{justify-content:center;align-items:center;display:flex}.label{cursor:default}.required:after{content:" *";color:red;font-family:sans-serif}.txt:focus{border-color:#7f8fa6}.txt{background-color:#dcdde1;border:2px solid #182c61;border-radius:.6rem;height:2.5rem;padding:.5rem 1rem}.input-wrapper{align-items:center;display:inline-flex}.input-wrapper .prefix{color:#000;background-color:#c4c4c4;border:2px solid #182c61;border-right-width:0;border-radius:.5rem 0 0 .5rem;align-items:center;height:2.5rem;padding:0 .5rem;display:flex}.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{justify-content:center;padding:5px 0;display:grid}.actions-cell .actions{grid-template-columns:max-content max-content;gap:5px;display:grid}tbody tr{border-bottom:1px solid #182c61}tbody tr td{padding:10px}.txt-area{resize:vertical;background-color:#dcdde1;border:2px solid #182c61;border-radius:.6rem;padding:.5rem 1rem}.react-select-container{background-color:#fff;border:2px solid #182c61;border-radius:.6rem}.react-select-container .react-select__control{background-color:#0000;border-radius:.6rem;height:100%}.react-select-container .react-select__menu{color:#000;border:1px solid #182c61}.search{align-items:center;display:inline-flex}.search .txt-button-left{border:none;border-radius:2rem 0 0 2rem;height:2.5em;margin-left:0}.search .txt-search{border:none;border-radius:0;height:2.5em;margin-left:0;margin-right:0}.search .txt-button-right{border:none;border-radius:0 2rem 2rem 0;height:2.5em;margin-right:0}.search .txt-button-left:disabled,.search .txt-button-right:disabled{color:#000;background-color:#c4c4c4}.answer-wrapper{align-items:center;margin:10px;display:flex}.answer-wrapper .answer{border-top:2px solid #fff;border-bottom:5px double #fff;width:max-content;padding:5px}.hr{border-bottom:1px solid #000;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{height:100%;display:flex}.col{flex-direction:column;width:100%;display:flex}.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;margin:1rem;padding:1rem;box-shadow:0 4px 15px #000}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#fff;background-color:#272b38;font-family:Roboto,sans-serif;font-size:12px}.body-wrapper{grid-template-rows:max-content 1fr max-content;min-width:200px;min-height:100vh;display:grid}.screen-layout{height:auto;margin:150px 20px 10px 10px}@media (width>=600px){.screen-layout{height:auto;margin:100px 20px 10px 210px}.common-component{scale:1}.field{grid-template-columns:130px 1fr}.field .error{grid-column:1/span 2}}@media (width>=800px){.container-vertical-center{flex-direction:column;justify-content:center;height:99.66vh;display:flex}}@media (width>=1366px){.container{max-width:1366px;margin:0 auto}}.header{z-index:100;background-color:#272b38;flex-direction:column;justify-content:space-between;align-items:center;min-width:320px;height:max-content;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 15px #000}.header .header-logo-wrapper{background-color:#fff;margin:10px 20px}.header .header-logo-wrapper .header-logo{background-color:#fff;height:70px;padding:5px}.header .header-btn{color:#fff;cursor:pointer;background-color:#272b38;border:none;margin:0 10px;padding:.5rem 1rem}@media (width>=600px){.header{flex-direction:row;justify-content:space-between;align-items:center;min-width:600px;height:90px;display:flex}.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}}.side-bar-wrapper{z-index:100;width:50px;position:fixed;top:0;left:0}.side-bar-wrapper .btn-menu{color:#fff;box-shadow:none;cursor:pointer;background-color:#000;border:none;padding:5px;display:block}.side-bar-wrapper .btn-menu:hover{background-color:#ffffff1a}.side-bar-wrapper .side-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#182b6199;border-radius:.5rem;grid-template-rows:max-content max-content;gap:30px;width:165px;margin:10px 10px 10px 0;padding:10px 0;transition:all .4s;display:grid;position:fixed;top:50px;left:0;overflow-y:scroll;box-shadow:0 4px 15px #000}.side-bar-wrapper .side-bar .user-info{flex-direction:column;align-items:center;margin:10px;display:flex}.side-bar-wrapper .side-bar .user-info .user-thumbnail-wrapper{background-color:#c4c4c4;border:1px solid #000;border-radius:50%;justify-content:center;width:100px;height:100px;margin-bottom:10px;display:flex;overflow:hidden}.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{color:#fff;padding:10px 5px 10px 30px;text-decoration:none;transition:background-color .4s}.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-origin:0;opacity:1;transform:scaleX(1)}.side-bar-wrapper .side-bar.hide-side-bar{transform-origin:0;opacity:0;transform:scaleX(0)}@media (width>=600px){.side-bar-wrapper .btn-menu{display:none}.side-bar-wrapper .side-bar{-webkit-backdrop-filter:unset;backdrop-filter:unset;border-radius:0;margin-left:10px;position:fixed;top:90px;bottom:0}.side-bar-wrapper .side-bar.hide-side-bar{transform-origin:0;opacity:1;transform:scaleX(1)}}.calculations-page{max-width:1024px}.breadcrumbs-wrapper{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:50;background-color:#0009;border-radius:.6rem;width:max-content;max-width:320px;margin:.3rem 0;padding:10px;position:sticky;top:141px}.breadcrumbs{z-index:101;display:flex}.breadcrumbs a{text-decoration:none}@media (width>=600px){.breadcrumbs-wrapper{top:90px}}.battery-cal-form .discharge-curve-section{justify-content:center;display:grid}.battery-cal-form .discharge-curve-section .battery-discharge-curve{border-radius:1em;max-width:100%}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid #0000;border-bottom:5px solid #0000;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid #0000;border-right:5px solid #0000;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}.full-report .switch-with-two-labels{grid-template-columns:max-content max-content max-content;justify-content:center;align-items:center;gap:1em;margin:1em;display:grid}.full-report .discharge-curve-section{justify-content:center;display:grid}.full-report .discharge-curve-section .battery-discharge-curve{border-radius:1em;max-width:100%}.report-page table thead td{border:1px solid #182c61;padding:1em}.report-page table tbody tr{border:none}.report-page table tbody tr td{border:1px solid #182c61;padding:1em}.page-switcher{background-color:#182c61;border-radius:1em;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));justify-content:space-between;margin:1rem;display:grid;overflow:hidden;box-shadow:0 4px 15px #000}.page-switcher .menu-button{color:#fff;background-color:#0000;border:none;padding:1em}.page-switcher .menu-button.active,.page-switcher .menu-button:hover{background-color:#ffffff1a}.dropzone{cursor:pointer;border:5px dashed gray;border-radius:1em;margin-bottom:1em;padding:5em;transition:all .2s ease-in-out}.file-details{border-radius:3px;width:max-content;margin:.2em 0;padding:.3em .5em;transition:all .2s ease-in-out}.file-details:hover{cursor:pointer;color:#ff6b81;background-color:#0003}.dropzone:hover{border-color:#182c61}.customer-profile-page .collapse-component{max-width:600px}.customer-profile-page .collapse-component .detail{margin:.4em 0;font-size:1.1em}.customer-profile-page .customer-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em 3em;display:grid}.collapse-component{color:#000;background-color:#7f8fa6;border-radius:.6rem;min-width:300px;margin:1rem 0;overflow:hidden}.collapse-component .message{text-align:center;margin:1rem}.collapse-component .panel .title{cursor:pointer;background-color:#718093;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.collapse-component .panel .title .icon{align-items:center;margin-right:.5rem;font-size:1.5em;display:flex}.collapse-component .panel .title h3{align-items:center;display:flex}.collapse-component .panel .title-link{background-color:#ffffff4d;border-radius:3px;padding:1rem;text-decoration:none;transition:background-color .4s}.collapse-component .panel .title-link:hover{background-color:#fff3}.collapse-component .panel .body{height:1px;padding:0 1em;transition-property:all;transition-duration:.3s;overflow:hidden}.collapse-component .panel .body.expand{height:max-content;padding:1rem;transition-property:all;transition-duration:.3s}.customers-page .controls{grid-template-columns:1px;justify-items:start;display:grid}.customers-page .all-customers-display{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:1.5rem;margin:1rem;display:grid}@media (width>=500px){.customers-page .controls{grid-template-columns:max-content max-content;gap:1rem}}.card-comp{background-color:#354151;border-radius:.8rem;width:max-content;max-width:250px;height:max-content;overflow:hidden;box-shadow:0 4px 15px #000}.card-comp .card-image{border-bottom:4px solid #182c61;width:250px}.card-comp .card-content{margin:15px}.new-contact-form,.new-customer-form{max-width:600px}.dashboard-page .score-board-comp{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:0 1.3em;display:grid}.dashboard-page .task-section{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));justify-items:center;gap:0 1.3em;display:grid}.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}.score-card{border:none;border-radius:10px;width:250px;position:relative}.score-card .data-wrapper{border-left:2px solid #fff;padding-left:10px}.score-card .score-card-icon{background-color:#182c61;width:max-content;padding:10px;font-size:4em;display:flex;position:absolute;bottom:75px;box-shadow:3px 3px 10px #000}.edit-user .edit-user-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,530px));justify-items:center;gap:1rem;display:grid}.add-profile-picture{max-width:max-content;height:max-content}.add-profile-picture .image-comp-wrapper{border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative;overflow:hidden}.add-profile-picture .btn-img-chg{position:absolute;top:200px;left:82px}.add-profile-picture .image-wrapper-extra{border:1px solid #000;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{z-index:1;background-color:#0003;border:5px dashed gray;border-radius:.5em;flex-direction:column;align-items:center;width:250px;height:250px;padding:3em;display:flex}.upload__image-wrapper .btn-img-chg{position:absolute;top:200px;left:82px}.upload__image-wrapper .image-wrapper{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload__image-wrapper .image-wrapper .image-Style{position:absolute}.change-password,.create-user-form{max-width:500px;height:max-content}.housekeeping,.add-item-to-invoice-form{max-width:600px}.add-item-to-invoice-form .serial-nos{border:1px inset #fff;border-radius:.5rem;padding:.6rem;position:relative}.add-item-to-invoice-form .serial-nos .title{background-color:#354151;padding:0 .5rem;position:absolute;top:-.5rem;left:.5rem}.add-item-to-invoice-form .serial-nos-array-field{grid-template-columns:4fr max-content;align-items:center;gap:10px;display:grid}.add-item-to-invoice-form .serial-nos-array-field .field{grid-template-columns:max-content 1fr;align-items:center;gap:10px;margin:0;display:grid}.add-item-to-invoice-form .serial-nos-array-field .field .txt-tiny{width:5em}.create-invoice-form{max-width:600px}.invoicing-page{max-width:800px}.generated-invoices .invoice-header,.non-generated-invoices .invoice-header{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.search-invoices{max-width:800px}.date-range-form{grid-template-columns:repeat(auto-fit,minmax(300px,380px));display:grid}.add-item-brand-form,.add-item-category-form,.add-item-form{max-width:600px}.bulk-add-display{width:max-content;max-width:1000px}.items-page .category-display-section,.items-page .categories-display{max-width:800px}.items-page .categories-display .categories{flex-wrap:wrap;display:flex}.items-page .categories-display .categories .category{background-color:#7f8fa6;border:1px solid #c4c4c4;border-radius:.5rem;width:max-content;margin:.3rem .2rem;padding:.2rem}.brands-list-header-wrapper{align-items:center;margin:.5rem 0;display:flex}.brands-list-header-wrapper .search{margin:0 .5rem}.job-archives-page .rangeSelector{max-width:800px;margin-top:10px}.job-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:2em 1em;margin:1em;display:grid}.task{background-color:#808e9b;border-radius:.6rem;justify-content:space-between;width:99%;height:max-content;margin:3px;display:flex;position:relative;overflow:hidden}.task .actions-section{justify-content:space-between;gap:1px;display:grid}.task .actions-section .links-wrapper{z-index:1;grid-template-columns:1fr auto;justify-items:end;display:grid}.task .actions-section .links-wrapper .link{color:#000;cursor:pointer;background-color:#0003;border:none;border-radius:3px;justify-content:center;align-items:center;width:26px;height:35px;margin-left:1px;font-size:1.2em;transition:background-color .4s;display:flex}.task .actions-section .links-wrapper .link:hover{background-color:#0000004d}.task .actions-section .links-wrapper .link:disabled{color:#78e08f;cursor:auto;background-color:#808e9b}.task .stamp-wrapper{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:0;background-color:#0000004d;border-radius:.4rem;padding:2px;position:absolute;top:12px;right:20%;overflow:hidden;rotate:-20deg}.task .stamp-wrapper .stamp{color:red;border:1px solid red;border-radius:.35rem;width:max-content;padding:.3rem .1rem}.task .task-header{justify-content:space-between;min-height:35px;display:flex}.task .task-body{justify-content:space-between;display:flex}.task .description{width:100%;min-height:1rem;max-height:2.5rem;margin:.3rem .5rem;font-size:.85em;overflow:hidden}.task .title-wrapper{flex-direction:column;justify-content:center;padding-left:.5em;display:flex}.task .title-wrapper .job-no{margin:.2rem .6rem}.task .title-wrapper .title{height:2.1rem;margin:.2rem .6rem;overflow:hidden}.task .customer{margin:0 .6rem}.task .links-wrapper-bottom{align-items:end}.task .push-right{justify-content:end}.task-list{width:300px}.task-list .sub-task{padding-left:1em}.task-list .sub-task.sub-task-animated{transform-origin:top;opacity:0;height:0;transform:scaleY(0)}.task-list .sub-task.show-sub-task-animated,.task-list:hover .sub-task.sub-task-animated{opacity:1;height:max-content;transition:all .4s;transform:scaleY(1)}.new-category-form{max-width:600px}.edit-job-form{width:600px}.new-job-form{max-width:600px}.new-job-form .link-wrapper{justify-content:end;padding:0 1rem;display:flex}.new-job-form .link-wrapper .link{text-decoration:none}.item-form .field .field-actions-wrapper{grid-template-columns:1fr max-content;align-items:center;display:grid}.item-form .field .field-actions-wrapper .txt{border-radius:.6rem 0 0 .6rem}.item-form .field .field-actions-wrapper .btn{border-radius:0 .6rem .6rem 0;height:max-content;margin:0;box-shadow:3px 1px 6px #000,inset 0 0 6px #000}.item-form .field .field-actions-wrapper .btn:hover{box-shadow:0 0 6px #000,inset 0 0 6px #000}.item-form .field .field-actions-wrapper .btn:active{text-shadow:0 0 6px 0 black, 0 0 6px 3px #ffe9c07e inset;box-shadow:0 0 6px #000,inset 0 0 6px 3px #ffe9c07e}.item-form .field .field-actions-wrapper .btn:focus{outline:none}.item-form .field .field-actions-wrapper .btn:disabled{box-shadow:none}.job-assign-form{max-width:600px}.job-assign-form .job-details{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));min-width:350px;display:grid}.Job-board-page .controls{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.Job-board-page .controls .txt{margin:1em 0}@media (width>=800px){.Job-board-page .controls{grid-template-columns:repeat(auto-fill,300px);place-items:center;gap:1em;margin:1em}}.job-complete-form{max-width:600px}.job-complete-form .parts-list{border:1px inset #fff;border-radius:.5rem;padding:.6rem;position:relative}.job-complete-form .parts-list .title{background-color:#354151;padding:0 .5rem;position:absolute;top:-.5rem;left:.5rem}.job-complete-form .parts-list .parts-array-field{grid-template-columns:4fr 1fr max-content;align-items:center;gap:10px;display:grid}.job-complete-form .parts-list .parts-array-field .field{grid-template-columns:max-content 1fr;align-items:center;gap:10px;margin:0;display:grid}.job-complete-form .parts-list .parts-array-field .field .txt-tiny{width:5em}.job-page{max-width:1060px}.job-page .components{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:1rem;display:grid}.job-info{max-width:1030px}.job-info .sub-task-info-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.job-history{min-width:300px;max-width:800px;max-height:600px;overflow-y:scroll}.job-history .vertical-timeline-element--work .date{background-color:#9acd32;border-radius:.2em;margin:0 .8em;padding:.8em;width:max-content!important}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;padding:2em 0;position:relative}.vertical-timeline:after{content:"";clear:both;display:table}.vertical-timeline:before{content:"";background:var(--line-color);width:4px;height:100%;position:absolute;top:0;left:18px}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (width>=1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{margin-left:-2px;left:50%}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";clear:both;display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (width>=1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:.6s cd-bounce-1}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{box-shadow:none;background:0 0}.vertical-timeline-element-content:after{content:"";clear:both;display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";border:7px solid #0000;border-right-color:#fff;width:0;height:0;position:absolute;top:16px;right:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";top:16px;right:unset;border:7px solid #0000;border-left-color:#fff;width:0;height:0;position:absolute;left:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:unset;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content:before,.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (width>=768px){.vertical-timeline-element-content h2{font-size:1.25rem}.vertical-timeline-element-content p{font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.875rem}}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{width:44%;margin-left:0;padding:1.5em}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;left:auto;right:124%}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2}@media only screen and (width>=1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{animation:.6s cd-bounce-2-inverse}}@media only screen and (width<=1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2-inverse}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translate(-100px)}60%{opacity:1;-webkit-transform:translate(20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translate(-100px)}60%{opacity:1;-moz-transform:translate(20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2{0%{opacity:0;transform:translate(-100px)}60%{opacity:1;transform:translate(20px)}to{transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translate(100px)}60%{opacity:1;-webkit-transform:translate(-20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translate(100px)}60%{opacity:1;-moz-transform:translate(-20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translate(100px)}60%{opacity:1;transform:translate(-20px)}to{transform:translate(0)}}.job-card-component{width:max-content;height:max-content}.job-card-component h2{margin-bottom:.8rem}.job-card-component .job-card{color:#000;background-color:#fff;flex-direction:column;justify-content:space-between;width:210mm;height:100mm;padding:5mm;display:flex}.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 #000;padding:5px 10px}.job-card-component .job-card .job-card-table .cell-with-dotted-border-bottom{border-bottom:.16em dotted #000;padding:5px 0}@media (width<=1080px){.job-card-component .job-card{display:none}}.job-sticker-component{width:max-content}.job-sticker-component h2{margin-bottom:.8rem}.job-sticker-component .job-sticker-wrapper{color:#000;background-color:#fff;justify-content:center;align-items:center;width:75mm;height:45mm;display:flex;overflow:hidden}.job-sticker-component .job-sticker-wrapper .job-sticker{width:70mm;height:40mm;margin:auto;overflow:hidden}.job-sticker-component .job-sticker-wrapper .job-sticker .customer{border:1px solid #000;height:2.5rem;margin-top:.4rem;font-size:10pt;overflow:hidden}.job-sticker-component .job-sticker-wrapper .job-sticker .service-level{justify-content:space-between;margin:.4rem 0;display:flex}.job-sticker-component .job-sticker-wrapper .job-sticker .checks{align-items:center;display:flex}.job-sticker-component .job-sticker-wrapper .job-sticker .checks p{margin-left:6px}.job-sticker-component .job-sticker-wrapper .job-sticker .contact-info{text-align:center;align-items:center;width:max-content;margin:.4rem 0;display:flex}.job-sticker-component .job-sticker-wrapper .job-sticker .contact-info .logo{width:2.5rem;height:2.5rem;margin:0 6px}.job-progress-update-form,.categories-page .collapse-component{max-width:600px}.categories-page .collapse-component .detail{margin:.4em 0;font-size:1.1em}.active-contracts-component{max-width:800px}.active-contracts-component .items-section ol{margin-left:2em}.new-contract-form,.new-user-group-form,.users .collapse-component{max-width:600px}.users .collapse-component .user-details{grid-template-columns:100px 1fr;align-items:center;gap:1em 3em;margin-top:5px;display:grid}.users .collapse-component .user-details .detail{margin:.4em 0;font-size:1.1em}.users .collapse-component .user-details .avatar-wrapper{border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.users .collapse-component .user-details .avatar-wrapper .avatar{height:100px}.login-page{justify-content:center;align-items:center;height:100vh;display:grid}.login-page .login{width:320px}.login-page .company-logo{justify-content:center;display:flex}@media (width>=600px){.login-page .login{width:600px}.login-page .login .txt.password{font-size:large}.login-page .company-logo{background-color:#fff;margin:20px;padding:10px}}