<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&amp;display=swap');

/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* -- Primary action colour -- */

a {
  color: #2a867c;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #007864;
  text-decoration: none;
}

.btn-primary {
  color: #fff !important;
  background-color: #2a867c;
  border-color: #2a867c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #007864;
  border-color: #007864;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2a867c;
  border-color: #2a867c;
}

.btn-success {
  background-color: #2a867c;
  border-color: #2a867c;
}

.btn-success.active, 
.btn-success:active, 
.btn-success:focus, 
.btn-success:hover, 
.open .dropdown-toggle.btn-success {
  background-color: #007864;
  border-color: #007864;
}

.btn-info {
  background-color: #a7005f;
  border-color: #a7005f;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background-color: #960156;
  border-color: #960156;
}

.bg-primary {
  background-color: #2a867c;
  color: #ffffff;
}

.bg-primary a {
  color: #ffffff;
}

.bg-primary a:hover {
  color: #fff;
}

.bg-white a {
  color: #2a867c;
}

.bg-white a:hover {
  color: #007864;
}

a.bg-light:hover {
  color: #007864;
}

a.bg-primary:hover {
  background-color: #007864;
}

a.text-primary:hover {
  color: #007864;
}

.text-primary {
  color: #2a867c;
}

.bg-primary.dker,
.bg-primary .dker{
	background-color: #1f6159; /* plus 10% */
}

.bg-primary.lter,
.bg-primary .lter{
	background-color: #37aea0; /* minus 10% */
}

.stroke-primary {
	stroke: #2a867c;
}

.stroke-primary.dker,
.stroke-primary .dker {
	stroke: #1f6159; /* plus 10% */
}

.stroke-primary.lter,
.stroke-primary .lter {
	stroke: #37aea0; /* minus 10% */
}

.fill-primary {
	fill: #2a867c; 
}

.fill-primary.dker,
.fill-primary .dker {
	fill: #1f6159; /* plus 10% */
}

.fill-primary.lter,
.fill-primary .lter {
	fill: #37aea0; /* minus 10% */
}

.b-primary {
  border-color: #2a867c;
}

/*  NAVIGATION  */

.navbar {
  background-color: #2a867c;
  font-weight: 600;
}

#navbar &gt; .nav &gt; li &gt; a:hover,
#navbar &gt; .nav &gt; li &gt; a:focus {
  background-color: #007864;
}

.navbar .nav &gt; li &gt; a,
.navbar-toggle {
  background-color: transparent;
  color: #ffffff;
}

.navbar-toggle .fa {
  background-color: transparent;
  color: #ffffff;
}

.navbar-toggle:hover .fa {
  background-color: #007864;
  text-decoration: none;
  color: #ffffff;
}

.navbar support-link, /*help and support text link*/
.navbar support-link &gt; a {
  color: #ffffff !important;
}

.navbar support-link &gt; a:hover { color:#ffffff!important;} /* help and support hover text*/

.navbar support-link,
.navbar support-link &gt; a {
  color: #ffffff !important;
  padding: 0px !important;
  margin: 0px !important;
  text-decoration: none !important;
}

.navbar support-link &gt; a &gt; span &gt; div {
  padding: 15px 11px !important;
}

.navbar .nav &gt; li &gt; a:hover,
.navbar .nav &gt; li &gt; a:focus,
.navbar support-link a:hover,
.navbar support-link a:focus {
  background-color: #007864;
  text-decoration: none;
  color: #ffffff;
}

.navbar .nav .open &gt; a {
  background-color: transparent;
  color: #ffffff;
}

/* -- Dropdown menu link colour -- */

.dropdown-menu {
  background-color: #2d2d2d;
}

.dropdown-menu .wrapper {
	background-color: #2d2d2d;
  color: #ffffff;
  border-bottom-color: #585858;
}

.dropdown-menu .wrapper .text-muted {
  color: rgba(255,255,255,0.5) !important;
}

.dropdown-menu &gt; li &gt; a {
  color: #ffffff;
  font-weight: 600;
}

.dropdown-menu &gt; li &gt; a:hover,
.dropdown-menu &gt; li &gt; a:focus,
.dropdown-menu &gt; .active &gt; a,
.dropdown-menu &gt; .active &gt; a:hover,
.dropdown-menu &gt; .active &gt; a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #ffffff;
  font-weight: 700;
}

.dropdown-menu .divider {
  background-color: #585858;
}

/* catalogue */

#statusheading,
.tl-content span.ng-binding {
    background-color: rgba(151,153,155,0.15);
    padding: 2px 4px;
}

#landing-page #title,
#landing-page #desc  {
  color: #ffffff !important;
}

#landing-page .bg-primary {
  background-color: #b7b7b7 !important;
}

.timeline .btn-info,
.timeline .btn-info:hover,
.timeline .btn-info:active {
	background-color: #ffffff !important;
	border: 1px solid #dee0e5 !important;
	color: #989898 !important;
	cursor: default;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}

/* achievements */

.bg-info {
  background-color: #2a867c;
}

.bg-info .dk,
.bg-info.dk {
  background-color: #007864;
}

.bg-info .text-muted {
  color: #ffffff !important;
}

/* team dashboard */

.app-private-team-dashboard .label-aditional-info {
  color: #606060 !important;
  fill: #606060 !important;
  font-weight: 600;
}

.app-private-team-member .text-lg {
  font-weight: 600;
}

.app-private-team-dashboard h2,
.app-private-team-member h2,
.app-private-team-dashboard .label-title,
.app-private-team-member text.grey {
  color: #606060 !important;
  fill: #606060 !important;
  font-weight: 600;  
}

.graph line,
.grid line,
.x-grid,
.tear,
#def-tear {
  stroke: #2a867c !important;
}

.app-private-team-dashboard .team-members .active-user {
  color: #2a867c !important;
}

.app-private-team-dashboard .team-members .active-user:hover {
  color: #007864 !important;
}

.app-private-team-member .panel .blue-text {
  color: #989898;
}

.text-muted {
  color: #989898 !important;
}

@media (max-width: 999px) {
  body {
    margin-bottom: 720px !important;
  }
}

@media (max-width: 767px) {
  .navbar support-link &gt; a &gt; span &gt; div {
    padding: 10px 15px !important;
  }
  .navbar .nav &gt; li &gt; a .fa-bell {
    margin-top: 4px;
  }
	.dropdown-toggle .img-circle {
		margin-top: 5px;
	}
  
  body {
    margin-bottom: 1302px !important;
  }
}

/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/

/* Page overides */

html {
  background-color: #ffffff;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #989898;
  font-weight: 400;
}

h1, .h1,
h2, .h2 {
  color: #a7005f;
  font-weight: 600;
}

h3, .h3,
h4, .h4 {
  color: #606060;
  font-weight: 600;
}

div[role="main"] {
  min-height: 550px;
  margin-bottom: 20px;
}

.navbar-header {
  width: inherit;
}

.navbar .navbar-right {
  display: block;
}

.navbar-brand img {
  height: 20px;
  max-height: 20px !important;
}


/* Page specific overides */

/* dashboard */

/* SIGNIN */

.signin-panel form .text-white,
.forgot-panel form .text-white,
.signup-panel form .text-white,
.recover-panel form .text-white,
.thanks-panel form .text-white,
.scope-panel form .text-white {
  color:#9a9a9a;
}

.signin-panel form .text-white .form-group .control-label,
.forgot-panel form .text-white .form-group .control-label,
.signup-panel form .text-white .form-group .control-label,
.recover-panel form .text-white .form-group .control-label,
.thanks-panel form .text-white .form-group .control-label,
.scope-panel form .text-white .form-group .control-label {
  font-weight: 600 !important;
}

.app-public-access-signin,
.app-public-access-forgot,
.app-public-access-signup,
.app-public-access-recover,
.app-public-access-thanks,
.app-public-access-scope {
  background-image: url("/content/assets/login-bg.jpg");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.app-public-access-signin .b-a,
.app-public-access-forgot .b-a,
.app-public-access-signup .b-a,
.app-public-access-recover .b-a,
.app-public-access-thanks .b-a,
.app-public-access-scope .b-a {
  border: 0px none transparent !important;
}

.app-public-access-signin body,
.app-public-access-forgot body,
.app-public-access-signup body,
.app-public-access-recover body,
.app-public-access-thanks body,
.app-public-access-scope body {
  margin-bottom: 0px !important;
}

.app-public-access-forgot .forgot-panel,
.app-public-access-signup .signup-panel,
.app-public-access-recover .recover-panel,
.app-public-access-thanks .thanks-panel,
.app-public-access-scope .scope-panel {
  padding: 30px;
}

.app-public-access-signin .signin-panel,
.app-public-access-forgot .forgot-panel,
.app-public-access-signup .signup-panel,
.app-public-access-recover .recover-panel,
.app-public-access-thanks .thanks-panel,
.app-public-access-scope .scope-panel {
  background-color: #ffffff;
  display: table; /*required to avoid display bug in Chrome*/
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 600px;
}

.app-public-access-signin #app,
.app-public-access-forgot #app,
.app-public-access-signup #app,
.app-public-access-recover #app,
.app-public-access-thanks #app,
.app-public-access-scope #app {
  position: relative;
  top: 40px;
}

.app-public-access-signin .signin-panel a,
.app-public-access-forgot .forgot-panel a,
.app-public-access-signup .signup-panel a,
.app-public-access-recover .recover-panel a,
.app-public-access-thanks .thanks-panel a,
.app-public-access-scope .scope-panel a {
  color: #2a867c;
}

.app-public-access-signin .signin-panel .control-label,
.app-public-access-forgot .forgot-panel .control-label,
.app-public-access-signup .signup-panel .control-label,
.app-public-access-recover .recover-panel .control-label,
.app-public-access-thanks .thanks-panel .control-label,
.app-public-access-scope .scope-panel .control-label {
  font-weight: bold !important;
}

.app-public-access-signin .signin-panel a:hover,
.app-public-access-forgot .forgot-panel a:hover,
.app-public-access-signup .signup-panel a:hover,
.app-public-access-recover .recover-panel a:hover,
.app-public-access-thanks .thanks-panel a:hover,
.app-public-access-scope .scope-panel a:hover {
  color: #007864 !important;
}

.app-public-access-signin .signin-panel .ng-scope,
.app-public-access-forgot .forgot-panel .ng-scope,
.app-public-access-signup .signup-panel .ng-scope,
.app-public-access-recover .recover-panel .ng-scope,
.app-public-access-thanks .thanks-panel .ng-scope,
.app-public-access-scope .scope-panel .ng-scope {
  text-align: center;
}

.app-public-access-signin .signin-panel .text-right,
.app-public-access-forgot .forgot-panel .text-right,
.app-public-access-signup .signup-panel .text-right,
.app-public-access-recover .recover-panel .text-right,
.app-public-access-thanks .thanks-panel .text-right,
.app-public-access-scope .scope-panel .text-right {
  text-align: right !important;
}

.app-public-access-signin .signin-panel .brand img,
.app-public-access-forgot .forgot-panel .brand img,
.app-public-access-signup .signup-panel .brand img,
.app-public-access-recover .recover-panel .brand img,
.app-public-access-thanks .thanks-panel .brand img,
.app-public-access-scope .scope-panel .brand img {
	width: 90%;
	height: auto !important;
	padding: 20px 0px 40px 0px;
  max-width: 420px;
}

.app-public-access-signin .signin-panel .m-b-lg,
.app-public-access-forgot .forgot-panel .m-b-lg,
.app-public-access-signup .signup-panel .m-b-lg,
.app-public-access-recover .recover-panel .m-b-lg,
.app-public-access-thanks .thanks-panel .m-b-lg,
.app-public-access-scope .scope-panel .m-b-lg {
  margin-bottom: 20px !important;
}

.app-public-access-signin .signin-panel .btn-primary,
.app-public-access-forgot .forgot-panel .btn-primary,
.app-public-access-signup .signup-panel .btn-primary,
.app-public-access-recover .recover-panel .btn-primary,
.app-public-access-thanks .thanks-panel .btn-primary,
.app-public-access-thanks .thanks-panel .btn-default,
.app-public-access-scope .scope-panel .btn-primary {
  color: #ffffff !important;
  background-color: #2a867c;
  border-color: #2a867c;
}
.app-public-access-signin .signin-panel .btn-primary:hover,
.app-public-access-signin .signin-panel .btn-primary:focus,
.app-public-access-signin .signin-panel .btn-primary:active,
.app-public-access-signin .signin-panel .btn-primary.active,
.app-public-access-forgot .forgot-panel .btn-primary:hover,
.app-public-access-forgot .forgot-panel .btn-primary:focus,
.app-public-access-forgot .forgot-panel .btn-primary:active,
.app-public-access-forgot .forgot-panel .btn-primary.active,
.app-public-access-signup .signup-panel .btn-primary:hover,
.app-public-access-signup .signup-panel .btn-primary:focus,
.app-public-access-signup .signup-panel .btn-primary:active,
.app-public-access-signup .signup-panel .btn-primary.active,
.app-public-access-recover .recover-panel .btn-primary:hover,
.app-public-access-recover .recover-panel .btn-primary:focus,
.app-public-access-recover .recover-panel .btn-primary:active,
.app-public-access-recover .recover-panel .btn-primary.active,
.app-public-access-thanks .thanks-panel .btn-primary:hover,
.app-public-access-thanks .thanks-panel .btn-primary:focus,
.app-public-access-thanks .thanks-panel .btn-primary:active,
.app-public-access-thanks .thanks-panel .btn-primary.active,
.app-public-access-thanks .thanks-panel .btn-default:hover,
.app-public-access-thanks .thanks-panel .btn-default:focus,
.app-public-access-thanks .thanks-panel .btn-default:active,
.app-public-access-thanks .thanks-panel .btn-default.active,
.app-public-access-scope .scope-panel .btn-primary:hover,
.app-public-access-scope .scope-panel .btn-primary:focus,
.app-public-access-scope .scope-panel .btn-primary:active,
.app-public-access-scope .scope-panel .btn-primary.active {
  color: #ffffff !important;
  background-color: #007864;
  border-color: #007864;
}

.app-public-access-signin .container.m-t-sm,
.app-public-access-forgot .container.m-t-sm,
.app-public-access-signup .container.m-t-sm,
.app-public-access-recover .container.m-t-sm,
.app-public-access-thanks .container.m-t-sm,
.app-public-access-scope .container.m-t-sm {
  background-color: #ffffff;
  margin-top: 0px;
  padding: 0px 30px 20px 30px !important;
  margin-bottom: 0px;
  background-size: 100% 6px;
  background-repeat: no-repeat;
  max-width: 600px;
}

.app-public-access-signin .container.m-t-sm a,
.app-public-access-forgot .container.m-t-sm a,
.app-public-access-signup .container.m-t-sm a,
.app-public-access-recover .container.m-t-sm a,
.app-public-access-thanks .container.m-t-sm a,
.app-public-access-scope .container.m-t-sm a {
  color: #2a867c;
}

.app-public-access-signin .container.m-t-sm a:hover,
.app-public-access-forgot .container.m-t-sm a:hover,
.app-public-access-signup .container.m-t-sm a:hover,
.app-public-access-recover .container.m-t-sm a:hover,
.app-public-access-thanks .container.m-t-sm a:hover,
.app-public-access-scope .container.m-t-sm a:hover {
  color: #007864;
}

.form-control {
  border-color: #d3d3d3;
}

.form-control:focus {
  border-color: #d3d3d3;
}

.app-private-cpd-list .modal-dialog {
  width: 630px;
}

@media (max-width: 767px) {
  .app-private-cpd-list .modal-dialog {
    width: auto;
  }
  
  .app-public-access-signin #app,
	.app-public-access-forgot #app,
	.app-public-access-signup #app,
	.app-public-access-recover #app,
	.app-public-access-thanks #app,
	.app-public-access-scope #app	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.app-public-access-signin .signin-panel,
	.app-public-access-forgot .forgot-panel,
	.app-public-access-signup .signup-panel,
	.app-public-access-recover .recover-panel,
	.app-public-access-thanks .thanks-panel,
	.app-public-access-scope .scope-panel {
		width: 100% !important;
  }

  .dropdown-menu &gt; li &gt; a {
    color: #2d2d2d;
  }

  .dropdown-menu &gt; li &gt; a:hover, 
  .dropdown-menu &gt; li &gt; a:focus, 
  .dropdown-menu &gt; .active &gt; a, 
  .dropdown-menu &gt; .active &gt; a:hover, 
  .dropdown-menu &gt; .active &gt; a:focus,
  .navbar-nav .open .dropdown-menu&gt;li&gt;a:hover {
    color: #2d2d2d;
    background-color: #d3d3d3 !important;
  }
  
  .app-private-cpd-list .btn-period {
    margin-bottom: 0px;
  }
}

@media (max-width: 320px) {
	.app-private-cpd-list .modal-dialog .col-xs-12 {
	padding-left: 0px;
	}
}

/* dashboard migration */

.brand img{
  content: url('/content/assets/signin-logo.svg') !important;
	width: 100%;
}

.navbar-brand img {
  content: url('/content/assets/logo.svg') !important;
}

.app-private-dashboard .carousel-indicators {
  display: none;
}

.app-private-dashboard .banner-item-wrapper&gt;div {
  display: flex;
  align-items: end;
}

.banner-fader {
  height: -webkit-fit-content !important;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
}

.app-private-dashboard .banner-text {
  max-width: 100% !important;
  width: 100%;
}

.app-private-dashboard .banner-text h2{
  font-family: "Merriweather", serif;
  font-weight: 600;
  line-height: 1em !important;
}

.app-private-dashboard .banner-item-wrapper a:hover .banner-text h2 {
  text-decoration: underline;
}

.app-private-dashboard .banner-text p {
  font-weight: 300;
  line-height: 27px!important;
  text-decoration: none;
}

.app-private-dashboard .container-widgets .default-tile .img-container-top:after {
  content:'';
  position:absolute;
  width:100%; 
  height: 300px;
  background:rgba(42,134,124,0);
  top:0; 
  left:0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.app-private-dashboard .container-widgets a:hover .default-tile .img-container-top:after {
  background:rgba(42,134,124,0.4);
}

.app-private-dashboard .container-widgets .default-tile .tile-text {
  background-color: rgba(151,153,155,0.15);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.app-private-dashboard .container-widgets a:hover .default-tile .tile-text {
  background-color: rgba(42,134,124,0.15);
}

.app-private-dashboard .container-widgets .default-tile h2 {
  color: #2a867c;
  font-size: 20px !important;
  padding-bottom: 5px;
  text-align: center;
  font-weight:bold;
}

.app-private-dashboard .container-widgets a:hover .default-tile h2 {
  color: #007864;
}

@media (min-width: 1200px) {
	.app-private-dashboard .container {
		width: 1170px !important;
	}

}

@media (max-width: 1499px) {
  .app-private-dashboard .container-widgets .default-tile .img-container-top:after { 
    height: 292px;
  }
}

@media (max-width: 1199px) {
  .app-private-dashboard .container-widgets .default-tile .img-container-top:after { 
    height: 281px;
  }
}

@media (max-width: 991px) {
  .app-private-dashboard .container-widgets .default-tile .img-container-top:after { 
    height: 300px;
  }
}

@media (max-width: 414px) {
  .app-private-dashboard .banner-text h2 {
    font-size: 30px !important;
  }
  
  .app-private-dashboard .banner-text p {
    font-size: 16px !important;
  }
}</pre></body></html>