Wrapper

<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
    <meta charset="utf-8">
    <title>IRMA | University Office</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../../css/main.css">

    <style type="text/css">

    </style>
</head>

<body class="-nav-collapsed">
    <div class="site-container" data-user-id="21652145" id="">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="height: 0; width: 0; position: absolute; visibility: hidden;" tabindex="-1"><defs><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill-rule:evenodd;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style><style>.cls-1{fill:#fff;opacity:0;}</style></defs><symbol id="arrow" viewBox="0 0 25 14.5" preserveAspectRatio="xMinYMin slice">
		<polygon style="fill:#424C62;" points="0.1,0 12.6,14.5 25,0 "/>
		</symbol><symbol id="chart-grid" viewBox="0 0 100 110" preserveAspectRatio="xMinYMin slice">
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="10" y2="10" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="20" y2="20" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="30" y2="30" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="40" y2="40" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="50" y2="50" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="60" y2="60" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="70" y2="70" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="80" y2="80" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="90" y2="90" vector-effect="non-scaling-stroke"/>
			<line style="stroke: white; stroke-width: 1px" x1="0" x2="100" y1="100" y2="100" vector-effect="non-scaling-stroke"/>
		</symbol><symbol id="icon-admin-settings" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<title>icon-projects</title>
		<path d="M10.7,4.5c2.6,0,4.6,2.1,4.6,4.7c0,2.5-2.1,4.6-4.6,4.6C8.1,13.7,6,11.7,6,9.1C6,6.6,8.1,4.5,10.7,4.5z"/>
		<path d="M23.3,17.1c-0.2-0.1-0.4-0.2-0.5-0.3c-0.1-0.1-0.2-0.1-0.1-0.3c0-0.3,0-0.6,0-0.9c0-0.1,0-0.2,0.1-0.3
			c0.2-0.1,0.4-0.2,0.6-0.3c0.1-0.1,0.2-0.2,0.1-0.3C23.3,14,23,13.4,22.6,13c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0.1
			c-0.2,0.1-0.4,0.2-0.6,0.3c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c-0.3-0.2-0.5-0.4-0.9-0.5c-0.1,0-0.1-0.1-0.1-0.2c0-0.2,0-0.4,0-0.7
			c0-0.2,0-0.3-0.2-0.3c-0.3-0.1-0.6-0.1-1-0.1c-0.3,0-0.6,0-1,0.1c-0.1,0-0.2,0.1-0.2,0.3c0,0.2,0,0.5,0,0.7c0,0.1,0,0.2-0.1,0.2
			c-0.3,0.1-0.6,0.3-0.9,0.5c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c-0.2-0.1-0.4-0.2-0.6-0.4c-0.1,0-0.1-0.1-0.2-0.1
			c-0.1,0-0.1,0-0.2,0.1c-0.4,0.5-0.7,1-0.9,1.6c0,0.2,0,0.3,0.1,0.3c0.2,0.1,0.4,0.2,0.6,0.3c0.1,0.1,0.2,0.1,0.1,0.3
			c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2-0.1,0.3c-0.2,0.1-0.4,0.2-0.6,0.3c-0.1,0.1-0.2,0.2-0.1,0.4c0.2,0.6,0.5,1.1,0.9,1.6
			c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.4-0.2,0.6-0.3c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1c0.3,0.2,0.5,0.4,0.8,0.5
			c0.1,0,0.2,0.1,0.2,0.2c0,0.2,0,0.5,0,0.7c0,0.1,0.1,0.2,0.2,0.2c0.3,0.1,0.7,0.1,1,0.1c0.3,0,0.7,0,1-0.1c0.1,0,0.2-0.1,0.2-0.2
			c0-0.1,0-0.2,0-0.4c0,0,0,0,0,0c0-0.1,0-0.3,0-0.4c0-0.1,0-0.2,0.1-0.2c0.3-0.1,0.6-0.3,0.9-0.5c0,0,0.1-0.1,0.1-0.1
			c0,0,0.1,0,0.1,0c0.2,0.1,0.4,0.2,0.6,0.4c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1c0.4-0.5,0.7-1,0.9-1.6
			C23.5,17.3,23.5,17.2,23.3,17.1z M19.1,17.5C19.1,17.5,19.1,17.5,19.1,17.5c-0.8,0-1.5-0.7-1.5-1.5c0-0.8,0.7-1.5,1.5-1.5
			c0,0,0,0,0,0v0v0c0,0,0,0,0,0c0.8,0,1.5,0.7,1.5,1.5C20.6,16.8,19.9,17.5,19.1,17.5z"/>
		<g>
			<path d="M18.1,20.5c0.2,0,0.4,0.1,0.6,0.1c0-0.3,0-0.6,0-0.9c0-1-0.3-1.9-0.7-2.7c-0.1-0.1-0.2-0.3-0.3-0.4
				c-0.6-0.8-1.3-1.4-2.3-1.8c-0.2-0.1-0.4-0.1-0.6-0.2c0,0,0,0,0,0c0,0.2,0,0.3,0.1,0.3c0.2,0.1,0.4,0.2,0.6,0.3
				c0.1,0.1,0.2,0.1,0.1,0.3c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2-0.1,0.3c-0.2,0.1-0.4,0.2-0.6,0.3c-0.1,0.1-0.2,0.2-0.1,0.4
				c0.2,0.6,0.5,1.1,0.9,1.6c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.4-0.2,0.6-0.3c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1
				c0.3,0.2,0.5,0.4,0.8,0.5c0.1,0,0.2,0.1,0.2,0.2c0,0.2,0,0.5,0,0.7C18,20.4,18,20.4,18.1,20.5z"/>
			<path d="M17.9,21.4c-0.6-0.1-1-0.6-1-1.2l0-0.2c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0.1-0.4,0.2-0.7,0.2
				c-0.4,0-0.7-0.2-1-0.5c-0.5-0.6-0.9-1.3-1.1-2c-0.2-0.6,0-1.2,0.6-1.5l0.1-0.1c0,0,0.1,0,0.1,0c0-0.1,0-0.1,0-0.2l-0.2-0.1
				c-0.5-0.3-0.7-0.8-0.6-1.4c-0.4,0-0.8,0.1-1.1,0.2c-1.3,0.5-2.7,0.5-4.1,0c-0.4-0.2-0.9-0.2-1.3-0.2c-2.3,0-4.3,1.9-4.7,4.3
				c-0.1,0.8,0,1.5-0.1,2.3c0,1.2,0.7,2,1.9,2c2.1,0,4.1,0,6.2,0c2,0,4.1,0,6.1,0c1,0,1.7-0.6,1.9-1.4C18.4,21.5,18.2,21.5,17.9,21.4z
				"/>
		</g>
		</symbol><symbol id="icon-arrow-down-slate" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<style type="text/css">
			.st0{fill:#3E495F;}
		</style>
		<path class="st0" d="M12.5,20.3c-0.4,0-0.9-0.2-1.2-0.5L0.6,9.7C-0.2,9-0.2,7.9,0.5,7.2s1.8-0.7,2.5,0l9.5,9l9.5-9
			c0.7-0.7,1.8-0.6,2.5,0.1s0.6,1.8-0.1,2.5l-10.7,10C13.4,20.2,12.9,20.3,12.5,20.3z"/>
		</symbol><symbol id="icon-arrow-down" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<g>
			<g>
				<path d="M12.5,20.3c-0.4,0-0.9-0.2-1.2-0.5L0.6,9.7C-0.2,9-0.2,7.9,0.5,7.2S2.3,6.5,3,7.2l9.5,9l9.5-9c0.7-0.7,1.8-0.6,2.5,0.1
					c0.7,0.7,0.6,1.8-0.1,2.5L13.7,19.8C13.4,20.2,12.9,20.3,12.5,20.3z"/>
			</g>
		</g>
		</symbol><symbol id="icon-assets" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-assets</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M1.74,23.26H12.5V1.74H1.74ZM7.46,4.43h3.69V8.12H7.46Zm0,5.38h3.69V13.5H7.46Zm0,5.38h3.69v3.69H7.46ZM3.08,4.43H6.77V8.12H3.08Zm0,5.38H6.77V13.5H3.08Zm0,5.38H6.77v3.69H3.08ZM13.85,8.46h9.42V9.81H13.85Zm0,14.8h2.69V16.88h4v6.38h2.69V11.15H13.85Z"/></g></g></symbol><symbol id="icon-bell" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<style type="text/css">
			.st0{fill:#FFFFFF;}
		</style>
		<path class="st0" d="M24,20.8l-2.2-3.7V9.9c0-4.2-3.1-7.7-7.2-8.2V1.2c0-0.7-0.5-1.2-1.2-1.2s-1.2,0.5-1.2,1.2v1.6
			c0,0.7,0.5,1.2,1.2,1.2c3.3,0,6,2.7,6,6v7.5c0,0.2,0.1,0.4,0.2,0.6l1.3,2.2H4.1l1.3-2.2c0.1-0.2,0.2-0.4,0.2-0.6V9.9
			c0-2.3,1.3-4.4,3.4-5.4c0.6-0.3,0.8-1,0.6-1.6C9.2,2.4,8.5,2.1,8,2.4C5.1,3.8,3.2,6.7,3.2,9.9v7.2L1,20.8c-0.2,0.4-0.2,0.8,0,1.2
			c0.2,0.4,0.6,0.6,1,0.6h7.2C9.6,24,11,25,12.5,25s2.9-1,3.4-2.4H23c0.4,0,0.8-0.2,1-0.6C24.3,21.6,24.3,21.2,24,20.8z M12.7,22.6
			c-0.2,0-0.3,0-0.5,0H12.7z"/>
		</symbol><symbol id="icon-check" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<path style="fill:#424C62;" d="M10.2,21.5l-1.1,1.1c-0.3,0.3-0.8,0.3-1.1,0l-7.3-7.3c-0.3-0.3-0.3-0.8,0-1.1l1.1-1.1
			c0.3-0.3,0.8-0.3,1.1,0l7.3,7.3C10.5,20.7,10.5,21.2,10.2,21.5z"/>
		<path style="fill:#424C62;" d="M7.9,22.7l-1.1-1.1c-0.3-0.3-0.3-0.8,0-1.1L21.9,5.3c0.3-0.3,0.8-0.3,1.1,0l1.1,1.1
			c0.3,0.3,0.3,0.8,0,1.1L9.1,22.7C8.7,23,8.2,23,7.9,22.7z"/>
		</symbol><symbol id="icon-collapse" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-collapse</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M5.77,12.5,13,19.72a1.28,1.28,0,0,1-1.8,1.8L3.06,13.4a1.28,1.28,0,0,1,0-1.8l8.12-8.12A1.28,1.28,0,1,1,13,5.28Z"/><path d="M14.72,12.5l7.22,7.22a1.28,1.28,0,1,1-1.8,1.8L12,13.4a1.28,1.28,0,0,1,0-1.8l8.12-8.12a1.28,1.28,0,1,1,1.8,1.8Z"/></g></g></symbol><symbol id="icon-commercials" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-commercials</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M12.5,1.26A11.24,11.24,0,1,0,23.67,12.5,11.21,11.21,0,0,0,12.5,1.26Zm0,20.24a9,9,0,1,1,8.93-9A9,9,0,0,1,12.5,21.5Zm.74-9.74v-3h3V7.25h-3V5.75H11.76v1.5h-3v6h3v3h-3v1.5h3v1.5h1.49v-1.5h3v-6Zm-1.49,0H10.27v-3h1.49Zm3,4.5H13.24v-3h1.49Z"/></g></g></symbol><symbol id="icon-dashboard" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-dashboard</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path class="cls-2" d="M23.58,11.72h0L12.85,2.83a.55.55,0,0,0-.69,0L1.43,11.71h0a.87.87,0,0,0,0,1.28,1,1,0,0,0,1.37,0L12.5,5l9.75,8a1,1,0,0,0,1.36,0,.87.87,0,0,0,0-1.28"/><path class="cls-2" d="M16.86,5h2.2V7A1,1,0,0,0,21,7V3.66a.5.5,0,0,0-.52-.48H16.86a.94.94,0,0,0-1,.91.94.94,0,0,0,1,.91"/><path class="cls-2" d="M20.19,12.72a.94.94,0,0,0-1,.91v6.84H15.74V15.89a.5.5,0,0,0-.52-.48H9.78a.5.5,0,0,0-.52.48v4.59H5.78V13.63a.94.94,0,0,0-1-.91.94.94,0,0,0-1,.91V21.8a.5.5,0,0,0,.52.48h6.34a.5.5,0,0,0,.52-.48V17.22h2.58V21.8a.5.5,0,0,0,.52.48h6.34a.5.5,0,0,0,.52-.48V13.63A.94.94,0,0,0,20.19,12.72Z"/></g></g></symbol><symbol id="icon-ellipsis" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin slice">
		<g>
			<g>
				<g>
					<g>
						<path d="M18.8,27.2L18.8,27.2c-1.2,0-2.2-1-2.2-2.2v0c0-1.2,1-2.2,2.2-2.2h0c1.2,0,2.2,1,2.2,2.2v0
							C21.1,26.2,20.1,27.2,18.8,27.2z"/>
					</g>
					<g>
						<path d="M25,27.2L25,27.2c-1.2,0-2.2-1-2.2-2.2v0c0-1.2,1-2.2,2.2-2.2h0c1.2,0,2.2,1,2.2,2.2v0C27.2,26.2,26.2,27.2,25,27.2z"/>
					</g>
					<g>
						<path d="M31.2,27.2L31.2,27.2c-1.2,0-2.2-1-2.2-2.2v0c0-1.2,1-2.2,2.2-2.2h0c1.2,0,2.2,1,2.2,2.2v0
							C33.4,26.2,32.4,27.2,31.2,27.2z"/>
					</g>
				</g>
			</g>
		</g>
		</symbol><symbol id="icon-file" viewBox="0 0 45 50" preserveAspectRatio="xMinYMin slice"><title>icon-file</title><path d="M22.13,38a1.78,1.78,0,0,1-1.79-1.79V18.36a1.79,1.79,0,0,1,3.57,0V36.22A1.78,1.78,0,0,1,22.13,38Z"/><path d="M31.06,29.07H13.21a1.79,1.79,0,0,1,0-3.57H31.06a1.79,1.79,0,1,1,0,3.57Z"/><path d="M42,10.53a6.52,6.52,0,0,1,1.34,2.12,6.42,6.42,0,0,1,.56,2.46V47.25a2.67,2.67,0,0,1-2.68,2.68H3.75a2.59,2.59,0,0,1-1.9-.78,2.59,2.59,0,0,1-.78-1.9V2.61A2.59,2.59,0,0,1,1.85.71a2.59,2.59,0,0,1,1.9-.78h25a6.42,6.42,0,0,1,2.46.56,6.52,6.52,0,0,1,2.12,1.34ZM40.36,46.36V17.79H28.75a2.67,2.67,0,0,1-2.68-2.68V3.5H4.64V46.36ZM29.64,3.72V14.22H40.13a3,3,0,0,0-.61-1.14L30.79,4.34A3,3,0,0,0,29.64,3.72Z"/></symbol><symbol id="icon-integrity" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-integrity</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M10.41,14a2.22,2.22,0,0,1-.51,1.43,3.51,3.51,0,0,1-1.28,1A7.73,7.73,0,0,1,7,17a7,7,0,0,1-1.52.18A7,7,0,0,1,4,17a7.72,7.72,0,0,1-1.58-.54,3.51,3.51,0,0,1-1.28-1A2.22,2.22,0,0,1,.63,14,4.15,4.15,0,0,1,1,13.16q.38-.76,1-1.9L3.19,9.13l1.11-2L4.91,6a.65.65,0,0,1,.61-.36A.65.65,0,0,1,6.13,6l.61,1.09,1.11,2L9,11.26q.62,1.14,1,1.9A4.18,4.18,0,0,1,10.41,14ZM5.52,6.37,1.33,14H9.71Zm9-2.09A2.13,2.13,0,0,1,13.2,5.55V19.63h6.63a.34.34,0,0,1,.35.35v.7a.34.34,0,0,1-.35.35H5.17a.34.34,0,0,1-.35-.35V20a.34.34,0,0,1,.35-.35H11.8V5.55a2.13,2.13,0,0,1-1.28-1.28H5.17a.34.34,0,0,1-.35-.35v-.7a.34.34,0,0,1,.35-.35h5.36a2.13,2.13,0,0,1,.76-1,2.09,2.09,0,0,1,2.42,0,2.13,2.13,0,0,1,.76,1h5.36a.34.34,0,0,1,.35.35v.7a.34.34,0,0,1-.35.35Zm-2.59-.08a.87.87,0,0,0,1.49-.62.87.87,0,1,0-1.49.62ZM24.37,14a2.22,2.22,0,0,1-.51,1.43,3.5,3.5,0,0,1-1.28,1A7.73,7.73,0,0,1,21,17a6.51,6.51,0,0,1-3,0,7.74,7.74,0,0,1-1.58-.54,3.51,3.51,0,0,1-1.28-1A2.22,2.22,0,0,1,14.59,14a4.18,4.18,0,0,1,.38-.88q.38-.76,1-1.9l1.17-2.13,1.11-2L18.87,6a.7.7,0,0,1,1.22,0l.61,1.09,1.11,2L23,11.26q.62,1.14,1,1.9A4.16,4.16,0,0,1,24.37,14ZM19.48,6.37,15.29,14h8.38Z"/></g></g></symbol><symbol id="icon-minus" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<path style="fill:#424C62;" d="M23.7,14.5H1.3c-0.7,0-1.2-0.5-1.2-1.2v-1.6c0-0.7,0.5-1.2,1.2-1.2h22.4c0.7,0,1.2,0.5,1.2,1.2v1.6
			C24.9,14,24.4,14.5,23.7,14.5z"/>
		</symbol><symbol id="icon-outputs-impact" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-outputs</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M22.29,9.5a.7.7,0,0,1,0,1l-5.71,5.71a.71.71,0,0,1-1.22-.5V12.86h-2.5q-1.09,0-2,.07a14.16,14.16,0,0,0-1.72.24,6.39,6.39,0,0,0-1.48.47,5.24,5.24,0,0,0-1.18.78,3.88,3.88,0,0,0-.89,1.13,6.06,6.06,0,0,0-.54,1.55,9.49,9.49,0,0,0-.2,2q0,.61.06,1.37a2.29,2.29,0,0,0,0,.26A2.3,2.3,0,0,1,5,21a.42.42,0,0,1-.09.28.33.33,0,0,1-.26.11.38.38,0,0,1-.31-.19A1.26,1.26,0,0,1,4.19,21L4,20.66l-.12-.27a13.4,13.4,0,0,1-1.42-5,10.16,10.16,0,0,1,.59-3.72q1.81-4.5,9.77-4.5h2.5V4.29a.71.71,0,0,1,1.22-.5L22.29,9.5Z"/></g></g></symbol><symbol id="icon-people" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-people</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M7.5,9.64a4.91,4.91,0,0,0,.9,2.86,3.85,3.85,0,0,0-3,1.43H4a2.56,2.56,0,0,1-1.54-.45,1.53,1.53,0,0,1-.63-1.32q0-3.94,1.38-3.94a2.13,2.13,0,0,1,.49.23,7.33,7.33,0,0,0,1.09.47,3.91,3.91,0,0,0,1.33.24,4.48,4.48,0,0,0,1.48-.26,5.55,5.55,0,0,0-.06.74Zm.59-6.31a2.75,2.75,0,0,1,.84,2,2.75,2.75,0,0,1-.84,2,2.75,2.75,0,0,1-2,.84,2.75,2.75,0,0,1-2-.84,2.75,2.75,0,0,1-.84-2,2.75,2.75,0,0,1,.84-2,2.75,2.75,0,0,1,2-.84A2.75,2.75,0,0,1,8.09,3.34ZM20.36,19.61a2.78,2.78,0,0,1-.81,2.11,3,3,0,0,1-2.17.78H7.62a3,3,0,0,1-2.17-.78,2.78,2.78,0,0,1-.81-2.11q0-.59,0-1.16a11.36,11.36,0,0,1,.16-1.22A9.45,9.45,0,0,1,5.13,16a5.73,5.73,0,0,1,.48-1.09,3.93,3.93,0,0,1,.69-.9,2.91,2.91,0,0,1,1-.6,3.35,3.35,0,0,1,1.24-.22,1.32,1.32,0,0,1,.48.24L9.8,14a4.88,4.88,0,0,0,1.19.54A5.18,5.18,0,0,0,15.2,14l.81-.54a1.32,1.32,0,0,1,.48-.24,3.35,3.35,0,0,1,1.24.22,2.92,2.92,0,0,1,1,.6,3.93,3.93,0,0,1,.69.9A5.74,5.74,0,0,1,19.87,16a9.48,9.48,0,0,1,.3,1.21,11.4,11.4,0,0,1,.16,1.22Q20.36,19,20.36,19.61Zm-4.83-13a4.13,4.13,0,0,1,1.26,3,4.29,4.29,0,0,1-4.29,4.29A4.29,4.29,0,0,1,8.21,9.64,4.29,4.29,0,0,1,12.5,5.36,4.13,4.13,0,0,1,15.53,6.61Zm5.42-3.28a2.75,2.75,0,0,1,.84,2,2.75,2.75,0,0,1-.84,2,2.86,2.86,0,0,1-4,0,2.75,2.75,0,0,1-.84-2,2.75,2.75,0,0,1,.84-2,2.86,2.86,0,0,1,4,0Zm.88,4.88q1.38,0,1.38,3.94a1.53,1.53,0,0,1-.62,1.32,2.56,2.56,0,0,1-1.54.45h-1.5a3.85,3.85,0,0,0-3-1.43,4.91,4.91,0,0,0,.9-2.86,5.58,5.58,0,0,0-.06-.74,4.48,4.48,0,0,0,1.48.26,3.91,3.91,0,0,0,1.33-.24,7.33,7.33,0,0,0,1.09-.47,2.13,2.13,0,0,1,.49-.23Z"/></g></g></symbol><symbol id="icon-plus" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<path style="fill:#424C62;" d="M23.7,14.5H1.3c-0.7,0-1.2-0.5-1.2-1.2v-1.6c0-0.7,0.5-1.2,1.2-1.2h22.4c0.7,0,1.2,0.5,1.2,1.2v1.6
			C24.9,14,24.4,14.5,23.7,14.5z"/>
		<path style="fill:#424C62;" d="M10.5,23.7V1.3c0-0.7,0.5-1.2,1.2-1.2h1.6c0.7,0,1.2,0.5,1.2,1.2v22.4c0,0.7-0.5,1.2-1.2,1.2h-1.6
			C11,24.9,10.5,24.4,10.5,23.7z"/>
		</symbol><symbol id="icon-projects" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-projects</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M9.13,8.79a1.28,1.28,0,0,0,.94.39h6.43a.82.82,0,0,1,.82.82v1.54H9a3.86,3.86,0,0,0-1.67.41,4,4,0,0,0-1.38,1L3.53,16V7.14a.82.82,0,0,1,.82-.82H7.92a.82.82,0,0,1,.82.82v.71A1.28,1.28,0,0,0,9.13,8.79ZM23,12.74h0a2,2,0,0,0-.85-.9,2.49,2.49,0,0,0-1.21-.3H19.09V10a2.67,2.67,0,0,0-.8-1.94,2.62,2.62,0,0,0-1.92-.81H10.59V7.14a2.67,2.67,0,0,0-.8-1.94,2.63,2.63,0,0,0-1.92-.81H4.32A2.62,2.62,0,0,0,2.4,5.2a2.67,2.67,0,0,0-.8,1.94V17.86a2.67,2.67,0,0,0,.8,1.94,2.62,2.62,0,0,0,1.92.81h12a4.21,4.21,0,0,0,3-1.45l3.27-4.05a2.4,2.4,0,0,0,.56-1.49A2,2,0,0,0,23,12.74ZM4.15,18.25l3.28-4a2.08,2.08,0,0,1,.71-.52A2,2,0,0,1,9,13.46H21.13c.34,0,.34.1.34.14a.49.49,0,0,1-.14.28L18,17.93a2.31,2.31,0,0,1-1.56.74H4.35c-.34,0-.34-.1-.34-.14A.56.56,0,0,1,4.15,18.25Z"/></g></g></symbol><symbol id="icon-reporting" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-reporting</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><path d="M23.93,19.64v1.43H1.07V3.93H2.5V19.64ZM8.21,12.5v5.71H5.36V12.5ZM12.5,6.79V18.21H9.64V6.79Zm4.29,2.86v8.57H13.93V9.64Zm4.29-4.29V18.21H18.21V5.36Z"/></g></g></symbol><symbol id="icon-researcher-training" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice"><title>icon-training</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" width="25" height="25"/><g id="YZU12r.tif"><path d="M0,16.35c0-.18.05-.36.08-.54a2.39,2.39,0,0,1,2.35-2.11c1.57,0,3.15,0,4.72,0a3.41,3.41,0,0,1,3.27,2.23l.26.88.15-.16,1.28-1.53a1.07,1.07,0,0,1,.93-.45c.06,0,.14-.07.19-.13l2.35-3.15,3.11-4.17.15-.2.67.49-.15.21L14,14.95a.43.43,0,0,0-.09.44.83.83,0,0,1-.19.81c-.88,1.07-1.75,2.14-2.65,3.2a.9.9,0,0,1-1.45,0A4,4,0,0,1,9,18.08c-.11-.32-.32-1-.69-1.13a.32.32,0,0,0-.18,0,.16.16,0,0,0-.18.19c0,1.64,0,3.29,0,4.93,0,.27,0,.27-.27.27H0Z"/><path d="M12,20.52s1.41-2.37,1.48-2.37h8.82c.29,0,.29,0,.29-.3,0-5.22,0-6.25,0-11.46,0-.36,0-.31-.32-.31H7.62c-.33,0-.29,0-.29.3s0-.07,0,.38c0,.16-.05.2-.21.2h-2C5,7,5,6.92,5,6.79,5,6,5,5.19,5,4.4a.68.68,0,0,1,.69-.68H24.13c.62,0,.86.25.86.86,0,5.77,0,9.26,0,15a.83.83,0,0,1-.57.91Z"/><path d="M2.33,10.41a2.68,2.68,0,0,1,2.73-2.7,2.72,2.72,0,1,1-2.73,2.7Z"/></g></g></g></symbol><symbol id="icon-search" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<g>
			<path d="M9.8,18.5C4.9,18.5,1,14.6,1,9.8C1,4.9,4.9,1,9.8,1c4.8,0,8.8,3.9,8.8,8.8C18.5,14.6,14.6,18.5,9.8,18.5z M9.8,3
				C6,3,3,6,3,9.8s3,6.8,6.8,6.8s6.8-3,6.8-6.8S13.5,3,9.8,3z"/>
		</g>
		<g>
			<path d="M21.6,23.7l-7.4-7.4l2.1-2.1l7.4,7.4c0.4,0.4,0.4,1,0,1.4L23,23.7C22.6,24.1,22,24.1,21.6,23.7z"/>
		</g>
		</symbol><symbol id="icon-x" viewBox="0 0 25 25" preserveAspectRatio="xMinYMin slice">
		<g>
			<path d="M21.1,23.2L1.8,3.9c-0.3-0.3-0.3-0.7,0-1l1.1-1.1c0.3-0.3,0.7-0.3,1,0l19.4,19.4c0.3,0.3,0.3,0.7,0,1l-1.1,1.1
				C21.9,23.5,21.4,23.5,21.1,23.2z"/>
			<g>
				<path d="M23.3,3.9L3.9,23.2c-0.3,0.3-0.7,0.3-1,0l-1.1-1.1c-0.3-0.3-0.3-0.7,0-1L21.1,1.7c0.3-0.3,0.7-0.3,1,0l1.1,1.1
					C23.5,3.2,23.5,3.6,23.3,3.9z"/>
			</g>
		</g>
		</symbol></svg>
        <div class="page-container">
            <input id="session-id" name="irmaSessionChild" value="324234234" hidden>

            <header class="site-header js-no-modal" style="background-color: ; color: ">
                <div class="header-left">
                    <div class="header-logo">
                        <img src="/img/logo.png" />
                    </div>

                    <div class="header-text">
                        <div class="header-title">Thirst University</div>

                        <div class="header-environment">Production Version 0.125</div>
                    </div>
                </div>

                <div class="user">
                    <button class="btn btn-user js-btn-modal js-user" data-total="2" data-modal="user">
						<div class="user-avatar">
						</div>
				
						<div class="user-info">
							<h4 class="user-name">Stephen Aaron-Gerlach</h4>
							<div>
								<a href="/my-account" class="user-profile link">My Account</a>
							</div>
						</div>
				
						<div class="svg-wrap arrow">
							<svg class="svg" viewBox="0 0 25 25">
								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use>
							</svg>
						</div>
					</button>

                    <div class="user-modal js-modal tooltip" data-modal="user" data-tab="user">
                        <div class="user-modal-inner tooltip-content"></div>
                    </div>
                </div>
                <div class="notifications">
                    <button class="btn btn-notifications js-btn-modal js-notifications" data-total="" data-modal="notifications">
						<div class="svg-wrap">
							<svg class="svg" viewBox="0 0 25 25">
								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-bell"></use>
							</svg>
						</div>
					</button>

                    <div class="notifications-modal js-modal" data-modal="notifications" data-index="0">
                        <div class="notifications-modal-inner modal-panel">
                            <div class="notifications-header">
                                <div class="tab">
                                    <div class="text">Approvals</div>
                                </div>
                            </div>

                            <div class="approvals-container"></div>
                        </div>
                    </div>
                </div>
            </header>
            <nav class="primary-nav js-no-modal">
                <ul class="nav-list">
                    <a class="nav-link" href="/components/preview/index.html" title="Dashboard">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-dashboard"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Dashboard</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/projects.html" title="Projects">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-projects"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Projects</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/commercials.html" title="Commercials">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-commercials"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Commercials</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/integrity.html" title="Integrity">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-integrity"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Integrity</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/assets.html" title="Assets">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-assets"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Assets</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/people.html" title="People">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-people"></use>
									</svg>
                            </div>
                            <span class="nav-text text">People</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/outputs-impact.html" title="Outputs &amp; Impact">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-outputs-impact"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Outputs &amp; Impact</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/reporting.html" title="Reporting">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-reporting"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Reporting</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/researcher-training.html" title="Researcher Training">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-researcher-training"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Researcher Training</span>
                        </li>
                    </a>
                    <a class="nav-link" href="/components/preview/admin-settings.html" title="Admin Settings">
                        <li class="nav-item ">
                            <div class="nav-icon svg-wrap">
                                <svg viewBox="0 0 25 25">
										<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-admin-settings"></use>
									</svg>
                            </div>
                            <span class="nav-text text">Admin Settings</span>
                        </li>
                    </a>
                </ul>

                <button class="btn nav-item btn-collapse js-collapse-nav" data-control-name="mainMenu" data-control-toggle="open, collapsed" data-current-value="collapsed">
					<div class="nav-icon svg-wrap">
						<svg viewBox="0 0 25 25">
							<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-collapse"></use>
						</svg>
					</div>
					<span class="nav-text text">Collapse Sidebar</span>
				</button>
            </nav>

            <footer class="site-footer">
                <div class="inner">
                    <ul class="footer-links footer-left">
                        <li class="footer-item">
                            <a class="link" href="http://universityoffice.com.au" title="Support" target="_blank">Support</a>
                        </li>
                        <li class="footer-item">
                            <a class="link" href="http://universityoffice.com.au" title="Privacy Policy" target="_blank">Privacy Policy</a>
                        </li>
                        <li class="footer-item">
                            <a class="link" href="http://universityoffice.com.au" title="Disclaimer" target="_blank">Disclaimer</a>
                        </li>
                    </ul>

                    <ul class="footer-links footer-right">
                        <li class="footer-item">
                            <span class="text">&copy; Copyright University Office 2017</span>
                        </li>
                        <li class="footer-item footer-code">
                            <span class="text">065396D</span>
                        </li>
                    </ul>
                </div>
            </footer>
        </div>
    </div>

    <script type="text/javascript" src="../../js/dependencies.js"></script>
    <script type="text/javascript" async src="../../js/math-jax/MathJax.js?config&#x3D;TeX-MML-AM_CHTML"></script>
    <script type="text/javascript" src="../../js/config.js"></script>
    <script type="text/javascript" src="../../js/scripts.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
	<meta charset="utf-8">
	<title>IRMA | University Office</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="{{ path '/css/main.css' }}">

	<style type="text/css">
	</style>
</head>
<body class="-nav-collapsed">
	<div class="site-container" data-user-id="{{ userId }}" id="{{#with _target.context }}{{ pageClass }}{{ pageTitle }}{{/with}}">
		{{> @svg-symbols }}

		<div class="page-container">
			<input id="session-id" name="irmaSessionChild" value="324234234" hidden>

			{{> @site-header }}

			{{> @primary-nav }}

			{{#with _target.context }}
				<main class="{{ pageClass }} section" data-title="{{ pageTitle }}">

					{{> @section-header }}

					<div class="{{ pageClass }}-content content">
						{{#with @root }}
					
							{{{ yield }}}

						{{/with}}
					</div>

				</main>
			{{/with}}

			{{> @site-footer }}
		</div>
	</div>

	<script type="text/javascript" src="{{ path '/js/dependencies.js' }}"></script>
	<script type="text/javascript" async src="{{ path '/js/math-jax/MathJax.js?config=TeX-MML-AM_CHTML' }}"></script>
	<script type="text/javascript" src="{{ path '/js/config.js' }}"></script>
	<script type="text/javascript" src="{{ path '/js/scripts.js' }}"></script>
</body>
</html>
{
  "orgName": "Thirst University",
  "sections": [
    {
      "name": "dashboard",
      "title": "Dashboard",
      "slug": "index",
      "isActive": null
    },
    {
      "name": "projects",
      "title": "Projects",
      "slug": "projects",
      "isActive": null
    },
    {
      "name": "commercials",
      "title": "Commercials",
      "slug": "commercials",
      "isActive": null
    },
    {
      "name": "integrity",
      "title": "Integrity",
      "slug": "integrity",
      "isActive": null
    },
    {
      "name": "assets",
      "title": "Assets",
      "slug": "assets",
      "isActive": null
    },
    {
      "name": "people",
      "title": "People",
      "slug": "people",
      "isActive": null
    },
    {
      "name": "outputs-impact",
      "title": "Outputs & Impact",
      "slug": "outputs-impact",
      "isActive": null
    },
    {
      "name": "reporting",
      "title": "Reporting",
      "slug": "reporting",
      "isActive": null
    },
    {
      "name": "researcher-training",
      "title": "Researcher Training",
      "slug": "researcher-training",
      "isActive": null
    },
    {
      "name": "admin-settings",
      "title": "Admin Settings",
      "slug": "admin-settings",
      "isActive": null
    }
  ],
  "basePath": "/components/preview/",
  "baseExtension": ".html",
  "userId": "21652145",
  "headerBg": null,
  "color": "#27ABE2",
  "env": "Production Version 0.125",
  "logo": "/img/logo.png",
  "user": {
    "name": "Stephen Aaron-Gerlach"
  }
}
  • Content:
    html {
    	&.-no-scroll {
    		height: 100%;
    		overflow-y: scroll;
    
    		body {
    			height: 100%;
    			overflow: hidden;
    		}
    
    		.site-container {
    			height: 100vh;
    			overflow: hidden;
    		}
    	}
    
    	&.-disable-all {
    		.page-container {
    			.site-header, .primary-nav {
    				&:hover {
    					&::after {
    						opacity: 1;
    						visibility: visible;
    					}
    				}
    
    				&::before {
    					content: '';
    
    					position: absolute;
    					top: 0;
    					left: 0;
    					z-index: 12;
    
    					display: block;
    					width: 100%;
    					height: 100%;
    
    					background: rgba($color-irma-mist, 0.7);
    				}
    
    				&::after {
    					position: fixed;
    					top: 11.25rem; 
    					left: 50%;
    					transform: translate(-50%, -50%);
    
    					display: block;
    					padding: 2rem 3rem;
    					z-index: 15;
    
    					background: $color-irma-navy;
    					box-shadow: 0 2px 10px rgba(black, 0.1);
    					color: white;
    					opacity: 0;
    					visibility: hidden;
    
    					font-size: 3rem;
    
    					transition: all $transition;
    				}
    
    				* {
    					pointer-events: none;
    				}
    			}
    
    			.site-header {
    				&::after {
    					content: 'Tools have been disabled. Please save your work first.';
    				}
    			}
    
    			.primary-nav {
    				z-index: 20;
    				
    				&::after {
    					content: 'Navigation has been disabled. Please save your work first.';
    				}
    
    				&:hover {
    					overflow: visible;
    
    					.nav-list {
    						overflow: hidden;
    					}
    				}
    			}
    		}
    	}
    }
    
    body {
    	overflow-y: scroll;
    
    	background: $color-irma-offwhite;
    
    	.-nav-padded, .cke_dialog_background_cover, & > .cke_reset_all:not(.cke_combopanel) {
    		padding-left: 60rem;
    
    		transition: padding $transition $ease-out-quad;
    
    		&.modal, &.drop-overlay {
    			transition: all $transition $ease-out-quad;
    		}
    	}
    
    	&.-nav-collapsed {
    		.cke_dialog_background_cover, & > .cke_reset_all:not(.cke_combopanel) {
    			padding-left: 15rem;
    		}
    	}
    }
    
    .page-container {
    	position: relative;
    
    	min-width: 100%;
    	height: 100vh;
    	padding-left: 60rem;
    
    	background: $color-irma-offwhite;
    	color: $color-irma-slate;
    
    	transition: padding $transition;
    
    	.-modal & {
    		overflow: hidden;
    		height: 100vh;
    	}
    
    	.-search-results & {
    		.secondary-nav {
    			height: 0;
    			padding-top: 0;
    			visibility: hidden;
    			opacity: 0;
    		}
    
    		.search-form {
    			overflow: hidden;
    
    			transition: {
    				property: height, opacity;
    				duration: ($transition * 2);
    			}
    
    			.search-panel {
    				opacity: 0;
    			}
    		}
    
    		.search-results {
    			.card {
    				margin-top: 0;
    			}
    		}
    	}
    
    	.-nav-fixed:not(.-search-results) & {
    		.section-header {
    			box-shadow: none;
    		}
    	}
    
    	.secondary-nav {
    		&.-fixed {
    			left: 0;
    			
    			padding-left: 60rem;
    
    			transition: padding $transition $ease-out-quad;
    		}
    	}
    
    	.-nav-collapsed & {
    		padding-left: 15rem;
    
    		.-nav-padded {
    			padding-left: 15rem;
    		}
    
    		.secondary-nav {
    			&.-fixed {
    				padding-left: 15rem;
    			}
    		}
    	}
    
    	.modal {
    		padding-top: 20rem;
    	}
    
    	.primary-nav {
    		position: fixed; 
    		top: 20rem;
    		left: 0;
    		z-index: 15;
    
    		height: calc(100vh - 20rem);
    	}
    
    	.section-header {
    		left: 0;
    
    		transition: padding $transition;
    	}
    
    	.search-form {
    	}
    
    	.search-panel {
    		transition: opacity $transition;
    	}
    }
    
    .section {
    	width: 100%;
    	min-height: calc(100% - 18rem);
    	padding: 45rem 0 5rem 0;
    
    	.inner {
    		width: calc(100% - 10rem);
    		@include max-width;
    		margin: 0 auto;
    	}
    
    	.content {
    		width: calc(100% - 10rem);
    		@include max-width;
    
    		margin: 0 auto;
    
    		color: $color-irma-slate;
    	}
    
    	.card {
    		margin-top: 6rem;
    	}
    }
    
    a {
    	color: $color-irma-link;
    }
    
    .link {
    	position: relative;
    
    	display: inline-block;
    	height: 1.5em;
    
    	color: $color-irma-link;
    
    	line-height: 1.5em;
    	text-decoration: none;
    
    	transition: all $transition;
    
    	&::after {
    		content: '';
    
    		position: absolute;
    		bottom: 0.25em;
    		right: 0;
    
    		display: block;
    		width: 100%;
    		height: 1px;
    
    		background: transparent;
    
    		transition: all $transition;
    	}
    
    	&:hover, &:focus, &.-selected {
    		color: $color-irma-link;
    		border: none;
    		outline: none;
    
    		text-decoration: none !important;
    
    		&::after {
    			background: currentColor;
    		}
    	}
    
    	&.link-strong {
    		height: 1.6em;
    
    		line-height: 1.6em;
    		@include font-primary-bold;
    		@include font-size-other(14px);
    
    		&::after {
    			height: 2px;
    		}
    	}
    
    	&.link-email {
    		margin-left: 4rem;
    
    		&::before {
    			content: '\f003';
    
    			position: absolute;
    			left: -4rem;
    			top: 50%;
    			transform: translateY(-50%);
    
    			@include font-icon;
    		}
    	}
    
    	&.link-phone {
    		margin-left: 4rem;
    
    		&::before {
    			content: '\f095';
    
    			position: absolute;
    			left: -4rem;
    			top: 50%;
    			transform: translateY(-50%);
    
    			@include font-icon;
    		}
    	}
    
    	&.link-history {
    		margin-left: 5rem;
    
    		&::before {
    			content: '\f017';
    
    			position: absolute;
    			left: -5rem;
    			top: 50%;
    			transform: translateY(-55%);
    
    			@include font-icon;
    		}
    	}
    }
    
    .btn {
    	&:hover, &:focus, &.-selected {
    		& > .link {
    			color: $color-irma-link;
    
    			text-decoration: none !important;
    
    			&::after {
    				background: currentColor;
    			}
    		}
    	}
    }
    
    .hidden-group {
    	visibility: visible;
    	opacity: 1;
    
    	transition: all $transition;
    
    	&.-hidden {
    		height: 0;
    		overflow: hidden;
    
    		visibility: hidden;
    		opacity: 0;
    	}
    }
    
    .approval-message {
    	p {
    		margin-top: 3rem;
    	}
    }
    
    ol {
    	display: block;
    	list-style-type: decimal;
    	padding-left: 6rem;
    
    	li {
    		padding-left: 1.5rem;
    	}
    }
  • URL: /components/raw/wrapper/_wrapper.scss
  • Filesystem Path: components/04-wrapper/_wrapper.scss
  • Size: 5.2 KB
  • Content:
    /* 
     *	_wrapper.js
     */
    
    irma.wrapper = (function () {
    	'use strict';
    
    	var init = function () {
    		$(document).on('click keypress keyup keydown', '.-disable-all .site-header *, .-disable-all .primary-nav *', function (e) {
    			if (e.which != 9) {
    				e.preventDefault();
    				e.stopImmediatePropagation();
    			}
    		});
    
    	};
    
    	return {
    		init: init
    	};
    
    }());
  • URL: /components/raw/wrapper/wrapper.js
  • Filesystem Path: components/04-wrapper/wrapper.js
  • Size: 353 Bytes

There are no notes for this item.