:root {
  --moderna-blue-rgb: 35, 169, 225;
  --moderna-red-rgb: 223, 29, 54;
  --moderna-black-rbg: 51, 51, 51;
  --moderna-lightblue-rgb: 176, 224, 243;
  --moderna-middleblue-rgb: 122, 198, 233;
  --moderna-darkblue-rgb: 12, 58, 91;
  --moderna-white-rgb: 231, 243, 248;/* inspired from Moderna website */
  --b2p-lightblue-rgb: 191, 230, 246;
  --b2p-red-rgb: 227, 24, 55;
  --b2p-grey-rgb: 192, 192, 192;
  --b2p-darkblue-rgb: 30, 40, 70;
  --b2p-orange-rgb: 240, 132, 119;
  --tlkwlk-blue-rgb: 18, 78, 130;
  --tlkwlk-white-rgb: 255, 255, 255;
}

/*Talkwalker*/
.tlkwlk-blue-bckg {
  color: rgb(var(--tlkwlk-white-rgb));
  background-color: rgb(var(--tlkwlk-blue-rgb));
}
.tlkwlk-blue-txt {
  color: rgb(var(--tlkwlk-blue-rgb));
}
.tlkwlk-card-header {
  background-color: rgb(var(--b2p-lightblue-rgb));
  color: rgb(var(--tlkwlk-blue-rgb));
}

.tlkwlk-bold-blue-xxl {
  color: rgb(var(--tlkwlk-blue-rgb));
  font-weight: bold;
  font-size: 2.5em;
}

/*Navbar*/
.navbar-light,
.nav-item .dropdown-menu {
    background-color: rgb(var(--moderna-darkblue-rgb));
    color: rgb(var(--moderna-white-rgb));
}

.navbar-light .navbar-nav {
  color: rgb(var(--moderna-black-rbg));
}

.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-item .dropdown-menu,
.nav-item .dropdown-menu .dropdown-item {
    color: rgb(var(--moderna-white-rgb));
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
    background-color: inherit;
}
.nav-tabs .nav-link.active,
.nav-item .dropdown-menu .dropdown-item.active{
    color: rgb(var(--moderna-red-rgb));
    font-weight: bold;
}

.btn-primary {
  background-color: rgb(var(--moderna-blue-rgb));
}

.stati {
  box-shadow: 0px 0.2em 0.4em rgb(0 0 0 / 20%);
}



.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--tblr-gutter-x, 1.5rem);
  padding-left: var(--tblr-gutter-x, 1.5rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } }

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px; } }


.fa-rotate-45 {
  transform: rotate(45deg);
}
.fa-rotate-315 {
  transform: rotate(315deg);
}