:root{--app-font-family: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--app-font-size: 14px;--app-line-height: 1.5}html,body{font-family:var(--app-font-family);font-size:var(--app-font-size);line-height:var(--app-line-height)}:where(input,select,textarea,button){font:inherit}.View-input-field{font:inherit;line-height:inherit}.Text-input-field,.Dropdown-input-field,.View-input-field{padding:8px 12px;min-height:38px;box-sizing:border-box}.request-details{background-color:#fff;color:#000;border:1px;border:solid;border-color:#8e8e8e;border-radius:10px;display:grid;grid-template-rows:100%;grid-template-columns:85% 15%;box-shadow:0 .2vw .5vw gray;position:relative;width:100%;height:100%;font-size:12px;overflow:hidden}.left{display:grid;grid-template-rows:50% 50%}.right{display:grid;align-items:center;justify-items:center}.right>a{width:60%}.top{position:relative;display:grid;grid-template-rows:50% 50%;padding-left:2%;padding-top:1%;align-items:center}.bottom{display:grid;align-items:center;grid-template-columns:1.5fr 1.5fr .75fr;justify-items:start;padding-left:2%;gap:2%;overflow:hidden}.bottom>div{display:flex;align-items:center}.bottom>div .field-label{font-weight:700}.bottom>div .field-value{padding-left:10px;line-height:normal}.Edit-button{width:100%;height:100%;justify-self:center;align-self:center;border-radius:5px;max-width:150px;min-height:30px;background-color:#000;color:#f5f5f5;border:1px solid whitesmoke}.Edit-button:hover{background-color:#f1f1f1;color:#000;cursor:pointer}.delete-copy{color:#000;display:grid;grid-template-rows:50% 50%;width:100%;height:75%;justify-items:center;align-items:center;margin-left:10px}.spinner{width:40px;height:40px;border:4px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}.copy-spinner{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.delete-icon :hover{cursor:pointer;color:#787878}.search-bar{width:100%;justify-self:end;border-radius:30px;border-width:thin;text-align:center}input:focus::placeholder{color:transparent}.form{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(3rem,auto);margin:20px;height:75%;justify-content:center;align-items:start;align-content:center;justify-items:center;max-width:1000px;width:100%;justify-self:center;column-gap:10px;row-gap:15px}.item{grid-template-rows:auto 1fr;column-gap:12px;justify-content:center;width:80%;display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch}.item input[type=text],.item input[type=date],.item input[type=email],.item input[type=number],.item textarea,.item select{width:100%;padding:8px 12px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;margin:0}.item .label{font-size:18px}.time-sensitive{flex-direction:row;justify-content:flex-start}.employee{flex-wrap:nowrap;width:100%}.submitButton{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#000;color:#f5f5f5;border:none;border-radius:5px;text-decoration:none;white-space:nowrap;pointer-events:auto;font:inherit;min-width:80px;transition:background-color .2s ease,color .2s ease,width .25s ease-in-out}.submitButton:hover{cursor:pointer;background-color:#f1f1f1;color:#000}.submitButton:disabled{cursor:default;background-color:#f1f1f1;color:gray}.cancelExitButton{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#000;color:#f5f5f5;border:none;border-radius:5px;text-decoration:none;white-space:nowrap;pointer-events:auto;font:inherit;min-width:80px;transition:background-color .2s ease,color .2s ease,width .25s ease-in-out}.cancelExitButton:hover{cursor:pointer;background-color:#f1f1f1;color:#000}.cancelExitButton:disabled{cursor:default;background-color:#f1f1f1;color:gray}.cancel-anchor{display:inline-flex;align-items:flex-end;text-decoration:none;height:auto;width:auto}.button-row{position:sticky;z-index:10;bottom:0;padding-left:3rem;padding-top:1rem;padding-bottom:25px;padding-right:50px;display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;height:100%;pointer-events:none}.license-details{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:start;align-items:start;grid-template-rows:100%;grid-auto-rows:auto;height:200px;padding-bottom:1rem;width:100%;justify-self:center;justify-items:center;max-width:1000px;column-gap:50px}#licenseDetails.View-input-field{max-height:clamp(12rem,40vh,28rem);overflow:auto;overscroll-behavior:contain}.details-header{align-self:center;justify-self:center;font-weight:500}.last-row{padding-bottom:1rem}.required:after{content:" *";font-weight:500}.submitting{display:grid;grid-template-columns:100%;grid-template-rows:50% 50%;justify-content:center;align-items:center;justify-items:center}.submitting .spinner{align-self:start}.submitting>h3{align-self:end}.item--license-details{display:grid;grid-template-rows:auto 1fr;block-size:24rem}#licenseDetails.View-input-field{height:100%;overflow:auto;overflow-anchor:none;white-space:pre-wrap;word-break:break-word}.View-input-field{color:#291afb;border-width:0px;background-color:transparent}.Disabled-input-field{background-color:#d9d9d9;color:#000}.Text-input-field{pointer-events:auto;font-family:inherit}.Text-input-field:hover{cursor:auto}.Dropdown-input-field:hover,.Checkbox-input-field:hover{cursor:pointer}.gallery{display:grid;justify-items:center;justify-self:center;width:85%;grid-template-rows:15% 85%}.gallery>ul{padding:2% 0%;margin:0;width:100%;height:90%;display:grid;grid-auto-rows:20%;gap:3%;justify-items:center;border:1px solid;border-color:#585858;border-radius:10px;max-width:1000px;max-height:550px;overflow-y:auto;overflow-x:hidden;grid-template-columns:10% 80% 10%;list-style-type:none}.requests-area::-webkit-scrollbar{display:block;width:7px}.requests-area::-webkit-scrollbar-track{background:transparent}.requests-area::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-right:none;border-left:none;border-radius:15px}.requests-area::-webkit-scrollbar-track-piece:end{background:transparent;margin-bottom:15px}.requests-area::-webkit-scrollbar-track-piece:start{background:transparent;margin-top:15px}.requests-area{border:1px solid;border-color:#585858;border-radius:10px;max-width:1000px;max-height:72vh;overflow-y:auto;overflow-x:hidden}.requests-area>ul{display:grid;list-style-type:none;grid-auto-rows:20%;gap:3%;padding-inline-start:20px;min-height:600px;margin-top:30px}.requests-area>div{display:flex;justify-content:flex-end;align-content:flex-end;flex-direction:column-reverse;align-items:flex-end;margin-top:20px}.requests-area>ul>li{display:grid;grid-template-columns:95% 5%;align-items:center;min-height:115.38px;padding-right:10px}.gallery>ul>li{display:grid;grid-template-columns:95% 5%;width:80%;justify-items:center;align-items:center;height:100%;grid-template-rows:100%}.search-area{padding:0;margin:0;display:grid;justify-items:center;justify-self:center;align-items:end;width:100%;height:100%;grid-template-columns:50% 50%;grid-template-rows:100% 0%;max-width:1000px}.requests-area{display:grid;grid-template-columns:5% 95%;width:100%;max-width:1000px;max-height:72vh}.Requests{background-color:#000;color:#f5f5f5;font-size:20px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;height:30%;width:60%;border:0px;right:18%}.filter-button{align-self:center;justify-self:end;margin-right:20px;transition:fill .2s ease,color .2s ease,stroke .2s ease}.filter-button:hover{cursor:pointer}.filter-button.filled.hovered:hover{fill:#fff!important}.filter-button.unfilled.hovered:hover{fill:#000!important}.search-filter{display:grid;align-content:center;grid-template-columns:35% 65%;width:100%;height:30%;grid-template-rows:100%;transition:transform .2s ease}.dateRequestedButton{cursor:pointer;transition:transform .15s ease;color:#000;transform:rotate(0);position:sticky;top:0}.dateRequestedButton:hover{transform:scale(1.25)}.flash-message.success{padding:12px 16px;background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;border-radius:5px;margin-bottom:16px;height:20px;z-index:20;position:fixed;justify-self:center;margin-top:5rem;animation:fadeSlideInOut 5s ease forwards;width:100%;text-align:center}@keyframes fadeSlideInOut{0%{opacity:0;transform:translateY(-15px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.flip-vertical{transform:scaleY(-1)}.dateRequestedButton.flip-vertical:hover{transform:scaleY(-1) scale(1.25)}.instant-tooltip{position:relative;display:inline-flex;justify-content:flex-end;align-items:center}.filter-button:hover+.tip{opacity:1;transform:translate(-50%) translateY(0)}.tip{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(3px);background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s ease,transform .1s ease}body{margin:0}.App{display:grid;height:100vh}.main-page{display:grid;grid-template-rows:5% 95%}.main-page>form{display:grid;justify-content:center;grid-template-rows:auto auto;grid-template-columns:100%;margin-top:65px}.form,.license-details{height:auto}.main-page>form>div>hr{width:70%;height:.1px}.banner{position:sticky;top:0;z-index:10;background-color:#000;color:#fff;display:grid;justify-items:center;justify-content:center;align-items:center;grid-template-columns:25% 50% 25%;grid-template-rows:100%;height:80px}.logo-wrapper{max-height:100%;max-width:100%;display:flex;justify-content:center;align-self:center;justify-self:center;margin-top:10px;margin-bottom:10px}.logo{max-height:60%;max-width:60%;min-width:200px;min-height:40px}.welcome{display:grid;grid-template-columns:30% 35% 35%;width:80%;grid-template-rows:100%;align-items:center;align-content:center;justify-items:center;gap:10px}.welcome>div{display:flex;width:100%;justify-content:center}.welcome>div>a{width:100%}.welcome>div>span{font-size:small;text-align:center;align-self:center}.new-request{width:100%;height:100%;justify-self:center;align-self:center;border-radius:5px;max-width:150px;min-height:50px;background-color:#000;color:#f5f5f5;border:1px solid whitesmoke}.new-request:hover{background-color:#f1f1f1;color:#000;cursor:pointer}.signOut{margin-left:5px;width:100%;height:100%;justify-self:center;align-self:center;border-radius:5px;max-width:150px;min-height:50px;background-color:#000;color:#f5f5f5;border:1px solid whitesmoke}.signOut:hover{background-color:#f1f1f1;color:#000;cursor:pointer}