@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

body, a, p{
  font-family: "Source Sans 3", sans-serif !important;
}
/*Change navbar site title and icon placing*/
.static-top .navbar-brand{
    margin-left: -60pt;
}

/*Hide footer*/
.footer {
    display: none !important;
}


/*Table header*/
.table thead th {
    background-color: #06038d;
    color: #ffffff !important;
  }


/*Table filter checkbox*/

  .table input[type="checkbox"] {
    accent-color: #c6007e !important;
    
    width: 18px;
    height: 18px;
  }



  /*Cards */

  .card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background-color: #ffffff !important;
    color: #ffffff !important;
  }
  
/* Target the entire card */
.gallery-card, .entitylist .card, .card.p-3 {
  background-color: #f0f0f0 !important;
  border-radius: 10px;
  padding: 16px;
  border: 1px solid #ccc;
}

/* Card title */
.gallery-card .card-title {
  font-weight: bold;
  color: #333333;
}

/* Override default background on actual card element */
.ms_lay1_card {
  background-color: #ffffff !important;
}

/* Hover effect for the card */
.ms_lay1_card:hover {
  background-color: #e0e0ef !important;
}

/* Hover effect for the card */
.ms_lay1_card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Hover effect for the card */
.ms_lay1_card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

/* Override default pink background from Power Pages theme */
#galleryIntersectionObserverParent {
  background-color: #ffffff !important;
}

/* Remove unwanted underline or hover effect from navbar brand link */
.navbar-brand a,
.navbar-brand a:hover {
  text-decoration: none !important;
}

/* Logo size */
.navbar-brand img {
  height: 42px !important;
  margin-right: 8px !important;
  align-items: center !important;
}

/*Title text formatting*/
.siteTitle {
  font-family: 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: white !important;
  margin: 0 !important;
}

/* Logo and title being aligned*/
.navbar-brand a {
  display: flex !important;
  align-items: center !important;
  gap: 23px !important;
}

/* Force border radius on all primary buttons */
.btn, .button1 {
  border-radius: 8px !important;
  padding: 14px 20px !important;
 }

/* Set card title color to dark blue (#06038d) and font */
.ms_lay1_card h4 {
  font-family: 'Segoe UI', sans-serif !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  color: #06038d !important;
}

/* Navbar capital */
.navbar-nav a {
  display: flex !important;
  height: 100% !important;
  text-transform: uppercase !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/*different title theme*/
.row.sectionBlockLayout h1 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
}

/*Email field not bold*/
th[aria-label="Email (Primary Contact)"] {
  font-weight: normal !important;
}

/* Table email header is the same color as the other headers */
td[data-th*="Email"] a {
  color: #000000 !important;
}


/* Align the search block */
form[role="search"] .input-group {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center !important;
  gap: 2px;
}

/* Searchbar flexible */
form[role="search"] .input-group > inputinput.form-control {
  flex: 1 1 auto;
  width: auto !important;
  border-radius: 8px !important;
}

/* Button same row as the bar */
form[role="search"] .input-group-btn {
  display: flex !important;
  align-items: center;
  margin-top: 0 !important;
}

/*Card gallery titles remain the same, this applies for the other titles*/
.content-block h4 {
  font-weight: 500 !important;
  font-size: 20px !important;
  color: #343434 !important;
}

/*Same format for all the headers*/
.table thead th,
.table thead th a {
  font-family: 'Open Sans', sans-serif !important;
  background-color: #e6e6e6 !important;
  color: #343434 !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-decoration: none !important;
}

/*Same format for all the headers*/
.table thead th.sort-enabled a:hover,
.table thead th.sort-enabled a:focus {
  color: #fffcfc !important;
  text-decoration: none !important;
}

/*Table settings + removing alternating row background color */
table.table-striped {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: auto !important;
  border: 1px solid #cccccc;
  --bs-table-striped-bg: #ffffff !important;
}

/* Row color to white*/
table.table-striped tbody tr {
  background-color: #ffffff !important;
}

/* Cells formatted */
table.table-striped td {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
  font-size: 16px !important;
  color: #343434 !important;
  padding: 12px 16px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #cccccc !important;
  border-color: #ffffff !important;
  white-space: nowrap;
}

/*Links formatted in the table(e-mail)*/
table.table-striped td a {
  color: #343434 !important;
  text-decoration: none !important;
  font-weight: 400;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
}

/*Search answers box white instead of pink*/
body,
.fui-FluentProvider,
.page-container {
  background-color: #ffffff !important;
}

/*Summary by AI box white instead of pink*/
div[style*="--portalThemeColor"] {
    --portalThemeColor: white !important;
    background-color: white !important;
  }
/*Login screen title and text color settings till line 301*/
  h2.login-heading-section {
  color: #06038d;
}

.nav-tabs .nav-link.active {
  color: #06038d !important;
}

.xrm-attribute-value {
  font-family: 'Open Sans', sans-serif !important;
}

.rcRefreshImage,
.rcCaptchaAudioLink {
  color: #343434 !important;
  font-family: 'Open Sans', sans-serif !important;
}

#ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaTextBox {
	color: #767676 !important;
}

#ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaTextBoxLabel {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 20px;
  color: #343434;
}



li.active.breadcrumb-item {
  color: #06038d !important;
}




.userFullName {
    font-family: 'Open Sans', sans-serif !important;
}

/*Page buttons under the table customization*/
.page-link {
  color: #06038d !important;
  background-color: #fff !important;
  border-color: #fff !important;
  font-family: 'Open Sans', sans-serif !important;
}

/*Page buttons under the table customization*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
  background-color: #06038d !important;
  color: #fff !important;
  border-color: #06038d !important;
  font-family: 'Open Sans', sans-serif !important;
}

/*chatbot changes till line 352*/
.pages-chatbot-header {
  background-color: #c6007e !important;
}

.webchat__text-content {
  color: #343434 !important;
}

.webchat__text-content p {
  color: #343434 !important;
}

.webchat__bubble.webchat__bubble--from-user p {
  background-color:  #ffffff !important;
  color: #06038D !important;
}

.webchat__bubble__content {
  background-color: #F7F7F7 !important;
  border-color: #cccccc !important;
  border-radius: 8pt !important;
}


.webchat__defaultAvatar--fromUser .webchat__imageAvatar {
  background-color: #0063B1 !important;
  border-radius: 50% !important;
  padding: 2px;
}

.webchat__defaultAvatar--fromUser .webchat__imageAvatar img {
  background: transparent !important;
}

.btn{
  border-radius: 8px !important;
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 20px;
  width: fit-content;
}
/*Copied from portalbasictheme.css till line 651 */
.btn-primary {
  color: #ffffff;
  background-color: #c6007e;
  border-color: #c6007e;
  border-style: solid;
  color: #ffffff; }
  .btn-primary:hover {
    color: #ffffff;
    background-color: #8a0056;
    border-color: #8a0056; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #8a0056;
    border-color: #8a0056; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #ffffff;
      background-color: #8a0056;
      border-color: #8a0056; }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #8a0056;
    border-color: #8a0056; }

    .btn-secondary.dropdown-toggle.show {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #c6007e; }

.btn-default.dropdown-toggle.show {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #c6007e; }

.btn-primary.dropdown-toggle.show {
  color: #ffffff;
  background-color: #c6007e;
  border-color: #c6007e; }
  .btn-primary.dropdown-toggle.show:hover, .btn-primary.dropdown-toggle.show:focus, .btn-primary.dropdown-toggle.show.focus {
    color: #ffffff;
    background-color: #8a0056;
    border-color: #bd0076; }

    .button1 {
  color: #ffffff;
   border-color: #c6007e !important;
   border-style: solid;
  border-width: 1.6px;
   background-color: #c6007e !important; }
  .button1:hover {
    color: #ffffff;
    background-color: #8a0056 !important;
    border-color: #8a0056 !important; }
  .button1:active, .button1.active {
    color: #ffffff !important;
    background-color: #8a0056 !important;
    border-color: #8a0056 !important; }
  .button1:focus, .button1.focus, .button1:focus-visible {
    color: #ffffff;
    background-color: #8a0056 !important;
    border-color: #8a0056 !important; }
 .button1.disabled, .button1.disabled:hover, .button1.disabled:focus, .button1.disabled:active{
   border-color: #c1c1c1 !important;
   color: #ffffff; 
   background-color: #c1c1c1 !important; 
   pointer-events: none;
   cursor: not-allowed;
 }
 
 
.button2, .btn-secondary, .btn-default {
  color: #c6007e !important;
  border-radius: 8px !important;
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  border-color: #c6007e !important;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  border-width: 1.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff !important; }
  .button2:hover, .btn-secondary:hover, .btn-default:hover {
    color: #8a0056 !important;
    background-color: #ffffff !important;
    border-color: #8a0056 !important; }
  .button2:active, .button2.active, .btn-secondary:active, .btn-secondary.active, .btn-default:active, .btn-default.active {
    color: #8a0056 !important;
    background-color: #ffffff !important;
    border-color: #8a0056 !important; }
  .button2:focus, .button2.focus, .button2:focus-visible, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:focus-visible, .btn-default:focus, .btn-default.focus, .btn-default:focus-visible {
    color: #8a0056 !important;
    background-color: #ffffff !important;
    border-color: #8a0056 !important; }
.button2.disabled, .button2.disabled:hover, .button2.disabled:focus, .button2.disabled:active{
      border-color: #767676 !important;
      color: #c1c1c1 !important;
      background-color: #ffffff !important; 
      pointer-events: none;
      cursor: not-allowed;

    }
    
  a:not(.btn) {
  text-decoration: none; }
  a:not(.btn):hover {
  text-decoration: underline; }

    .breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #c6007e; }
    .breadcrumb > li a:hover {
      color: #c6007e; }
  .breadcrumb > .active {
    color: #fffefe; }

.nav-tabs > li > a:hover {
  background-color: #f2f2f2;
  color: #c6007e; }

.nav-tabs > li > a:focus {
  background-color: #f2f2f2;
  color: #c6007e; }

.static-top.navbar-dark {
  background-color: #06038d; }

.navbar-toggler {
  background-color: #c6007e; }

.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 20px;
  border: 1px solid transparent; }
  .static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    text-decoration: Underline; }

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
  color: #ffffff;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 20px; }
  .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
    background-color: #ffffff;
    color: #06038d;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
    background-color: #06038d;
    color: #ffffff;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav > li > a:focus-visible, .navbar-dark .navbar-nav > li.dropdown > a:focus-visible {
    background-color: #06038d;
    color: #ffffff;
    text-decoration: Underline; }

.navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show {
  background-color: #06038d;
  color: #ffffff;
  text-decoration: Underline; }
  .navbar-dark .navbar-nav a.show:hover, .navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
    background-color: #06038d;
    color: #ffffff;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav a.show:focus, .navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
    background-color: #06038d;
    color: #ffffff;
    text-decoration: Underline; }

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: #06038d;
  text-decoration: none; }
  .navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    color: #ffffff;
    text-decoration: none; }
    .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
      background-color: #06038d;
      color: #ffffff;
      text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus {
      background-color: #06038d;
      color: #ffffff;
      text-decoration: Underline; }
  .navbar-dark .navbar-nav .show.dropdown-menu > .active > a {
    background-color: #06038d;
    color: #06038d;
    text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover {
      background-color: #06038d;
      color: #06038d;
      text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
      background-color: #06038d;
      color: #06038d;
      text-decoration: Underline; }

.nav > li > a {
  text-decoration: none; }
  .nav > li > a:hover {
    background-color: #f2f2f2; }
  .nav > li > a:focus {
    background-color: #f2f2f2; }

.nav .show.dropdown-menu {
  background-color: #06038d;; }
  .nav .show.dropdown-menu > li > a {
    text-decoration: none;
    color: #000000; }
    .nav .show.dropdown-menu > li > a:hover {
      background-color: #06038d;;
      color: #000000; }
    .nav .show.dropdown-menu > li > a:focus {
      background-color: #06038d;;
      color: #000000; }
  .nav .show.dropdown-menu > .active > a {
    background-color: #ffffff;
    color: #06038d; }
    .nav .show.dropdown-menu > .active > a:hover {
      background-color: #ffffff;
      color: #06038d; }
    .nav .show.dropdown-menu > .active > a:focus {
      background-color: #ffffff;
      color: #06038d; }

      /*Bootstrap V5 Changes */
.form-select, .crmentityformview select {
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); }

.table-striped, .table-info, .table-striped > tbody > tr:nth-of-type(odd) > *, .form-control:focus, .dropdown-menu, .datepicker button {
  color: #000000; }

.popover-body {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #f2f2f2; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  display: block;
  width: auto;
  background-color: #ffffff;
  color: #000000; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
  width: auto;
  background-color: #ffffff;
  color: #000000; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #000000;
  white-space: nowrap;
  width: auto; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 21px;
  margin-bottom: 10.5px; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px; }

a.nav-link[role="tab"]:not(.active) {
  color: #c6007e;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px; }

a.active.nav-link[role="tab"] {
  font-size: 14px;
  text-decoration: none; }

.crmEntityFormView label {
  background-color: #ffffff;
  color: #000000; }

/* till here */

.nav > .dropdown > a.show {
  text-decoration: none;
  background-color: Underline; }
  .nav > .dropdown > a.show:hover {
    background-color: Underline; }
  .nav > .dropdown > a.show:focus {
    background-color: Underline; }


input[type="radio"] {
    accent-color: #c6007e !important;
  }



a > i{
  margin-right: 10px;
}

select.form-control {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   
   background-repeat: no-repeat;
   background-position: right 14px center; /* jobbra igazítva, középen függőlegesen */
   background-size: 16px 16px; /* méret beállítása */

   
}



input.form-control,
select.form-control,
.msos-input-container > input  {
  height: 56px;
  font-size: 16px;
  border-radius: 8px;
  border-color: #cccccc;
  color: #343434 !important;
  width: 100%;
  font-weight: 400;
  padding: 14px;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.msos-container {
  border-radius: 8px !important;
  border-color: #cccccc !important;
}

.form-label {
  display: block;
  font-size: 20px;
  width: 100%;
  margin: 14px 0;
  font-weight: 700;
  color: #343434;
}

input.form-control::placeholder {
  color: #767676 !important;
}
input.form-control:hover,
select.form-control:hover {
  border-color: #3434E0 !important;
  background-color: #EFEFF9 !important;
}

input.form-control:focus,
select.form-control:focus {
  border-width: 2px !important;
  outline: none; /* Ha nincs még, hogy ne legyen alap fókuszkeret */
}

input.input-active,
select.input-active {
  background-color: #f5f3ff !important;
  border: 1px solid #a3a0ff !important;
}

input.input-active:focus,
select.input-active:focus {
  border-color: #3434E0 !important;
  background-color: #f0edff !important;
  box-shadow: 0 0 0 0.2rem rgba(75, 67, 230, 0.25);
}

input.input-error,
select.input-error {
  border: 1px solid #C23B0A !important;
  background-color: #F9F3F1 !important;
}

input.input-disabled,
select.input-disabled {
  background-color: #F7F7F7 !important;
  color: #C1C1C1 !important;
  border-color: #E6E6E6 !important;
  pointer-events: none;
}

input.input-disabled::placeholder {
  color: #C1C1C1 !important;
}

.label-disabled {
  color: #C1C1C1 !important;
}


.input-group>.form-control, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    border-radius: 8px !important;
    min-width: 0;
    margin-right: 8px;
    border-color: #767676;
}



input[type=checkbox],input[type=radio]{
    display: inline-block;
    position: relative;
    
}
.form-check label{
  padding: 0 0 0 14px;
      line-height: 24px;
}




input[type=checkbox],input[type=radio] {
   accent-color: #c6007e !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #767676;
    height: 24px;
    width: 24px;
    margin-right: 20px;
    margin-top: 0 !important;
   
   
   
}

input[type=checkbox] {
    border-radius: 6px
}

input[type=radio] {
    border-radius: 50%
}

input:active {
    filter: brightness(90%)
}

input:hover {
  border-color: #c6007e;
    background-color: #F9EFF6 !important;
}

input:focus {
    border-color: none;
    box-shadow: none;
    outline: 0
}

input:checked {
    background-color: #c6007e !important;
    border-color: #c6007e
}

input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

input:checked[type=radio] {
 background-color: #fff !important;
 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23C6007E' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23C6007E'/%3E%3C/svg%3E");
}



input[type=checkbox]:indeterminate {
    background-color: #506690;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
    border-color: #506690
}

.form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}


.ms-Button--hasMenu, .ms-Button--hasMenu.is-expanded{
  color: rgb(244, 244, 244) !important;
  border-color: var(--portalThemeColor8) !important;

}

div.ms-DetailsHeader-cell[role=columnheader]:hover {
    color: var(--portalThemeColor8);
    background: none !important;
} 

.ms-FocusZone[role="menubar"]{
  background-color: #fff !important;
  padding-right: 0px !important;
}

.ms-DetailsRow{
  border: 1px solid var(--bs-border-color);
  border-top: 0px;
}

.ms-ContextualMenu-itemText, .ms-ContextualMenu-icon {
  color: var(--portalThemeColor8) !important;
}

.ms-Callout-beak, .ms-ContextualMenu.is-open{
  background-color: #fff !important;
  
}


.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a
 {
   font-size: 14px;
   font-family: "Source Sans 3", sans-serif !important;
}
.navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover
 {
    background: none !important;
    color: #06038d;
    text-decoration: Underline;
}

.navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus
 {
    background-color: #ffffff00 !important;
    color: #06038d;
    border: none !important;
    outline: none;
    text-decoration: none !important;
}

table.table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden; 
}


table.table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

table.table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

table.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

table.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}



table.table td, table.table th{
 padding: 12px 16px !important;
}

table.table-blue th{
 background-color: #06038D !important;
 color: #fff !important;
}

.nav.nav-pills {
  display: flex;
 
}

.nav-pills .nav-link {
  padding: 24px;
  border: solid 1px #ccc;
  color: #767676; 
  background-color: #e6e6e6;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 0px;
  border-radius: 0
}

.nav-pills .nav-link.active {
  background-color: #fff;
  color: #06038D; 
}

a.nav-link:hover{
  text-decoration: none !important;
}



:root {
  --eco-green: #3CBD89;
  --warning: #C23B0A;
  --warning-dimmed: #F9F3F1;
  --success: #277C5A;
  --success-dimmed: #F2F8F5;
}


.bg-eco-green {
  background-color: var(--eco-green);
  color: white;
}

.bg-warning {
  background-color: var(--warning);
  color: white;
}

.bg-warning-dimmed {
  background-color: var(--warning-dimmed);
  color: black;
}

.bg-success {
  background-color: var(--success);
  color: white;
}

.bg-success-dimmed {
  background-color: var(--success-dimmed);
  color: black;
}

.text-eco-green {
  color: var(--eco-green);
}

.text-warning {
  color: var(--warning);
}

.text-warning-dimmed {
  color: var(--warning-dimmed);
}

.text-success {
  color: var(--success);
}

.text-success-dimmed {
  color: var(--success-dimmed);
}


.btn-eco-green {
  background-color: var(--eco-green);
  color: white;
  border: 1px solid var(--eco-green);
}

.btn-eco-green:hover {
  background-color: #33a87a;
  color: white;
}


.btn-warning {
  background-color: var(--warning);
  color: white;
  border: 1px solid var(--warning);
}

.btn-warning:hover {
  background-color: #a83208;
  color: white;
}


.btn-warning-dimmed {
  background-color: var(--warning-dimmed);
  color: black;
  border: 1px solid var(--warning-dimmed);
}

.btn-warning-dimmed:hover {
  background-color: #ede3e0; 
}


.btn-success {
  background-color: var(--success);
  color: white;
  border: 1px solid var(--success);
}

.btn-success:hover {
  background-color: #1f684b;
  color: white;
}


.btn-success-dimmed {
  background-color: var(--success-dimmed);
  color: black;
  border: 1px solid var(--success-dimmed);
}

.btn-success-dimmed:hover {
  background-color: #e4f1eb;
}

.pva-embedded-web-chat-widget {
    background-color: #c6007e !important;
    border: 1px solid #c6007e !important;
}


.input-group-addon.btn, .input-group-addon.btn:hover{
    padding: 16px 20px !important;
    background-color: #c6007e !important;
    border: 1px solid #c6007e !important; 
    color:white;
}

.ms-Button--hasMenu, .ms-Button--hasMenu:hover, .ms-Button--hasMenu.is-expanded, .ms-BaseButton-menuhost, .ms-BaseButton-menuhost:hover {
    color: #000 !important;
    background-color: white !important;
}
.ms-ShimmerLine-root{
  border-color: #fff !important;
}
.ms-ShimmerGap-root{
  background-color: #fff !important;
}
.webchat__bubble__content{
  background-color: #f7f7f7 !important;
  color: #06038d !important ;
}
.webchat__text-content__markdown {
  font-family: "Source Sans 3", sans-serif !important;

}



/* Use Power Pages grid variables where available */
.blue-subgrid,
.blue-subgrid * {
  --dataverse-grid-header-background: #06038d !important;
  --dataverse-grid-header-color: #ffffff !important;
}

/* Fluent v8 (ms-DetailsList) */
.blue-subgrid .ms-DetailsList .ms-DetailsHeader,
.blue-subgrid .ms-DetailsHeader {
  background-color: #06038d !important;
}
.blue-subgrid .ms-DetailsHeader .ms-DetailsHeader-cell,
.blue-subgrid .ms-DetailsList .ms-DetailsHeader .ms-DetailsHeader-cell {
  background-color: #06038d !important;
  border-color: #06038d !important;
}
.blue-subgrid .ms-DetailsHeader .ms-DetailsHeader-cellTitle,
.blue-subgrid .ms-DetailsHeader .ms-TooltipHost,
.blue-subgrid .ms-DetailsHeader [role="columnheader"] {
  color: #ffffff !important;
}

/* Fluent v9 (fui-Table) – some tenants render this */
.blue-subgrid .fui-TableHeader,
.blue-subgrid .fui-TableHeaderCell,
.blue-subgrid [role="rowgroup"][aria-label="Column Headers"],
.blue-subgrid [data-automationid="DetailsHeader"] {
  background-color: #06038d !important;
  color: #ffffff !important;
}
.blue-subgrid .fui-TableHeaderCell__button,
.blue-subgrid .fui-TableCell__content {
  color: #ffffff !important;
}

/* Fallback if it ever renders the classic table */
.blue-subgrid table thead th,
.blue-subgrid table thead th a {
  background-color: #06038d !important;
  color: #ffffff !important;
}