#login-container{display:flex;justify-items:center;margin-top:35%;border:solid;border-color:#e5ecf4;width:min-content;padding:1em;align-items:center}#login-container #login-title{color:#e5ecf4;width:min-content;margin-right:.5em}#login-container #login-form{border:solid;border-width:1px;height:max-content;width:250px;padding:10px;position:relative;background-color:#e5ecf400;color:#e5ecf4;border-color:#ff0}#login-container #login-form #login-header{text-align:center;height:min-content;margin:15px}#login-container #login-form #form-content{display:grid;align-items:center}#login-container #login-form #form-content input{margin:10px}#login-container #login-form #login-button{right:0;bottom:0;float:right;color:#ff0;background-color:transparent;box-shadow:none}#login-container #login-form #login-button:hover{scale:1.2;color:#e5ecf4}@media only screen and (max-width: 800px){#login-container{display:flex;flex-direction:column;padding:0 10px 30px;border:none;margin-top:10vh;align-items:center}#login-container #login-title{font-size:small;align-self:flex-start;z-index:1;margin-top:5px;position:fixed;top:12.5vh;line-height:1;margin-left:10px}#login-container #login-form{padding-top:4rem}#login-container #login-form #login-header{margin:10px auto 10px 0}#login-container #login-form #form-content{display:grid;align-items:center}}#ticket-form{display:flex;background-color:#e5ecf4;justify-content:center;margin-top:1vh;padding:20px;color:#46494c}#ticket-form #form-content{display:grid;color:#46494c}#ticket-form #form-content #user-info{display:grid;justify-content:center;margin-bottom:15px;width:100%}#ticket-form #form-content #user-info #name-email{display:flex;margin-top:20px;width:min-content}#ticket-form #form-content #user-info #name-email #name{margin-right:1rem}#ticket-form #receipt-msg{font-size:small;width:50vw}#ticket-form #receipt-msg #back-button{float:right;left:10px;top:20px}#ticket-form #receipt-msg #back-button:hover{scale:1.1}#ticket-form #note{color:#427aa1;justify-self:end;margin:0;font-size:xx-small}#ticket-form h3{margin:0;text-align:center}#ticket-form label{margin-top:10px;font-size:x-small;font-weight:600}#ticket-form #description-container{display:grid}#ticket-form #description-container #description{width:80vw;max-width:550px;min-height:30vh;max-height:60vh;resize:vertical}#ticket-form #submit-button{display:flex;justify-self:flex-end;width:min-content;margin-top:10px;color:#427aa1}#ticket-form #submit-button:hover{scale:1.1}#right-content{display:grid;justify-items:right;line-height:.8}#right-content #welcome{text-align:right;width:100%;color:#ebf2fa;margin:10px auto 0}#right-content #logout-button{color:#ff0;margin:0;padding:0;width:max-content;align-self:right;text-decoration:none}#right-content #logout-button:hover{scale:1.1;color:#ebf2fa}@media only screen and (max-width: 800px){#welcome{margin-top:0}#user-info{justify-content:initial!important;height:min-content}#user-info #name-email{min-width:40vw;flex-direction:column;flex-wrap:wrap}#user-info .input-fields input{min-width:100%}}#dashboard-container #right-content{display:grid;justify-items:right;line-height:.8}#dashboard-container #right-content #welcome{text-align:right;width:100%;color:#ebf2fa;margin:10px auto 0}#dashboard-container #right-content #logout-button{color:#ff0;margin:0;padding:0;width:max-content;align-self:right;text-decoration:none}#dashboard-container #right-content #logout-button:hover{scale:1.1;color:#ebf2fa}#dashboard-container #dashboard-div{height:80vh;background-color:#dcdcdd}#dashboard-container #refresh-button{color:#ff0;float:left;top:6vh}#dashboard-container #refresh-button:hover{scale:1.1;color:#ebf2fa}#dashboard-container #refresh-circular-progress{float:left;margin:50px -100px auto 30px;padding:0}#dashboard-container #dashboard-header{color:#ebf2fa;text-align:right;justify-content:center;line-height:.5;padding-bottom:20px}@media only screen and (max-width: 800px){#dashboard-container{height:100vh}#dashboard-container #refresh-button{top:1.5vh}#dashboard-container #refresh-circular-progress{float:left;margin:10px -100px auto 50px;padding:0}#dashboard-container #dashboard-header{text-align:center}}#column-container{display:flex;min-height:70vh;position:relative}#column-container .column{border:solid;border-color:#2b4570;border-width:.5px;width:30vw;min-width:100px;height:80vh}#column-container .column .column-title{text-align:center;background-color:#d3d8d6;margin:-35px auto auto}#column-container .column .column-title .badge-counter{left:1rem;bottom:.2rem}#column-container .column .new{color:#f5f5f5;background-color:#448de5}#column-container .column .inprogress{color:#f5f5f5;background-color:#e8ab71}#column-container .column .resolved{color:#f5f5f5;background-color:#96d156}#column-container .column .column-content{overflow-y:scroll;scrollbar-width:thin;height:80vh;border-width:.1px}#column-container .column ::-webkit-scrollbar{width:8px}#column-container .column ::-webkit-scrollbar-track{background:#e7e5e2}#column-container .column ::-webkit-scrollbar-thumb{background-color:#a6a6ab;border-radius:20px;border:none}@media only screen and (max-width: 800px){#column-container{height:max-content;font-size:smaller}#column-container .column{height:100vh}#column-container .column .badge-counter{display:none}}#card-container{height:max-content;margin:5px;font-size:x-small}#card-container:hover{cursor:pointer;scale:1.05;box-shadow:-1em 0 .4em #0a240f58,-1em 0 .4em #0a240f58}#card-container .card-content{background-color:#f5f5f5;padding:12px;height:max-content}#card-container .card-content label{margin-top:10px}#card-container .card-content p{font-size:x-small;margin:0;word-wrap:break-word}#Box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;background-color:#f5f5f5;border:2px solid #000;box-shadow:24;padding:20px}#Box label{font-size:x-small}#Box h4{text-align:center;margin-bottom:0}#Box p{font-size:x-small}#Box button{float:right;color:#427aa1}#Box button:hover{scale:1.1}#Box #modal-new{color:#165fb9;text-align:center;margin-top:0}#Box #modal-inprogress{color:#bd7735;text-align:center;margin-top:0}#Box #modal-resolved{text-align:center;color:#1a791a;margin-top:0}#Box #modal-description{max-height:300px;overflow-y:auto;font-size:x-small;word-wrap:break-word}#Box #modal-subject{word-wrap:break-word}@media only screen and (max-width: 1024px){#Box{width:70vw}}#update-modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min-content;background-color:#f5f5f5;border:2px solid #000;box-shadow:24;padding:10px}#update-modal-box #modal-title{margin:0}#update-modal-box #response-input{min-height:30vh;max-height:550px;width:50vw;max-width:500px;resize:vertical}#update-modal-box button{float:right;color:#427aa1}#update-modal-box button:hover{scale:1.1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;display:flex;justify-content:center;background-color:#2b4570;color:#575857}p{font-size:small;color:#575857}label{color:#666769;font-weight:650}