#tx-dianews__filtered-list .filters {
}

#tx-dianews__filtered-list .Collapsible.collapsible--main {}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__trigger {
  padding: 1rem 2rem;
  font-weight: 600;
  color: white;
  background-color: var(--color-ci-blue);
  border-radius: 8px;
}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__trigger .trigger__left {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDkyNiA4NjEuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTI2IDg2MS42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0iYmciPg0KPC9nPg0KPGcgaWQ9ImZpbHRlciI+DQoJPGcgaWQ9Il94MzJfIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODQ3LjIsMjU4LjlINDEwLjdjLTguNSwwLTE1LjQsNi45LTE1LjQsMTUuNHY4NC40YzAsOC41LDYuOSwxNS40LDE1LjQsMTUuNGg0MDMuNw0KCQkJCWM4LjUsMCwxNy4yLTYuNywxOS40LTE0LjlsMjUtODUuNEM4NjAuOSwyNjUuNSw4NTUuNywyNTguOSw4NDcuMiwyNTguOXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05MTQsNi4ySDQxMC43Yy04LjUsMC0xNS40LDYuOS0xNS40LDE1LjR2OTMuNmMwLDguNSw2LjksMTUuNCwxNS40LDE1LjRoNDY4LjFjOC41LDAsMTcuMi02LjcsMTkuNC0xNC45DQoJCQkJbDI3LjQtOTQuNkM5MjcuNywxMi45LDkyMi42LDYuMiw5MTQsNi4yeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5NS4yLDc2MS4xdjg1LjFjMCw4LjUsNi45LDE1LjQsMTUuNCwxNS40aDI3Mi40YzguNSwwLDE3LjMtNi42LDE5LjYtMTQuOGwyNi45LTg2LjMNCgkJCQljMi4zLTguMi0yLjctMTQuOC0xMS4yLTE0LjhINDEwLjdDNDAyLjEsNzQ1LjcsMzk1LjIsNzUyLjYsMzk1LjIsNzYxLjF6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgyLjgsNTAyLjNINDEwLjdjLTguNSwwLTE1LjQsNi45LTE1LjQsMTUuNHY4NC40YzAsOC41LDYuOSwxNS40LDE1LjQsMTUuNGgzMzkuMw0KCQkJCWM4LjUsMCwxNy4yLTYuNywxOS40LTE0LjlsMjUtODUuNEM3OTYuNSw1MDguOSw3OTEuMyw1MDIuMyw3ODIuOCw1MDIuM3oiLz4NCgkJPC9nPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjc4LjQsNjI5LjhsLTUyLDUyYy02LDYtMTAuOSw0LTEwLjktNC41VjE1LjRDMjE1LjQsNi45LDIwOC41LDAsMjAwLDBoLTU1LjljLTguNSwwLTE1LjQsNi45LTE1LjQsMTUuNA0KCQkJdjY2MS44YzAsOC41LTQuOSwxMC41LTEwLjksNC41bC01Mi01MmMtNi02LTE1LjgtNi0yMS44LDBMNC41LDY2OS4zYy02LDYtNiwxNS44LDAsMjEuOGwxMjQuMiwxMjQuMmw0MS4yLDQxLjINCgkJCWMwLDAsMC41LDAuNSwxLjEsMS4xYzAuNiwwLjYsMS42LDAuNiwyLjIsMGwxLjEtMS4xbDMwLjMtMzAuM2M2LTYsMTUuOC0xNS44LDIxLjgtMjEuOGwxMTMuMy0xMTMuM2M2LTYsNi0xNS44LDAtMjEuOGwtMzkuNS0zOS41DQoJCQlDMjk0LjEsNjIzLjgsMjg0LjQsNjIzLjgsMjc4LjQsNjI5Ljh6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
  padding-left: 30px;
}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__contentOuter {
}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__contentOuter > .Collapsible__contentInner {
  margin-top: 1rem;
  padding: 2rem;
  background-color: var(--color-ci-yellow);
  border-radius: 8px;
}

#tx-dianews__filtered-list .Collapsible.collapsible--sub > .Collapsible__trigger {
  text-decoration: underline;
  color: var(--color-ci-blue);
}

#tx-dianews__filtered-list .Collapsible.collapsible--sub > .Collapsible__trigger::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDIuMTU2MDQsMCwwLC0yLjE1NjA0LC01Ni4xMjQxLDQyOS42MzcpIj4KICAgICAgICA8cGF0aCBkPSJNODUuMTI3LDkwLjkzOEwxNDQuMjQ4LDE4OS4wODRMMjYuMDA2LDE4OS4wODRMODUuMTI3LDkwLjkzOFoiIHN0eWxlPSJmaWxsOnJnYigzMiw0MSw3OCk7Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0px 0 0 3px;
  vertical-align: text-top;
}

#tx-dianews__filtered-list .Collapsible.collapsible--sub > .Collapsible__contentOuter {
  margin-top: 1rem;
}

#tx-dianews__filtered-list #react-select-2-listbox {
  z-index: 999;
}

@media screen and (min-width: 999px) {
  #tx-dianews__filtered-list #react-select-2-listbox {
    width: auto;
  }
}

#tx-dianews__filtered-list .loading-indicator {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

#tx-dianews__filtered-list .loading-indicator div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  margin: 8px;
  border: 8px solid #ccc;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ccc transparent transparent transparent;
}

#tx-dianews__filtered-list .loading-indicator div:nth-child(1) {
  animation-delay: -0.45s;
}

#tx-dianews__filtered-list .loading-indicator div:nth-child(2) {
  animation-delay: -0.3s;
}
#tx-dianews__filtered-list .loading-indicator div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__trigger .loading-indicator {
  width: 20px;
  height: 20px;
}

#tx-dianews__filtered-list .Collapsible.collapsible--main > .Collapsible__trigger .loading-indicator div {
  width: 20px;
  height: 20px;
  margin: 3px 0 0 0;
  border-width: 3px;
}

#tx-dianews__filtered-list .filters .react-datepicker {
  font-size: 1.25rem;
  border: 2px solid var(--color-ci-blue);
}

#tx-dianews__filtered-list .filters .react-datepicker .react-datepicker__navigation {
  top: 8px;
}

#tx-dianews__filtered-list .filters .react-datepicker__header {
  padding: 8px 10px 12px 10px;
}

#tx-dianews__filtered-list .filters .react-datepicker__current-month {
  font-size: 1.25rem;
}

#tx-dianews__filtered-list .filters .react-datepicker__month-container {
  min-width: 250px;
}

#tx-dianews__filtered-list .filters .react-datepicker__month {
  margin: 1rem;
}

#tx-dianews__filtered-list .filters .react-datepicker__header button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  appearance: none;
  border: thin solid var(--color-ci-blue);
  background-color: white;
  padding: .5em 1em;
}

#tx-dianews__filtered-list .filters .react-datepicker__header button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

#tx-dianews__filtered-list .filters .react-datepicker__header select {
  appearance: none;
  background-color: white;
  border: thin solid var(--color-ci-blue);
  border-radius: 0;
  padding: .5em 1em;
  margin: 0 .5rem;
  width: 100%;
  font-family: inherit;
  font-size: 1em;
  cursor: inherit;
  text-align: center;
}

#tx-dianews__filtered-list .filters .react-datepicker__header select + select {
  margin-left: 0;
}

#tx-dianews__filtered-list .filters .react-datepicker__day-name,
#tx-dianews__filtered-list .filters .react-datepicker__day,
#tx-dianews__filtered-list .filters .react-datepicker__time-name {
  margin: 0;
  width: 3rem;
  line-height: 2rem;
  padding: .5rem .75rem;
  border-radius: 0;
}

#tx-dianews__filtered-list .filters .react-datepicker__day--today {
  background-color: rgb(144,148,167);
  color: white;
}

#tx-dianews__filtered-list .filters .react-datepicker__day--selected,
#tx-dianews__filtered-list .filters .react-datepicker__day--in-selecting-range,
#tx-dianews__filtered-list .filters .react-datepicker__day--in-range,
#tx-dianews__filtered-list .filters .react-datepicker__month-text--selected,
#tx-dianews__filtered-list .filters .react-datepicker__month-text--in-selecting-range,
#tx-dianews__filtered-list .filters .react-datepicker__month-text--in-range,
#tx-dianews__filtered-list .filters .react-datepicker__quarter-text--selected,
#tx-dianews__filtered-list .filters .react-datepicker__quarter-text--in-selecting-range,
#tx-dianews__filtered-list .filters .react-datepicker__quarter-text--in-range,
#tx-dianews__filtered-list .filters .react-datepicker__year-text--selected,
#tx-dianews__filtered-list .filters .react-datepicker__year-text--in-selecting-range,
#tx-dianews__filtered-list .filters .react-datepicker__year-text--in-range {
  background-color: var(--color-ci-blue);
}

#tx-dianews__filtered-list .filters .react-datepicker__day--outside-month {
  color: #ccc;
}

#tx-dianews__filtered-list .news-list-view {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 4rem;
}

#tx-dianews__filtered-list .news-list-view .news-list-item:not(.isFirst) {
  flex: 1;
  flex-grow: 0;
  min-width: calc(50% - 2rem);
}

@media screen and (max-width: 1006px) {
  #tx-dianews__filtered-list .news-list-view .news-list-item:not(.isFirst) {
    min-width: 100%;
  }
}

#tx-dianews__filtered-list .news-list-view .news-list-item:not(.isFirst) .lead {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

#tx-dianews__filtered-list .news-list-view .news-list-item .news-list-content {
  padding: 0 2rem;
}

#tx-dianews__filtered-list .news-list-view .news-list-item.isFirst .lead {
  padding: 0 2rem;
}

#tx-dianews__filtered-list .news-list-view .news-list-item.isFirst .btn-read-more {
  margin-bottom: 2rem;
  margin-right: 2rem;
}

#tx-dianews__filtered-list .news-list-view .news-list-item.isFirst .news-message .news-list-title {
  padding: 2rem;
}
