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

a {
  color: #333d47;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #333d47;
  text-decoration: none;
}

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

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

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

a.bg-light:hover {
  color: #333d47;
}
a.bg-primary:hover {
  background-color: #333d47;
}
a.text-primary:hover {
  color: #333d47;
}
.text-primary {
  color: #333d47;
}

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

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

.stroke-primary {
	stroke: #ce7f2a;
}

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

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

.fill-primary {
	fill: #ce7f2a; 
}

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

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

.rounded {
  border-radius: 500px;
}

/*  NAVIGATION  */

.navbar {
  background-color: #56595a;
}

.navbar .nav > li:hover > a,
.navbar .nav > li:focus > a,
.navbar .nav > li.active > a,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle.active {
  background-color: transparent;
  text-decoration: none;
  color: #ffffff;
}
.navbar .nav > li > a,
.navbar-toggle {
  background-color: transparent;
  color: #ffffff;
    text-transform: uppercase;
}

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

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

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

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

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

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

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar support-link a:hover,
.navbar support-link a:focus {
  background-color: transparent;
  text-decoration: none;
  color: #ffffff;
}
.navbar .nav .open > a {
  background-color: transparent;
  color: #ffffff;
  text-transform: uppercase;
}

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

.dropdown-menu > li > a {
  color: #56595a;
}

.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: none;
  background-color: #56595a !important;
  color: #ffffff;
}

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

body {
  font-family: "Brown", sans-serif;
  letter-spacing: 0px;
  font-size: 12px;
}

.wrapper p {
  letter-spacing: 0px;
}

.h1, h1 {
  font-size: 34px;
}

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

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

.h4, h4, .tab {
  font-size: 16px;
}

.h5, h5 {
  font-size: 12px;
}

.h6, h6 {
  font-size: 10px;
}

ul.tabs li:focus,
ul.filters li:focus,
ul.tabs .active,
ul.filters .active {
  margin-top: 6px !important;
}

.app-private-account-profile label[for="fileInput"] {
  text-transform: lowercase;
}

.app-private-account-profile label[for="fileInput"]::first-letter,
.app-private-catalogue-task .thumbnail b,
.app-private-team-dashboard text,
.app-private-team-dashboard .username,
.dropdown-menu > li > a,
.tabs,
label {
  text-transform: uppercase;
}

.app-public-access-signin .container.m-t-sm a {
  text-transform: uppercase !important;
}

/* Filter dropdowns to be uppercase */
.dropdown-menu {
  font-size: 12px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
button[role="tab"],
#statusheading,
#site-footer,
.app-private-catalogue-index .tile-title,
.app-private-team-dashboard label,
.app-private-team-member .team-member-stats,
.app-private-team-member td,
.app-private-team-member #gauge text,
.app-private-team-dashboard .pull-right,
.navbar-nav,
.fc-event-time,
.fc-event-title,
.modal-title,
.panel-heading,
.panel-body p,
.data-text > li,
.btn {
  text-transform: uppercase;
  letter-spacing: 1px;
}

#site-footer {
  background-color: #56595a;
}

.app-private-team-member thead,
.app-private-team-dashboard .label-title,
.app-private-account-achievements thead,
.dropdown-menu .dropdown-menu-right,
.legend-item-text,
.control-label {
  letter-spacing: 1px;
}

.app-private-account-password .help-block {
  letter-spacing: 0px;
  text-transform: none;
}

/* calendar key padding */
.app-private-catalogue-calendar .padder {
  padding-top: 10px;
}

.btn span {
  font-size: 12px;
}

.uib-day .active .text-info {
  color: #fff !important;
}

/* Team member */
.app-private-team-member .team-member-stats {
  font-size: 13px;
}

#gaugeTitle text {
  font-size: 21px;
}

.app-private-team-member .text-sm {
  font-size: 7px;
}

.app-private-team-member .text-xs {
  font-size: 6px;
}

.team-member-stats-heading {
  font-size: 16px !important;
}

.small-box,
.big-box {
  font-size: 10px;
}

/* Team leader dashboard */
.app-private-team-dashboard svg text.label-aditional-info {
  font-size: 10px !important;
  letter-spacing: 1px;
}

/* Instructors Session */
#landing-page .back-button-text {
  height: 9px;
}

.open>.dropdown-menu {
  display: block;
  letter-spacing: 1px;
}

/* Custom fonts */
@font-face {
  font-family: "Brown";
  src: url(/content/assets/BrownTT-Regular.ttf),
    url(/content/assets/Brown-Regular.otf);
  font-weight: normal;
}

@font-face {
  font-family: "Brown-thin";
  src: url(/content/assets/BrownTT-Thin.ttf),
    url(/content/assets/Brown-Light.otf);
  font-weight: normal;
}

@font-face {
  font-family: "Brown-bold";
  src: url(/content/assets/Brown-Bold.otf);
  font-weight: normal;
}

/* Page overides */
.navbar-header {
  width: inherit;
}

.navbar-brand img {
  max-width: 100%;
}

.navbar-collapse .navbar-nav:first-child {
  visibility: hidden;
}

/* 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,
.verify-panel form .text-white,
.scope-panel form .text-white {
  color: #58666e;
}

.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,
.verify-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-verify,
.app-public-access-scope {
  background-image: url("/content/assets/login-bg.jpg");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  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-verify .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-verify 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-verify .verify-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-verify .verify-panel,
.app-public-access-scope .scope-panel {
  background-color: #ffffff;
  display: table;
}

.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-verify #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-verify .verify-panel a,
.app-public-access-scope .scope-panel a {
  color: #9a9a9a;
}

.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-verify .verify-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-verify .verify-panel a:hover,
.app-public-access-scope .scope-panel a:hover {
  color: #9a9a9a !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-verify .verify-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-verify .verify-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-verify .verify-panel .brand img,
.app-public-access-scope .scope-panel .brand img {
  width: 100%;
  height: auto !important;
  margin-top: 0px;
  padding: 10px;
}

.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-verify .verify-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-verify .verify-panel .btn-primary,
.app-public-access-verify .verify-panel .btn-default,
.app-public-access-scope .scope-panel .btn-primary {
  color: #ffffff !important;
  background-color: #ce7f2a;
  border-color: #ce7f2a;
}

.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-verify .verify-panel .btn-primary:hover,
.app-public-access-verify .verify-panel .btn-primary:focus,
.app-public-access-verify .verify-panel .btn-primary:active,
.app-public-access-verify .verify-panel .btn-primary.active,
.app-public-access-verify .verify-panel .btn-default:hover,
.app-public-access-verify .verify-panel .btn-default:focus,
.app-public-access-verify .verify-panel .btn-default:active,
.app-public-access-verify .verify-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: #ce7f2a;
  border-color: #ce7f2a;
}

.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-verify .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;
  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-verify .container.m-t-sm a,
.app-public-access-scope .container.m-t-sm a {
  color: #9a9a9a;
}

.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-verify .container.m-t-sm a:hover,
.app-public-access-scope .container.m-t-sm a:hover {
  color: #9a9a9a;
}

.signin-footer-logo img {
  padding-top: 25px;
  padding-left: 30%;
  padding-right: 30%;
  max-width: 100%;
  height: auto;
}

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

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

/*  FOOTER STYLING  */
.bg-footer {
  background-color: #56595a;
  color: #ffffff;
  letter-spacing: 1px;
}

.footerlist {
  padding-left: 0px;
}

/*  subpage styling  */
.btn-info, .open .dropdown-toggle.btn-info {
  color: #fff !important;
  background-color: #ce7f2a !important;
  border-color: #ce7f2a !important;
}

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

/* Dashboard migration */

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

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

.app-private-dashboard .banner-item {
  height: 320px;
}

.app-private-dashboard .banner-text {
  max-width: 320px;
  margin-left: 10%;
}

.app-private-dashboard .banner-text h2 {
  line-height: 125% !important;
  font-family: "Brown-bold";
  font-weight: 200;
  letter-spacing: 2px;
}

.app-private-dashboard .banner-text p {
  text-shadow: 0 0 5px rgba(0,0,0,1);
  font-family: "Brown-thin";
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: 20px;
  line-height: 125% !important;
}

.app-private-dashboard .default-tile {
  border: 1px solid #D4D4D4 !important;
  border-radius: initial;
}

.app-private-dashboard a:hover .default-tile {
  border: 1px solid #ce7f2a !important;
  background-color: #eaeaea;
}

.app-private-dashboard .default-tile .tile-text {
  color: #58666e;
  height: 200px;
}

.app-private-dashboard .container-widgets .tile-text h2 {
  font-family: "Brown";
  font-size: 18px !important;
  padding-bottom: 5px;
  letter-spacing: 1px;
  line-height: 27px;
}

.app-private-dashboard .container-widgets .tile-text h2 span.thiner {
  font-family: 'Brown-thin';
}

.app-private-dashboard .container-widgets .tile-text p {
  margin-bottom: 0px;
}

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

@media (max-width: 1199px) {
	.app-private-dashboard .default-tile .tile-text {
    height: 120px;
  }
}

@media (max-width: 991px) {
	.app-private-dashboard .default-tile .tile-text {
    height: 160px;
  }
}