/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* -- Primary action colour -- */
a {
  color: #001f3c;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #0b3155;
  text-decoration: none;
}

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

.btn-success {
  background-color: #01c796;
  border-color: #01c796;
}

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

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

.bg-primary {
  background-color: #001f3c;
  color: #f4f3f9;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #fff;
}

.bg-white a {
  color: #001f3c;
}
.bg-white a:hover {
  color: #0b3155;
}

.bg-dark {
	background-color: #001f3c;
}

a.bg-light:hover {
  color: #001f3c;
}
a.bg-primary:hover {
  background-color: #0b3155;
}
a.text-primary:hover {
  color: #0b3155;
}
.text-primary {
  color: #001f3c;
}

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

.bg-primary.lter,
.bg-primary .lter{
	background-color: #004f99; /* minus 15% */
}

.stroke-primary {
	stroke: #001f3c;
}

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

.stroke-primary.lter,
.stroke-primary .lter {
	stroke: #004f99; /* minus 15% */
}

.fill-primary {
	fill: #001f3c; 
}

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

.fill-primary.lter,
.fill-primary .lter {
	fill: #004f99; /* minus 15% */
}

/* -- Header bar colour -- */

.navbar .nav > li:hover > a,
.navbar .nav > li:focus > a,
.navbar .nav > li.active > a {
	color: #ffffff;
}
.navbar .nav > li > a,
.navbar support-link a {
  color: #ffffff !important;
  padding: 25px 15px 25px 15px;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar support-link a:hover,
.navbar support-link a:focus {
  color: #ffffff !important;
  background-color: #0b3155 !important;
}
.navbar .nav .open > a {
  background-color: transparent;
  color: #ffffff;
}

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

.dropdown-menu {
	background-color: #ffffff;
}

.dropdown-menu > li > a {
	color: #575756 !important;
	text-transform: none !important;
}

.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: #ffffff !important;
  color: #001f3c !important;
}

.navbar .badge {
	background-color: #ffffff !important;
	color: #001f3c;
	text-shadow: none;
}

@media (max-width: 767px) {
	.navbar-right {
		height: auto !important;
	}
	.navbar .nav > li > a,
	.navbar support-link a {
		height: 50px !important;
		padding: 15px 15px !important;
	}
	.dropdown-toggle .img-circle {
		margin-top: 5px;
	}
	
	.row2-greypan {
		background-color: #001f3c;
	}

	.row2-greypan:hover {
			background-color: #0b3155;
	}

	.row2-bluepan {
		background-color: #575756;
	}

	.row2-bluepan:hover {
			background-color: #6e7a81;
	}
}

/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/
/* Page overides */

html {
	background-color: #ffffff;
}

body {
	color: #575756;
  font-family:  Arial, sans-serif;
	font-size: 14px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	color: #001f3c;
}

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

.navbar {
	background-color: #001f3c;
}

.navbar-header {
	height: 70px;
}

.navbar-nav a,
.navbar-right a {
	background-color: transparent !important;
}

.navbar-toggle {
	color: #ffffff !important;
	border: 0px none transparent;
	border-radius: 0px;
	margin: 0px !important;
	padding: 25px 25px !important;
}

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

.navbar-header {
  width: inherit;
}

.navbar-brand img {
	height: 35px;
	width: auto;
	margin-top: 16px;
	max-height: 35px;
}

/* Page specific overides */

#gamification .panel-heading,
#gamification .panel-footer {
	background-color: #001f3c !important;
	color: #ffffff;
}

#gamification .col-xs-4 .h3,
#gamification .col-xs-4 .text-muted {
	color: #ffffff !important;
}

#gamification .dk {
	background-color: #006b32;
}


.img-small {
	display: block;
}

.img-large {
	display: none;
}

/* sign-in */
.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-attachment: fixed;
  background-position: 50% 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.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,
.app-public-access-verify .verify-panel {
	background-color: #ffffff;
	width: 100%;
  max-width: 580px;
	margin-bottom: 30px;
}

.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,
.app-public-access-verify .verify-panel a {
	color: #001f3c !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,
.app-public-access-verify .verify-panel a:hover {
	color: #0b3155 !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,
.app-public-access-verify .verify-panel .brand img {
	max-width: 520px;
	width: 100%;
	margin-bottom: 20px;
}

.app-public-access-signin .signin-panel #panel-form-tsandcs-desc {
	white-space: pre-line;
}

body {
  margin-bottom: 70px !important;
}

.app-private-instructors-dashboard #header .bg-primary,
#landing-page .row.bg-primary {
	background-color: #0080db !important;
}

#landing-page .row.bg-primary h1,
.app-private-instructors-session .bg-primary h2 {
	color: #ffffff;
}

.tile-title {
	color: #0080db;
}

@media (max-width: 767px) {
	.img-small {
		display: none;
	}

	.img-large {
		display: block;
	}
	
	.navbar .nav > li a {
		text-transform: none !important;
	}

  .navbar .nav > li a:hover,
  .navbar .nav > li a:focus,
  .navbar .nav > li a:active  {
		color: #001f3c !important;
		background-image: none !important;
  }

  .navbar .nav .img-circle {
		box-shadow: none !important;
  }

  .navbar-header {
    margin-bottom: -1px;
  }

  .navbar-collapse {
		margin-top: -1px;
    width: 100%;
  }
	.collapsing {
		border-top: 0px;
	}

  .navbar-collapse.in {
    overflow-y: initial;
  }
  
  #site-footer .row .col-sm-6 {
	  text-align: center !important;
	}

	.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%;
    max-width: 100%;
	}
}

@media (max-height: 890px) {
	.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: 10px !important;
	left: 0px !important;
	margin-left: auto;
	margin-right: auto; 
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	padding-bottom: 10px;
	}
}

/* dashboard migration */

.app-private-dashboard .banner-item {
	width: 100%;
	align-items: initial;
}

.app-private-dashboard .banner-item-wrapper {
	height: 380px;
	background-color: #575756 !important;
}

.app-private-dashboard .banner-item-wrapper:nth-child(1) {
	background-position: 50% 25% !important;
}

.app-private-dashboard .banner-item-wrapper:nth-child(2) {
	background-position: 50% 40% !important;
}

.app-private-dashboard .banner-item-wrapper:nth-child(3) {
	background-position: 50% 15% !important;
}

.app-private-dashboard .banner-fader {
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,31,60,0.75);
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	height: 164px;
	width: 100%;
}

.app-private-dashboard .banner-text {
	max-width: 90%;
}

.app-private-dashboard .banner-text h2 {
	font-weight: 700;
}

.app-private-dashboard .default-tile.panel {
	height: 246px;
}

.app-private-dashboard .default-tile .panel-img-top {
	background-size: 110px !important;
	background-color: #0080db;
}

.app-private-dashboard .default-tile .tile-text {
	color: #ffffff;
	background-color: #0080db;
	text-align: center;
}

.app-private-dashboard a:hover .default-tile .panel-img-top,
.app-private-dashboard a:hover .default-tile .tile-text {
	background-color: #5d9bd0;
}

#site-footer {
	color: #ffffff;
	background-color: #001f3c;
	height: auto !important;
	padding-bottom: 15px;
}

#site-footer .row {
	display: flex;
	margin: 0px 5px;
	padding: 0px;
}

#site-footer .row span:nth-child(2) {
	margin-left: auto;
}

#site-footer .row span:nth-child(2) #policy-0 {
	display: none;
} 

#site-footer a {
  color: #ffffff !important;
  text-decoration: underline !important;
	display:inline-block;
}

#site-footer .footer-spacer {
	padding-right: 4px
}

@media (max-width: 991px) {
	.app-private-dashboard .banner-fader {
		height: 250px;
	}
}

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

	#site-footer .row,
	#site-footer .row span {
		display: inline-block;
	}
}