a {
    color: #40b496
}

/* This rule hides the "WebClient" text next to the logo. */
.col-7 h1 {
    display: none !important;
}

/* This rule correctly centers the logo horizontally. */
.col-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important:
}

/* This rule ensures the logo is a block element and centers it as a fallback. */
img[alt="Logo"] {
    display: block;
    margin: 0 auto;
    max-width: 500px !important;
    height: auto !important;
    width: auto !important;
}


:root, [data-bs-theme=light] {
  /* Your Primary Brand Color: Used for buttons, primary links, etc. */
  --bs-primary: #40b496;
  /* Secondary Color: Used for backgrounds and secondary elements. */
  --bs-secondary: #191a36;
  /* Highlight Color: Used for warning/info states or highlights. */
  --bs-warning: #f5e146;

  /* You may need to update the text color for contrast on some backgrounds. */
  --bs-body-color: #071437;
  /* The button's text color, set to white for readability on the primary button. */
  --bs-btn-color: #ffffff;

  /* Updates the background color for primary buttons. */
  --bs-btn-bg: var(--bs-primary);
  /* Updates the border color for primary buttons. */
  --bs-btn-border-color: var(--bs-primary);

  /* Updates the hover state for primary buttons to your highlight color. */
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-hover-border-color: var(--bs-warning);
  --bs-primary-active: #40b496;
  --bs-menu-link-color-hover: #40b496;
  --bs-menu-link-color-active: #40b496;

  /* Updates the active/clicked state for primary buttons. */
  --bs-btn-active-bg: #297a66;
  --bs-btn-active-border-color: #297a66;

  /* Adjust link color to match brand. */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-warning);
}

[data-bs-theme=dark] {
  /* Reverses the colors for dark theme. */
  --bs-primary: #40b496;
  --bs-secondary: #40b496;

  /* Update button and link colors for the dark theme. */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #fff;
}


/* Sets the default "Add" button color to your brand's green. */
.btn-primary {
    background-color: #40b496 !important;
    border-color: #40b496 !important;
    color: #ffffff !important;
}

/* Sets the hover state of the "Add" button to your secondary dark color. */
.btn-primary:hover {
    background-color: #191a36 !important;
    border-color: #191a36 !important;
    color: #ffffff !important;
}

/* You may want to also update the "Column visibility" button to match. */
.btn.dropdown-toggle {
    background-color: #ffffff !important;
    border-color: #40b496 !important;
    color: #40b496 !important;
}

/* Set the hover state for the "Column visibility" button. */
.btn.dropdown-toggle:hover {
    background-color: #40b496 !important;
    color: #ffffff !important;
}

/* Sets the button's default colors. */
.btn-primary {
    --bs-btn-bg: #40b496;
    --bs-btn-border-color: #40b496;
    --bs-btn-color: #ffffff;
}

/* Updates the button's hover and active state colors to your primary color. */
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    --bs-btn-bg: #40b496;
    --bs-btn-border-color: #40b496;
    --bs-btn-color: #ffffff;
}

/* This rule changes the background and border color of the active pagination link */
.active > .page-link, .page-link.active {
    background-color: #40b496 !important;
    border-color: #40b496 !important;
}

.app-sidebar {
    background-color: #40b496 !important;
}

.app-sidebar-navs .menu .menu-item .menu-link .menu-icon, .app-sidebar-navs .menu .menu-item .menu-link .menu-icon .svg-icon, .app-sidebar-navs .menu .menu-item .menu-link .menu-icon i {
    color: #ffffff !important;
}

.app-sidebar .hover-scroll-y:hover {
    scrollbar-color: #191a36 transparent !important;
}


/* Hides the original logo image in the sidebar */
.app-sidebar-logo img {
    display: none !important;
}

/* Displays the new logo as a background image on the logo's container */
.app-sidebar-logo {
    background-image: url("/static/branding/PaperConnectLogoWHT.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    height: 200px !important;
}


/* Hide the Short Name of the Portal */
.text-sidebar {
    display: none !important;
}

.app-sidebar-navs .menu .menu-item .menu-link.active {
    background-color: #191a36 !important;

}
.link-primary:hover,
.link-primary:active,
.link-primary:focus {
    color: #40b496 !important;
    text-decoration-color: #40b496 !important;
}

.link-primary {
    color: #40b496 !important;
    text-decoration-color: #40b496;
}