@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;500;600;700;800;900&display=swap');

/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* 
  This file should be the same in all themes, containing the Agylia styling 
  changes that are different from app.css in the base project, it is not and
  should not be subject to changed based on a tennant preference, this file
  or a similar version should be moved to `custom.css` in the base project.

  Most of the changed in this file can/will be made in markup as/when the
  oppertunity is available to do so with minimal impact on existing themes.
*/
html {
  background-color: #fff;
}

/* Remove reserved width for menu logo (fix in markup? i.e. not use this class) */
.app-aside, .navbar-header {
  width: inherit;
}

/* Ensure a background effect is NOT applied to the menus (fix in markup) */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: inherit;
}
.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: inherit !important;
}


/* Ensure logo doesnt overflow (fix in markup) */
.signin-panel .brand.item img,
.forgot-panel .brand.item img,
.signup-panel .brand.item img,
.scope-panel .brand.item img,
.verify-panel .brand.item img,
.thanks-panel .brand.item img,
.recover-panel .brand.item img  {
  width: 100%;
}
/* Ensure we ignore the text-white class in the markup (fix in markup) */
.signin-panel .text-white { color: inherit; }
.signin-panel a.text-white {color: #009ca6;}
.signin-panel a.text-white:hover {color: #008c95;}

/* Hide the first menu bar item i.e. Home (fix in markup) */
.navbar .nav:first-child{
  display: none;
}

/* Ensure menue does not containe additional avatar section (fix in markup) */
.navbar ul.navbar-right > li:last-child ul.dropdown-menu > li.bg-light {
  display:none;
}
/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/

body {
  font-family: 'Raleway', sans-serif !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: bold;
} 

/* This file is what we aim to dynamicaly build based on desired theme */
/* -- Primary action colour -- */
/* 
   dk      bg      lt
#5a4daa #7266ba #8C80D4 (default)
#008c95 #000 #33b0b8 (civica)
*/

/* colours */
.nav  > li > a {
  color: #000;
}
.nav  > li > a:hover,
.nav  > li > a:focus {
  color: #333333;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #333333; /* darken 8% */
  text-decoration: none;
}

.btn-primary {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #333333; /* darken 5% */
  border-color: #333333; /* darken 8% */
}
.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: #000;
  border-color: #000;
}

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

.bg-white a {
  color: #000;
}
.bg-white a:hover {
  color: #333333; /* darken 5% */
}

a.bg-light:hover {
  color: #000;
}
a.bg-primary:hover {
  background-color: #333333; /* darken 5% */
}
a.text-primary:hover {
  color: #333333; /* darken 5% */
}
.text-primary {
  color: #000;
}

bg-primary.dker,
.bg-primary .dker{
	background-color: #262626; /* minus 15% */
}

.bg-primary.lter,
.bg-primary .lter{
	background-color: #4d4d4d; /* minus 30% */
}

.stroke-primary {
	stroke: #000000;
}

.stroke-primary.dker,
.stroke-primary .dker {
	stroke: #262626; /* minus 15% */
}

.stroke-primary.lter,
.stroke-primary .lter {
	stroke: #4d4d4d; /* minus 30% */
}

.fill-primary {
	fill: #000000; 
}

.fill-primary.dker,
.fill-primary .dker {
	fill: #262626; /* minus 15% */
}

.fill-primary.lter,
.fill-primary .lter {
	fill: #4d4d4d; /* minus 30% */
}

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

.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: #333333; /* darken 5% */
}


.app-public-access-signin,
.app-public-access-signup,
.app-public-access-scope,
.app-public-access-forgot,
.app-public.access-verify,
.app-public-access-recover,
.app-public-access-thanks {
  background-image:url(/content/assets/login-bg.jpg);
	background-repeat: no-repeat;
  background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		  -o-background-size: cover;
			  background-size: cover;
}

/* -- Sign-in -- */
.app-public-access-signin .container.m-t-sm {
  background-color: #fff;
  margin-top: -1px;
  padding-bottom: 10px;
}

.app-public-access-signin support-link {
  color:#000;
}

.app-public-access-signin support-link:hover {
  color:#333333;
}

.signin-panel {
  background-color: #fff;
}

.signin-panel img {
  margin-bottom: 15px;
}

.signin-panel a.text-white {
  color: #000;
}

.signin-panel a.text-white:hover {
  color: #333333;
}

.signup-panel p label {
  display: initial;
}


/* dashboard migration styles */

.app-private-dashboard .banner-item {
  height: 380px;
  background-position: 100% 10%;
}

.app-private-dashboard .panel {
  border: 1px solid #000;
}

.app-private-dashboard .panel .panel-img-top {
  background-color: #fff;
  background-size: contain !important;
}

.app-private-dashboard .panel .tile-text {
  text-align: center; 
}

.app-private-dashboard .panel h2 {
  font-size: 2em !important;
  font-weight: 500 !important;
}