.absence-page{max-width:1450px!important}.absence-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0 14px}.absence-summary>div{display:grid;grid-template-columns:auto 1fr;gap:1px 12px;align-items:center;padding:14px 17px;background:#fff;border:1px solid #c9eedf;border-radius:12px}.absence-summary strong{grid-row:1/3;font-size:25px;color:#071b4b}.absence-summary span{font-weight:800;color:#17345f}.absence-summary small{color:#718096;font-size:9px}.absence-summary .warning strong{color:#b66a00}.absence-tabs{display:flex;border:1px solid #c9eedf;border-radius:13px 13px 0 0;background:#fff}.absence-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:190px;padding:14px 20px;border-bottom:3px solid transparent;color:#435c72;text-decoration:none;font-weight:800}.absence-tabs a.active{color:#079766;border-bottom-color:#16c784;background:#effaf6}.absence-tabs i{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:12px;background:#e9f2ff;color:#236acb;font-size:10px;font-style:normal}.absence-tabs a.active i{background:#d8f7e9;color:#07865b}.absence-workspace{display:grid;grid-template-columns:minmax(620px,1fr) 280px;gap:15px;align-items:start;margin-top:14px}.absence-list-panel,.absence-help,.absence-create,.absence-history{padding:18px;background:#fff;border:1px solid #c9eedf;border-radius:14px}.absence-list-panel>.section-title p,.absence-create>p,.absence-history>.section-title p{color:#718096;font-size:11px}.absence-request-card{display:grid;grid-template-columns:42px minmax(180px,1fr) 110px minmax(300px,.9fr);gap:13px;align-items:start;padding:15px 0;border-top:1px solid #e5ecef}.absence-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e6f3ff;color:#245ea8;font-weight:800}.absence-request-main{display:grid;gap:3px}.absence-request-main small,.sickness-card small,.absence-history small{color:#718096;font-size:10px}.absence-request-main p{margin:4px 0;color:#17345f;font-weight:700}.absence-request-main span{color:#07865b;font-size:10px;font-weight:800}.absence-request-main em{margin-top:5px;color:#607184;font-size:10px}.impact-label{display:grid;gap:2px;padding:9px;border-radius:9px;text-align:center}.impact-label b{font-size:19px}.impact-label small{font-size:8px}.impact-label.warning{background:#fff3df;color:#a65f00}.impact-label.safe{background:#e9f9f2;color:#07865b}.absence-decision{display:grid;gap:9px;padding:12px;background:#f6f9fa;border-radius:10px}.absence-decision>label:not(.check),.absence-create label{display:grid;gap:5px;color:#536a7c;font-size:9px;font-weight:800}.absence-decision textarea,.absence-create textarea,.absence-create select{width:100%;padding:9px;border:1px solid #d4e0e5;border-radius:8px;background:#fff;resize:vertical}.absence-decision>div,.sickness-card form{display:flex;justify-content:flex-end;gap:7px}.absence-decision button,.sickness-card button{padding:8px 11px}.absence-help>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dff8ee;color:#079766;font-size:22px}.absence-help h3{margin:12px 0 8px;color:#17345f}.absence-help ol{padding-left:20px;color:#536a7c;font-size:11px;line-height:1.6}.absence-help p{padding-top:10px;border-top:1px solid #e5ecef;color:#718096;font-size:10px}.sickness-card{display:grid;grid-template-columns:42px minmax(180px,1fr) 115px auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #e5ecef}.sickness-card>div:nth-child(2){display:grid;gap:4px}.sickness-card p{margin:3px 0;color:#607184}.absence-create form{display:grid;gap:13px}.absence-create textarea{min-height:90px}.absence-create .button{width:100%}.absence-history{margin-top:14px}.absence-history article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #e5ecef}.absence-history article>div:nth-child(2){display:grid;gap:4px}.absence-history p{margin:0;color:#607184;font-size:10px}.history-status{padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}.history-status.goedgekeurd{background:#dff8ee;color:#07865b}.history-status.afgewezen{background:#ffebee;color:#b42335}
@media(max-width:1100px){.absence-workspace{grid-template-columns:1fr}.absence-help{display:none}.absence-request-card{grid-template-columns:42px 1fr 100px}.absence-decision{grid-column:2/-1}.sickness-card{grid-template-columns:42px 1fr 100px}.sickness-card form{grid-column:2/-1}}
@media(max-width:800px){.absence-page>header .secondary{display:none}.absence-summary{display:flex;overflow-x:auto;margin:18px -17px 12px;padding:0 17px 5px}.absence-summary>div{min-width:155px;background:#0c2232;border-color:#294a5c}.absence-summary strong,.absence-summary span{color:#f5fbff}.absence-summary small{color:#8fa6b5}.absence-tabs{overflow-x:auto;margin:0 -17px;padding:0 17px;background:transparent;border:0;border-bottom:1px solid #294a5c;border-radius:0}.absence-tabs a{min-width:max-content;padding:12px 16px;color:#b9cad3}.absence-tabs a.active{background:transparent}.absence-list-panel,.absence-create,.absence-history{padding:13px;background:#0c2232;border-color:#294a5c}.absence-request-card,.sickness-card,.absence-history article{border-color:#294a5c}.absence-request-main p{color:#eef8f4}.absence-request-main small,.sickness-card small,.absence-history small,.absence-list-panel>.section-title p,.absence-create>p,.absence-history>.section-title p{color:#9fb3bf}.absence-decision{background:#10293a}.absence-decision textarea,.absence-create textarea,.absence-create select{background:#071b2a;border-color:#294a5c;color:#fff}.absence-decision>label:not(.check),.absence-create label{color:#b8c8d1}.absence-history p,.sickness-card p{color:#a8bac5}}
@media(max-width:570px){.absence-request-card{grid-template-columns:40px 1fr}.impact-label{grid-column:1/-1;grid-template-columns:auto 1fr;text-align:left}.absence-decision{grid-column:1/-1}.sickness-card{grid-template-columns:40px 1fr}.sickness-card .impact-label,.sickness-card form{grid-column:1/-1}.sickness-card form{display:grid;grid-template-columns:1fr 1fr}.absence-history article{grid-template-columns:40px 1fr}.history-status{grid-column:2;justify-self:start}.absence-tabs a{font-size:11px}.absence-summary>div{grid-template-columns:auto 1fr}}