.login-container{grid-template-areas:"logo logo""header header""info-text.""form.""footer.";justify-content:space-around;display:grid}.login-container .logo-header{grid-area:logo}.login-container h2{grid-area:header}.login-container .info-text{grid-area:info-text}.login-container form{background-color:#fdfafa;grid-area:form;width:20%;height:80%;margin:2%;padding-bottom:auto}.login-container .login-label{margin-top:5%;margin-bottom:5%}.login-container footer{grid-area:footer;margin-top:1%}.login-container #email,.login-container #password{width:90%}
form{align-items:left;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:left;padding:20px;box-shadow:0 2px 5px #0000001a}form label{color:#333;font-size:large}form input{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:large}form select{font-size:larger}form button{padding:10px 15px}button{color:#fff;cursor:pointer;background-color:#5e7461;border:none;border-radius:4px;padding:10px 15px;font-size:large}button:hover{background-color:#4a5b4a}button:disabled{cursor:not-allowed;background-color:#ccc}.form-grid{grid-row-gap:1vh;grid-column-gap:1vh;grid-template:"text_1 text_1 text_1 text_1 text_1""email_label input search_result search_result search_result"".button. . .""text_2 text_2 text_2 text_2 text_2""label_1 input_1 label_2 input_2 input_2""label_3 input_3 label_4 label_4 input_4"".button_1. . .""text_3 text_3 text_3 text_3 text_3"/.15fr .2fr .35fr .2fr 1fr;max-width:1370px;display:grid}#info-text-1{grid-area:text_1}#form-e-mail{grid-area:email_label;align-self:center;width:fit-content;margin-right:5%}#e-post{grid-area:input;width:90%}button{grid-area:button;max-width:fit-content;padding-left:10%;padding-right:10%}#info-text-2{grid-area:text_2}input{font-size:larger}#form-choose-position{grid-area:label_1;align-self:center}#position{grid-area:input_1;max-width:max-content}#form-choose-department{grid-area:label_2}#department{grid-area:input_2;max-width:55%}#form-choose-start-date{grid-area:label_3;align-self:center}#start-date{grid-area:input_3;max-width:max-content}#form-end-date{grid-area:label_4;align-self:center}#form-checkbox-end-date{grid-area:label_4;place-self:center right;margin-left:25px;margin-right:5%;transform:scale(2)}#end-date{grid-area:input_4;max-width:max-content}#form-submit-button{grid-area:button_1;max-width:fit-content}#searchResult{grid-area:search_result;align-self:center;margin-top:0%;margin-bottom:0%}#info-text-3{grid-area:text_3;margin-top:2vh}
table{border-collapse:collapse;text-align:left;background-color:#f9f9f9;border:1px solid #ddd;width:100%;margin:20px 0;font-family:Arial,sans-serif;font-size:large;overflow-x:auto;box-shadow:0 2px 5px #0000001a}table th{color:#fff;text-transform:uppercase;letter-spacing:.1em;background-color:#5e7461;padding:12px 15px}table td{border-bottom:1px solid #ddd;padding:12px 15px}table tr:nth-child(2n){background-color:#f2f2f2}table tr:hover{background-color:#e9f5e9}table button{font-size:large}table .loading-cell{text-align:center;vertical-align:middle;padding-left:110px}