#app-logo{display:flex;flex-wrap:wrap;align-content:flex-end}#app-logo img{max-height:100%;max-width:100%;width:auto;height:auto}#app-title h1{font-size:var(--h1-size);color:var(--primary-col);line-height:3rem;text-align:center;margin-top:8px}#app-account{display:flex;justify-content:flex-end;align-items:center;text-align:right}#app-account>*{margin-left:var(--grid-gap)}#app-account .avatar{width:50px;border-radius:50%}header{background-color:var(--secondary-col);border-bottom:4px var(--primary-col) solid;padding:calc(var(--padding) / 2) var(--padding)}#logo-account{flex-grow:1;display:flex;justify-content:space-between;max-height:calc(var(--header-height) - var(--h1-size))}@media only screen and (max-width: 600px){#app-logo{max-width:calc(var(--header-height) * 1.75)}#app-title h1{font-size:calc(var(--h1-size) - .5rem)}}@media only screen and (max-width: 450px){.hide-sm{display:none}}.job-details .weeks{position:relative}.job-details .weeks:after{content:"\25bc";color:#000;top:2px;right:0;bottom:4px;padding:10px 16px;position:absolute;pointer-events:none}select::-ms-expand{display:none}.job-details .weeks select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;-ms-word-break:normal;word-break:normal}.job-details{display:flex;flex-wrap:wrap}.job-details>div{--half-padding: calc(var(--input-padding) / 2);min-width:calc(50% - var(--half-padding));margin-bottom:var(--input-padding);margin-right:var(--input-padding)}.job-details>div:nth-child(even){margin-right:0}.job-details>div:nth-child(4){margin-right:var(--input-padding)}.job-details>div:nth-child(5){margin-right:0}.job-details>div>input,.job-details>div>select,.job-details>div>textarea{position:relative;padding:calc(var(--input-padding) / 1.5) var(--input-padding)}.job-details>div.address{min-width:100%;margin-right:0}@media only screen and (max-width: 480px){.job-details>div{min-width:100%}}.date-row{display:flex}.date-row .data-item{display:flex;align-items:center;justify-content:center;padding:calc(var(--padding) / 2)}.date-row .data-item:last-child{padding-right:0}.date-row .day{--lightnes: 90%;width:calc(40px + var(--padding));text-align:center;background-color:hsl(var(--hue),var(--saturation),var(--lightnes))}.date-row .data-item.description{flex-grow:1}#timesheet-data>.week>div{border-bottom:2px solid var(--primary-col)}#timesheet-data>.week.one{border-top:2px solid var(--primary-col);margin-top:calc(var(--padding) / 2)}#timesheet-data .weeks-row{font-weight:700;font-size:1.2rem;padding:calc(var(--padding) / 2) var(--padding);line-height:0;background-color:var(--weeks-bg);text-align:center}#timesheet-data .total.row{border-bottom:none;text-align:right;padding:calc(var(--padding) / 2) 0}#timesheet-data .total.row .label{font-weight:700;color:#747474}#timesheet-data .total.row .result{display:inline-block;font-weight:700;min-width:46px;text-align:center}main{display:block;padding:var(--padding);border:1 solid black;background-color:#fff}footer{background-color:var(--secondary-col);border-top:4px var(--primary-col) solid}footer>div{display:flex;background-color:var(--secondary-col);padding-top:var(--padding);padding-left:var(--padding);padding-right:var(--padding)}:root{font-size:62.5%;--container-width: 980px;--header-height: 90px;--grid-gap: 2.4rem;--input-padding: 16px;--primary-col: hsl(360, 76%, 40%);--secondary-col: #f2f1f6;--tertiary-col: #0a548e;--weeks-bg: rgb(227, 227, 227);--font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--border-radius: 6px;--select-padding: 14px;--h1-size: 3.4rem;--font-size: 1.4rem;--padding: 20px;--padding-s: calc(var(--padding) / 2);--font-size-s: calc(var(--font-size) - 2px);--hue: 360;--saturation: 76%;--lightnes: 40%}html,body{background-color:var(--secondary-col)}*{margin:0;padding:0;box-sizing:border-box}body{position:relative;font-size:var(--font-size);font-family:var(--font-family)}.container{max-width:var(--container-width);margin:auto}.nowrap{white-space:nowrap}form{background-color:#fff}label{display:none}.contact-info>div{min-height:110px;border:1px solid green}input[type=text],input[type=date],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:var(--border-radius);margin:0;font-size:var(--font-size);font-family:var(--font-family);resize:none}input.day-dates[type=date]{padding:12px 8px;width:130px}input.day-dates[type=date]::-webkit-calendar-picker-indicator{margin-left:-20px}input.data-list{padding:15px 8px}input[type=time]{width:92px;border:1px solid #ccc;border-radius:var(--border-radius);margin:0;padding:2px 4px;font-size:12px;font-family:var(--font-family)}textarea{width:100%;height:100%}button,input[type=submit]{background-color:var(--primary-col);color:#fff;padding:12px var(--padding);border:none;border-radius:var(--border-radius);cursor:pointer;margin-left:auto}select{padding-top:var(--select-padding);padding-bottom:var(--select-padding)}button.clear{margin-left:0;background-color:var(--tertiary-col)}button:hover,input[type=submit]:hover{background-color:#45a049}header,footer{background-color:var(--secondary-col)}#unavailable h1{color:#dc143c;text-align:center;margin:auto}#unavailable{visibility:hidden}#app{visibility:visible}@media screen and (max-width: 340px){#unavailable{visibility:visible}#app{visibility:hidden}}