/* Standard colors */
:root {
  --primary-color: #007bff;
  --secondary-color: #007bff;
  --dark-font: #343a40;
  --terciary-color: inherit;
  --dark-font: #343a40;
  /*#181818 -- dark*/
}
/* END */

/* Client colors */
.asia {
  --primary-color: #0B4B96;
  --secondary-color: #043C7D;
}

.cssi {
  --primary-color: rgba(49,48,101); /*#313065;*/
  --secondary-color: rgba(49,48,101,0.7);
  --terciary-color: #919fab;
}

.fin {
  --primary-color: #2a4565;
  --secondary-color: #007bb3;
}

.flx {
  --primary-color: #003862;
  --secondary-color: #428bca;
  --terciary-color: #00132b;
}

.im {
  --primary-color: #0088cc;
  --secondary-color: #3bbf81;
  --terciary-color: #264763;
}

.psn {
  --primary-color: #336699;
  --secondary-color: #4D82B9;
  --terciary-color: #FFFFFF;
}

.stp {
  --primary-color: #3376bc;
  --secondary-color: #256bb4;
}

.synthesis {
  /* #82bc44 -- yellow */
  /* #008bbf -- green */
  --primary-color: #343535;
  --terciary-color: #007298;
}
.factset {
  --primary-color: #00AEEF;
  --secondary-color: #00437E;
  --terciary-color: #EFEFEF;
}

.lpl {
  --primary-color: #003968;
  --secondary-color: #FF600A;
  --terciary-color: #005985;
}
/* END */

.brand-image-xl {
  /* make sure it stays in the box */
  max-width: 225px;
}

/* Dashboard styles */
.dash-td {
  cursor: pointer;
  text-align: center;
}

.dash-product-name {
  text-align: left;
}

.dash-0 {
  background-color: white;
}

.dash-1 {
  background-color: white;
}

.dash-2 {
  background-color: lightgreen;
}

.newdash-2 {
  background-color: #9DDFA7;
}

.dash-na {
  background-color: lightgrey;
}

.dash-out-of-date {
  background-color: white;
}
/* end Dashboard styles */

.disabled-link {
  pointer-events: none;
  background-color: #D1D4D7;
}

/* Narratives */

.draft.card-outline,
.draft .card-outline {
  border-top: 3px solid #dc3545;
}

/* END */
caption {
  caption-side: top;
}

[data-card-widget="collapse"] {
  cursor: pointer;
}

/* Loading */
#modalContentLoading {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.bd-example-modal-lg .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}

  .bd-example-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
  }

.modalLoading {
  background-color: rgba(0,0,0,0.5);
}
/* end Loading */

.cursor-pointer {
  cursor: pointer;
}

/*
   Vertical text
   by @kizmarh
*/
.vertical-text {
  display: inline-block;
  overflow: hidden;
  width: 1em;
}

.vertical-text__inner {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
}
  /* This element stretches the parent to be square
by using the mechanics of vertical margins  */
  .vertical-text__inner:after {
    content: "";
    display: block;
    margin: -1em 0 100%;
  }
/* end Vertical text */

/* make submenu more visible */
.main-sidebar {
  background-color: #e9ecef;
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link {
  color: #212529;
}

.main-sidebar .nav-link {
  padding: .5rem .3rem;
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  box-shadow: none;
  border-left: 3px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview,
.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
  background-color: rgba(0, 0, 0, .08);
  color: #212529;
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active:hover {
  background-color: rgba(0,0,0,.1);
  color: #212529;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link,
[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
  border-left: 3px solid rgba(0,0,0,.5);
}

  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item .active > .nav-link,
  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active,
  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .menu-open > .nav-item {
    background-color: var(--primary-color);
    color: #fff;
  }


/* end make submenu more visible */

/* START Nav */
.layout-navbar-fixed .wrapper .brand-link {
  background: var(--terciary-color);
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  box-shadow: none;
  border-left: 3px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
}

.vault-login-navbar {
  background: var(--terciary-color) !important;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item .active > .nav-link,
[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .menu-open > .nav-item {
  background-color: var(--secondary-color);
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection {
  background-color: var(--secondary-color);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: var(--secondary-color);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
  background-color: var(--primary-color);
  color: #fff;
}

select + .select2-container {
  width: 100% !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--dark-font);
}

.nav-pills .nav-link:not(.active).logout:hover {
  color: #fff;
}
/* END Nav */


/* hide valid validation summary https://stackoverflow.com/a/5874405 */
.validation-summary-valid {
  display: none;
}
/* end hide valid validation summary */

.nav-pills .nav-link:not(.active):hover {
  color: var(--dark-font);
  font-weight: bold;
  background-color: var(--primary-color);
  border-radius: 0;
}

.vault-login-navbar .container {
  display: block;
}

/* Logo Styling */

.navbar-brand .logo,
.navbar-brand .logo-small {
  height: 50px;
  width: auto;
  border: 0;
}

/* END */

/* START Login */
.vault-login-layout-header {
  background-color: var(--primary-color);
}

footer.vault-login {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: var(--primary-color);
}

  footer.vault-login .container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
  }

/* END Login*/