.login-container{display:grid;grid-template-areas:"logo   logo" "header header" "info-text  ." "form   ." "footer .";justify-content:space-around}.login-container .logo-header{grid-area:logo}.login-container h2{grid-area:header}.login-container .info-text{grid-area:info-text}.login-container form{grid-area:form;margin:2%;padding-bottom:auto;height:80%;width:20%;background-color:#fdfafa}.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{flex-direction:column;align-items:left;justify-content:left;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}form label{font-size:large;color:#333}form input{font-size:large;padding:10px;border:1px solid #ccc;border-radius:4px}form select{font-size:larger}button,form button{padding:10px 15px}button{background-color:#5e7461;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:large}button:hover{background-color:#4a5b4a}button:disabled{background-color:#ccc;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:.15fr .2fr .35fr .2fr 1fr;grid-template-rows:auto;grid-template-areas:"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";grid-row-gap:1vh;grid-column-gap:1vh;max-width:1370px}#info-text-1{grid-area:text_1}#form-e-mail{grid-area:email_label;width:-moz-fit-content;width:fit-content;align-self:center;margin-right:5%}#e-post{grid-area:input;width:90%}button{grid-area:button;padding-left:10%;padding-right:10%;max-width:-moz-fit-content;max-width:fit-content}#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-checkbox-end-date,#form-end-date{grid-area:label_4;align-self:center}#form-checkbox-end-date{justify-self: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:-moz-fit-content;max-width:fit-content}#searchResult{grid-area:search_result;margin-top:0;margin-bottom:0;align-self:center}#info-text-3{grid-area:text_3;margin-top:2vh}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:large;font-family:Arial,sans-serif;text-align:left;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow-x:auto}table th{background-color:#5e7461;color:#fff;padding:12px 15px;text-transform:uppercase;letter-spacing:.1em}table td{padding:12px 15px;border-bottom:1px solid #ddd}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}