/*****************************************************************************/
/*****************************************************************************/
/************** 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;
  height: 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,
.thanks-panel .brand.item img,
.recover-panel .brand.item img,
.verify-panel .brand.item img {
  width: 100%;
}

/* 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 *****************************************/
/*****************************************************************************/
/*****************************************************************************/

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

.btn-success, 
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  color: #dbd8f5 !important;
  background-color: #3d1c52;
  border-color: #3d1c52;
}

.btn-info, 
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  color: #3d1c52 !important;
  background-color: #dbd8f5;
  border-color: #dbd8f5;
}

.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 center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* -- public pages -- */
.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: #292c39;

  color: white;
}

/* -- Dashboard -- */
.app-private-dashboard .banner-container {
  margin-top: 0px;
}

.app-private-dashboard .banner-item-wrapper {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

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

.app-private-dashboard .banner-item {
  background-color: #3d1c52;
	color: #dbd8f5;
  background-position-x: calc(100% - 40px);
  background-size: 350px;
}

.app-private-dashboard .panel h2 {
  font-size: 22px;
}

.app-private-dashboard .panel p {
  font-size: 16px;
}

.navbar-brand {
  display: none;
}

.app-private-team-member .big-box,
.app-private-team-member .small-box.lter {
  color: #3d1c52;
}

@media (max-width: 991px) {
  .app-private-dashboard .banner-container {
    flex-direction: column-reverse;
    display: flex;
  }

  .app-private-dashboard .banner-item {
    background-position: 50% 50%;
    justify-content: center;
  }
}