:root{--vf-red: #e60000;--vf-grey: #3a3a3a;--vf-white: #FFFFFF;--vf-dig-grey: #4a4d4e;--vf-dig-green: #428600;--vf-dig-red: #BD0000;--vf-dig-maroon: #990000;--vf-red-violet: #9c2aa0;--vf-aubergine: #5e2750;--vf-aqua-blue: #00b0ca;--vf-turquoise: #007c92;--vf-spring-green: #a8b400;--vf-lemon-yellow: #fecb00;--vf-fresh-orange: #eb9700;--vf-black: #000000;--ins-box-shadow: 0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.12),0px 1px 3px rgba(0,0,0,.2);--ins-border-radius: 1rem}body{background-image:url(/images/background-eb32e653bab42d2fb313be86bb8c7a2b.svg?vsn=d);margin:0;box-sizing:border-box;display:grid;grid-template-rows:6rem 1fr .5fr;grid-template-columns:auto 1fr;grid-template-areas:"nav flash-group" "nav main" "nav footer"}.raised-tile{background-color:#fff;box-shadow:var(--ins-box-shadow);border-radius:var(--ins-border-radius);padding:2rem;margin-block-end:1rem}.hidden{visibility:hidden;display:none}nav{grid-area:nav;color:#000}nav .ins-logo{width:max-content;margin-inline:auto;padding:1em}nav .lang-picker{text-align:center;margin-block-end:1em}nav ul{position:sticky;height:100%;list-style-type:none;display:flex;flex-direction:column;max-width:max-content;padding:1em;margin:0;background-color:var(--vf-red);border-start-end-radius:var(--ins-border-radius);border-end-end-radius:var(--ins-border-radius)}nav a{background:white;display:block;border-radius:var(--ins-border-radius);padding:1em;margin:1em;text-align:center;box-shadow:var(--ins-box-shadow)}nav .fullname a{background:unset;box-shadow:unset;margin-block:.5em}nav a.selected{color:#fff;background:var(--vf-dig-grey)}#flash-group{grid-area:flash-group}#flash-group div:not([hidden=""]){background-color:var(--vf-lemon-yellow);width:80%;margin-inline:auto;color:#000;cursor:pointer;display:flex;gap:2em;align-items:center;justify-content:center;border-end-end-radius:var(--ins-border-radius);border-end-start-radius:var(--ins-border-radius);box-shadow:var(--ins-box-shadow);animation-duration:2s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-name:fade-down}@keyframes fade-down{0%{transform:translateY(-100vh)}to{transform:translateY(-4px)}}#flash-group div:after{content:"\2715";font-weight:700;font-size:1.2em;background-color:#000;color:#fff;border-radius:50%;box-shadow:var(--ins-box-shadow);width:2em;height:2em;text-align:center;padding:.3rem}main{grid-area:main;margin-inline:2em}footer{grid-area:footer;display:flex;flex-direction:column;align-items:center;margin-block-start:10em}.upload-entry figure{display:flex;column-gap:1em}.svg-icon{width:1.2rem;height:auto}.login form{display:flex;flex-direction:column;row-gap:2em;width:max-content;margin-inline:auto}.login .header{width:max-content;margin-inline:auto;margin-block-end:2em}.login .school-select-wrapper{display:flex;flex-wrap:wrap;margin-inline:auto}.login .school-wrapper,.login .governorate-wrapper{border:.5em solid var(--vf-red);padding:1em;border-radius:1em}.login .governorate-wrapper{grid-area:gov}.login .school-wrapper{grid-area:school}.login .fieldset-governorate,.login .fieldset-school{min-height:15em}.login .inputs-wrapper{grid-area:creds;border:.5em solid var(--vf-red);border-radius:1em;padding:1em;padding-inline:2em;margin-inline:auto;width:max-content}.login .inputs-wrapper div{display:flex;justify-content:end;margin-block:1em}.login .inputs-wrapper label{margin-inline-end:.5em}.login .actions-wrapper{grid-area:actions;width:max-content;margin-inline:auto;padding-inline:2em}.login .actions-wrapper a{margin-inline:1em}.login .actions-wrapper label{display:block;width:max-content;margin-inline:auto;margin-block:1em}.login .login-button{display:block;border:.5em solid var(--vf-red);border-radius:1em;font-size:1.2rem;grid-area:login_button;width:max-content;margin-inline:auto;padding-inline:4em;padding-block:.8em}.register{display:flex;flex-direction:column;margin-inline:auto;width:max-content}.register fieldset{margin-block:1em}.register .inline-wrapper div{display:flex;flex-direction:column}.register .inline-wrapper div div{display:flex;flex-direction:row;column-gap:1em;justify-content:space-between;margin-block:1em}.register .inline-wrapper div div input.has-errors{border:2px solid red}.register button{margin-block:1em;width:100%;height:4em}.error-component{display:block;border-block-end:2px solid red;padding:1em;margin-block-end:2em}.coach.home meter{width:10em}.h5p-titles td{border-block-start:1px solid grey;font-size:.9rem}.h5p-titles fieldset.package-name,.h5p-titles fieldset.indicator-type{width:max-content;font-size:.8rem}.bullet.active-false{color:transparent}.bullet.active-true{font-size:2.5rem;color:gray;text-align:center;vertical-align:middle}.usertable{margin-inline:auto;width:max-content;border:1px solid grey;padding:.5em;overflow:auto}.usertable .header-row,.usertable .row form{display:flex;gap:1em;border-block-start:1px solid grey;padding-block:1em}.usertable .header-row>*,.usertable .row form>*{width:100%}.course-status>tbody>tr:nth-of-type(odd){background-color:#d3d3d3}.course-status .status-td{text-align:center}.coach .completion-overview{width:30em;display:flex;justify-content:end;gap:1em;margin-block:.5em}.loading{--dauk-minty-green: #00cccb;--dauk-dark-blue: #2a314b;--dauk-gold: #e8b852;--dauk-pink: #b41476;--dauk-dark-grey: #404042;--loading-block-width: 20px;width:100%;height:50%;position:absolute;top:0;left:0;z-index:-10;display:grid;place-items:center;background-color:transparent}.blocks{display:flex}.blocks div{width:var(--loading-block-width);height:var(--loading-block-width);margin:var(--loading-block-width);animation-duration:var(--last-box-delay, 5s);animation-delay:var(--box-delay, 1s);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-name:loadingblock}@keyframes loadingblock{0%{background-color:var(--box-color)}to{background-color:transparent}}.one{--box-color: var(--vf-red);--box-delay: 1s}.two{--box-color: var(--vf-red-violet);--box-delay: 2s}.three{--box-color: var(--vf-fresh-orange);--box-delay: 3s}.four{--box-color: var(--vf-lemon-yellow);--box-delay: 4s}.five{--box-color: var(--vf-spring-green);--box-delay: 5s;--last-box-delay: 5s}.home.student.main{display:flex;flex-direction:column;align-items:center}@media (orientation: landscape){.home.student.main{flex-direction:row;justify-content:space-evenly}}.home.student.main div{display:flex;flex-direction:column;align-items:center;margin-block:1rem}.student a.task{border:1px solid var(--vf-dig-grey);border-radius:1rem;box-shadow:var(--ins-box-shadow);padding-block:1em;padding-inline:2em;margin-block:1em;width:100%;vertical-align:middle;text-align:center;text-decoration-line:none;background:white}.student a.task.disabled{background:lightgrey;position:relative;pointer-events:none}.student a.task.survey:not(.done){position:relative}.student a.task.survey:not(.done):after{position:absolute;content:"\1f5d7";margin-inline-start:3em;margin-block-start:-.5em}.student a.task.done{background:lightgrey;position:relative;pointer-events:none}.student a.task.done:after{content:"\2714";color:green;position:absolute;padding-inline-start:2em}.student a.task.survey.embargo{cursor:not-allowed;pointer-events:none;background:lightgrey}.student a.task.survey.embargo:after{content:"\23f1"}.student a.task.disabled.survey:after{content:""}.course-content .overview{display:flex;flex-direction:column;align-items:center}.course-content a.package{display:block;margin-block:1.5em}.course-content a.package.completed:after{content:"\2714";color:green;text-decoration-line:none;padding-inline-start:2em}