:root {
  --primary: #306698;
  --secondary: #fff;
  --chart-color-1: #306698;
  --chart-color-2: #6bb1f1;
}
/* Add other global styles as needed */
.primary-color {
  color: var(--primary);
}
.primary-bg-color {
  background-color: var(--primary)!important;
}
.secondary-bg-color {
  background-color: var(--secondary)!important;
}
.danger-bg-color {
  background-color: rgb(242, 61, 61);
}
.transparent {
  background-color: transparent;
}

.brand-logo {
  background-image: url("../images/web-logo.svg");
  width: 200px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sidebar-logo {
  background-image: url(../images/web-logo.svg);
  width: 100%;
  height: 45px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}

.mobile-logo {
  background-image: url('../images/logo-mobile.svg');
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.p-fieldset-legend-text {
  color: var(--primary);
}

.text-pm-color { 
  color: var(--primary);
}