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

a {
  color: #f18643;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}

a:hover, a:focus {
  color: #1d3f43;
}

.btn {
  border-radius: 0px;
  transition: all 0.2s ease;
  box-shadow: none !important;
  font-weight: 700;
}

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

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

.btn.disabled,
.btn[disabled] {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
  opacity: 0.25 !important;
}

.btn-default {
  color: #6e6e6e;
}

.bg-primary {
  background-color: #1d3f43;
  color: #ffffff;
}

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

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

.bg-white a {
  color: #f18643;
}

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

.bg-dark {
  background-color: #1d3f43;
}

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

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

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

.text-primary {
  color: #1d3f43;
}

.bg-primary.dker,
.bg-primary .dker{
	background-color: #0f2224;
}

.bg-primary.lter,
.bg-primary .lter{
	background-color: #2e656b;
}

.stroke-primary {
	stroke: #1d3f43;
}

.stroke-primary.dker,
.stroke-primary .dker {
	stroke: #0f2224; 
}

.stroke-primary.lter,
.stroke-primary .lter {
	stroke: #2e656b;
}

.fill-primary {
	fill: #1d3f43; 
}

.fill-primary.dker,
.fill-primary .dker {
	fill: #0f2224;
}

.fill-primary.lter,
.fill-primary .lter {
	fill: #2e656b;
}

.rounded {
  border-radius: 500px;
}

/* -- Header bar colour -- */

.navbar>.nav>li:hover a, .navbar>.nav>li:focus a, .navbar>.nav>li.active a {
  color: #89c3d3;
}

.navbar .nav li a {
  color: #1d3f43;
  font-weight: 700;
}

.navbar .nav li a:hover, .navbar .nav li a:focus {
  background-color: transparent;
  color: #89c3d3;
}

.navbar .nav .open a {
  background-color: transparent;
  color: #89c3d3;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  text-decoration: none !important;
}

.dropdown-toggle:hover > .hidden-sm,
.dropdown-toggle:focus > .hidden-sm {
  text-decoration: underline !important;
}

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

.dropdown-menu>li>a {
  color: #636363 !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 {
  color: #636363 !important;
  background-color: transparent !important;
}
/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/
/* Custom fonts */
@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-Light.woff');
 src: url('/content/assets/Siri-Light.woff2') format('woff2');
 font-weight: 200;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-LightItalic.woff');
 src: url('/content/assets/Siri-LightItalic.woff2') format('woff2');
 font-weight: 200;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-Regular.woff');
 src: url('/content/assets/Siri-Regular.woff2') format('woff2');
 font-weight: 400;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-Italic.woff');
 src: url('/content/assets/Siri-Italic.woff2') format('woff2');
 font-weight: 400;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-SemiBold.woff');
 src: url('/content/assets/Siri-SemiBold.woff2') format('woff2');
 font-weight: 500;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-SemiBoldItalic.woff');
 src: url('/content/assets/Siri-SemiBoldItalic.woff2') format('woff2');
 font-weight: 500;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-Bold.woff');
 src: url('/content/assets/Siri-Bold.woff2') format('woff2');
 font-weight: 700;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-BoldItalic.woff');
 src: url('/content/assets/Siri-BoldItalic.woff2') format('woff2');
 font-weight: 700;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-ExtraBold.woff');
 src: url('/content/assets/Siri-ExtraBold.woff2') format('woff2');
 font-weight: 900;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Siri';
 src: url('/content/assets/Siri-ExtraBoldItalic.woff');
 src: url('/content/assets/Siri-ExtraBoldItalic.woff2') format('woff2');
 font-weight: 900;
 font-style: italic;
 font-stretch: normal;
}

/* Page overides */

html {
  background-color: #fff;
}

body {
  font-family: "Siri", sans-serif;
  margin-bottom: 150px !important;
  color: #1d3f43;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
section h2 a {
  font-weight: 500;
}

/* Header */  

.navbar-brand {
  padding-left: 0;
  margin-top: 6px;
}

.navbar-brand img {
  max-height: 22px;
  height: 22px;
  margin: 0px 22px;
}

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

.navbar-nav {
  display: none;
}

.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 {
	padding: 24px 11px !important;
  font-weight: 500 !important;
}

.navbar support-link {
  font-weight: 500 !important;
}

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

.navbar {
  min-height: 68px;
}

.navbar .badge {
  background-color: #d92a59;
}

.navbar-toggle {
  color: #ffffff !important;
}

/* Signin etc. */

.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,
.verify-panel form .text-white {
  color:#000;
}

.app-public-access-signin,
.app-public-access-forgot,
.app-public-access-signup,
.app-public-access-recover,
.app-public-access-thanks,
.app-public-access-scope,
.app-public-access-verify {
  background-image: url(/content/assets/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  -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;
}

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

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

.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,
.app-public-access-verify .verify-panel .ng-scope {
	text-align: center;
}

.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 {
	height: auto !important;
	padding: 40px 0px;
}

/* Footer */

#site-footer {
  background-color: #1d3f43 !important;
  color: #ffffff;
}

#site-footer .container {
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100% !important;
  max-width: 900px;
}

#site-footer a {
  color: #f18643;
  font-weight: 500;
}

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

#site-footer .footer-links,
#site-footer .footer-copyright {
  text-align: center;
  padding: 5px 0px 5px 0px;
}

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

.text-xs {
  font-size: 11px;
}

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

.navbar-toggle {
  background-color: #7ac143;
  border-radius: 100px;
  margin-top: 12px;
}

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

/* team dashboard */

.app-private-team-dashboard .label-aditional-info {
  color: #1d3f43 !important;
  fill: #1d3f43 !important;
}

.app-private-team-dashboard h2,
.app-private-team-member h2,
.app-private-team-dashboard .label-title,
.app-private-team-member text.grey {
  color: #1d3f43  !important;
  fill: #1d3f43  !important;
}

.app-private-team-dashboard .label-title {
  font-weight: 500 !important;
}

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

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

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

.text-muted {
  color: #1d3f43  !important;
  font-weight: 400 !important;
}

.app-private-team-member .light-blue {
  background-color: #778c8e !important;
}

.app-private-team-member .blue {
  background-color: #4a6569 !important;
}

.app-private-team-member .dark-blue {
  background-color: #1d3f43 !important;
}

.app-private-team-member circle.light-blue {
  stroke: #778c8e !important;
}

.app-private-team-member circle.blue {
  stroke: #4a6569 !important;
}

.app-private-team-member circle.dark-blue {
  stroke: #1d3f43 !important;
}


/* Media Queries */

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

@media (max-width: 767px) {
  .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 {
    padding: 11px 11px !important;
  }
  
  #site-footer .footer-accessibility,
  #site-footer .footer-terms,
  #site-footer .footer-disclaimer,
  #site-footer .footer-cookies,
  #site-footer .footer-privacy,
  #site-footer .footer-contact {
    margin: 5px auto;
    text-align: center !important;
  }
}

@media (max-width: 612px) {
  #site-footer .footer-terms:after,
  #site-footer .footer-privacy:after,
  #site-footer .footer-contact:after {
    content: "\a";
    white-space: pre;
  }
  
  body {
    margin-bottom: 200px !important;
  }
}

/* dashboard migration styles */

.app-private-dashboard .carousel-inner .banner-item-wrapper {
  background-position: 50% 30%;
  height: 400px;
}

.app-private-dashboard .carousel-inner .banner-item {
  align-items: end;
  padding-bottom: 20px;
}

.app-private-dashboard .carousel-inner .banner-text {
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.app-private-dashboard .carousel-inner .banner-text h2 {
  line-height: 66px;
  max-width: 640px;
  font-weight: 200;
}