/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* -- Primary action colour -- */
a {
  color: #4f2d7f;
  text-decoration: none !important;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #de002e;
  text-decoration: underline;
}

.btn-primary {
  color: #fff !important;
  background-color: #4f2d7f;
  border-color: #4f2d7f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #de002e;
  border-color: #de002e;
}
.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: #4f2d7f;
  border-color: #4f2d7f;
}

.bg-primary {
  background-color: #4f2d7f;
  color: #ffffff;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #fff;
}

.bg-white {
	color: #000000;
}

.bg-white a {
  color: #4f2d7f;
}
.bg-white a:hover {
  color: #de002e;
}

.bg-dark {
	background-color: #4f2d7f;
}

a.bg-light:hover {
  color: #de002e;
}
a.bg-primary:hover {
  background-color: #de002e;
}
a.text-primary:hover {
  color: #de002e;
}
.text-primary {
  color: #4f2d7f;
}

.bg-primary.dker,
.bg-primary .dker{
	background-color: #3b215e; /* plus 10% */
}
.bg-primary.lter,
.bg-primary .lter{
	background-color: #7542bd; /* minus 15% */
}
.stroke-primary {
	stroke: #4f2d7f;
}
.stroke-primary.lter,
.stroke-primary .lter {
  stroke: #7542bd; /* minus 15% */
}
.stroke-primary.dker,
.stroke-primary .dker {
  stroke: #3b215e; /* plus 10% */
}
.fill-primary {
  fill: #4f2d7f;
}
.fill-primary.lter,
.fill-primary .lter {
  fill: #7542bd; /* minus 15% */
}
.fill-primary.dker,
.fill-primary .dker {
  fill: #3b215e; /* plus 10% */
}

/* -- Header bar colour -- */

.navbar {
	background-color: #ffffff;
}

.navbar .nav > li > a,
.navbar support-link {
  background-color: transparent !important;
  color: #4f2d7f;
}

.navbar support-link,
.navbar support-link > a {
  color: #4f2d7f !important;
  text-decoration: none !important;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li.active > a,
.navbar support-link a:hover,
.navbar support-link a:focus {
  background-color: transparent !important;
  background-image: url(/content/assets/nav-hover.png);
  background-position: 0% 100%;
  background-repeat: repeat-x;
  color: #4f2d7f;
}

.navbar .nav .open > a {
  background-color: transparent !important;
  color: #4f2d7f;
}

.navbar-toggle {
  color: #4f2d7f !important;
  border: 0px none transparent !important;
  border-radius: 0px !important;
  margin: 0px !important;
  padding: 15px 20px !important;
}

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus,
.navbar-toggle.open {
  background-image: url(/content/assets/nav-hover.png);
  background-position: 0% 100%;
  background-repeat: repeat-x;
}

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

.dropdown-menu > li > a {
	background-color: transparent;
	color: #4f2d7f;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: transparent !important;
  color: #de002e;
  text-decoration: underline;
}

/* carousel */
.carousel {
}

.carousel h2 {
}

.carousel-control {
	width: 10%;
}

.carousel-indicators li {
	margin: 0px 3px;
	background-color: transparent;
	box-shadow: 0 1px 8px #000000;
}

.carousel-indicators li.active {
	margin: 0px 2px;
}

.banner {
	background-color: #4f2d7f !important;
}

.banner .btn-primary {
	min-width: 184px;
	text-align: left;
}

.banner .col-xs-push-1 {
}

/* dashboard */

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

/* footer */

#site-footer {
	background-color: #4f2d7f !important;
	color: #ffffff;
	padding-bottom: 15px;
}

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

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

@media (max-width: 767px) {
	.navbar-right {
		height: auto !important;
	}
    .navbar-right li .navbar-link {
		height: 50px !important;
		padding: 15px 15px !important;
	}
	.dropdown-toggle .img-circle {
		margin-top: 5px;
	}
	
	body {
	margin-bottom: 85px !important;
}
	
	#site-footer .copyright:after {
		content:"\a";
		white-space: pre;
	}
}

@media (max-width: 596px) {
	.carousel-indicators li {
		box-shadow: none;
	}
}

/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/
html {
  background-color: #fff;  
}

body {
	font-family: 'Arial', sans-serif;
	color: #000000;
}

h1, .h1,
h2, .h2 {
	color: #4f2d7f;
}

h2, .h2 {
	font-size: 28px !important;
}

.brand img{
  z-index: 1000;
  margin: -20px 0 0 -10px;
}
.navbar-header {
  width: inherit;
}
.navbar-brand {
  padding-left: 10px;
  height: 30px;
}
.navbar-brand img{
  margin-top: -3px;
  max-height: 30px;
  height: 30px;
}

.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: url(/content/assets/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
	overflow: hidden;
  -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-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*/
}

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

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

.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: #de002e !important;
}

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

.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,
.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 20px 20px 20px !important;
	margin-bottom: 0px;
}

.app-private-dashboard section h2 a:hover,
.app-private-dashboard section h2 a:focus,
.tile-link {
	text-decoration: none !important;
}

.banner .text-white {
	text-shadow: none !important;
}

.banner .container-fluid {
	background-position: 50% 50%;
	background-repeat: repeat;
	height: 400px;
}

.banner .row {
	position: relative;
	top: 50%;
	transform: translateY(-55%);
	-ms-transform: translateY(-55%); /*IE*/
	-moz-transform: translateY(-55%); /*Firefox*/
	-webkit-transform: translateY(-55%); /*Chrome, Safari, Opera*/
}

.banner .row .col-xs-push-1 {
	max-width: 740px;
	background-color: rgba(79,45,127,0.8);
}

.forum-banner .info-circle {
	float: left;
}

.forum-banner .col-sm-12 .panel p {
	margin: 0px auto;
}

.forum-banner .col-sm-12 .panel:hover,
.forum-banner .col-sm-12 .panel:active,
.forum-banner .col-sm-12 .panel:focus {
	background-color: #de002e !important;
}

@media (min-width: 788px) {
	.banner .row .col-xs-push-1 {
		width: 40%;
	}
}

@media (max-width: 787px) {
	.banner .row .col-xs-push-1 {
		max-width: 278px !important;
	}
}

@media (max-width: 596px) {
	.banner .row .col-xs-push-1 {
		max-width: 100% !important;
		background-color: transparent;
	}
	
	.banner .container-fluid {
		background-color: rgba(79,45,127,0.8);
	}
}

#site-footer {
	background-color: #00263e;
	height: auto !important;
	color: #ffffff;
}

#site-footer a,
#site-footer a:hover,
#site-footer a:focus {
	color: #ffffff;
}

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


@media (max-width: 767px) {
	.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: none; 
	}
	
	.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-image: none; 
	}
	.app-public-access-signin .box-shadow-xl,
	.app-public-access-forgot .box-shadow-xl,
	.app-public-access-signup .box-shadow-xl,
	.app-public-access-recover .box-shadow-xl,
	.app-public-access-thanks .box-shadow-xl,
	.app-public-access-scope .box-shadow-xl {
		box-shadow: none;
	}
  
  	.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;
	}
	
	.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 {
		max-width: 320px !important;
	}
}

/* dashboard migration styles */

.app-private-dashboard .dash-padder {
  padding: 30px 0px 0px 0px;
}

.app-private-dashboard .default-tile.panel {
  margin-left: 15px;
  margin-right: 15px;
  border: 0px;
}

.app-private-dashboard .panel {
  box-shadow: 0px 0px 10px 5px darkgrey;
}

.app-private-dashboard #default-tile-1 .panel-img-top {
	background-position: 50% 20% !important;
}

.app-private-dashboard #default-tile-6 .panel-img-top {
   background-position: 20% 82%;
}

.app-private-dashboard #default-tile-10 .panel-img-top {
  background-position: 90% 50%;
}

.app-private-dashboard .panel .tile-text h2 {
	font-size: 18px !important;
  margin-bottom: 10px;
}

@media (min-width: 1800px) {
  .app-private-dashboard .container {
    max-width: 1500px !important;
  }
}