@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--very-light-turquoise: #cbf6fc;--light-turquoise: #a8e0e8;--turquoise: #3cb8c2;--dark-turquoise: #0f848f;--very-dark-turquoise: #10575d;--light-green: #b7f3d8;--green: #70e6af;--green-2: #5be2a2;--dark-green: #0d393f;--very-light-grey: #dadada;--light-grey: #a5a5a5;--dark-grey: #323232ff;--pink: #f99aa1;--red: #f86f68;--orange: #f89e6a;--yellow: #f9e773;--status-pill-width: 120px}:root{--sidebar-width: 80px;--card-radius: 10px}html,body,#root,.App{margin:0;height:100%;min-height:100%;width:100%;display:flex;flex-direction:column;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header,nav,footer{flex:0 0 auto;height:fit-content}footer{height:60px;flex:0 0 auto;display:flex;justify-content:center;align-items:center}main{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto;background-color:#f5f5f5;align-items:stretch;padding:0;height:100%;min-height:0}main#desktop{scrollbar-gutter:stable}.page{flex:1 1 auto;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box}.workorders-content{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;background-color:#f5f5f5;align-items:center;width:100%;max-width:100%;min-width:0;gap:4px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main#desktop .workorders-content{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto 0;grid-template-areas:"table-actions-wrapper" "table-wrapper" "pagination-bar" "details-sidebar";width:100%;height:100%}.table-actions-wrapper{grid-area:table-actions-wrapper}main#desktop .table-actions-wrapper{margin-bottom:12px}.table-wrapper{grid-area:table-wrapper;height:100%;min-height:0;min-width:0;overflow-y:auto}.pagination-bar{grid-area:pagination-bar}aside.details-sidebar{grid-area:details-sidebar;height:100%;display:flex;background-color:#fff;min-height:350px;width:clamp(440px,38vw,640px);max-width:100%;min-width:0;margin:0;overflow:hidden;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 2px 4px #0000000f}aside.details-sidebar .content{flex:1;overflow-y:auto;background-color:#fff;padding-inline:12px;box-sizing:border-box}aside.details-sidebar .IconButton{background-color:transparent;box-shadow:none;margin:8px;z-index:3}aside.details-sidebar .IconButton:hover{filter:none;background-color:#0000000f}aside.details-sidebar .IconButton:active{background-color:#0000001a}.App{display:flex;flex-direction:column;height:100%;width:100%}.nav-sidebar{grid-area:sidebar}main{grid-area:main}header{grid-area:header}footer{grid-area:footer}body{font-family:Montserrat;font-size:.875rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600}h1,header a{font-size:clamp(1.6rem,1.55rem + .3vw,2rem);display:inline-flex;align-items:center}h2{font-size:clamp(1.35rem,1.3rem + .25vw,1.7rem)}h3{font-size:clamp(1.2rem,1.15rem + .2vw,1.45rem)}h4{font-size:clamp(1.05rem,1rem + .15vw,1.25rem)}h5{font-size:clamp(.95rem,.9rem + .1vw,1.1rem)}h6{font-size:clamp(.875rem,.85rem + .05vw,.95rem)}header h1 img{padding:6px;margin:4px;height:calc(2rem + .5vw);width:calc(2rem + .5vw)}.page-title{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:fit-content}.card{background-color:#fff;border-radius:var(--card-radius);border:1px solid var(--dark-green);box-shadow:0 2px 4px #0000001a;padding:10px;width:clamp(200px,90%,400px);max-height:100vh;overflow:hidden}.fit-content{height:fit-content;width:fit-content}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}a{text-decoration:none;color:var(--very-dark-turquoise)}a:hover{color:var(--dark-turquoise);text-decoration:underline;cursor:pointer}@media only screen and (min-width: 600px){.App{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar header header" "sidebar main details-sidebar" "sidebar footer footer";width:100%;height:100%}}@media only screen and (min-width: 1000px){main#desktop .workorders-content{grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"table-actions-wrapper details-sidebar" "table-wrapper details-sidebar" "pagination-bar details-sidebar";min-height:0;overflow:hidden}}.App-logo{height:40vmin;pointer-events:none}*::-webkit-scrollbar-track{background:none}*::-webkit-scrollbar-thumb{background-color:#16191d;border:4px solid transparent;border-radius:8px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#6b6b6b66}input[type=file]+label{border:1px solid #06b4c8;border-radius:10px;background-color:#06b4c8;color:#fff;padding:.5rem 1rem;margin-top:1rem;cursor:pointer}.loader-container{display:flex;justify-content:center;align-items:center}.map-wrapper{background-color:#fff;padding:10px;border-radius:5px;height:fit-content}.map-wrapper .mapboxgl-map{border-radius:4px;border:1px solid whitesmoke}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alertBox{border-bottom:1px solid #808080;font-size:smaller;z-index:1000}.container{max-width:100%;margin-left:auto;margin-right:auto;align-items:center;gap:3rem;display:inline-flex}.title{font-size:large;font-weight:700}.messageContent{padding-top:5px;flex-grow:1;margin-left:16rem;margin-right:auto}.button{height:2.5rem;border-radius:.25rem;padding-left:.75rem;padding-right:.75rem;color:#fff;width:80px;align-self:flex-end;margin-bottom:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.button:hover{background:var(--hover-color)!important}.button:active{opacity:.8}.box-shadow{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px}#fieldCaseForm{display:flex;gap:10px}.base-modal{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 8px 24px #0003;pointer-events:auto}.base-modal .IconButton{position:absolute;top:10px;right:10px;z-index:5;background-color:transparent;border:1px solid var(--very-light-grey);box-shadow:none}.base-modal .IconButton:hover{background-color:#0000000f}.base-modal .IconButton:active{background-color:#0000001a}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.modal-wrapper.show{opacity:1;visibility:visible;pointer-events:auto}.modal-header{margin-bottom:10px}.modal-footer{margin-top:10px}.modal-footer{height:fit-content;margin-top:10px}.base-modal .modal-content{position:relative;overflow-y:auto;overflow-x:hidden;min-width:0;pointer-events:auto}.base-modal{max-width:100%;max-height:90vh}.base-modal.xlarge{height:90vh;width:100vw}.base-modal.large{width:90vw}.base-modal.medium{width:70vw}.base-modal.small{width:50vw}@media (max-width: 600px){.base-modal{padding:10px 0 10px 10px}.base-modal.medium{width:90vw;max-height:80vh}.base-modal.small{width:90vw}}.IconButton{border-radius:99px;height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background-color:var(--dark-green);background-blend-mode:overlay;color:#fff}.IconButton:hover{filter:brightness(.8)}