:root {
  --primary: #00678f;
  --secondary:#fff;
  --chart-color-1: #00678f;
  --chart-color-2: #35b1e3;
}
/* 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 {
  width: 100%;
  height: 45px!important;
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("../images/web-logo.svg");

}

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

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