@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";:root{--font-roboto:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}html,body{font-family:var(--font-roboto)}a:visited{color:inherit}main{text-align:center}h1{margin:2em 0;font-size:2.5rem;font-weight:700}h2{text-align:center;margin:2em}table{border-collapse:collapse;width:90%;margin:0 auto}th{border-bottom:1px solid gray}td,th{text-align:left;padding:.5em}header{justify-content:center;min-height:90px;display:flex}.img-logo{filter:drop-shadow(20px 20px 25px #fff);width:200px}.img-profile{background-color:#e6e5e5;border-radius:50%}@media (width<=375px){.img-logo{width:150px}.img-profile{width:30px;height:30px}}.table-icon{text-align:left}table#send-case{border-collapse:collapse;border-spacing:0;border:1px solid #000;width:800px}table#send-case th,table#send-case td{text-align:center;border:1px solid #000;padding:5px}table#send-case th{color:#fff;background-color:#c0504d}table#send-case .perception{font-size:1.2em;font-weight:700}.file-upload h2{margin:32px 0 0;font-size:1.1rem;font-weight:500}.file-upload input[type=file]{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:4px;margin:20px;padding:10px 20px;transition:background-color .3s}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:65px 0;display:flex}.empty-state h3{font-weight:400}.error{gap:1rem}.error .detail{font-size:1.3em;font-weight:500}.error img{margin-top:30px}.main-page p{width:80%;margin:0 auto}@media (width<=576px){.main-page h1{font-size:1.7rem}}.login-form{flex-direction:column;align-items:center;gap:12px;margin:50px 0;display:flex}.new-agent span.alert{color:red;font-weight:600}.new-agent p{width:60%;margin:30px auto}.new-agent a.model{color:#fff;background-color:#1e1e1e;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:200px;margin:30px auto;padding:15px;text-decoration:none;display:flex}.new-agent a.model:hover{color:#1e1e1e;background-color:#fff;border:1px solid #1e1e1e}.new-agent form{justify-content:center;align-items:center;gap:10px;display:flex}@media (width<=768px){.new-agent form{flex-direction:column;gap:15px;margin:50px auto}.new-agent p{width:85%}}.new-case__form{grid-template:"input-one input-two"210px"input-three input-three"170px"text-area-container text-area-container"350px"btn-container btn-container"80px/1fr 1fr;gap:0;max-width:1000px;margin:0 auto;display:grid}.new-case__form .btn-container{justify-content:center;align-items:center;display:flex}.new-case__form .btn-container button{margin:0 15px}.btn-container{grid-area:btn-container}.text-area-container{grid-area:text-area-container}.input-one{grid-area:input-one}.input-one>*{width:300px}.input-two{grid-area:input-two}.input-two>*{width:300px}.input-three{grid-area:input-three}.input-three>*{width:300px}.input-three ul{flex-direction:column;width:80%;display:flex}.input-three ul li{text-align:left;justify-content:space-between;align-items:center;display:flex}.form__child{flex-direction:column;align-items:center;gap:15px;display:flex}#outlined-textarea{width:100%}.textarea-width-first{width:300px}.textarea-width-second{width:600px}@media (width<=685px){.new-case__form{grid-template:"input-one""input-two""input-three""text-area-container""btn-container"/100%;gap:20px}.new-case__form .btn-container{justify-content:center;align-items:center;display:flex}.new-case__form .btn-container button{margin:0 15px}.input-one{grid-area:input-one}.input-one>*{width:300px}.input-two{grid-area:input-two}.input-two>*{width:300px}.input-three{grid-area:input-three}.input-three>*{width:300px}.input-three ul{flex-direction:column;gap:15px;width:70%;display:flex}.input-three ul li{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.input-three ul li div{align-self:center}.form__child{flex-direction:column;align-items:center;gap:15px;display:flex}#outlined-textarea{width:100%}.textarea-width-first{width:300px}.textarea-width-second{width:600px}}.not-found h1{margin:30px}.not-found h2{margin:25px}.not-found img{width:300px}.results-section{margin:30px 0}.case-detail{background-color:#e2e5ed;padding:30px 0}.case-detail h2{margin:0 0 15px;font-size:1.5em;font-weight:600}.case-detail span:not(.MuiChip-label){text-decoration:underline}.case-detail__section{flex-wrap:wrap;justify-content:space-evenly;gap:15px;padding:15px;display:flex}.detail-card{background-color:#f3f3f5;border-radius:10px;flex-direction:column;justify-content:space-between;width:48%;min-width:450px;min-height:350px;padding:15px;display:flex;box-shadow:0 10px 10px #0000004d}.detail-card .small-text{color:#1976d2;margin:10px 0;font-size:.8em;font-weight:600}.detail-card .small-text li{justify-content:space-between;align-items:center;width:80%;margin:2px 0;display:flex}.detail-card .small-text li span:not(.MuiChip-label){padding-right:0}.detail-card ul{text-align:left}.detail-card ul li{margin:8px 0}.detail-card .chip{margin-left:30px}.detail-card span:not(.MuiChip-label){padding-right:5px;font-weight:600}.detail-card hr{margin:15px 0}.detail-card i{color:#09c228;filter:drop-shadow(0 2px 2px #000000b3);font-size:1.2em;font-style:normal}.detail-card .case-detail__icon,.detail-card .case-detail__icon-employeeId{color:#ebd917}.detail-card .case-detail__icon:hover,.detail-card .case-detail__icon-employeeId:hover{cursor:pointer;transition:transform .3s ease-in-out;transform:scale(1.1)}.detail-card .case-detail__icon-employeeId{color:#10108f}.detail-card .card-detail{width:75%;margin:0 auto;padding:10px}.detail-card .card-detail span{margin:5px 0;display:inline-block}.comment__section{margin:30px 0}.comment__section p{background-color:#f3f3f5;border-radius:10px;min-height:0;margin:15px 0;padding:15px;display:inline-block}@media (width<=944px){.case-detail__section{gap:40px;padding:0}.detail-card{min-width:inherit;width:80%}}.employee-detail{justify-content:space-around;max-width:1200px;margin:0 auto;display:flex}.employee-detail ul{flex-direction:column;gap:20px;display:flex}.employee-detail ul li{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;display:flex}.employee-detail ul li .commentary{font-size:.9em;font-style:italic}