/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* -- Primary action colour -- */
a {
  font-weight: bold;
}

/* -- Header bar colour -- */

.navbar-container {
  max-width: 1368px;
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
}

.navbar .nav > li > a,
.navbar-toggle .fa {
  font-size: 16px;
  font-weight: normal;
}

.navbar support-link,
.navbar support-link > a {
  color: #3d3c3c !important;
  text-decoration: none !important;
  font-weight: normal;
}

.navbar support-link a:hover {
  background-color: transparent;
  color: #3d3c3c;
}

.navbar support-link > a > span > div {
	padding: 30px 11px !important;
}

#navbar #navigationMenu > #avitar-header-subnav {
  background-color: #750A22; 
  color: #ffffff;
}

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

.dropdown-menu {
	background-color: #750A22 !important;
  color: #ffffff !important;
  font-size: 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: underline;
}

/* catalogue landing page */

#landing-page.container-fluid {
  position: relative;
}

#landing-page.container-fluid::after {
	content: " ";
	display: block !important;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 60px 106vw;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	bottom: 0px;
	left: -20px;
}

#landing-page.container-fluid .bg-primary {
	background-image: linear-gradient(136.57deg,rgb(117, 10, 33) 0%,rgb(220, 0, 44) 100%);
}

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

/* dashboard */

.timeline .btn-info,
.timeline .btn-info:hover,
.timeline .btn-info:active {
	background-color: #ffffff !important;
	border: 1px solid #dee0e5 !important;
	color: #3d3c3c !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;
}

.starratings {
  color: #195280;
}

/* event */

.app-private-catalogue-event #location-dropdown {
  display: none;
}

.app-private-catalogue-event p.text-muted {
  display: none;
}

/* footer */

#site-footer {
	background-color: #1a1a1a !important;
  color: #ffffff;
  border-top: 0px none transparent;
	padding-bottom: 15px;
  overflow-y: hidden;
}

#site-footer .container {
	width: 100%;
}

#site-footer a {
  color: #ffffff;
  font-weight: normal;
	margin: 0px;
}

#site-footer .row {
  margin: 0px -8px !important;
  padding-top: 30px;
  padding-bottom: 30px;
}

#site-footer .footer-terms:after,
#site-footer .footer-privacy:after,
#site-footer .footer-legal:after {
	content:"/";
  margin-left: 10px;
  margin-right: 10px;
	white-space: pre;
}
  
#site-footer .footer-disclaimer:after {
	content:"\a";
	white-space: pre;
}

#site-footer .footer-copyright:after {
	content:" ";
	white-space: pre;
}

@media (min-width: 768px) and (max-width: 836px) {
  .navbar .nav > li > a,
  .navbar support-link > a > span > div {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  .navbar .nav > li > a,
  .navbar support-link, 
  .dropdown-menu {
    font-size: 14px;
  }
  
}

@media (max-width: 767px) {
  #site-footer .footer-copyright:after {
		content:"\a";
		white-space: pre;
	}
  
  .navbar-header {
    height: 80px;
  }
  
	.navbar-right {
		height: auto !important;
	}

  .navbar-nav > li > a.ng-binding,
  .navbar-right > li > a.ng-scope,
  .navbar-right > li > a.ng-binding,
  .navbar-right > li > a.dropdown-toggle {
		height: 40px !important;
		padding: 10px 15px !important;
	}
  
  .navbar-nav > li > a {
    height: 40px !important;
  }
  
  .navbar support-link > a > span > div {
    padding: 10px 15px !important;
  }
	.dropdown-toggle .img-circle {
		margin-top: 5px;
	}

  body {
    margin-bottom: 195px !important;
  }
  
  .navbar-right {
    margin-right: 0px !important;
    padding-right: 0px !important;
  }
  
  .navbar-collapse {
    padding-right: 0px !important;
  }
}

@media (max-width: 766px) {  
  .navbar-brand {
    margin-left: 19px !important;
  }
  
  .navbar-toggle {
    margin-right: 19px !important;
  }
}

@media (max-width: 640px) {
  #site-footer .footer-privacy:after {
    content:"\a";
    margin-left: 0px !important;
    margin-right: 0px !important;
		white-space: pre;
  }
    body {
    margin-bottom: 215px !important;
  }
}

@media (max-width: 638px) {
  .navbar-brand {
    margin-left: 4px !important;
  }
  
  .navbar-toggle {
    margin-right: 4px !important;
  }
}

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

@media (max-width: 500px) {
	#site-footer .footer-legal:after,
  #site-footer .footer-terms:after {
		content:"\a";
    margin-left: 0px !important;
    margin-right: 0px !important;
		white-space: pre;
	}
  
  body {
    margin-bottom: 275px !important;
  }
}


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

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

@font-face {
 font-family: 'Proxima Nova';
 src: url('/content/assets/proximanova-regular-webfont.eot');
 src: url('/content/assets/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('/content/assets/proximanova-regular-webfont.woff') format('woff'),
      url('/content/assets/proximanova-regular-webfont.ttf') format('truetype'),
      url('/content/assets/proximanova-regular-webfont.svg') format('svg');
 font-weight: 400;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Proxima Nova';
 src: url('/content/assets/proxima_nova_sbold_0-webfont.eot');
 src: url('/content/assets/proxima_nova_sbold_0-webfont.eot?#iefix') format('embedded-opentype'),
      url('/content/assets/proxima_nova_sbold_0-webfont.woff') format('woff'),
      url('/content/assets/proxima_nova_sbold_0-webfont.ttf') format('truetype'),
      url('/content/assets/proxima_nova_sbold_0-webfont.svg') format('svg');
 font-weight: 500;
 font-style: normal;
 font-stretch: normal;
}

/* Page overides */

html {
	background-color: #ffffff;
}

body {
	color: #3d3c3c;
	font-size: 14px;
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
	margin-bottom: 175px;
}

h1, .h1 {
  font-size: 50px;
  color: #DC002B;
}

h2, .h2 {
  font-size: 38px;
}

h3, .h3 {
  font-size: 28px;
}

h4, .h4 {
  font-size: 22px;
}
  
h1, .h1
h2, .h2 {
  font-weight: bold !important;
}

h3, .h3,
h4, .h4 {
	font-weight: bold !important;
}

.navbar {
  top: 0;
}

.navbar-nav {
  display: none;
}

.navbar-right {
	height: 80px;
  margin-right: 23.5px;
  display: block;
}

.navbar .nav > li > a,
.navbar-nav > li > a.ng-binding,
.navbar-right > li > a.ng-scope,
.navbar-right > li > a.ng-binding,
.navbar-right > li > a.dropdown-toggle {
	height: 80px;
	padding: 30px 11px;
}

.navbar-toggle {
  margin: 0px 23.5px 0px 0px;
  padding: 29px 25px 29px 25px;
  border-radius: 0px;
}

.navbar-header {
  width: inherit;
}

.navbar-brand {
  width: 172px;
  height: 52px !important;
  margin-top: 15px;
  margin-left: 23.5px;
  text-align: left !important;
  padding: 0px 10px;
}

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

.icon-hamburger {
  width: 25px;
  height: 20px;
  background-image: url(/content/assets/hamburger.svg);
}

/* Page specific overides */

/* tile panel */

.tile-body {
  font-size: 13px;
}

.tile-description {
  font-weight: normal;
}

/* sign-in */

.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:#666;
}

.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: linear-gradient(136.57deg,rgba(117, 10, 33,0.7) 0%,rgba(220, 0, 44,0.7) 100%), url(/content/assets/login-bg.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-attachment: fixed, fixed;
  -webkit-background-size: cover, cover;
     -moz-background-size: cover, cover;
       -o-background-size: cover, cover;
          background-size: cover, 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 {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 586 586' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.644507999'%3E%3Cg id='Homepage-Advance' transform='translate(-1334.000000, -11.000000)' fill='%23C2242B'%3E%3Cg id='Bitmap' transform='translate(0.000000, -120.000000)'%3E%3Cg id='Group-17-Copy' transform='translate(1627.000000, 424.000000) rotate(-270.000000) translate(-1627.000000, -424.000000) translate(1334.000000, 131.000000)'%3E%3Cpolygon id='Fill-1' points='439 -4.54747351e-13 439 147 439.002617 147 586 147 585.997383 -4.54747351e-13'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' opacity='0.8' points='439 146 439.002617 293 586 293 586 146'%3E%3C/polygon%3E%3Cpolygon id='Fill-4' fill-opacity='0.6' points='439 440 586 440 586 293 439 293'%3E%3C/polygon%3E%3Cpolygon id='Fill-5' opacity='0.4' points='439 586 586 586 586 439 439 439'%3E%3C/polygon%3E%3Cpolygon id='Fill-6' opacity='0.8' points='293 147 440 147 440 -4.54747351e-13 293 -4.54747351e-13'%3E%3C/polygon%3E%3Cpolygon id='Fill-7' fill-opacity='0.6' points='146 147 293 147 293 -4.54747351e-13 146 -4.54747351e-13'%3E%3C/polygon%3E%3Cpolygon id='Fill-8' opacity='0.4' points='-4.54747351e-13 0 0.00523457669 147 147 147 147 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-9' fill-opacity='0.6' points='293 293 440 293 440 146 293 146'%3E%3C/polygon%3E%3Cpolygon id='Fill-11' opacity='0.4' points='293 440 440 440 440 293 293 293'%3E%3C/polygon%3E%3Cpolygon id='Fill-15' opacity='0.4' points='146 293 293 293 293 146 146 146'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");  position: absolute;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-attachment: fixed;
  -webkit-background-size: 600px 600px;
     -moz-background-size: 600px 600px;
       -o-background-size: 600px 600px;
          background-size: 600px 600px;
	margin-bottom: 0px !important;
}

.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;
}

.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 {
	padding-bottom: 50px;
	position: relative;
	top: 50px;
}

.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: #195280;
}

.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: #053a65;
}

.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: 100%;
	height: auto !important;
	padding: 20px 0px;
  max-height: 165px;
}

.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 .container.m-t-sm {
	background-color: #ffffff;
	margin-top: 0px;
	padding: 0px 20px 20px 20px !important;
	margin-bottom: 0px;
}

/* Landing Page */

.app-private-catalogue-landingpage .container .row .m-t-sm.col-sm-8.col-md-8.col-lg-8 > h4,
.app-private-catalogue-curriculum .container .row .m-t-sm.col-sm-8.col-md-8.col-lg-8 > h4{
  display: none;
}

/* dashboard migration styles */

.app-private-dashboard .banner-item-wrapper {
  height: 567px !important;
}

.app-private-dashboard .banner-item-wrapper > div {
	height: 567px;
	background-image: linear-gradient(136.57deg,rgba(117, 10, 33,0.7) 0%,rgba(220, 0, 44,0.7) 100%);
}

.app-private-dashboard .banner-item-wrapper > div::after {
  content: " ";
  display: block !important;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 106vw;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  bottom: 0px;
  left: -20px;
  z-index: 32;
}

.app-private-dashboard .banner-item-wrapper .banner-text {
  max-width: 800px;
}

.app-private-dashboard .container-widgets a {
  color: #195280;
}

.app-private-dashboard .container-widgets a:hover {
  color: #053a65;
}

@media (max-width: 414px) {
  .app-private-dashboard .banner-item-wrapper .banner-text h2 {
    font-size: 28px;
  }
  
  .app-private-dashboard .banner-item-wrapper .banner-text p {
    font-size: 22px;
  }
}