/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../app/skins/eolien/static/stylus/app.styl ***!
  \*********************************************************************************************************************************************************************************************/
body {
  font-size: 16px;
  background-color: var(--bs-gray-200);
}
.primary-button,
.secondary-button {
  padding: 0.25rem 0.5rem;
  border: 1px solid #000;
  border-radius: 1rem;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  width: fit-content;
}
.secondary-button {
  background-color: #000;
  color: #fff;
}
.helptext,
.italic {
  font-style: italic;
}
.primary-button:not(.inactive):hover {
  color: #fff;
  background-color: #000;
}
.secondary-button:not(.inactive):hover {
  color: #000;
  background-color: #fff;
}
.primary-button.inactive,
.secondary-button.inactive {
  cursor: unset;
}
.cke.textarea {
  background-color: #fff;
}
button.close {
  padding: 0 0.2rem;
  line-height: 1rem;
}
div.title {
  font-size: 1.5rem;
}
input[type=file]::file-selector-button {
  background-color: #fff;
  height: 5rem;
  width: 15rem;
  border-radius: 1rem;
}
input[type=file]::file-selector-button:hover {
  background-color: var(--bs-gray-300);
}
a.helptext {
  color: var(--bs-gray-600);
}
a.helptext:hover {
  color: #000;
}
.form-fields,
.ressource-detail,
.partner-detail {
  display: flex;
  flex-direction: row;
}
.form-fields .left-column,
.ressource-detail .left-column,
.partner-detail .left-column,
.form-fields .right-column,
.ressource-detail .right-column,
.partner-detail .right-column {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-fields .left-column,
.ressource-detail .left-column,
.partner-detail .left-column {
  flex-basis: 60%;
}
.form-fields .right-column,
.ressource-detail .right-column,
.partner-detail .right-column {
  flex-basis: 40%;
}
.form-fields .date-info .date,
.ressource-detail .date-info .date,
.partner-detail .date-info .date {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.form-fields .fixed-bottom-right,
.ressource-detail .fixed-bottom-right,
.partner-detail .fixed-bottom-right {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}
.form-fields .button,
.ressource-detail .button,
.partner-detail .button {
  display: inline-block;
}
.form-fields .button.large,
.ressource-detail .button.large,
.partner-detail .button.large {
  padding: 1rem 2rem;
}
.ressource-detail img,
.partner-detail img {
  height: fit-content;
  width: fit-content;
}
.ressource-detail .description,
.partner-detail .description,
.ressource-detail .comment,
.partner-detail .comment {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.ressource-detail a,
.partner-detail a {
  width: fit-content;
}
.form-fields .date-field > .fields {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.form-fields .date-field > .fields .field.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: fit-content;
  align-self: end;
}
.form-fields .date-field > .fields .field.checkbox .label-row {
  height: fit-content;
}
.form-fields .date-field > .fields .checkbox {
  display: flex;
  gap: 0.5rem;
}
.form-fields .state-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-fields .state-info .other-states {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.form-fields .subcategories .group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.form-fields .subcategories .optgroup {
  padding: 0 1rem;
}
.form-fields .long input {
  width: 100%;
}
.form-fields .ressource-type {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.form-fields .ressource-type .field {
  width: 50%;
}
div#file-popup .modal-dialog {
  margin: 3rem auto;
}
div#file-popup .modal-dialog .modal-content {
  width: 100%;
  height: fit-content;
}
div#file-popup .modal-dialog .modal-content.full {
  height: calc(100vh - 6rem);
}
.ressource-list,
.partner-list {
  margin-top: 2rem;
  padding: 0 5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ressource-list .add-ressource,
.partner-list .add-ressource,
.ressource-list .add-partner,
.partner-list .add-partner {
  align-self: flex-end;
}
.ressource-list .state-filter-tabs,
.partner-list .state-filter-tabs {
  width: 80%;
  display: flex;
  flex-direction: row;
}
.ressource-list .state-filter-tabs .state-filter,
.partner-list .state-filter-tabs .state-filter {
  flex-grow: 1;
  padding: 0.5rem 0;
  background-color: #fff;
}
.ressource-list .state-filter-tabs .state-filter span.count,
.partner-list .state-filter-tabs .state-filter span.count {
  border-radius: 1rem;
  padding: 0.1rem 0.5rem;
  margin: 0 0.5rem;
}
.ressource-list .state-filter-tabs .state-filter.active,
.partner-list .state-filter-tabs .state-filter.active {
  background-color: #000;
  color: #fff;
}
.ressource-list .state-filter-tabs .state-filter.active span.count,
.partner-list .state-filter-tabs .state-filter.active span.count {
  background-color: #fff;
  color: #000;
}
.ressource-list .sorting-choices,
.partner-list .sorting-choices {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}
.ressource-list .filters-recap,
.partner-list .filters-recap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin: 0.5rem 0;
}
.ressource-list .filters-recap .add-filter,
.partner-list .filters-recap .add-filter {
  padding: 0 0.5rem;
}
.ressource-list .filter-modal .field,
.partner-list .filter-modal .field {
  margin: 0.5rem 0;
}
.ressource-list .ressources,
.partner-list .ressources,
.ressource-list .partners,
.partner-list .partners {
  width: 80%;
}
.ressource-list .ressources .ressource-overview,
.partner-list .ressources .ressource-overview,
.ressource-list .partners .ressource-overview,
.partner-list .partners .ressource-overview,
.ressource-list .ressources .partner-overview,
.partner-list .ressources .partner-overview,
.ressource-list .partners .partner-overview,
.partner-list .partners .partner-overview {
  background-color: #fff;
  border: 1px solid #000;
  padding: 0.5rem;
}
.ressource-list .ressources .ressource-overview .detail-row,
.partner-list .ressources .ressource-overview .detail-row,
.ressource-list .partners .ressource-overview .detail-row,
.partner-list .partners .ressource-overview .detail-row,
.ressource-list .ressources .partner-overview .detail-row,
.partner-list .ressources .partner-overview .detail-row,
.ressource-list .partners .partner-overview .detail-row,
.partner-list .partners .partner-overview .detail-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ressource-list .ressources .ressource-overview .detail-row.single-item,
.partner-list .ressources .ressource-overview .detail-row.single-item,
.ressource-list .partners .ressource-overview .detail-row.single-item,
.partner-list .partners .ressource-overview .detail-row.single-item,
.ressource-list .ressources .partner-overview .detail-row.single-item,
.partner-list .ressources .partner-overview .detail-row.single-item,
.ressource-list .partners .partner-overview .detail-row.single-item,
.partner-list .partners .partner-overview .detail-row.single-item {
  justify-content: flex-end;
}
.ressource-list .ressources .ressource-overview .description,
.partner-list .ressources .ressource-overview .description,
.ressource-list .partners .ressource-overview .description,
.partner-list .partners .ressource-overview .description,
.ressource-list .ressources .partner-overview .description,
.partner-list .ressources .partner-overview .description,
.ressource-list .partners .partner-overview .description,
.partner-list .partners .partner-overview .description {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ressource-list .pagination,
.partner-list .pagination {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.ressource-list .pagination .page,
.partner-list .pagination .page {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 0.75rem;
  border-radius: 50%;
  margin: 0.2rem;
}
div.buttons-checkbox-select {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 0.5em;
}
div.buttons-checkbox-select >div input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
div.buttons-checkbox-select >div label {
  font-weight: normal;
}
div.buttons-checkbox-select >div input:checked + label,
div.buttons-checkbox-select >div label:hover {
  background-color: #fff;
  color: #000;
}


/*# sourceMappingURL=app.css.map*/