@charset "UTF-8";
.unimportant-text, a.unimportant-text, span.unimportant-text, p.unimportant-text, .unimportant-text * {
  color: #b9bdc2;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration-color: #b9bdc2;
}

.clean-box {
  padding: 16px;
  border: 2px solid #E1E4E6;
  border-top: 1px solid #E1E4E6;
  border-left: 1px solid #E1E4E6;
  color: black;
}

/*.reply-box-image{
    position: relative;
    display:inline-block;
    .file_del {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 5px;
        color: $primary-color;
        border-radius: 4px;
        padding:2px;
        background-color: #fff;
    }
}  weet niet zeker waar dit voor dient dus laat dit uitstaan tot ik dat wel weet :rf*/
.reply-box {
  width: 100%;
  display: flex;
  word-break: break-word;
}
.reply-box.has-error .tinymedium {
  border: 3px solid #a94442;
}
.reply-box .avatar-chip {
  margin-right: 10px;
}
.reply-box .alert {
  padding: 10px;
  margin-bottom: 0px;
  width: 100%;
}
.reply-box form {
  width: 100%;
  align-self: center;
  font-size: 1.3rem;
}
.reply-box form .tinymedium {
  float: left;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #E1E4E6;
}
.reply-box form .tinymedium p:last-child {
  margin-bottom: 0;
}
.reply-box form .has-error .tinymedium {
  border: 3px solid #a94442;
}
.reply-box .button-wrapper {
  display: flex;
}
.reply-box .button-wrapper .button {
  float: left;
  border-radius: 0px;
  border: 1px solid #0080b7;
  border-left: 1px solid #E1E4E6;
}
.reply-box .button-wrapper .button:first-of-type {
  border-left: none;
}
.reply-box .button-wrapper .button:last-of-type {
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.reply-box .button-wrapper .button.reply-file-upload-chip .fa-plus {
  font-size: 10px;
}

.content-box .content-title-chip {
  margin-left: -16px;
  padding-left: 16px;
  border-left: 3px solid #40d0ad;
}
.content-box .content-social-actions {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.content-box .content-social-actions .item {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.avatar-list-chip {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.avatar-list-chip > li {
  display: inline-block;
  margin-right: 5px;
  float: left;
}

.avatar-chip .remove .fa {
  position: absolute;
  color: #fff;
  font-size: 17px;
  transform: scale(0);
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  transition: transform 0.3s ease-in;
}

.avatar-chip:hover {
  text-decoration: none;
}
.avatar-chip .remove .fa {
  position: absolute;
  color: #fff;
  font-size: 17px;
  transform: scale(0);
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  transition: transform 0.3s ease-in;
}
.avatar-chip .remove:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #DC4250;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.avatar-chip .remove:hover:before {
  opacity: 0.85;
}
.avatar-chip .remove:hover .fa {
  transform: scale(1);
}

.avatar-chip {
  border: 1px solid #40d0ad;
  line-height: 0px;
  border-radius: 100%;
  text-align: center;
  background: #FFF;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.avatar-chip.avatar-sm-chip {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.avatar-chip.avatar-md-chip {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
}

.avatar-chip.avatar-lg-chip {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.avatar-chip.avatar-xs-chip {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
}

.avatar-chip.avatar-xxs-chip {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.tag-list-chip {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}
.tag-list-chip > li {
  display: inline-block;
}
.tag-list-chip .tag-chip {
  display: inline-block;
  padding: 7px 16px 4px;
  color: #707376;
  border: 1px solid #E1E4E6;
  margin-right: 4px;
  border-radius: 16px;
  font-size: 1.2rem;
}
.tag-list-chip .tag-chip .delete-tag {
  color: #707376;
  cursor: pointer;
  display: inline-block;
  margin-left: 6px;
  opacity: 0.5;
}
.tag-list-chip .tag-chip .delete-tag:hover {
  text-decoration: none;
  color: #dc4250;
  opacity: 1;
}

/**/
.add-link-chip {
  color: #40d0ad;
  display: inline-block;
  font-size: 1.2rem;
}
.add-link-chip .add-icon-chip {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  display: inline-block;
  text-align: center;
  border: 1px solid #40d0ad;
  line-height: 27px;
}

.widget-external-link {
  padding: 40px 0;
}

.favorites-list-chip .panel img, .favorites-list-chip .panel .image-placeholder {
  width: calc(100% + 40px);
  margin: -20px;
  margin-bottom: 0;
}
.favorites-list-chip .panel .panel-footer {
  position: absolute;
  padding: 10px;
  min-height: 46px;
  bottom: -46px;
  width: 100%;
}
.favorites-list-chip .fav-cat-icons {
  display: inline-block;
  position: relative;
  top: -4px;
  margin-left: 10px;
}
.favorites-list-chip h2 {
  display: inline-block;
  margin: 0;
}

.favorite-card-chip, .favorite-card-add-chip {
  width: 220px;
  /*height: 352px;*/
  margin-left: 20px;
  display: inline-block;
  position: relative;
  float: left;
  margin-bottom: 55px;
}
.favorite-card-chip .panel-icons, .favorite-card-add-chip .panel-icons {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.favorite-card-chip .fav-intro, .favorite-card-add-chip .fav-intro {
  max-height: 150px;
  overflow: hidden;
}

.favorite-card-add-chip {
  text-align: center;
  position: relative;
  background-color: #f80;
  transition: opacity 300ms;
}
.favorite-card-add-chip .fa-plus {
  font-size: 100px;
  color: white;
  padding-top: 42px;
  padding-bottom: 30px;
}
.favorite-card-add-chip:hover {
  opacity: 0.8;
}

.carousel.carousel-chip {
  margin: -21px;
  margin-bottom: 20px;
}
.carousel.carousel-chip img {
  width: 100%;
  height: auto;
}
.carousel.carousel-chip .carousel-indicators li {
  background-color: white !important;
}
.carousel.carousel-chip .carousel-indicators li.active {
  background-color: #008bc6 !important;
}

.banner {
  position: relative;
  padding-top: 5px;
  background-color: #ebeff1;
}
.banner .banner-overflow-wrapper {
  overflow: hidden;
  max-height: 400px;
  position: relative;
}
.banner.home {
  position: fixed;
  top: 90px;
  width: 100%;
  z-index: 1;
}
.banner li.dropdown {
  /*
  position: absolute;
  right: 10px;
  */
  list-style: none;
  padding: 5px 20px;
  margin-top: 5px;
  margin-right: 5px;
  color: white;
}
.banner li.dropdown a, .banner li.dropdown .dropdown-menu a {
  color: white;
}
.banner .banner-tabs {
  border-bottom: 4px solid #000a56;
  padding-left: 100px;
}
.banner .banner-tabs li {
  border: 0;
  margin: 0 10px;
  transition: margin 200ms;
}
.banner .banner-tabs li a {
  font-weight: 600;
}
.banner .banner-tabs li:not(.active):hover {
  margin: 0 6px;
}
.banner .banner-tabs li:hover {
  text-decoration: underline;
}
.banner .banner-tabs li.active a {
  background-color: #000a56;
  border: 4px solid #000a56;
  border-bottom: 0;
  padding: 10px 40px;
}
.banner .banner-tabs li.active a:hover {
  color: white;
}
.banner .banner-tabs li:not(.active) a {
  padding: 6px 36px;
  margin-top: 7px;
  background-color: #747779;
  color: white;
}
.banner .banner-tabs li:not(.active) a:hover {
  background-color: #00052d;
  text-decoration: underline;
  color: #fff;
  padding: 10px 40px;
  margin-top: -1px !important;
}
.banner .banner-carousel {
  overflow: hidden;
}
.banner .banner-carousel .carousel-inner {
  height: 100%;
}
.banner .banner-carousel .carousel-inner .item {
  height: 100%;
}
.banner .banner-carousel .carousel-inner .item img {
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 50%;
  height: 100%;
}
.banner .banner-carousel img {
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 50%;
  height: 100%;
}
.banner .banner-title {
  position: absolute;
  top: 242px;
  width: 100%;
  background: rgba(0, 10, 86, 0.5);
  height: 158px;
  border-top: white solid 10px;
}
.banner .banner-title h1 {
  position: absolute;
  top: 38px;
  color: #fff;
  left: 110px;
  font-weight: bold;
}
.banner .banner-title .back-link {
  position: absolute;
  top: 71px;
  color: white;
  left: 60px;
}

/* status flow colors */
:root {
  --shadow-color: 0deg 0% 0%;
}

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

a {
  text-decoration: none;
  background-color: none;
  color: black;
}
a:hover {
  color: black;
  text-decoration: underline;
}

.a__opacity-6 {
  color: rgba(0, 0, 0, 0.6);
}

.hover__none {
  text-decoration: none;
}
.hover__none:hover {
  text-decoration: none;
}

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/Open_Sans/Regular/OpenSans-Regular.eot");
  src: url("/fonts/Open_Sans/Regular/OpenSans-Regular.eot#iefix") format("embedded-opentype"), url("/fonts/Open_Sans/Regular/OpenSans-Regular.ttf") format("truetype"), url("/fonts/Open_Sans/Regular/OpenSans-Regular.woff") format("woff"), url("/fonts/Open_Sans/Regular/OpenSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/roboto2/roboto-v20-latin-regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto2/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto2/roboto-v20-latin-regular.woff2") format("woff2"), url("/fonts/roboto2/roboto-v20-latin-regular.woff") format("woff"), url("/fonts/roboto2/roboto-v20-latin-regular.ttf") format("truetype"), url("/fonts/roboto2/roboto-v20-latin-regular.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/roboto2/roboto-v20-latin-700.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto2/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto2/roboto-v20-latin-700.woff2") format("woff2"), url("/fonts/roboto2/roboto-v20-latin-700.woff") format("woff"), url("/fonts/roboto2/roboto-v20-latin-700.ttf") format("truetype"), url("/fonts/roboto2/roboto-v20-latin-700.svg#Roboto") format("svg");
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem;
  line-height: 1.428571429;
  padding-top: 118px;
  margin: 0;
  background-size: cover !important;
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #ebeff1;
  height: 100vh;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.hide {
  display: none;
}

.container-main-content.container-main-content-sort {
  padding-top: 0px;
}

.editor-design-mode .tox.tox-tinymce.tox-fullscreen,
.tox.tox-tinymce.tox-fullscreen,
.tox-fullscreen {
  padding-top: 118px;
  padding-bottom: 60px;
  z-index: 2;
}

.pseudo__before::before {
  display: block;
  content: var(--my-content-var);
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.throbber__spin {
  animation: throbberspin 2s infinite linear;
}

@-ms-keyframes throbberspin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@-moz-keyframes throbberspin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes throbberspin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes throbberspin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.description__list dt {
  padding-top: 8px;
}
.description__list dd {
  padding-top: 4px;
}
.description__list:first-child {
  padding-top: 0;
}

.font__size-20 {
  font-size: 2rem;
}

.margin__bottom-half {
  margin-bottom: 8px;
}

.margin__bottom-quart {
  margin-bottom: 4px;
}

.grid {
  display: grid;
}

.grid__form-labelfield {
  grid-template-columns: 40% 10% 40%;
}

.grid__form-largefield {
  grid-template-columns: 90%;
}

.tab__content {
  display: flex;
}

.tab__content-two [role=tabpanel] {
  width: 50%;
}

.tab__content-three [role=tabpanel] {
  width: 33.3333333333%;
}

.play__button {
  background-image: url(/site/kien/gfx/play-button.png);
  width: 40px;
  height: 40px;
  background-size: 40px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.brand__logo {
  max-height: 50px;
  width: auto;
}

.item__header {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.item__header-secundair {
  color: #008856;
}

.min__width-350 {
  min-width: 350px;
}

@media (max-width: 767px) {
  .hidden__extrasmall {
    display: none;
  }
  .visible__extrasmall {
    display: block;
  }
  .visible__extrasmall-inline {
    display: inline-block;
  }
  .visible__extrasmall-flex {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden__small {
    display: none;
  }
  .visible__small {
    display: block;
  }
  .visible__small-inline {
    display: inline-block;
  }
  .visible__small-flex {
    display: flex;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden__medium {
    display: none;
  }
  .visible__medium {
    display: block;
  }
  .visible__medium-inline {
    display: inline-block;
  }
  .visible__medium-flex {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .hidden__large {
    display: none;
  }
  .visible__large {
    display: block;
  }
  .visible__large-inline {
    display: inline-block;
  }
  .visible__large-flex {
    display: flex;
  }
}
.default__padding-top {
  padding-top: 16px;
}

.default__padding-top15 {
  padding-top: 24px;
}

.p__inline-block p {
  display: inline-block;
}

.table__list {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  /* Styling for redactie */
  /* For Legenda help */
}
.table__list .table__row.concept {
  background-color: #FEFFCB;
}
.table__list .table__row.maintenance {
  background-color: #FFD3B5;
}
.table__list .table__row.published {
  background-color: #DCEDC2;
}
.table__list .table__row.proposal {
  background-color: #fceaff;
}
.table__list .table__row.ended {
  background-color: #E8E8E8;
}
.table__list .table__row.future {
  background-color: #E7F5D3;
}
.table__list td.concept {
  background-color: #FEFFCB;
}
.table__list td.concept span {
  color: #c7cb00;
}
.table__list td.maintenance {
  background-color: #FFD3B5;
}
.table__list td.maintenance span {
  color: #b54900;
}
.table__list td.published {
  background-color: #DCEDC2;
}
.table__list td.published span {
  color: #628828;
}
.table__list td.ended {
  background-color: #E8E8E8;
}
.table__list td.ended span {
  color: #b5b5b5;
}
.table__list td.future {
  background-color: #E7F5D3;
}
.table__list td.future span {
  color: #70a425;
}
.table__list > tr > th,
.table__list > tbody > tr > th {
  text-align: left;
}
.table__list > tr > th,
.table__list > thead > tr > th,
.table__list > tbody > tr > th,
.table__list > tfoot > tr > th,
.table__list > tr > td,
.table__list > tbody > tr > td:not(.table__draggable-row) {
  border-bottom: 1px solid #ddd;
  vertical-align: top;
  padding: 4px;
}
.table__list > tr > th:last-of-type:not(.no__padding-right),
.table__list > thead > tr > th:last-of-type:not(.no__padding-right),
.table__list > tbody > tr > th:last-of-type:not(.no__padding-right),
.table__list > tfoot > tr > th:last-of-type:not(.no__padding-right),
.table__list > tr > td:last-of-type:not(.no__padding-right),
.table__list > tbody > tr > td:not(.table__draggable-row):last-of-type:not(.no__padding-right) {
  padding-right: 16px;
}
.table__list > tr > th:last-of-type.no__padding-right,
.table__list > thead > tr > th:last-of-type.no__padding-right,
.table__list > tbody > tr > th:last-of-type.no__padding-right,
.table__list > tfoot > tr > th:last-of-type.no__padding-right,
.table__list > tr > td:last-of-type.no__padding-right,
.table__list > tbody > tr > td:not(.table__draggable-row):last-of-type.no__padding-right {
  padding-right: 0;
}
.table__list > tr > th:first-of-type:not(.no__padding-left, .table__draggable-row),
.table__list > thead > tr > th:first-of-type:not(.no__padding-left, .table__draggable-row),
.table__list > tbody > tr > th:first-of-type:not(.no__padding-left, .table__draggable-row),
.table__list > tfoot > tr > th:first-of-type:not(.no__padding-left, .table__draggable-row),
.table__list > tr > td:first-of-type:not(.no__padding-left, .table__draggable-row),
.table__list > tbody > tr > td:not(.table__draggable-row):first-of-type:not(.no__padding-left, .table__draggable-row) {
  padding-left: 16px;
}
.table__list > tr > th:first-of-type.no__padding-left,
.table__list > thead > tr > th:first-of-type.no__padding-left,
.table__list > tbody > tr > th:first-of-type.no__padding-left,
.table__list > tfoot > tr > th:first-of-type.no__padding-left,
.table__list > tr > td:first-of-type.no__padding-left,
.table__list > tbody > tr > td:not(.table__draggable-row):first-of-type.no__padding-left {
  padding-left: 0;
}
.table__list > tr > th:last-child,
.table__list > thead > tr > th:last-child,
.table__list > tbody > tr > th:last-child,
.table__list > tfoot > tr > th:last-child,
.table__list > tr > td:last-child,
.table__list > tbody > tr > td:not(.table__draggable-row):last-child {
  padding-bottom: 4px;
}
.table__list > tfoot > tr > td:not(.table__draggable-row) {
  padding-left: 4px;
  padding-right: 4px;
}
.table__list > tfoot > tr > td:not(.table__draggable-row):last-of-type:not(.no__padding-right) {
  padding-right: 16px;
}
.table__list > tfoot > tr > td:not(.table__draggable-row):last-of-type.no__padding-right {
  padding-right: 0;
}
.table__list > tfoot > tr > td:not(.table__draggable-row):first-of-type:not(.no__padding-left, .table__draggable-row) {
  padding-left: 16px;
}
.table__list > tfoot > tr > td:not(.table__draggable-row):first-of-type.no__padding-left {
  padding-left: 0;
}
.table__list > tr:first-of-type > th,
.table__list > tbody > tr:first-of-type > th,
.table__list > tfoot > tr:first-of-type > th,
.table__list > tr:first-of-type > td,
.table__list > tbody > tr:first-of-type > td {
  padding-top: 8px;
}
.table__list > tr:first-of-type > th,
.table__list > tbody > tr:first-of-type > th {
  padding-bottom: 8px;
}
.table__list > tr:last-of-type > th,
.table__list > tr:last-of-type > td,
.table__list > tbody > tr:last-of-type > td {
  padding-bottom: 8px;
  border-bottom: 0;
}
.table__list > tr.warning,
.table__list > thead > tr.warning,
.table__list > tbody > tr.warning,
.table__list > tfoot > tr.warning {
  background-color: #fff3d1;
}
.table__list > tr.info,
.table__list > thead > tr.info,
.table__list > tbody > tr.info,
.table__list > tfoot > tr.info {
  background-color: #d9edf7;
}
.table__list > tr.success,
.table__list > thead > tr.success,
.table__list > tbody > tr.success,
.table__list > tfoot > tr.success {
  background-color: #dff0d8;
}
.table__list > tr.danger,
.table__list > thead > tr.danger,
.table__list > tbody > tr.danger,
.table__list > tfoot > tr.danger {
  background-color: #f2dede;
}
.table__list > tr.deleted,
.table__list > thead > tr.deleted,
.table__list > tbody > tr.deleted,
.table__list > tfoot > tr.deleted {
  text-decoration: line-through;
}

.table__list-admin tr > th,
.table__list-admin tr > td {
  padding-left: 8px;
  padding-right: 8px;
  border-right: 1px solid #ddd;
}
.table__list-admin tr > th:last-of-type,
.table__list-admin tr > td:last-of-type {
  border-right: none;
}

.table__draggable-row {
  width: 10px;
  background: url(/site/kien/gfx/drag-drop-lines.png);
  cursor: s-resize;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.is__dragging .table__draggable-row {
  border-top: 0;
  border-bottom: 0;
}

.table__draggable-drag {
  position: absolute;
  width: 100%;
  border: 1px solid #8f156d;
  z-index: 10;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
  opacity: 1;
  background: #FFFFFF;
}

.table_drag tbody tr.is__dragging,
.table_drag2 tbody tr.is__dragging {
  background: #BB1C8F;
}

.table_drag tbody tr.is__dragging td,
.table_drag2 tbody tr.is__dragging td {
  color: #FFFFFF;
}
.table_drag tbody tr.is__dragging td a,
.table_drag2 tbody tr.is__dragging td a {
  color: #FFFFFF;
}

.table__list-hover tr:hover {
  background-color: #f5f5f5;
}
.table__list-hover tr:hover .table__row-click {
  cursor: pointer;
}
.table__list-hover .table__row:hover.concept {
  background-color: #fdff98;
}
.table__list-hover .table__row:hover.maintenance {
  background-color: #ffb582;
}
.table__list-hover .table__row:hover.published {
  background-color: #c5e19b;
}
.table__list-hover .table__row:hover.proposal {
  background-color: #f5b7ff;
}
.table__list-hover .table__row:hover.ended {
  background-color: #cfcfcf;
}
.table__list-hover .table__row:hover.future {
  background-color: #d0eca9;
}
.table__list-hover th {
  background-color: #706F6F;
  color: #fff;
}
.table__list-hover th a {
  color: #fff;
}

.table__list-buttons {
  width: calc(100% - 100px);
}

.table__cell-buttons {
  text-align: center;
}
.table__cell-buttons .flex__end {
  justify-content: end;
}

.table__list-margin-top {
  margin-top: 16px;
}

.table__list-striped > tbody > tr:not(.warning):not(.success):not(.danger):nth-of-type(2n+1) {
  background-color: #f9f9f9;
}

.table__list-striped.table__list-hover > tbody > tr:hover:not(.warning):not(.success):not(.danger):nth-of-type(2n+1) {
  background-color: gainsboro;
}

.table__list-header tbody tr:first-of-type > td {
  padding-top: 4px;
}
.table__list-header tbody tr:last-of-type > td {
  padding-bottom: 4px;
  border-bottom: 1px solid #ddd;
}
.table__list-header thead tr:first-of-type > th {
  padding-top: 4px;
}
.table__list-header thead tr:last-of-type > th {
  border-bottom: 2px solid #ddd;
}
.table__list-header thead tr {
  background-color: #e4e7ec;
}
.table__list-header tfoot nav {
  padding-top: 16px;
}

.table__list-middle tr > th,
.table__list-middle tr > td {
  vertical-align: middle;
}

.table__list-border tr > th {
  border-right: 1px solid #e1e4e6;
  border-bottom: 2px solid #e1e4e6;
}
.table__list-border tr > td {
  border-right: 1px solid #e1e4e6;
  border-top: 1px solid #e1e4e6;
}
.table__list-border tr > th:last-of-type,
.table__list-border tr > td:last-of-type {
  border-right: 0px;
}

dl {
  margin-top: 0;
  margin-bottom: 16px;
}

dd {
  margin-left: 0;
}

.info__message {
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
  border: 1px solid;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 4px;
}
.info__message .tags__filter {
  padding-left: 0;
  padding-right: 0;
}
.info__message .tags__filter .tag__init {
  border-color: #b9bdc2;
}
.info__message dl:last-of-type {
  margin-bottom: 0;
}
.info__message dt {
  font-weight: normal;
}

.info__message:hover:not(.no__hover) {
  /*box-shadow: 0 0 11px rgba(33,33,33,.2);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.11), 2.2px 2.1px 3.4px -0.8px hsl(var(--shadow-color)/0.11), 5.4px 5.3px 8.5px -1.7px hsl(var(--shadow-color)/0.11), 13.2px 12.9px 20.8px -2.5px hsl(var(--shadow-color)/0.11);
}

.info__message-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.info__message-warning .tags__filter .tag__init {
  color: #8a6d3b;
}

.info__message-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.info__message-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.info__message-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.card__tinymedium5 {
  padding: 8px 16px;
  width: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #e1e4e6;
  min-height: 100px;
  overflow-y: auto;
  max-height: 200px;
  background: #fff;
}
.card__tinymedium5 img {
  max-width: 100%;
  height: auto;
}

.margin__left-half {
  margin-left: 8px;
}

.fancy__date-text {
  display: flex;
  flex-direction: column;
  align-self: end;
  margin-right: 4px;
}

.fancy__date-number {
  font-weight: 300;
  font-size: 40px;
  line-height: 32px;
  margin-right: 4px;
}

.fancy__date-day {
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}

.fancy__date-month {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}

.calendar__months {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}
.calendar__months a {
  border-radius: 4px;
  text-align: center;
  line-height: 14px;
  padding: 2px 4px 4px;
}
.calendar__months a:hover {
  background-color: #1a1a1a;
  text-decoration: none;
}
.calendar__months a.current {
  color: #008856;
}
.calendar__months a.active {
  background-color: #008856;
}
.calendar__months a.current.active {
  color: #fff;
}

.calendar__months-month {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}

.calendar__map {
  padding-top: 8px;
  padding-bottom: 8px;
}

.table__calendar {
  font-size: 1.2rem;
  width: 100%;
  max-width: 100%;
  border-left: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-top: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.table__calendar-row {
  display: flex;
}

.table__calendar-cell {
  width: 12.5%;
  max-width: 12.5%;
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.table__calendar-cell.table__calendar-txt {
  padding-left: 4px;
}
.table__calendar-cell a {
  display: flex;
  height: 100%;
  padding: 4px;
  min-height: 40px;
}
.table__calendar-cell a:hover {
  background-color: #1a1a1a;
  text-decoration: none;
}
.table__calendar-cell a.current {
  color: #008856;
}
.table__calendar-cell a.active {
  background-color: #008856;
}
.table__calendar-cell a.current.active {
  color: #fff;
}
.table__calendar-cell a.other {
  color: #262626;
}

.table__calendar-cell-header {
  width: 12.5%;
  max-width: 12.5%;
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
}

.table__calendar-header {
  color: #666666;
  text-align: center;
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.table__calendar-txt {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #666666;
}

.table__calendar-bullet {
  display: flex;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  margin-right: 2px;
  margin-bottom: 2px;
}

.tooltip__highlight-warning:hover {
  color: #fff;
  background-color: #ffcf47;
  border-color: #ffcf47;
}

.tooltip__init[aria-hidden=true] {
  display: none;
}

.tooltip__init[aria-hidden=false] {
  display: block;
}

.tooltip__init2 {
  background: rgba(0, 0, 0, 0.9);
  padding: 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  position: absolute;
}

.tooltip__init {
  background: rgba(0, 0, 0, 0.9);
  padding: 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  width: 200px;
  bottom: 40px;
  left: -154px;
  left: calc(50% - 4px);
  transform: translateX(-50%);
  position: absolute;
  min-width: 200px;
  z-index: 12;
}

.modal__body #tooltip_follow_self {
  left: calc(73% - 4px);
}

.modal__body #tooltip_tag {
  left: calc(52% - 4px);
}

.modal__body .dialog__tag.tags {
  left: 30px;
}

.modal__body .comment .tooltip__init {
  width: 80px;
  min-width: 80px;
}

.tooltip__init-xxs {
  background: rgba(0, 0, 0, 0.9);
  padding: 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  width: 80px;
  bottom: 40px;
  left: -30px;
  position: absolute;
  min-width: 80px;
}

.tooltip__init-100 {
  width: 100px;
  min-width: 100px;
  left: -72px;
  bottom: 32px;
}

.tooltip__left-120 {
  width: auto;
  min-width: auto;
  white-space: nowrap;
  left: -8px;
}

.tooltip__init-top::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip__init-bottom {
  top: calc(100% + 16px);
  left: -100%;
}

.tooltip__init-bottom::after {
  content: " ";
  position: absolute;
  bottom: 40px; /* At the bottom of the tooltip */
  left: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  transform: translate(-50%, 50%) rotate(180deg);
}

.tooltip__left-120::after {
  left: 16px;
}

.button__icon222 .tooltip__init-top {
  left: unset;
  right: calc(-100px - 100%);
}
.button__icon222 .tooltip__init-top::after {
  left: 82%;
}

.reply__buttons {
  display: flex;
}

.reply__button {
  background: #fff;
  border-top: 1px solid #e1e4e6;
  border-bottom: 1px solid #e1e4e6;
  padding: 8px 16px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.reply__button-colored {
  padding: 8px 16px;
  background: #000000;
  border: 1px solid #000000;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.table__list-right {
  text-align: right;
}

.membership__tag-right {
  float: right;
  display: flex;
  min-height: 24px;
  min-width: 24px;
}

.button__icon-concept {
  float: right;
}

.button__icon-right {
  float: right;
  display: flex;
  height: 24px;
  width: 24px;
}

.membership__tag,
.button__icon {
  border: 1px solid transparent;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  pointer-events: auto;
  margin-right: 8px;
  transition: box-shadow 0.3s;
  align-items: center;
  position: relative;
  /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.2), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.2), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.2), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.2);
}
.membership__tag:last-of-type,
.button__icon:last-of-type {
  margin-right: 0;
}
.membership__tag.dialog__show, .membership__tag:focus, .membership__tag:hover,
.button__icon.dialog__show,
.button__icon:focus,
.button__icon:hover {
  box-shadow: none;
  top: 2px;
  left: 1px;
  color: #fff;
  text-decoration: none;
}

.button__icon.button__icon-right:first-of-type {
  margin-right: 0;
}

.button__icon.button__icon-right:last-of-type {
  margin-right: 8px;
}

.membership__tag:first-of-type {
  margin-right: 0;
}

.action__bar .button__icon {
  font-size: 14px;
  padding: 8px 16px;
}

.draggable__new {
  position: relative;
  border: 1px solid #e1e4e6;
  padding: 4px 16px;
  margin-top: -1px;
}

.draggable__new-first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.draggable__new-last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.membership__tag {
  padding: 4px 8px;
}

.button__icon-button {
  display: inline-block;
  padding: 8px;
}

.comment .button__icon {
  opacity: 0.6;
}

.comment .fa-external-link {
  display: none;
}

.flex {
  display: flex;
}
.flex.hide {
  display: none;
}

.flex__wrap {
  flex-wrap: wrap;
}

.flex__grow {
  flex: 1;
}

.flex__direction-column {
  flex-direction: column;
}

.flex__align-self {
  align-self: flex-start;
}

.flex__align-center {
  align-items: center;
}

.flex__align-end {
  align-items: end;
}

.flex__justify-center {
  justify-content: center;
}

.flex__justify-end {
  justify-content: flex-end;
}

.dialog__show > .button__icon-danger {
  background-color: #c62533;
  border-color: #70151d;
  opacity: 1;
}

.button__icon-border {
  border: 1px solid #17a2b8;
  color: #17a2b8;
}
.button__icon-border:focus, .button__icon-border:hover {
  color: #17a2b8;
}

.membership__tag-danger,
.button__icon-danger {
  color: #fff;
  background-color: #dc4250;
}
.membership__tag-danger:focus, .membership__tag-danger:hover,
.button__icon-danger:focus,
.button__icon-danger:hover {
  background-color: #c62533;
  border-color: #70151d;
  opacity: 1;
}
.membership__tag-danger a,
.button__icon-danger a {
  color: #fff;
}
.membership__tag-danger a:hover,
.button__icon-danger a:hover {
  color: #fff;
  text-decoration: none;
}

.membership__tag-info,
.button__icon-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.membership__tag-info:focus, .membership__tag-info:hover,
.button__icon-info:focus,
.button__icon-info:hover {
  background-color: #138496;
  border-color: #117a8b;
  opacity: 1;
}
.membership__tag-info a,
.button__icon-info a {
  color: #fff;
}
.membership__tag-info a:hover,
.button__icon-info a:hover {
  color: #fff;
  text-decoration: none;
}

.membership__tag-warning,
.button__icon-warning {
  color: #fff;
  background-color: #ffcf47;
  border-color: #ffcf47;
}
.membership__tag-warning:hover,
.button__icon-warning:hover {
  background-color: #ffc623;
  border-color: #d58512;
  opacity: 1;
}
.membership__tag-warning a,
.button__icon-warning a {
  color: #fff;
}
.membership__tag-warning a:hover,
.button__icon-warning a:hover {
  color: #fff;
  text-decoration: none;
}

.membership__tag-success,
.button__icon-success {
  color: #fff;
  background-color: #40d0ad;
}
.membership__tag-success:hover,
.button__icon-success:hover {
  background-color: #2cb191;
  border-color: #175f4e;
  opacity: 1;
}
.membership__tag-success a,
.button__icon-success a {
  color: #fff;
}
.membership__tag-success a:hover,
.button__icon-success a:hover {
  color: #fff;
  text-decoration: none;
}

.membership__tag-danger[disabled],
.button__icon-danger[disabled],
.membership__tag-info[disabled],
.button__icon-info[disabled],
.membership__tag-warning[disabled],
.button__icon-warning[disabled],
.membership__tag-success[disabled],
.button__icon-success[disabled] {
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: not-allowed;
  box-shadow: none;
  top: 0;
  left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

a[disabled] {
  text-decoration: none;
  cursor: not-allowed;
}

.connected_sortable_new .card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.form_field_value {
  margin-bottom: 8px;
}

.btn.btn_plus_value_new,
.btn.btn_remove_value_new {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.list__none {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-top: 8px;
}

.list__none-listitem {
  padding-top: 0;
  padding-bottom: 8px;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.action__bar {
  padding: 16px;
  background-color: #f5f5f5;
  margin-left: 20%;
}

.action__bar-bottom {
  border-top: 1px solid #E1E4E6;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.visually_hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.animated__bar-right {
  float: right;
  max-width: 200px;
}

.animated__bar {
  width: 100%;
  height: 16px;
  border-radius: 99px;
  border: 1px solid #e1e4e6;
  background: #f5f5f5;
  overflow: hidden;
  position: relative;
}
.animated__bar .animated__progress {
  width: 0;
  height: 14px;
  border-radius: 999px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  background: #000000;
}
.animated__bar .animated__progress.your-answer {
  background: #008856;
}
.animated__bar .animated__bar-title {
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 8px;
  height: 16px;
  line-height: 14px;
}

.call__to {
  color: #333;
  display: inline-flex;
  align-self: flex-start;
  border: 1px solid #333;
  border-radius: 50px;
  padding: 6px 2px 6px 12px;
  align-items: center;
  justify-content: center;
}
.call__to span {
  text-align: center;
}
.call__to span:before {
  display: block;
  content: attr(title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.call__to:hover {
  color: #333;
  text-decoration: none;
}
.call__to:hover span {
  font-weight: bold;
}

.back__list {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.back__list:hover {
  text-decoration: none;
}
.back__list span {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  margin-right: 4px;
  margin-left: 4px;
}

h3.back__list span {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 2.2rem;
  line-height: 2.2rem;
}

.carousel.carousel-indicator-nav .carousel-inner .carousel-indicators { /*TEMP OVERWRITE*/
  height: auto;
}

.carousel__indicators {
  left: 50%;
  text-align: center;
  list-style: none;
  position: static;
  width: 100%;
  margin: 2px 0px;
  padding: unset;
}
.carousel__indicators li {
  cursor: pointer;
  display: inline-block;
  height: 12px;
  width: 12px;
  border: 1px solid #000000; /* TODO, replace with default color, place all color overwrites with things as theme-color-1 in a seperate scss file */
  border-radius: 10px;
  opacity: 0.5;
  background-color: transparent;
  margin: 0px 3px 0px 3px;
}
.carousel__indicators li.active {
  opacity: 1;
  background-color: #000000;
}

.carousel__background {
  background: #86d4cd;
  background: -webkit-radial-gradient(50% -80%, circle farthest-side, hsla(86deg, 78%, 80%, 0.77) 0, hsla(0deg, 0%, 100%, 0) 100%), -webkit-linear-gradient(-90deg, #86d4cd, #4f9990);
  background: radial-gradient(circle farthest-side at 50% -80%, hsla(86deg, 78%, 80%, 0.77) 0, hsla(0deg, 0%, 100%, 0) 100%), -webkit-gradient(linear, left top, left bottom, color-stop(0, #86d4cd), to(#4f9990));
  background: -webkit-radial-gradient(circle farthest-side at 50% -80%, hsla(86deg, 78%, 80%, 0.77) 0, hsla(0deg, 0%, 100%, 0) 100%), -webkit-linear-gradient(top, #86d4cd, #4f9990);
  background: radial-gradient(circle farthest-side at 50% -80%, hsla(86deg, 78%, 80%, 0.77) 0, hsla(0deg, 0%, 100%, 0) 100%), linear-gradient(180deg, #86d4cd, #4f9990);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-origin: padding-box;
  background-size: auto auto;
}

/* https://www.joshwcomeau.com/shadow-palette/ */
.nav-tabs li.active a.card_hover {
  /*box-shadow: 0 -5px 5px 0px rgba(33,33,33,.2);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.11), 2.2px 2.1px 3.4px -0.8px hsl(var(--shadow-color)/0.11), 5.4px 5.3px 8.5px -1.7px hsl(var(--shadow-color)/0.11), 13.2px 12.9px 20.8px -2.5px hsl(var(--shadow-color)/0.11);
  transition: box-shadow 0.3s;
}

.card {
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
  margin-bottom: 16px;
  transition: box-shadow 0.3s;
}

.card-none {
  box-shadow: none;
  transition: none;
}

.card.card-none:hover {
  box-shadow: none;
}

.card__footer a:not(.button__icon) {
  color: black;
  text-decoration: none;
}

.card__footer a:not(.button__icon):active,
.card__footer a:not(.button__icon):focus,
.card__footer a:not(.button__icon):hover {
  color: black;
}

.card__sort {
  background: #fff;
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
  border-top: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
}
.card__sort .tags__filter .tag__init {
  color: black;
  border: 1px solid black;
}

.legend__item {
  padding: 16px;
  border-radius: 4px;
  background: #f1f5fa;
  border: 1px solid #cbdaed;
  margin-left: 8px;
  margin-right: 8px;
}
.legend__item h3 {
  margin-top: 0;
}
.legend__item dl {
  display: grid;
  grid-template-columns: 16px auto;
}

.card__padding {
  padding: 16px;
}

.card__padding-left {
  padding-left: 16px;
}

.card__padding-right {
  padding-right: 16px;
}

.card__sort-left {
  padding: 16px;
}

.card__admin-list {
  padding: 16px;
}

.card__sort-sort {
  padding: 8px 16px 16px 16px;
  align-items: center;
}
.card__sort-sort span {
  padding-top: 8px;
  margin-right: 8px;
}

.card__sort-right {
  border-left: 1px solid #E1E4E6;
  padding-right: 8px;
  padding-left: 8px;
  display: flex;
}

.card__sort-filter .form__select,
.card__sort-filter .form__input {
  margin-right: 8px;
}

.card__sort-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}
.card__sort-dropdown > ul {
  padding: 0;
  margin: 0;
}
.card__sort-dropdown > ul > li > ul {
  display: none;
}
.card__sort-dropdown > ul > li > a {
  border-top-left-radius: 4px;
  padding: 16px 8px 16px 16px;
}
.card__sort-dropdown > ul > li > button {
  border-top-right-radius: 4px;
  padding: 16px 16px 16px 0;
}
.card__sort-dropdown > ul > li.open > ul {
  display: block;
}
.card__sort-dropdown > ul > li.navbar__submenu.open.active > button,
.card__sort-dropdown > ul > li.navbar__submenu.open.active > a,
.card__sort-dropdown > ul > li.navbar__submenu.open > button,
.card__sort-dropdown > ul > li.navbar__submenu.open > a {
  transition: 0.25s ease-out;
  color: #fff;
  background-color: #BB1C8F;
  text-decoration: none;
}
.card__sort-dropdown > ul > li.navbar__submenu.open.active > button .navbar__caret,
.card__sort-dropdown > ul > li.navbar__submenu.open > button .navbar__caret {
  color: #fff;
}
.card__sort-dropdown > ul > li ul:first-of-type li:first-of-type a {
  border-top-left-radius: 4px;
}
.card__sort-dropdown > ul > li ul:last-of-type li:last-of-type a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.card__sort-content {
  z-index: 2;
  right: 0;
  position: absolute;
  top: 100%;
  min-width: 160px;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #222;
  border-radius: 4px 0 4px 4px;
  border: 0;
}
.card__sort-content li a {
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  line-height: 32px;
  white-space: nowrap;
  display: block;
  padding: 8px 16px;
  clear: both;
}
.card__sort-content li a:hover {
  background-color: #000000;
}

.card__sort-conten2t {
  z-index: 2;
  right: 0;
  position: absolute;
  top: 100%;
  /* It should be on the top of other elements */
  min-width: 160px;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #222;
  border-radius: 4px 0 4px 4px;
  border: 0;
}
.card__sort-conten2t li a {
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  line-height: 32px;
  white-space: nowrap;
  display: block;
  padding: 8px 16px;
  clear: both;
}
.card__sort-conten2t li a:hover {
  background-color: #000000;
}

.card__sort-dropdown:hover .card__sort-content {
  display: block;
}

.card:hover {
  /*box-shadow: 0 0 11px rgba(33,33,33,.2);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.07), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.07), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.07);
}

.card.card__color:hover {
  /*box-shadow: 0 0 11px rgba(33,33,33,.7);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.07), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.07), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.07);
}

.card__divider {
  display: block;
  font-weight: 700;
  padding-bottom: 8px;
}

.card__divider--old {
  padding-right: 15px;
  padding-left: 15px;
}

.card__radius {
  border-radius: 4px;
}

.card__radius-topleft {
  border-top-left-radius: 4px;
}

.card__radius-topright {
  border-top-right-radius: 4px;
}

.card__radius-bottomleft {
  border-bottom-left-radius: 4px;
}

.card__radius-bottomright {
  border-bottom-right-radius: 4px;
}

.card__default {
  border-top: 1px solid #E1E4E6;
  border-left: 1px solid #E1E4E6;
}

.card__default-left {
  border-left: 1px solid #E1E4E6;
}

.card__color.card__default {
  border-top-color: #8f156d;
  border-left-color: #8f156d;
}
.card__color .card__body-text {
  border-right-color: #8f156d;
  border-bottom-color: #8f156d;
}
.card__color .card__body {
  background-color: #BB1C8F;
  color: #fff;
}

.card__highlight .card__body {
  border: 2px solid #BB1C8F;
}
.card__highlight .card__body .card__body-right {
  border: 0;
}
.card__highlight .card__speech-top::before {
  border-color: transparent transparent #BB1C8F;
  top: -18px;
}
.card__highlight .card__speech-left::after {
  left: -13px;
}
.card__highlight .card__speech-left::before {
  border-color: transparent #BB1C8F transparent transparent;
  left: -16px;
}

.card__vertical {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.card__vertical .card__header {
  border-left: 1px solid #e1e4e6;
  border-top: 1px solid #e1e4e6;
  flex: 0;
}
.card__vertical .cripsy__image {
  border-left: 1px solid #e1e4e6;
  border-right: 1px solid #e1e4e6;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.card__vertical .cripsy__image img {
  max-height: 350px;
  min-height: 250px;
}
.card__vertical .card__footer-primary {
  flex: 1;
}
.card__vertical .card__footer-primary a:hover {
  font-weight: normal;
}
.card__vertical .card__footer-icon {
  min-width: 0;
}
.card__vertical .card__footer-primary .just__svg-border svg .icon_items_line path,
.card__vertical .card__footer-primary .just__svg-border svg .icon_items_line line,
.card__vertical .card__footer-primary .just__svg-border svg .icon_lines path,
.card__vertical .card__footer-primary .just__svg-border svg .icon_lines line {
  stroke: #008856;
}
.card__vertical .card__footer-primary .just__svg-border:hover svg .icon_bg path {
  fill: #008856;
}
.card__vertical .card__footer-primary .just__svg-color.make_fav svg .icon_bg path {
  fill: #008856;
}
.card__vertical .card__footer-primary .just__svg-color.make_fav svg .icon_items_line path,
.card__vertical .card__footer-primary .just__svg-color.make_fav svg .icon_items_line line,
.card__vertical .card__footer-primary .just__svg-color.make_fav svg .icon_lines path,
.card__vertical .card__footer-primary .just__svg-color.make_fav svg .icon_lines line {
  stroke: #ffffff;
}
.card__vertical .card__footer-primary .just__svg-color.make_fav:hover svg .icon_items_line path,
.card__vertical .card__footer-primary .just__svg-color.make_fav:hover svg .icon_items_line line,
.card__vertical .card__footer-primary .just__svg-color.make_fav:hover svg .icon_lines path,
.card__vertical .card__footer-primary .just__svg-color.make_fav:hover svg .icon_lines line {
  stroke: #008856;
}
.card__vertical .card__footer-title a {
  display: inline-flex;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

.text__header {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.text__speech-bottom {
  position: relative;
  padding: 16px;
  border-radius: 4px;
  font-style: italic;
  color: #b3b3b3;
  font-size: 1.6rem;
  margin-bottom: 16px;
  border: 1px solid #ddd;
}

.text__speech-textarea {
  padding: 0;
}
.text__speech-textarea textarea {
  padding: 16px;
  border-radius: 4px;
  border: 0;
  width: 100%;
  resize: vertical;
}

.text__speech-bottom:hover {
  text-decoration: none;
  color: #b3b3b3;
}

.card__speech-bottom:before,
.text__speech-bottom:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 16px 16px 0;
  border-color: #ddd transparent;
  bottom: -16px;
  left: 7px;
  width: 0;
}

.card__speech-bottom::after,
.text__speech-bottom::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-width: 15px 15px 0;
  border-color: #fff transparent;
  bottom: -15px;
  left: 8px;
  margin-top: 1px;
}

.card__speech-bottom + .social__vertical-center {
  padding-left: 4px;
}

.card__speech-bottom + .social__vertical-center + .tags__panel .tag__init {
  height: 24px;
  background-color: transparent;
  border-color: #ddd;
  color: #9e9e9e;
}
.card__speech-bottom + .social__vertical-center + .tags__panel .tag__init a {
  color: #9e9e9e;
}

.card__speech-bottom {
  margin-bottom: 24px;
  position: relative;
}
.card__speech-bottom .card__body-text {
  border-right: 0;
  border-bottom: 0;
}

.text__speech-bottom.has-error:before {
  border-color: #a94442 transparent;
}

.text__speech-bottom.has-error:after {
  bottom: -13px;
}

.card__color.card__speech-bottom::before {
  border-color: #8f156d transparent;
}
.card__color.card__speech-bottom::after {
  border-color: #BB1C8F transparent;
  bottom: -14px;
}
.card__color.card__speech-bottom .card__body-text {
  border-right: 1px solid #8f156d;
  border-bottom: 1px solid #8f156d;
}
.card__color .text__speech-bottom {
  background-color: #fff;
  border: 1px solid #8f156d;
}
.card__color .text__speech-bottom:hover {
  background-color: #f5f5f5;
}
.card__color .text__speech-bottom:hover:after {
  border-color: #f5f5f5 transparent;
}
.card__color .text__speech-bottom:before {
  border-color: #8f156d transparent;
}

.card__speech-center.card__speech-bottom::before {
  left: calc(50% - 16px);
}
.card__speech-center.card__speech-bottom::after {
  left: calc(50% - 15px);
}

.card__speech-top {
  position: relative;
}

.card__speech-top::before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  border-style: solid;
  top: -17px;
  border-color: transparent transparent #40d0ad;
  border-width: 8px;
}

.card__speech-top::after {
  content: "";
  top: -16px;
  border-color: transparent transparent #ffffff;
  border-width: 8px;
  display: block;
  position: absolute;
  left: 16px;
  border-style: solid;
}

.card__speech-left {
  position: relative;
}

.card__speech-left::before {
  border-width: 16px 16px 16px 0;
  border-color: transparent #e1e4e6 transparent transparent;
  left: -16px;
  top: 8px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.card__speech-left::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-width: 15px 15px 15px 0;
  border-color: transparent #fff transparent transparent;
  left: -15px;
  top: 8px;
  margin-top: 1px;
}

.card__speech-left.card__speech-spotlight::after,
.card__speech-left.card__speech-spotlight::before {
  top: 45px;
}

.card__footer-plus {
  position: relative;
}

.card__footer-plus .minus,
.card__footer-plus .plus {
  content: "";
  position: absolute;
  left: -16px;
  top: 8px;
  margin-top: 1px;
  height: 16px;
  width: 16px;
}

.card__image {
  /*
      lb is stom
      lb: naar is stom, had card__body-image moeten zijn.
  */
  background: #f1f5fa;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
  display: flex;
}
.card__image:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.card__image.card__image-big {
  border-right: 0;
  border-bottom: 0;
  padding: 0;
  overflow: hidden;
}
.card__image.card__image-big span {
  width: 100%;
  height: 100%;
}
.card__image.card__image-big span img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card__image img {
  transition: all 0.5s ease-out;
}

.card__image-small {
  min-width: 83px;
}

.card__image-medium {
  min-width: 163px;
}

.card__image-widget {
  min-width: 77px;
  background: transparent;
  border-right: 0;
}

.card__image-widget.card__body-left {
  padding-right: 0;
  min-width: 76px;
}

.card__image:hover img {
  transform: scale(1.05);
}

.card__image-dark {
  background-color: gray;
}

.card__image-big {
  height: 240px;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
.card__image-big a {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.card__bg-white {
  background-color: #ffffff;
}

.card__border-right {
  border-right: 1px solid #E1E4E6;
}

.card__border-bottom {
  border-bottom: 1px solid #E1E4E6;
}

.card__body {
  display: flex;
  background-color: #ffffff;
}

.card__body-border-top {
  border-top: 1px solid #e1e4e6;
}

.card__body-border-bottom {
  border-bottom: 1px solid #e1e4e6;
}

.card__body-form {
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
  padding: 8px 16px;
}

.card__body-item,
.card__body-text {
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
  /*
  .input-group-btn:last-child {
      padding-bottom:6px;
  }
  */
}
.card__body-item img,
.card__body-text img {
  max-width: 100%;
  height: auto;
}
.card__body-item :last-child,
.card__body-text :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.card__body-item .action__bar,
.card__body-item .legend__item,
.card__body-item .info__message,
.card__body-text .action__bar,
.card__body-text .legend__item,
.card__body-text .info__message {
  padding-bottom: 16px;
}
.card__body-item .contact__message,
.card__body-text .contact__message {
  margin-bottom: 16px;
}
.card__body-item .image__card-image,
.card__body-text .image__card-image {
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.card__body-item .social__icon span,
.card__body-item .pagination__link,
.card__body-item .button__icon,
.card__body-item .membership__tag,
.card__body-item .label__text-danger,
.card__body-item .label__text-info,
.card__body-item .label__text-warnign,
.card__body-item .label__text-success,
.card__body-item .contact__message-date,
.card__body-item .draggable__new,
.card__body-item .contact__message div,
.card__body-item .form__field,
.card__body-text .social__icon span,
.card__body-text .pagination__link,
.card__body-text .button__icon,
.card__body-text .membership__tag,
.card__body-text .label__text-danger,
.card__body-text .label__text-info,
.card__body-text .label__text-warnign,
.card__body-text .label__text-success,
.card__body-text .contact__message-date,
.card__body-text .draggable__new,
.card__body-text .contact__message div,
.card__body-text .form__field {
  padding-bottom: 4px;
}
.card__body-item .form__textarea,
.card__body-text .form__textarea {
  padding-bottom: 16px;
}
.card__body-item .del_button_cancel,
.card__body-item .del_button_success,
.card__body-text .del_button_cancel,
.card__body-text .del_button_success {
  margin-bottom: 0;
}
.card__body-item h2:last-child,
.card__body-text h2:last-child {
  margin-bottom: 8px;
}
.card__body-item .dialog section,
.card__body-item .tooltip__init,
.card__body-item .tag__init,
.card__body-item .button__icon-button,
.card__body-text .dialog section,
.card__body-text .tooltip__init,
.card__body-text .tag__init,
.card__body-text .button__icon-button {
  padding-bottom: 8px;
}
.card__body-item .dialog section.dialog__choose,
.card__body-text .dialog section.dialog__choose {
  padding-bottom: 0;
}
.card__body-item .dialog input,
.card__body-text .dialog input {
  padding: 8px;
}
.card__body-item .ftext:last-child,
.card__body-item .btn:last-child,
.card__body-text .ftext:last-child,
.card__body-text .btn:last-child {
  padding-bottom: 6px;
}
.card__body-item .embed-responsive-16by9,
.card__body-text .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.card__body-item .tag,
.card__body-text .tag {
  padding-bottom: 6px;
}

.card__body-secondary {
  color: #008856;
}
.card__body-secondary h1, .card__body-secondary h2, .card__body-secondary h3, .card__body-secondary h4, .card__body-secondary h5, .card__body-secondary h6 {
  margin-top: 0;
  margin-bottom: 16px;
}

.card__body-item h1, .card__body-item h2, .card__body-item h3, .card__body-item h4, .card__body-item h5, .card__body-item h6 {
  margin-top: 0;
  margin-bottom: 16px;
}
.card__body-item sub, .card__body-item sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.card__body-item sup {
  top: -0.5em;
}
.card__body-item sub {
  bottom: -0.25em;
}
.card__body-item ol, .card__body-item ul {
  margin-top: 0;
  margin-bottom: 16px;
}
.card__body-item ol li, .card__body-item ul li {
  padding-bottom: 4px;
}
.card__body-item .dropdown-list-item:first-of-type {
  border-top: 1px solid #e1e4e6;
}
.card__body-item .dropdown-list-item {
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e4e6;
}
.card__body-item .dropdown-list-item:last-of-type {
  margin-bottom: 0;
  border: 0;
  padding-bottom: 0;
}

.widget .card__body-text:not(.card__default) {
  border-right: 0px;
}

.widget .card__body:last-child .card__image,
.widget .card__body:last-child .card__body-text {
  border-bottom: 0px;
}

.widget .carousel-inner .card__body .card__image,
.widget .carousel-inner .card__body .card__body-text {
  min-height: 232px;
  border-bottom: 1px solid #e1e4e6;
}

dl.card__text--column2 {
  display: flex;
  flex-wrap: wrap;
}

.card__text--column2 {
  margin-top: 0;
  margin-bottom: 16px;
}
.card__text--column2 dt {
  text-align: right;
  width: 100px;
  font-weight: 400;
  color: #999;
  margin-right: 16px;
  padding-bottom: 8px;
}
.card__text--column2 dt:last-of-type {
  padding-bottom: 0;
}
.card__text--column2 dd {
  width: calc(100% - 120px);
  padding-bottom: 8px;
}

.card__body-people {
  padding: 16px;
  padding-top: 8px;
}

.card__body-left {
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  padding: 16px;
  min-width: 128px;
}

.card__body-right {
  flex-grow: 1;
  padding: 16px;
}

.card__body-right-table {
  flex-grow: 1;
  padding: 8px 16px;
}

.card__body-tags {
  flex-grow: 1;
  padding: 8px 16px 16px 16px;
}

.admin-form .card__body-right .form-group:first-of-type {
  padding-top: 0px;
}

.card__body-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
}
.card__body-wrap .button__icon-button {
  margin-bottom: 8px;
}

.card__body-table {
  flex-grow: 1;
  padding: 0;
  border-right: 1px solid #E1E4E6;
}

.card__body-widget {
  flex-grow: 1;
  padding: 16px;
  background-color: #f6f8f9;
}

.card_header,
.card__header {
  font-weight: 700;
  padding: 8px 16px;
  background-color: #f5f5f5;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
  display: flex;
  flex: 1;
}
.card_header .fa,
.card__header .fa {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card.in .card__header {
  border-bottom-left-radius: 4px;
}
.card.in .card_header,
.card.in .card__header,
.card.in [role=tablist] {
  background-color: #cacaca;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
}
.card.in [role=tablist] {
  border-bottom: 0;
  border-bottom-right-radius: 4px;
}

.card.in .role__tab:hover {
  background-color: #cacaca;
}

.card__subheader {
  font-weight: 700;
  padding: 8px 16px;
}

.card__header-primary {
  background-color: #008bc6;
  color: #FFF;
}

.card__header-tertiair {
  background-color: #40D0AD;
  color: #000000;
  text-align: center;
}

.page__header-tabs {
  background: #706F6F;
  padding: 16px 16px 0 16px;
}

.card__header-tabs {
  display: flex;
  justify-content: space-between;
}

.card__header-tabs-right {
  justify-content: end;
}

.page__header-tabs .tab__li,
.page__header-tabs .icon__init,
.page__header-tabs .tab__init,
.card__header-tabs .tab__li,
.card__header-tabs .icon__init,
.card__header-tabs .tab__init {
  position: relative;
  list-style: none;
  text-align: center;
  cursor: pointer;
  flex-grow: 1;
  padding: 8px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: none;
  margin-right: 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.page__header-tabs .tab__li.error,
.page__header-tabs .icon__init.error,
.page__header-tabs .tab__init.error,
.card__header-tabs .tab__li.error,
.card__header-tabs .icon__init.error,
.card__header-tabs .tab__init.error {
  border-top: 1px solid #a94442;
  border-left: 1px solid #a94442;
  border-right: 1px solid #a94442;
}
.page__header-tabs .tab__li-small,
.card__header-tabs .tab__li-small {
  margin-right: 8px;
}
.page__header-tabs .tab__li-small:last-of-type,
.card__header-tabs .tab__li-small:last-of-type {
  margin-right: 16px;
}
.page__header-tabs .tab__li[aria-selected=true],
.page__header-tabs .active .tab__init,
.card__header-tabs .tab__li[aria-selected=true],
.card__header-tabs .active .tab__init {
  background-color: #fff;
}
.page__header-tabs .icon__init,
.card__header-tabs .icon__init {
  border: none;
  padding-left: 0;
  padding-right: 0;
  color: #b9bdc2;
}

.page__header-tabs .tab__init {
  background: #ebeff1;
  margin-bottom: 0px;
  color: #706F6F;
}
.page__header-tabs .tab__init:hover {
  text-decoration: none;
  color: #000000;
}

.page__header-tabs .active .tab__init {
  margin-bottom: -1px;
  color: #008856;
}

.card__header-left {
  display: flex;
  margin: 0 0 0 16px;
  padding: 0;
  margin-bottom: -1px;
  /*
  li.tab__li:first-of-type,
  li:first-of-type .tab__init{
      margin-left: 16px;
  }
  */
}

.card__footer-block {
  background-color: #f5f5f5;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
}
.card__footer-block .card__footer-blocklist {
  padding: 8px 16px;
  border-right: 1px solid #ddd;
}
.card__footer-block .card__footer-blocklist span {
  color: #707376;
}
.card__footer-block .card__footer-blocklist strong.info {
  color: #31708f;
}
.card__footer-block .card__footer-blocklist strong.warning {
  color: #8a6d3b;
}
.card__footer-block .card__footer-blocklist strong.danger {
  color: #a94442;
}
.card__footer-block .card__footer-blocklist strong.success {
  color: #3c763d;
}
.card__footer-block .card__footer-blocklist:last-of-type {
  border-right: 0;
}

.card__footer {
  padding: 8px 16px;
  background-color: #f5f5f5;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
}
.card__footer .make_fav .icon_lines path,
.card__footer .make_fav .icon_lines line,
.card__footer .make_fav .icon_items_line path,
.card__footer .make_fav .icon_items_line line {
  stroke: #b9bdc2;
}
.card__footer .txt {
  color: #333;
}
.card__footer .dialog__show .dialog.multilikes:after,
.card__footer .dialog__init.open .dialog.multilikes:after,
.card__footer .dialog__show .dialog.multilikes:before,
.card__footer .dialog__init.open .dialog.multilikes:before {
  left: 108px;
}
.card__footer .multilikes {
  left: -100px;
}
.card__footer :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.card__footer .social__icon span,
.card__footer .button__icon {
  padding-bottom: 4px;
}
.card__footer .dialog section {
  padding-bottom: 8px;
}
.card__footer .btn:last-child {
  padding-bottom: 6px;
}
.card__footer .mention-people.visible .popover {
  margin-top: 16px;
  max-width: 800px;
}
.card__footer .mention-people.visible .popover .popover-content {
  display: flex;
}
.card__footer .mention-people.visible .popover .list-team-image {
  float: none;
}
.card__footer .mention-people.visible .popover .icon-list {
  width: 100%;
}
.card__footer .mention-people.visible .popover-title {
  padding: 8px 16px;
}
.card__footer .mention-people.visible .popover-content {
  padding: 8px 16px;
}

.card__footer-primary {
  padding-left: 16px;
  padding-right: 16px;
  background-color: #000000;
  border: 1px solid #006793;
  color: #FFF;
}
.card__footer-primary a {
  color: #FFF;
}
.card__footer-primary a:focus, .card__footer-primary a:hover {
  color: #FFF;
  font-weight: 700;
}

.card__footer-danger {
  border: 1px solid #ebccd1;
  color: #a94442;
  background-color: #f2dede;
}

.card__footer-icon {
  min-width: 28px;
  padding-top: 16px;
}

.card__footer-icon-end {
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.card__footer-72 {
  min-width: 72px;
  min-height: 72px;
}

.card__footer-title {
  flex: 1;
}
.card__footer-title a {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  justify-content: center;
}
.card__footer-title a:hover {
  text-decoration: none;
}

.card__footer-badge span {
  border: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-left: 8px;
  padding-right: 8px;
  min-width: 37px;
  font-weight: 300;
  border-radius: 4px;
}

.card__footer-flex {
  display: flex;
}

.card__footer-left {
  flex: 1;
}
.card__footer-left ol, .card__footer-left ul {
  padding-top: 0;
  display: flex;
}
.card__footer-left li {
  font-size: 12px;
  display: flex;
  padding-right: 8px;
}
.card__footer-left li .social__vertical-center {
  margin-left: 8px;
}
.card__footer-left li .social__compact {
  margin-left: -8px;
}
.card__footer-left li .social__compact:last-of-type svg {
  margin-right: 0;
}
.card__footer-left li.hide {
  display: none;
}

.card__footer-right {
  text-align: right;
}
.card__footer-right ol, .card__footer-right ul {
  padding-top: 0;
  justify-content: end;
}
.card__footer-right li {
  font-size: 12px;
  padding-left: 4px;
}

.card .card__footer {
  color: #9e9e9e;
}
.card .card__body-text {
  /*font-size: 1.3rem;*/
}
.card .list-inline:not(:last-child) {
  margin-top: 0;
  margin-bottom: 8px;
}
.card .lead {
  margin-bottom: 16px;
  font-size: 1.6rem;
}
.card .list-inline {
  margin-left: 0px;
  padding-left: 0px;
}
.card .list-inline > li:nth-child(odd) {
  padding-left: 0;
  padding-right: 16px;
}
.card .list-inline > li:nth-child(even) {
  padding-left: 0;
  padding-right: 16px;
}
.card .list-inline > :first-child {
  padding-left: 0px;
}
.card .list-inline > :last-child {
  padding-right: 0px;
}
.card .text__label,
.card .label-text {
  line-height: 14px;
  font-size: 14px;
  margin-bottom: 8px;
  display: inline-block;
  color: #b9bdc2;
}
.card .panel-header {
  margin-top: 0px;
  margin-bottom: 8px;
  line-height: 16px;
  font-size: 16px;
  padding: 0;
  color: #333;
}
.card .panel-header a {
  color: #333;
}
.card a.panel-header {
  display: inline-block;
}
.card p {
  margin-bottom: 16px;
}
.card p:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.card .card__body-item p {
  margin-bottom: 16px;
}
.card .card__body-item p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/*
tabs
*/
.card [role=tablist]:not(.splide__pagination) {
  display: flex;
  margin: 0;
  padding: 0;
  border-right: 1px solid #E1E4E6;
  border-bottom: 1px solid #E1E4E6;
  background-color: #f5f5f5;
}

.card.in [role=tablist]:not(.splide__pagination) {
  border-right: 0;
  border-bottom: 0;
}

.page__header-tabs .list__none[role=tablist],
.card__header-tabs .list__none[role=tablist] {
  display: flex;
  margin: 0;
  padding: 0;
  margin-bottom: -1px;
  border-right: none;
  border-bottom: none;
}

ul.card__header-left.list__none[role=tablist] {
  margin-left: 16px;
}

.card__header-highlight {
  border-left: 1px solid #8f156d;
}

.card__header-highlight, .card__header-highlight[role=tablist]:not(.splide__pagination) {
  background-color: #BB1C8F;
  border-top: 1px solid #8f156d;
  border-right: 1px solid #8f156d;
  border-bottom: 0;
  color: #fff;
}
.card__header-highlight a, .card__header-highlight[role=tablist]:not(.splide__pagination) a {
  color: #fff;
}
.card__header-highlight a:focus, .card__header-highlight a:hover, .card__header-highlight[role=tablist]:not(.splide__pagination) a:focus, .card__header-highlight[role=tablist]:not(.splide__pagination) a:hover {
  color: #fff;
}

.card__header-secundair {
  border-left: 1px solid #2cb191;
}

.card__header-secundair, .card__header-secundair[role=tablist] {
  background-color: #40D0AD;
  border-top: 1px solid #2cb191;
  border-right: 1px solid #2cb191;
  border-bottom: 0;
  color: #fff;
}
.card__header-secundair a, .card__header-secundair[role=tablist] a {
  color: #fff;
}
.card__header-secundair a:focus, .card__header-secundair a:hover, .card__header-secundair[role=tablist] a:focus, .card__header-secundair[role=tablist] a:hover {
  color: #fff;
}

.card__subheader.card__header-secundair {
  border-top: 0;
}

.card .role__tab {
  position: relative;
  list-style: none;
  text-align: center;
  cursor: pointer;
  flex-grow: 1;
  padding: 8px;
  display: flex;
  align-items: center;
}

.card .role__tab:hover {
  background: #eee;
}

.card .role__tab[aria-selected=true] {
  color: #000;
}

.ca222rd .role__tab[aria-selected=true]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #f44336;
  left: 0;
  bottom: 0;
}

.filter__tabpanel [role=tabpanel],
.tab_tabpanel [role=tabpanel],
.filter__tree-tab[role=tabpanel] {
  display: none;
}

.filter__tabpanel [role=tabpanel][aria-expanded=true],
.tab_tabpanel [role=tabpanel][aria-expanded=true],
.filter__tree-tab[role=tabpanel][aria-expanded=true] {
  display: block;
}

.images__card {
  display: flex;
  width: 100%;
}

.images__card-buttons {
  width: calc(100% - 100px);
}

.image__card-image {
  flex: 1 1 0;
  border: 1px solid #E1E4E6;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 16px;
  position: relative;
  padding: 16px;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: box-shadow 0.3s;
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
}

.image__card-image:hover {
  /*box-shadow: 0 0 11px rgba(33,33,33,.2); */
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.2), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.2), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.2), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.2);
}

.comment .images__card > .image__card-image,
.images__card > .image__card-image {
  margin-right: 16px;
}

.comment .image__card-image {
  padding: 0;
  margin: 0;
  margin-top: 16px;
}
.comment .image__card-image img {
  border-radius: 4px;
}

.comment .images__card-buttons .image__card-image {
  margin-top: 0;
}

.images__card-small {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}

.image__card-large {
  width: 100%;
}

.image__card-image:hover .images__overlay {
  opacity: 0.5;
  visibility: visible;
  /*box-shadow: 0 0 11px rgba(33,33,33,1); */
}

.im2age__card-image:hover > .images__overlay, .im2age__card-image > a:hover > .images__overlay {
  opacity: 0.5;
  visibility: visible;
}

.images__overlay {
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background-color: #111;
  color: #FFF;
  left: 0;
  top: 0;
  bottom: -1px;
  right: -1px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.images__overlay i {
  font-size: 50px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: 50%;
  margin-top: -25px;
}
.images__overlay.visible {
  opacity: 0.5;
  visibility: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}
.images__overlay.visible span {
  font-size: 50px;
  font-weight: bold;
}

.form__select,
.form__textarea,
.form__input {
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #ccc;
  color: #52565a;
}

.form__textarea.error {
  border: 2px solid #a94442;
}

.form__select-protocol {
  max-width: 100px;
}

.form__textarea[disabled],
.form__select[disabled],
.form__input[disabled],
.form__field[disabled] {
  color: #ccc;
  cursor: not-allowed;
  background: #f5f5f5;
  border: 1px solid #ccc;
}

.form__textarea {
  height: auto;
  min-height: 100px;
}

.form__noborder-right[disabled],
.form__noborder-right {
  border-right: 0;
}

.pagination__admin-list .form__input {
  height: 30px;
}

.form__select-auto,
.form__input-auto {
  width: auto;
}

.form__input-grid {
  grid-template-columns: minmax(100px, 25%) 1fr 25%;
}

.modal__body .form__input-grid {
  grid-template-columns: minmax(100px, 25%) 1fr;
}

.form__input-grid-editor {
  grid-template-columns: minmax(100px, 25%) 1fr;
}

.form__input-grid-image {
  grid-template-columns: 15% 1fr 25%;
}
.form__input-grid-image .form__input-grid {
  grid-template-columns: minmax(100px, 25%) 1fr;
}

.form__input-grid-multi {
  grid-template-columns: 10% 15% 1fr 25%;
}

.form__input-grid-four {
  grid-template-columns: minmax(100px, 25%) 1fr 25% 25%;
}

.form__input-grid-right {
  grid-template-columns: minmax(150px, 30%) 1fr;
}
.form__input-grid-right .form__label {
  padding-left: 0px;
}

.form__input-grid-right,
.form__input-grid-four,
.form__input-grid-image,
.form__input-grid-editor,
.form__input-grid {
  grid-template-rows: auto;
  display: grid;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e9eced;
}
.form__input-grid-right:first-of-type,
.form__input-grid-four:first-of-type,
.form__input-grid-image:first-of-type,
.form__input-grid-editor:first-of-type,
.form__input-grid:first-of-type {
  padding-top: 0;
}
.form__input-grid-right:last-of-type,
.form__input-grid-four:last-of-type,
.form__input-grid-image:last-of-type,
.form__input-grid-editor:last-of-type,
.form__input-grid:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.form__input-grid-right.hide,
.form__input-grid-four.hide,
.form__input-grid-image.hide,
.form__input-grid-editor.hide,
.form__input-grid.hide {
  display: none;
}

.form__input-grid-editor {
  align-items: flex-start;
}
.form__input-grid-editor label {
  padding-top: 8px;
}
.form__input-grid-editor .form__input-group label {
  padding-top: 0;
}

.form__input-grid-top {
  align-items: flex-start;
}

.card.in .label__status.concept,
.label__status.concept {
  background-color: #FEFFCB;
}
.card.in .label__status.maintenance,
.label__status.maintenance {
  background-color: #FFD3B5;
}
.card.in .label__status.active, .card.in .label__status.published,
.label__status.active,
.label__status.published {
  background-color: #DCEDC2;
}
.card.in .label__status.proposal,
.label__status.proposal {
  background-color: #fceaff;
}
.card.in .label__status.ended,
.label__status.ended {
  background-color: #E8E8E8;
}
.card.in .label__status.future,
.label__status.future {
  background-color: #E7F5D3;
}
.card.in .label__status:hover.concept,
.label__status:hover.concept {
  background-color: #fdff98;
}
.card.in .label__status:hover.maintenance,
.label__status:hover.maintenance {
  background-color: #ffb582;
}
.card.in .label__status:hover.active, .card.in .label__status:hover.published,
.label__status:hover.active,
.label__status:hover.published {
  background-color: #c5e19b;
}
.card.in .label__status:hover.proposal,
.label__status:hover.proposal {
  background-color: #f5b7ff;
}
.card.in .label__status:hover.ended,
.label__status:hover.ended {
  background-color: #cfcfcf;
}
.card.in .label__status:hover.future,
.label__status:hover.future {
  background-color: #d0eca9;
}

.form__input-grid-text {
  padding-top: 8px;
  padding-bottom: 8px;
}

.form__input-grid:first-of-type {
  padding-top: 0;
}
.form__input-grid:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

.form__input-typeahead {
  list-style: none;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #e9eced;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  z-index: 2;
  max-height: 200px;
  overflow-y: auto;
}
.form__input-typeahead:empty {
  display: none;
}
.form__input-typeahead li {
  border-bottom: 1px solid #e9eced;
  cursor: pointer;
  padding: 8px;
}
.form__input-typeahead li::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.form__input-typeahead li.active, .form__input-typeahead li:active, .form__input-typeahead li:focus {
  color: #008856;
}
.form__input-typeahead li:hover {
  font-weight: 700;
}

.form__label {
  text-align: right;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 400;
  color: #a2a2a2;
}
.form__label sup:hover svg path,
.form__label sup:hover svg line {
  stroke: red;
}

.form__label-top {
  margin: 0;
  padding: 8px 0 4px 0;
  font-weight: 400;
  color: #a2a2a2;
}

label.form__label-td,
.form__label-td {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #a2a2a2;
}
label.form__label-td small,
.form__label-td small {
  color: #a2a2a2;
  display: block;
}

.form__label-first {
  padding-top: 4px;
}

.form__label-required svg {
  width: 8px;
  height: 8px;
}

.form__label-tooltip svg {
  width: 12px;
  height: 12px;
}

.btn__mail-to {
  display: inline-flex;
  min-width: 35px;
  justify-content: center;
}

.form__input-group {
  display: flex;
  min-height: 32px;
  align-items: center;
  height: 100%;
}
.form__input-group .form__select,
.form__input-group .form__input {
  flex: 1;
  border-radius: 0;
}
.form__input-group.flex__direction-column {
  align-items: flex-start;
}
.form__input-group .form_typeahead.form__input {
  border-radius: 4px;
}
.form__input-group .form_typeahead.form__input.addon {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form__input-group .form__textarea-prefix,
.form__input-group .form__input-prefix {
  display: flex;
  min-height: 32px;
  padding-left: 4px;
  padding-right: 4px;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #ccc;
  height: 100%;
}
.form__input-group .form__textarea-prefix .form__field-checkbox[type=checkbox],
.form__input-group .form__textarea-prefix .form__field-radio[type=radio],
.form__input-group .form__input-prefix .form__field-checkbox[type=checkbox],
.form__input-group .form__input-prefix .form__field-radio[type=radio] {
  margin-right: 0;
}
.form__input-group .form__input-addon {
  display: flex;
  min-height: 32px;
  padding-left: 4px;
  padding-right: 4px;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.form__input-group .form__input-addon,
.form__input-group .form__input-prefix {
  height: 32px;
}
.form__input-group .form__input-addon-success {
  background-color: #40d0ad;
  border: 1px solid #40d0ad;
  min-height: 32px;
}
.form__input-group .form__input-addon-success:hover {
  background-color: #2cb191;
  border: 1px solid #175f4e;
  opacity: 1;
}
.form__input-group .form__input-addon-success[disabled] {
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: not-allowed;
}
.form__input-group > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form__input-group > :last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.error .ajax_file {
  border: 2px solid #a94442;
}

.form__input-group.has-error .tagify {
  border: 2px solid #a94442;
}
.form__input-group.has-error .form__select:not(.no-error),
.form__input-group.has-error .form__input:not(.no-error) {
  border-top: 2px solid #a94442;
  border-bottom: 2px solid #a94442;
}
.form__input-group.has-error .form__input-prefix {
  border-left: 2px solid #a94442;
  border-top: 2px solid #a94442;
  border-bottom: 2px solid #a94442;
}
.form__input-group.has-error .form__input-addon-success,
.form__input-group.has-error .form__input-addon {
  border-top: 2px solid #a94442;
  border-right: 2px solid #a94442;
  border-bottom: 2px solid #a94442;
}
.form__input-group.has-error .form__input-addon-success {
  border-left: 0;
}
.form__input-group.has-error .form__input-typeahead,
.form__input-group.has-error .form__field-checkbox-matrix,
.form__input-group.has-error .form__field-radio-matrix,
.form__input-group.has-error .form__field-checkbox,
.form__input-group.has-error .form__field-radio-default,
.form__input-group.has-error .form__field-radio,
.form__input-group.has-error .form__field {
  border-width: 2px;
  border-color: #a94442;
}
.form__input-group.has-error .form__field-radio-default:checked::before,
.form__input-group.has-error .form__field-checkbox-matrix:checked::before,
.form__input-group.has-error .form__field-radio-matrix:checked::before,
.form__input-group.has-error .form__field-radio:checked::before,
.form__input-group.has-error .form__field-checkbox:checked::before {
  top: 1px;
  left: 1px;
}
.form__input-group.has-error .form__field-checkbox-matrix:checked::after,
.form__input-group.has-error .form__field-checkbox:checked::after {
  left: 4px;
}
.form__input-group.has-error > :first-child {
  border-left: 2px solid #a94442;
}
.form__input-group.has-error > :last-child:not(.form__field-checkboxlabel) {
  border-right: 2px solid #a94442;
}

.form__input-group.has-warning .tagify {
  border: 2px solid #8a6d3b;
}
.form__input-group.has-warning .form__select:not(.no-error),
.form__input-group.has-warning .form__input:not(.no-error) {
  border-top: 2px solid #8a6d3b;
  border-bottom: 2px solid #8a6d3b;
}
.form__input-group.has-warning .form__input-prefix {
  border-left: 2px solid #8a6d3b;
  border-top: 2px solid #8a6d3b;
  border-bottom: 2px solid #8a6d3b;
}
.form__input-group.has-warning .form__input-addon-success,
.form__input-group.has-warning .form__input-addon {
  border-top: 2px solid #8a6d3b;
  border-right: 2px solid #8a6d3b;
  border-bottom: 2px solid #8a6d3b;
}
.form__input-group.has-warning .form__input-addon-success {
  border-left: 0;
}
.form__input-group.has-warning .form__input-typeahead,
.form__input-group.has-warning .form__field-checkbox-matrix,
.form__input-group.has-warning .form__field-radio-matrix,
.form__input-group.has-warning .form__field-checkbox,
.form__input-group.has-warning .form__field-radio-default,
.form__input-group.has-warning .form__field-radio,
.form__input-group.has-warning .form__field {
  border-width: 2px;
  border-color: #8a6d3b;
}
.form__input-group.has-warning > :first-child {
  border-left: 2px solid #8a6d3b;
}
.form__input-group.has-warning > :last-child:not(.form__field-checkboxlabel) {
  border-right: 2px solid #8a6d3b;
}

.form__filter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form__filter .form__filter-tag {
  height: 24px;
  background-color: transparent;
  border: 1px solid #ccc;
}
.form__filter .form__filter-tag a {
  color: #52565a;
}

.form__input-del {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  right: 32px;
  background: #000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}
.form__input-del:hover {
  text-decoration: none;
}
.form__input-del.hide {
  display: none;
}

.form__input-search {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 6px;
  background-color: transparent;
  border: none;
}

.form__field[disabled],
.form__field {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.form__input-typeahead.error,
.form__field-checkbox-matrix.error,
.form__field-radio-matrix.error,
.form__field-checkbox.error,
.form__field-radio-default.error,
.form__field-radio.error,
.form__field.error {
  border-width: 3px;
  border-color: #a94442;
}

.form__field-radio-default[type=radio] {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 0;
  background-color: #ffffff;
}

.form__field-checkbox-matrix[type=checkbox],
.form__field-radio-matrix[type=radio] {
  margin: 0;
  margin-top: 4px;
}

.form__field-checkbox[type=checkbox],
.form__field-radio[type=radio] {
  margin: 0;
  margin-right: 8px;
  min-width: 16px;
}

.form__field-radio-default,
.form__field-checkbox-matrix,
.form__field-radio-matrix,
.form__field-checkbox,
.form__field-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  cursor: pointer;
  height: 16px;
  border: solid 1px #cccccc;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
}

.form__field-radio-default[disabled],
.form__field-checkbox-matrix[disabled],
.form__field-radio-matrix[disabled],
.form__field-checkbox[disabled],
.form__field-radio[disabled] {
  border-color: #ccc;
  cursor: not-allowed;
  background: #f5f5f5;
}

.form__textarea[readonly],
.form__select[readonly],
.form__input[readonly],
.form__field[readonly] .form__field-radio-default[readonly],
.form__field-checkbox-matrix[readonly],
.form__field-radio-matrix[readonly],
.form__field-checkbox[readonly],
.form__field-radio[readonly] {
  cursor: not-allowed;
}

.form__field-checkbox-matrix,
.form__field-checkbox {
  border-radius: 4px;
}

.form__field-checkbox-matrix:checked::before,
.form__field-checkbox:checked::before {
  border-radius: 2px;
}

.form__field-radio-default:checked::before,
.form__field-checkbox-matrix:checked::before,
.form__field-radio-matrix:checked::before,
.form__field-radio:checked::before,
.form__field-checkbox:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffa500;
  position: absolute;
  top: 2px;
  left: 2px;
}

.form__field-checkbox-matrix:checked::after,
.form__field-checkbox:checked::after {
  content: "";
  left: 5px;
  top: -1px;
  width: 7px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

/*
.form__field-radio-matrix:checked::after,
.form__field-radio:checked::after{
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
*/
.form__field-checkbox-matrix[disabled]:checked::before,
.form__field-radio-matrix[disabled]:checked::before,
.form__field-radio[disabled]:checked::before,
.form__field-checkbox[disabled]:checked::before {
  background-color: #ccc;
}

.form__field-checkbox-matrix-danger[disabled]:checked::before,
.form__field-radio-matrix-danger[disabled]:checked::before,
.form__field-checkbox-danger[disabled]:checked::before,
.form__field-radio-danger[disabled]:checked::before {
  background: #c62533;
}

.form__field-checkbox-matrix-success[disabled]:checked::before,
.form__field-radio-matrix-success[disabled]:checked::before,
.form__field-checkbox-success[disabled]:checked::before,
.form__field-radio-success[disabled]:checked::before {
  background: #2cb191;
}

.form__field-checkbox-matrix.error:checked::before,
.form__field-radio-matrix.error:checked::before,
.form__field-radio.error:checked::before,
.form__field-checkbox.error:checked::before {
  top: 0px;
  left: 0px;
}

.form__field-radio-matrix,
.form__field-radio-matrix:checked::before,
.form__field-radio-default,
.form__field-radio-default:checked::before,
.form__field-radio,
.form__field-radio:checked::before {
  border-radius: 100%;
}

.form__field-checkboxlabel,
.form__field-radiolabel {
  display: inline-block;
  cursor: pointer;
  max-width: 100%;
  margin: 0;
  font-weight: 400;
}

.form__input-grid-right .form__field-radiolabel,
.form__input-grid .form__field-radiolabel {
  margin-right: 8px;
}

.admin-form .form__field-radiolabel-success,
.form__field-radiolabel-success {
  color: #2cb191;
  /*
  background-color: #2cb191;
  border-color: #175f4e;
  */
}

.admin-form .form__field-radiolabel-danger,
.form__field-radiolabel-danger {
  color: #c62533;
  /*
  background-color: #c62533;
  border-color: #70151d;
  */
}

.form__input-group-radio > span {
  padding-bottom: 4px;
}
.form__input-group-radio > span:last-of-type {
  padding-bottom: 0;
}

.form__textarea.form__field-textarea {
  min-height: 32px;
  max-height: 160px;
  overflow-y: auto;
}

.form__field-textarea {
  width: 100%;
  resize: vertical;
  overflow-x: hidden;
}

.form__field[disabled],
.form__field-checkboxlabel[disabled],
.form__field-radiolabel[disabled],
.form__field-textarea[disabled] {
  cursor: not-allowed;
}

.admin__list {
  display: flex;
  border-bottom: 1px solid #e9eced;
  padding-top: 4px;
  padding-bottom: 4px;
}
.admin__list .flex__grow {
  padding-left: 4px;
  padding-right: 4px;
}
.admin__list:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

.form__input-grid-noborder {
  border-bottom: 0;
  padding-bottom: 0;
}

.overlay__save {
  text-align: center;
  opacity: 0.5;
  position: absolute;
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: -80px;
  background: #000;
  padding: 20px;
  z-index: 2;
  min-height: calc(100vh - 118px);
}
.overlay__save svg {
  width: 50vh;
}
.overlay__save .info {
  display: flex;
  justify-content: center;
  color: #451E5D;
  position: relative;
}
.overlay__save .info h2 {
  position: absolute;
  top: 0;
}

.people__panel-admin {
  margin-bottom: -8px;
  padding-top: 8px;
}

.tox-tinymce.tox-tinymce-inline {
  z-index: 1071;
}

@media (max-width: 767px) {
  .form__label-explain,
.form__label-empty {
    display: none;
  }
  .form__input-grid {
    grid-template-columns: 1fr;
  }
  .form__input-grid .form__label {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  .form__input-grid-editor {
    grid-template-columns: 1fr;
  }
  .form__input-grid-editor .form__label {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  .form__input-grid-right {
    grid-template-columns: 1fr;
  }
  .form__input-grid-right .form__label {
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .form__input-grid-right .form__field {
    width: 100%;
  }
  .form__input-grid-right:first-of-type .form__label {
    padding-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .form__input-grid {
    grid-template-columns: minmax(135px, 20%) 1fr 25%;
  }
  .form__input-grid-editor {
    grid-template-columns: minmax(135px, 20%) 1fr;
  }
  .form__input-grid-right {
    grid-template-columns: 1fr;
  }
  .form__input-grid-right .form__label {
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .form__input-grid-right .form__field {
    width: 100%;
  }
  .form__input-grid-right:first-of-type .form__label {
    padding-top: 0;
  }
}
/* =================
    Media queries
================= */
@media only screen and (max-width: 1280px) {
  .firemessage-list-icons {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .firemessage-nav {
    max-width: 420px;
    right: 0px;
    top: 60px;
    bottom: 0px;
    left: auto;
  }
}
.firemessage-nav {
  position: fixed;
  right: 0px;
  top: 60px;
  bottom: 0px;
  width: 100%;
  background-color: #fff;
  border-left: 1px solid #dddddd;
  z-index: 10;
}
.firemessage-nav .close-button {
  font-size: 20px;
  float: right;
  position: absolute;
  top: 5px;
  right: 5px;
  border: 1px solid #ccc;
  height: 20px;
  line-height: 18px;
  width: 20px;
  text-align: center;
  padding-left: 2px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 9999;
}

.firemessage-nav-closed .firemessage-nav {
  display: none;
}

.bell-link-close {
  position: absolute;
  top: 14px;
  right: 20px;
}

/*<!--
https://codepen.io/huytd/pen/beGKWB
-->*/
.social, .people__icon {
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #40d0ad;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social img, .people__icon img {
  vertical-align: middle;
}

.social__compact {
  margin-left: -16px;
}

.add__text {
  margin-left: 8px;
}

.comment .people__icon {
  margin-right: 16px;
}

.people__icon {
  overflow: hidden;
  margin-right: 8px;
}

.people__icon.people__follow-remove {
  display: none;
}

.people__icon.people__follow-remove {
  position: absolute;
  background-color: #dc4250;
  opacity: 0.85;
  transition: opacity 0.3s ease-in;
}

.follow_self_new:focus .people__follow-remove,
.follow_self_new:hover .people__follow-remove {
  display: flex;
}

.card .card__body-social {
  padding: 0px 16px 16px 16px;
}

@media (max-width: 991px) {
  .card .card__body-social {
    padding-top: 8px;
  }
}
.card__header-social .role__tab[aria-selected=false], .card__header-social .role__tab[aria-selected=true] {
  background-color: #fff;
}

.filter__info {
  /*padding-top: math.div($default-padding, 2);*/
  padding-left: 16px;
  padding-right: 16px;
}
.filter__info p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}

.filter__form-search {
  padding-left: 16px;
  padding-right: 16px;
}

.filter__tree {
  padding-top: 0;
}

.filter__tabpanel {
  border-bottom: 1px solid #004360;
  padding-bottom: 16px;
}

.block__header {
  font-size: 1.7rem;
  font-weight: 600;
  color: #FFF;
}

.filter__header {
  padding-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 1.7rem;
  font-weight: 600;
  color: #FFF;
  /*border-bottom: 1px solid hsla(0,0%,100%,.24);*/
}
.filter__header:first-of-type {
  padding-top: 0;
}

.filter__tree-tab .filter__header {
  padding-top: 8px;
}

.filter__list.active {
  background-color: #006793;
}

.filter__list.hover:not(.first),
.filter__list.active:not(.first) {
  margin-top: -1px;
  padding-top: 1px;
}

.filter__list:hover {
  background-color: black;
}

.tags__item {
  margin-left: 16px;
  margin-right: 16px;
}

.filter__item {
  margin-left: 16px;
  margin-right: 16px;
}

.filter__item-plus {
  min-width: 28px;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.filter__item-plus a {
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-top: 8px;
}
.filter__item-plus a svg {
  margin-left: 4px;
}

.filter__item-empty {
  min-width: 28px;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-top: 8px;
}
.filter__item-empty svg {
  margin-left: 4px;
}

.filter__item-top {
  border-top: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.filter__spacer2 {
  display: none;
}

.filter__spacer3 {
  width: 29px;
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.filter__spacer3.first {
  border-right: none;
}

.filter__spacer3.last,
.filter__spacer4.last {
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.filter__tree-depth2,
.filter__tree-depth3,
.filter__tree-depth4 {
  padding-top: 0;
}

.filter__spacer4 {
  width: 29px;
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.filter__item-text {
  flex: 1;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-left: 8px;
}
.filter__item-text a {
  display: flex;
  padding-top: 9px;
  padding-bottom: 8px;
  text-decoration: none;
}
.filter__item-text a.disabled {
  cursor: not-allowed;
}
.filter__item-text a:hover {
  text-decoration: none;
}
.filter__item-check {
  padding-top: 10px;
  padding-bottom: 8px -1;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
  display: flex;
  /*align-items: center;*/
}

.filter__item-badge-left span {
  margin-right: 8px;
}

.filter__item-badge-total span {
  background-color: #005c84;
}

.filter__item-legenda {
  display: flex;
  font-size: 1rem;
  padding-top: 4px;
  padding-bottom: 4px;
}
.filter__item-legenda span {
  margin-left: 4px;
  border: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-left: 8px;
  padding-right: 8px;
  min-width: 2px;
  border-radius: 4px;
}

.filter__item-badge {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.filter__item-badge span {
  border: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-left: 8px;
  padding-right: 8px;
  min-width: 37px;
  font-weight: 300;
  border-radius: 4px;
  text-align: center;
  max-height: 21px;
}

.filter__item-plus.first,
.filter__item-check.first,
.filter__item-text.first,
.filter__item-badge.first {
  border-top: 1px solid hsla(0deg, 0%, 100%, 0.24);
}

.filter__category {
  background: #00aff9;
  min-width: 300px;
  margin-bottom: 4px;
}

.filter__category-item {
  margin-bottom: 4px;
}

.filter__category-fav {
  padding-left: 8px;
  padding-right: 8px;
}

.filter__category-text {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}
.filter__category-text a {
  color: #fff;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
}
.filter__category-text a:hover {
  text-decoration: none;
}

.filter__category-badge {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
}
.filter__category-badge span {
  color: #fff;
  border: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-left: 8px;
  padding-right: 8px;
  min-width: 37px;
  font-weight: 300;
  border-radius: 4px;
}

.filter__category-plus a {
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  padding-top: 8px;
}
.filter__category-plus a svg {
  margin-left: 4px;
}

.filter__item-nopadding {
  padding-left: 0;
}

.active .filter__item > .filter__item-text {
  font-weight: 700;
}

.filter__tree-tab > .filter__list:last-of-type .filter__item-badge,
.filter__tree-tab > .filter__list:last-of-type .filter__item-text,
.filter__tree-tab > .filter__list:last-of-type .filter__spacer3.last,
.filter__tree-tab > .filter__list:last-of-type .filter__spacer4.last,
.filter__tree-tab > .filter__list:last-of-type .filter__item-plus {
  border-bottom: none;
}

.filter__panels {
  padding-top: 8px;
  padding-bottom: 8px;
}
.filter__panels:first-of-type {
  padding-top: 16px;
}

.filter__tree-tab {
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.filter__tree-tab .filter__header,
.filter__tree-tab .filter__item {
  padding-left: 2px;
  padding-right: 2px;
}

.filter__tree-tabs {
  display: flex;
  padding-top: 0;
}
.filter__tree-tabs .spacer {
  width: 16px;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.filter__tree-tabs .role__tab {
  border-left: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 1px solid hsla(0deg, 0%, 100%, 0.24);
  border-right: 1px solid hsla(0deg, 0%, 100%, 0.24);
  cursor: pointer;
}
.filter__tree-tabs .role__tab a {
  padding: 8px 2px;
  justify-content: center;
  display: flex;
}
.filter__tree-tabs .role__tab[aria-selected=false] {
  color: #FFF;
  background-color: #006793;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.filter__tree-tabs .role__tab[aria-selected=false]:hover {
  background-color: #004360;
}
.filter__tree-tabs .role__tab[aria-selected=true] {
  color: #FFF;
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
.filter__tree-tabs .role__tab[aria-selected=true]:hover {
  background-color: #006793;
}

.filter__tabpanel-tabs {
  display: none;
  padding-top: 0;
  border-left: 1px solid #004360;
}
.filter__tabpanel-tabs .role__tab {
  border-top: 1px solid #004360;
  padding: 8px 16px 8px 16px;
  border-right: 1px solid #004360;
  cursor: pointer;
}
.filter__tabpanel-tabs .role__tab[aria-selected=false] {
  color: #FFF;
  background-color: #00a2e7;
}
.filter__tabpanel-tabs .role__tab[aria-selected=false]:hover {
  background-color: #006793;
}
.filter__tabpanel-tabs .role__tab[aria-selected=true] {
  color: #FFF;
  background-color: transparent;
}
.filter__tabpanel-tabs .role__tab[aria-selected=true]:hover {
  background-color: #006793;
}

.card__header-three {
  flex: 1;
}
.card__header-three .role__tab {
  width: 33.3333333333%;
  border-top: 1px solid #e1e4e6;
  padding: 16px 0px 0px 0px;
}
.card__header-three .role__tab:first-of-type {
  padding-left: 16px;
}
.card__header-three .role__tab:last-of-type {
  border-right: 1px solid #e1e4e6;
}

@media (max-width: 991px) {
  .filter__panels {
    padding-bottom: 16px;
  }
  .filter__panels#filter_mine, .filter__panels#filter_tree {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .filter__tabpanel {
    padding-bottom: 0;
  }
  .filter__tabpanel-tabs {
    display: flex;
    justify-content: space-between;
  }
  .card__header-social .role__tab {
    padding: 8px 16px 8px 16px;
    border-right: 1px solid #e1e4e6;
    cursor: pointer;
  }
  .card__header-social .role__tab[aria-selected=false] {
    background-color: transparent;
  }
  .card__header-social .role__tab[aria-selected=true] {
    background-color: #fff;
  }
}
.card__header-social {
  border-left: 1px solid #e1e4e6;
  padding: 8px;
}

.card__header-two {
  flex: 1;
}
.card__header-two .role__tab {
  width: 50%;
  border-top: 1px solid #e1e4e6;
}
.card__header-two .role__tab:last-of-type {
  border-right: 1px solid #e1e4e6;
}

@media (min-width: 992px) {
  .filter__tabpanel [role=tabpanel] {
    display: block;
  }
  .filter__tree-tab[role=tabpanel] {
    display: none;
  }
  .filter__tree-tab[role=tabpanel][aria-expanded=true] {
    display: block;
  }
  .card__body-social .tab_tabpanel [role=tabpanel] {
    display: block;
  }
}
@media (max-width: 991px) {
  .tab__content-two [role=tabpanel],
.tab__content-three [role=tabpanel] {
    width: 100%;
  }
}
.social__vertical-center {
  /* avatar icon, met daarnaast tekst vert centreren */
  display: flex;
  align-items: center;
}
.social__vertical-center .form__field-checkboxlabel,
.social__vertical-center .form__field-radiolabel,
.social__vertical-center .form__field-checkbox[type=checkbox],
.social__vertical-center .form__field-radio[type=radio] {
  margin-bottom: 8px;
}
.social__vertical-center.hide {
  display: none;
}

.social__vertical-tags {
  margin-top: 8px;
  margin-right: 8px;
}
.social__vertical-tags .people__icon {
  margin-right: 0;
}

.social__avatar-people {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.people__icon-xs,
.social__avatar-xs {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.people__icon-m {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.people__icon-l {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}

.people__icon-xl {
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
}

.mention__people {
  cursor: help;
}

.mention__people-m {
  position: relative;
  margin: 0px;
}

.people.mention__people {
  border-bottom: 1px dashed #898989;
}

.mention__people-bottom {
  margin-bottom: 8px;
}

.mention__people-m.visible .popover {
  margin-top: 40px;
  margin-left: -104px;
  display: inline-block;
}

.people__icon-spotlight {
  padding-top: 37px;
}

.people__icon-reply .mention__people-m.visible .popover {
  margin-top: 60px;
}

.dialog {
  position: absolute;
  display: none;
  bottom: 42px;
  border-radius: 4px;
  border: 1px solid #40d0ad;
  background-color: #fff;
}
.dialog section {
  padding: 8px;
  margin-bottom: -5px;
}

.dialog__top {
  top: calc(100% + 8px);
  bottom: auto;
  left: calc(50% - 4px);
  transform: translateX(-50%);
}

.comment .dialog__top {
  left: calc(50% - 16px);
}

.dialog .dialog__choose {
  padding: 0;
}

.tags__max {
  font-size: 12px;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: red;
}

.alert__close,
.modal__close,
.dialog__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weigth: 600;
  border: 1px solid #000;
}

.dialog__title {
  padding: 4px 8px;
  margin: 0;
  color: #333;
  display: inline-block;
  font-weight: normal;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e4e6;
  border-radius: 4px 4px 0 0;
  width: 100%;
}

.dialog__init::before {
  content: ".";
  opacity: 0;
  display: block;
  height: 16px;
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
}

.dialog__init.mention__people::after {
  content: ".";
  opacity: 0;
  display: block;
  height: 16px;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
}

.dialog__tag {
  width: 200px;
  left: -84px;
}

.dialog__clone,
.dialog__delete {
  right: 48px;
  top: -16px;
  min-height: 50px;
  bottom: auto;
}

.dialog__delete.dialog__bottom {
  transform: translateX(-50%);
  bottom: 42px;
  top: unset;
  right: unset;
}

.dialog__choose {
  width: auto;
  right: 140px;
  top: -16px;
  min-height: 50px;
  bottom: auto;
  z-index: 2;
}
.dialog__choose table {
  color: #333;
  text-align: left;
}

.dialog__show .dialog__top:after,
.dialog__init.open .dialog__top:after,
.dialog__show .dialog__top:before,
.dialog__init.open .dialog__top:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8px); /* //<<== werkt hier niet */
  border-style: solid;
}

.dialog__show .dialog__top:after,
.dialog__init.open .dialog__top:after {
  top: -16px;
  border-color: transparent transparent #f5f5f5 transparent;
  border-width: 8px;
}

.dialog__show .dialog__top:before,
.dialog__init.open .dialog__top:before {
  top: -17px;
  border-color: transparent transparent #40d0ad transparent;
  border-width: 8px;
}

.dialog__show .dialog__bottom:after,
.dialog__init.open .dialog__bottom:after,
.dialog__show .dialog__bottom:before,
.dialog__init.open .dialog__bottom:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8px); /* //<<== werkt hier niet */
  border-style: solid;
}

.dialog__show .dialog.multilikes:after,
.dialog__init.open .dialog.multilikes:after,
.dialog__show .dialog.multilikes:before,
.dialog__init.open .dialog.multilikes:before {
  left: 8px;
}

.dialog__show .dialog__bottom:after,
.dialog__init.open .dialog__bottom:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
}

.dialog__show .dialog__bottom:before,
.dialog__init.open .dialog__bottom:before {
  top: calc(100% + 1px);
  border-color: #40d0ad transparent transparent transparent;
  border-width: 8px;
}

.dialog__show .dialog__right:after,
.dialog__init.open .dialog__right:after,
.dialog__show .dialog__right:before,
.dialog__init.open .dialog__right:before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
}

.dialog__show .dialog__right:after,
.dialog__init.open .dialog__right:after {
  right: -7px;
  top: 14px;
  border-top: 8px solid transparent;
  border-right: none;
  border-left: 8px solid #f5f5f5;
  border-bottom: 8px solid transparent;
}

.dialog__show .dialog__right:before,
.dialog__init.open .dialog__right:before {
  right: -8px;
  top: 14px;
  border-top: 8px solid transparent;
  border-right: none;
  border-left: 8px solid #40d0ad;
  border-bottom: 8px solid transparent;
}

.dialog__show .dialog,
.dialog__init.open .dialog {
  display: block;
  animation: fade 0.3s linear forwards;
  /*box-shadow: 0 0 11px rgba(33,33,33,.5); */
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.07), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.07), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.07);
  transition: box-shadow 0.3s;
}

.social__icon {
  display: inline-block;
  text-align: center;
  margin-right: 8px;
}
.social__icon span {
  padding: 4px;
  position: absolute;
  top: -32px;
  border-radius: 4px;
  font-size: 11px;
  color: #FFF;
  background: #333;
  visibility: hidden;
  transform: translate(-50%);
}
.social__icon:hover .social__icon-animation {
  transform: scale(1.2);
  transform-origin: bottom;
}
.social__icon:hover span {
  visibility: visible;
}

.dialog .social__icon:last-of-type {
  margin-right: 0;
}

.social__icon-40 {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.card__footer-right .social__icon-40 svg {
  width: 40px;
  height: 40px;
}

.social__icon-animation {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  transform: translate(0, 100px) scale(0);
}
.social__icon-animation.show {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.title__label {
  font-size: 1rem;
  margin-bottom: 0;
}

.tags__filter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px;
}
.tags__filter .tag__init {
  height: 24px;
  background-color: transparent;
  color: #FFF;
  border: 1px solid hsla(0deg, 0%, 100%, 0.24);
}
.tags__filter .tag__init.tag_reset, .tags__filter .tag__init.tag_show {
  border: none;
  text-decoration: underline;
}
.tags__filter .tag__init.active {
  background-color: #FFF;
  /* de !important moet weg als kien css uit staat */
  display: flex !important;
}
.tags__filter .tag__init.active a {
  color: #008856;
}

.tags__filter-checkbox {
  flex-direction: column;
}
.tags__filter-checkbox .tag__init:not(.tag_show):not(.tag_reset) {
  position: relative;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  justify-content: left;
  height: auto;
  margin-top: 0;
  margin-right: 0;
  border-top: 0;
  padding: 0;
}
.tags__filter-checkbox .tag__init:not(.tag_show):not(.tag_reset) a {
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  text-align: left;
  color: #333;
  width: 100%;
  padding-top: 6px;
}
.tags__filter-checkbox .tag__init:not(.tag_show):not(.tag_reset) a::after {
  content: "";
  right: 11px;
  top: 1px;
  width: 12px;
  height: 20px;
  border: solid #e7e7e7;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}
.tags__filter-checkbox .tag__init:not(.tag_show):not(.tag_reset)::before {
  content: "";
  right: 31px;
  position: absolute;
  border-left: 1px solid #e7e7e7;
  top: 0;
  bottom: 0;
  padding-right: 2px;
}
.tags__filter-checkbox .tag__init.active:not(.tag_show):not(.tag_reset) a::after {
  border-color: green;
}
.tags__filter-checkbox .tag__init:not(.tag_show):not(.tag_reset):first-of-type {
  border-top: 1px solid #e7e7e7;
}
.tags__filter-checkbox .tag_reset,
.tags__filter-checkbox .tag_show {
  border: 0;
  color: #333;
  text-decoration: none;
  justify-content: center;
  border-bottom: 1px solid #333;
  padding: 8px;
}

.tags__panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.a__bold a::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.form__filter-tag,
.tag__init {
  margin-top: 8px;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #40d0ad;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  padding: 8px;
  height: 32px;
  color: #707376;
  overflow: hidden;
}
.form__filter-tag a,
.tag__init a {
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form__filter-tag a::before,
.tag__init a::before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.form__filter-tag a:active, .form__filter-tag a:focus,
.tag__init a:active,
.tag__init a:focus {
  color: #008856;
  text-decoration: none;
}
.form__filter-tag a:hover,
.tag__init a:hover {
  font-weight: 700;
  text-decoration: none;
}

.label__text {
  color: #b9bdc2;
  align-items: center;
}

.label__text .tag__init {
  color: #b9bdc2;
  border-color: #b9bdc2;
}
.label__text .add__padding-bottom {
  padding-bottom: 4px;
}
.label__text a {
  color: #b9bdc2;
  padding-left: 8px;
  padding-bottom: 4px;
}

.label__text-warning,
.label__text-info,
.label__text-success,
.label__text-danger {
  display: inline-flex;
  border-radius: 4px;
  padding: 4px;
  align-items: center;
}

.label__text-warning {
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
}

.label__text-info {
  color: #31708f;
  border: 1px solid #31708f;
}

.label__text-success {
  color: #3c763d;
  border: 1px solid #3c763d;
}

.label__text-danger {
  color: #a94442;
  border: 1px solid #a94442;
}

.social__icon a {
  display: block;
  width: 46px;
  height: 46px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.social__icon a.instagram {
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  color: #000;
}
.social__icon a.facebook {
  background-color: #3b5998;
  color: #fff;
}
.social__icon a.twitter {
  background-color: #00acee;
  color: #000;
}
.social__icon a.linkedin {
  background-color: #0077b5;
  color: #fff;
}
.social__icon a.youtube {
  background-color: #FFFFFF;
}

.just__svg svg,
button svg {
  width: 20px;
  height: 20px;
}

.just__svg-xs svg {
  width: 13px;
  height: 13px;
  margin-left: 4px;
}

.button__icon.just__svg-xs svg {
  margin-left: 0;
}

.card__footer-right svg,
.card__footer-left svg,
.card__body-svg svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.card__footer-right svg.no__margin,
.card__footer-left svg.no__margin,
.card__body-svg svg.no__margin {
  margin-right: 0;
}

.just__svg-right svg,
.card__header-left svg,
.card__header svg,
.card_header svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

a.just__svg-gray:hover svg .icon_bg *,
.just__svg-hover svg .icon_bg *,
.just__svg-color svg .icon_bg *,
.card__body-svg a svg .icon_bg *,
.plus a svg .icon_bg *,
.minus a svg .icon_bg *,
.card__header a svg .icon_bg *,
.card_header a svg .icon_bg * {
  stroke: none;
}
a.just__svg-gray:hover svg .icon_bg path,
a.just__svg-gray:hover svg .icon_bg line,
a.just__svg-gray:hover svg .icon_bg rect,
a.just__svg-gray:hover svg .icon_bg circle,
a.just__svg-gray:hover svg .icon_bg polygon,
a.just__svg-gray:hover svg .icon_bg polyline,
a.just__svg-gray:hover svg .icon_bg ellipse,
.just__svg-hover svg .icon_bg path,
.just__svg-hover svg .icon_bg line,
.just__svg-hover svg .icon_bg rect,
.just__svg-hover svg .icon_bg circle,
.just__svg-hover svg .icon_bg polygon,
.just__svg-hover svg .icon_bg polyline,
.just__svg-hover svg .icon_bg ellipse,
.just__svg-color svg .icon_bg path,
.just__svg-color svg .icon_bg line,
.just__svg-color svg .icon_bg rect,
.just__svg-color svg .icon_bg circle,
.just__svg-color svg .icon_bg polygon,
.just__svg-color svg .icon_bg polyline,
.just__svg-color svg .icon_bg ellipse,
.card__body-svg a svg .icon_bg path,
.card__body-svg a svg .icon_bg line,
.card__body-svg a svg .icon_bg rect,
.card__body-svg a svg .icon_bg circle,
.card__body-svg a svg .icon_bg polygon,
.card__body-svg a svg .icon_bg polyline,
.card__body-svg a svg .icon_bg ellipse,
.plus a svg .icon_bg path,
.plus a svg .icon_bg line,
.plus a svg .icon_bg rect,
.plus a svg .icon_bg circle,
.plus a svg .icon_bg polygon,
.plus a svg .icon_bg polyline,
.plus a svg .icon_bg ellipse,
.minus a svg .icon_bg path,
.minus a svg .icon_bg line,
.minus a svg .icon_bg rect,
.minus a svg .icon_bg circle,
.minus a svg .icon_bg polygon,
.minus a svg .icon_bg polyline,
.minus a svg .icon_bg ellipse,
.card__header a svg .icon_bg path,
.card__header a svg .icon_bg line,
.card__header a svg .icon_bg rect,
.card__header a svg .icon_bg circle,
.card__header a svg .icon_bg polygon,
.card__header a svg .icon_bg polyline,
.card__header a svg .icon_bg ellipse,
.card_header a svg .icon_bg path,
.card_header a svg .icon_bg line,
.card_header a svg .icon_bg rect,
.card_header a svg .icon_bg circle,
.card_header a svg .icon_bg polygon,
.card_header a svg .icon_bg polyline,
.card_header a svg .icon_bg ellipse {
  fill: white;
}
a.just__svg-gray:hover svg .icon_lines *,
.just__svg-hover svg .icon_lines *,
.just__svg-color svg .icon_lines *,
.card__body-svg a svg .icon_lines *,
.plus a svg .icon_lines *,
.minus a svg .icon_lines *,
.card__header a svg .icon_lines *,
.card_header a svg .icon_lines * {
  fill: none;
}
a.just__svg-gray:hover svg .icon_lines path,
a.just__svg-gray:hover svg .icon_lines line,
a.just__svg-gray:hover svg .icon_lines rect,
a.just__svg-gray:hover svg .icon_lines circle,
a.just__svg-gray:hover svg .icon_lines polygon,
a.just__svg-gray:hover svg .icon_lines polyline,
a.just__svg-gray:hover svg .icon_lines ellipse,
.just__svg-hover svg .icon_lines path,
.just__svg-hover svg .icon_lines line,
.just__svg-hover svg .icon_lines rect,
.just__svg-hover svg .icon_lines circle,
.just__svg-hover svg .icon_lines polygon,
.just__svg-hover svg .icon_lines polyline,
.just__svg-hover svg .icon_lines ellipse,
.just__svg-color svg .icon_lines path,
.just__svg-color svg .icon_lines line,
.just__svg-color svg .icon_lines rect,
.just__svg-color svg .icon_lines circle,
.just__svg-color svg .icon_lines polygon,
.just__svg-color svg .icon_lines polyline,
.just__svg-color svg .icon_lines ellipse,
.card__body-svg a svg .icon_lines path,
.card__body-svg a svg .icon_lines line,
.card__body-svg a svg .icon_lines rect,
.card__body-svg a svg .icon_lines circle,
.card__body-svg a svg .icon_lines polygon,
.card__body-svg a svg .icon_lines polyline,
.card__body-svg a svg .icon_lines ellipse,
.plus a svg .icon_lines path,
.plus a svg .icon_lines line,
.plus a svg .icon_lines rect,
.plus a svg .icon_lines circle,
.plus a svg .icon_lines polygon,
.plus a svg .icon_lines polyline,
.plus a svg .icon_lines ellipse,
.minus a svg .icon_lines path,
.minus a svg .icon_lines line,
.minus a svg .icon_lines rect,
.minus a svg .icon_lines circle,
.minus a svg .icon_lines polygon,
.minus a svg .icon_lines polyline,
.minus a svg .icon_lines ellipse,
.card__header a svg .icon_lines path,
.card__header a svg .icon_lines line,
.card__header a svg .icon_lines rect,
.card__header a svg .icon_lines circle,
.card__header a svg .icon_lines polygon,
.card__header a svg .icon_lines polyline,
.card__header a svg .icon_lines ellipse,
.card_header a svg .icon_lines path,
.card_header a svg .icon_lines line,
.card_header a svg .icon_lines rect,
.card_header a svg .icon_lines circle,
.card_header a svg .icon_lines polygon,
.card_header a svg .icon_lines polyline,
.card_header a svg .icon_lines ellipse {
  stroke: black;
}
a.just__svg-gray:hover svg .icon_items_fill *,
.just__svg-hover svg .icon_items_fill *,
.just__svg-color svg .icon_items_fill *,
.card__body-svg a svg .icon_items_fill *,
.plus a svg .icon_items_fill *,
.minus a svg .icon_items_fill *,
.card__header a svg .icon_items_fill *,
.card_header a svg .icon_items_fill * {
  stroke: none;
}
a.just__svg-gray:hover svg .icon_items_fill path,
a.just__svg-gray:hover svg .icon_items_fill line,
a.just__svg-gray:hover svg .icon_items_fill rect,
a.just__svg-gray:hover svg .icon_items_fill circle,
a.just__svg-gray:hover svg .icon_items_fill polygon,
a.just__svg-gray:hover svg .icon_items_fill polyline,
a.just__svg-gray:hover svg .icon_items_fill ellipse,
.just__svg-hover svg .icon_items_fill path,
.just__svg-hover svg .icon_items_fill line,
.just__svg-hover svg .icon_items_fill rect,
.just__svg-hover svg .icon_items_fill circle,
.just__svg-hover svg .icon_items_fill polygon,
.just__svg-hover svg .icon_items_fill polyline,
.just__svg-hover svg .icon_items_fill ellipse,
.just__svg-color svg .icon_items_fill path,
.just__svg-color svg .icon_items_fill line,
.just__svg-color svg .icon_items_fill rect,
.just__svg-color svg .icon_items_fill circle,
.just__svg-color svg .icon_items_fill polygon,
.just__svg-color svg .icon_items_fill polyline,
.just__svg-color svg .icon_items_fill ellipse,
.card__body-svg a svg .icon_items_fill path,
.card__body-svg a svg .icon_items_fill line,
.card__body-svg a svg .icon_items_fill rect,
.card__body-svg a svg .icon_items_fill circle,
.card__body-svg a svg .icon_items_fill polygon,
.card__body-svg a svg .icon_items_fill polyline,
.card__body-svg a svg .icon_items_fill ellipse,
.plus a svg .icon_items_fill path,
.plus a svg .icon_items_fill line,
.plus a svg .icon_items_fill rect,
.plus a svg .icon_items_fill circle,
.plus a svg .icon_items_fill polygon,
.plus a svg .icon_items_fill polyline,
.plus a svg .icon_items_fill ellipse,
.minus a svg .icon_items_fill path,
.minus a svg .icon_items_fill line,
.minus a svg .icon_items_fill rect,
.minus a svg .icon_items_fill circle,
.minus a svg .icon_items_fill polygon,
.minus a svg .icon_items_fill polyline,
.minus a svg .icon_items_fill ellipse,
.card__header a svg .icon_items_fill path,
.card__header a svg .icon_items_fill line,
.card__header a svg .icon_items_fill rect,
.card__header a svg .icon_items_fill circle,
.card__header a svg .icon_items_fill polygon,
.card__header a svg .icon_items_fill polyline,
.card__header a svg .icon_items_fill ellipse,
.card_header a svg .icon_items_fill path,
.card_header a svg .icon_items_fill line,
.card_header a svg .icon_items_fill rect,
.card_header a svg .icon_items_fill circle,
.card_header a svg .icon_items_fill polygon,
.card_header a svg .icon_items_fill polyline,
.card_header a svg .icon_items_fill ellipse {
  fill: black;
}
a.just__svg-gray:hover svg .gray_lines *,
.just__svg-hover svg .gray_lines *,
.just__svg-color svg .gray_lines *,
.card__body-svg a svg .gray_lines *,
.plus a svg .gray_lines *,
.minus a svg .gray_lines *,
.card__header a svg .gray_lines *,
.card_header a svg .gray_lines * {
  fill: none;
}
a.just__svg-gray:hover svg .gray_lines path,
a.just__svg-gray:hover svg .gray_lines line,
a.just__svg-gray:hover svg .gray_lines rect,
a.just__svg-gray:hover svg .gray_lines circle,
a.just__svg-gray:hover svg .gray_lines polygon,
a.just__svg-gray:hover svg .gray_lines polyline,
a.just__svg-gray:hover svg .gray_lines ellipse,
.just__svg-hover svg .gray_lines path,
.just__svg-hover svg .gray_lines line,
.just__svg-hover svg .gray_lines rect,
.just__svg-hover svg .gray_lines circle,
.just__svg-hover svg .gray_lines polygon,
.just__svg-hover svg .gray_lines polyline,
.just__svg-hover svg .gray_lines ellipse,
.just__svg-color svg .gray_lines path,
.just__svg-color svg .gray_lines line,
.just__svg-color svg .gray_lines rect,
.just__svg-color svg .gray_lines circle,
.just__svg-color svg .gray_lines polygon,
.just__svg-color svg .gray_lines polyline,
.just__svg-color svg .gray_lines ellipse,
.card__body-svg a svg .gray_lines path,
.card__body-svg a svg .gray_lines line,
.card__body-svg a svg .gray_lines rect,
.card__body-svg a svg .gray_lines circle,
.card__body-svg a svg .gray_lines polygon,
.card__body-svg a svg .gray_lines polyline,
.card__body-svg a svg .gray_lines ellipse,
.plus a svg .gray_lines path,
.plus a svg .gray_lines line,
.plus a svg .gray_lines rect,
.plus a svg .gray_lines circle,
.plus a svg .gray_lines polygon,
.plus a svg .gray_lines polyline,
.plus a svg .gray_lines ellipse,
.minus a svg .gray_lines path,
.minus a svg .gray_lines line,
.minus a svg .gray_lines rect,
.minus a svg .gray_lines circle,
.minus a svg .gray_lines polygon,
.minus a svg .gray_lines polyline,
.minus a svg .gray_lines ellipse,
.card__header a svg .gray_lines path,
.card__header a svg .gray_lines line,
.card__header a svg .gray_lines rect,
.card__header a svg .gray_lines circle,
.card__header a svg .gray_lines polygon,
.card__header a svg .gray_lines polyline,
.card__header a svg .gray_lines ellipse,
.card_header a svg .gray_lines path,
.card_header a svg .gray_lines line,
.card_header a svg .gray_lines rect,
.card_header a svg .gray_lines circle,
.card_header a svg .gray_lines polygon,
.card_header a svg .gray_lines polyline,
.card_header a svg .gray_lines ellipse {
  stroke: black;
}
a.just__svg-gray:hover svg .icon_lines_border *,
.just__svg-hover svg .icon_lines_border *,
.just__svg-color svg .icon_lines_border *,
.card__body-svg a svg .icon_lines_border *,
.plus a svg .icon_lines_border *,
.minus a svg .icon_lines_border *,
.card__header a svg .icon_lines_border *,
.card_header a svg .icon_lines_border * {
  fill: none;
}
a.just__svg-gray:hover svg .icon_lines_border path,
a.just__svg-gray:hover svg .icon_lines_border line,
a.just__svg-gray:hover svg .icon_lines_border rect,
a.just__svg-gray:hover svg .icon_lines_border circle,
a.just__svg-gray:hover svg .icon_lines_border polygon,
a.just__svg-gray:hover svg .icon_lines_border polyline,
a.just__svg-gray:hover svg .icon_lines_border ellipse,
.just__svg-hover svg .icon_lines_border path,
.just__svg-hover svg .icon_lines_border line,
.just__svg-hover svg .icon_lines_border rect,
.just__svg-hover svg .icon_lines_border circle,
.just__svg-hover svg .icon_lines_border polygon,
.just__svg-hover svg .icon_lines_border polyline,
.just__svg-hover svg .icon_lines_border ellipse,
.just__svg-color svg .icon_lines_border path,
.just__svg-color svg .icon_lines_border line,
.just__svg-color svg .icon_lines_border rect,
.just__svg-color svg .icon_lines_border circle,
.just__svg-color svg .icon_lines_border polygon,
.just__svg-color svg .icon_lines_border polyline,
.just__svg-color svg .icon_lines_border ellipse,
.card__body-svg a svg .icon_lines_border path,
.card__body-svg a svg .icon_lines_border line,
.card__body-svg a svg .icon_lines_border rect,
.card__body-svg a svg .icon_lines_border circle,
.card__body-svg a svg .icon_lines_border polygon,
.card__body-svg a svg .icon_lines_border polyline,
.card__body-svg a svg .icon_lines_border ellipse,
.plus a svg .icon_lines_border path,
.plus a svg .icon_lines_border line,
.plus a svg .icon_lines_border rect,
.plus a svg .icon_lines_border circle,
.plus a svg .icon_lines_border polygon,
.plus a svg .icon_lines_border polyline,
.plus a svg .icon_lines_border ellipse,
.minus a svg .icon_lines_border path,
.minus a svg .icon_lines_border line,
.minus a svg .icon_lines_border rect,
.minus a svg .icon_lines_border circle,
.minus a svg .icon_lines_border polygon,
.minus a svg .icon_lines_border polyline,
.minus a svg .icon_lines_border ellipse,
.card__header a svg .icon_lines_border path,
.card__header a svg .icon_lines_border line,
.card__header a svg .icon_lines_border rect,
.card__header a svg .icon_lines_border circle,
.card__header a svg .icon_lines_border polygon,
.card__header a svg .icon_lines_border polyline,
.card__header a svg .icon_lines_border ellipse,
.card_header a svg .icon_lines_border path,
.card_header a svg .icon_lines_border line,
.card_header a svg .icon_lines_border rect,
.card_header a svg .icon_lines_border circle,
.card_header a svg .icon_lines_border polygon,
.card_header a svg .icon_lines_border polyline,
.card_header a svg .icon_lines_border ellipse {
  stroke: black;
}
a.just__svg-gray:hover svg .icon_items_line *,
.just__svg-hover svg .icon_items_line *,
.just__svg-color svg .icon_items_line *,
.card__body-svg a svg .icon_items_line *,
.plus a svg .icon_items_line *,
.minus a svg .icon_items_line *,
.card__header a svg .icon_items_line *,
.card_header a svg .icon_items_line * {
  fill: none;
}
a.just__svg-gray:hover svg .icon_items_line path,
a.just__svg-gray:hover svg .icon_items_line line,
a.just__svg-gray:hover svg .icon_items_line rect,
a.just__svg-gray:hover svg .icon_items_line circle,
a.just__svg-gray:hover svg .icon_items_line polygon,
a.just__svg-gray:hover svg .icon_items_line polyline,
a.just__svg-gray:hover svg .icon_items_line ellipse,
.just__svg-hover svg .icon_items_line path,
.just__svg-hover svg .icon_items_line line,
.just__svg-hover svg .icon_items_line rect,
.just__svg-hover svg .icon_items_line circle,
.just__svg-hover svg .icon_items_line polygon,
.just__svg-hover svg .icon_items_line polyline,
.just__svg-hover svg .icon_items_line ellipse,
.just__svg-color svg .icon_items_line path,
.just__svg-color svg .icon_items_line line,
.just__svg-color svg .icon_items_line rect,
.just__svg-color svg .icon_items_line circle,
.just__svg-color svg .icon_items_line polygon,
.just__svg-color svg .icon_items_line polyline,
.just__svg-color svg .icon_items_line ellipse,
.card__body-svg a svg .icon_items_line path,
.card__body-svg a svg .icon_items_line line,
.card__body-svg a svg .icon_items_line rect,
.card__body-svg a svg .icon_items_line circle,
.card__body-svg a svg .icon_items_line polygon,
.card__body-svg a svg .icon_items_line polyline,
.card__body-svg a svg .icon_items_line ellipse,
.plus a svg .icon_items_line path,
.plus a svg .icon_items_line line,
.plus a svg .icon_items_line rect,
.plus a svg .icon_items_line circle,
.plus a svg .icon_items_line polygon,
.plus a svg .icon_items_line polyline,
.plus a svg .icon_items_line ellipse,
.minus a svg .icon_items_line path,
.minus a svg .icon_items_line line,
.minus a svg .icon_items_line rect,
.minus a svg .icon_items_line circle,
.minus a svg .icon_items_line polygon,
.minus a svg .icon_items_line polyline,
.minus a svg .icon_items_line ellipse,
.card__header a svg .icon_items_line path,
.card__header a svg .icon_items_line line,
.card__header a svg .icon_items_line rect,
.card__header a svg .icon_items_line circle,
.card__header a svg .icon_items_line polygon,
.card__header a svg .icon_items_line polyline,
.card__header a svg .icon_items_line ellipse,
.card_header a svg .icon_items_line path,
.card_header a svg .icon_items_line line,
.card_header a svg .icon_items_line rect,
.card_header a svg .icon_items_line circle,
.card_header a svg .icon_items_line polygon,
.card_header a svg .icon_items_line polyline,
.card_header a svg .icon_items_line ellipse {
  stroke: black;
}
a.just__svg-gray:hover svg .icon_items_line.line_white path,
a.just__svg-gray:hover svg .icon_items_line.line_white line,
a.just__svg-gray:hover svg .icon_items_line.line_white rect,
a.just__svg-gray:hover svg .icon_items_line.line_white circle,
a.just__svg-gray:hover svg .icon_items_line.line_white polygon,
a.just__svg-gray:hover svg .icon_items_line.line_white polyline,
a.just__svg-gray:hover svg .icon_items_line.line_white ellipse,
.just__svg-hover svg .icon_items_line.line_white path,
.just__svg-hover svg .icon_items_line.line_white line,
.just__svg-hover svg .icon_items_line.line_white rect,
.just__svg-hover svg .icon_items_line.line_white circle,
.just__svg-hover svg .icon_items_line.line_white polygon,
.just__svg-hover svg .icon_items_line.line_white polyline,
.just__svg-hover svg .icon_items_line.line_white ellipse,
.just__svg-color svg .icon_items_line.line_white path,
.just__svg-color svg .icon_items_line.line_white line,
.just__svg-color svg .icon_items_line.line_white rect,
.just__svg-color svg .icon_items_line.line_white circle,
.just__svg-color svg .icon_items_line.line_white polygon,
.just__svg-color svg .icon_items_line.line_white polyline,
.just__svg-color svg .icon_items_line.line_white ellipse,
.card__body-svg a svg .icon_items_line.line_white path,
.card__body-svg a svg .icon_items_line.line_white line,
.card__body-svg a svg .icon_items_line.line_white rect,
.card__body-svg a svg .icon_items_line.line_white circle,
.card__body-svg a svg .icon_items_line.line_white polygon,
.card__body-svg a svg .icon_items_line.line_white polyline,
.card__body-svg a svg .icon_items_line.line_white ellipse,
.plus a svg .icon_items_line.line_white path,
.plus a svg .icon_items_line.line_white line,
.plus a svg .icon_items_line.line_white rect,
.plus a svg .icon_items_line.line_white circle,
.plus a svg .icon_items_line.line_white polygon,
.plus a svg .icon_items_line.line_white polyline,
.plus a svg .icon_items_line.line_white ellipse,
.minus a svg .icon_items_line.line_white path,
.minus a svg .icon_items_line.line_white line,
.minus a svg .icon_items_line.line_white rect,
.minus a svg .icon_items_line.line_white circle,
.minus a svg .icon_items_line.line_white polygon,
.minus a svg .icon_items_line.line_white polyline,
.minus a svg .icon_items_line.line_white ellipse,
.card__header a svg .icon_items_line.line_white path,
.card__header a svg .icon_items_line.line_white line,
.card__header a svg .icon_items_line.line_white rect,
.card__header a svg .icon_items_line.line_white circle,
.card__header a svg .icon_items_line.line_white polygon,
.card__header a svg .icon_items_line.line_white polyline,
.card__header a svg .icon_items_line.line_white ellipse,
.card_header a svg .icon_items_line.line_white path,
.card_header a svg .icon_items_line.line_white line,
.card_header a svg .icon_items_line.line_white rect,
.card_header a svg .icon_items_line.line_white circle,
.card_header a svg .icon_items_line.line_white polygon,
.card_header a svg .icon_items_line.line_white polyline,
.card_header a svg .icon_items_line.line_white ellipse {
  stroke: white;
}

.just__svg-border:hover svg * {
  transition: 0.25s ease-out;
}
.just__svg-border:hover svg .icon_bg * {
  stroke: none;
}
.just__svg-border:hover svg .icon_bg path,
.just__svg-border:hover svg .icon_bg line,
.just__svg-border:hover svg .icon_bg rect,
.just__svg-border:hover svg .icon_bg circle,
.just__svg-border:hover svg .icon_bg polygon,
.just__svg-border:hover svg .icon_bg polyline,
.just__svg-border:hover svg .icon_bg ellipse {
  fill: none;
  stroke: none;
}
.just__svg-border:hover svg .icon_lines * {
  fill: none;
}
.just__svg-border:hover svg .icon_lines path,
.just__svg-border:hover svg .icon_lines line,
.just__svg-border:hover svg .icon_lines rect,
.just__svg-border:hover svg .icon_lines circle,
.just__svg-border:hover svg .icon_lines polygon,
.just__svg-border:hover svg .icon_lines polyline,
.just__svg-border:hover svg .icon_lines ellipse {
  stroke: #008856;
  fill: none;
}
.just__svg-border:hover svg .gray_lines * {
  fill: none;
}
.just__svg-border:hover svg .gray_lines path,
.just__svg-border:hover svg .gray_lines line,
.just__svg-border:hover svg .gray_lines rect,
.just__svg-border:hover svg .gray_lines circle,
.just__svg-border:hover svg .gray_lines polygon,
.just__svg-border:hover svg .gray_lines polyline,
.just__svg-border:hover svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.just__svg-border:hover svg .icon_lines_border * {
  fill: none;
}
.just__svg-border:hover svg .icon_lines_border path,
.just__svg-border:hover svg .icon_lines_border line,
.just__svg-border:hover svg .icon_lines_border rect,
.just__svg-border:hover svg .icon_lines_border circle,
.just__svg-border:hover svg .icon_lines_border polygon,
.just__svg-border:hover svg .icon_lines_border polyline,
.just__svg-border:hover svg .icon_lines_border ellipse {
  stroke: #008856;
}
.just__svg-border:hover svg .icon_items_fill * {
  stroke: none;
}
.just__svg-border:hover svg .icon_items_fill path,
.just__svg-border:hover svg .icon_items_fill line,
.just__svg-border:hover svg .icon_items_fill rect,
.just__svg-border:hover svg .icon_items_fill circle,
.just__svg-border:hover svg .icon_items_fill polygon,
.just__svg-border:hover svg .icon_items_fill polyline,
.just__svg-border:hover svg .icon_items_fill ellipse {
  fill: #008856;
}
.just__svg-border:hover svg .icon_items_line * {
  fill: none;
}
.just__svg-border:hover svg .icon_items_line path,
.just__svg-border:hover svg .icon_items_line line,
.just__svg-border:hover svg .icon_items_line rect,
.just__svg-border:hover svg .icon_items_line circle,
.just__svg-border:hover svg .icon_items_line polygon,
.just__svg-border:hover svg .icon_items_line polyline,
.just__svg-border:hover svg .icon_items_line ellipse {
  stroke: #008856;
}

.filter__category-fav.just__svg-border svg .icon_bg *,
.just__svg-theme svg .icon_bg * {
  stroke: none;
}
.filter__category-fav.just__svg-border svg .icon_bg path,
.filter__category-fav.just__svg-border svg .icon_bg line,
.filter__category-fav.just__svg-border svg .icon_bg rect,
.filter__category-fav.just__svg-border svg .icon_bg circle,
.filter__category-fav.just__svg-border svg .icon_bg polygon,
.filter__category-fav.just__svg-border svg .icon_bg polyline,
.filter__category-fav.just__svg-border svg .icon_bg ellipse,
.just__svg-theme svg .icon_bg path,
.just__svg-theme svg .icon_bg line,
.just__svg-theme svg .icon_bg rect,
.just__svg-theme svg .icon_bg circle,
.just__svg-theme svg .icon_bg polygon,
.just__svg-theme svg .icon_bg polyline,
.just__svg-theme svg .icon_bg ellipse {
  fill: none;
}
.filter__category-fav.just__svg-border svg .icon_lines *,
.just__svg-theme svg .icon_lines * {
  fill: none;
}
.filter__category-fav.just__svg-border svg .icon_lines path,
.filter__category-fav.just__svg-border svg .icon_lines line,
.filter__category-fav.just__svg-border svg .icon_lines rect,
.filter__category-fav.just__svg-border svg .icon_lines circle,
.filter__category-fav.just__svg-border svg .icon_lines polygon,
.filter__category-fav.just__svg-border svg .icon_lines polyline,
.filter__category-fav.just__svg-border svg .icon_lines ellipse,
.just__svg-theme svg .icon_lines path,
.just__svg-theme svg .icon_lines line,
.just__svg-theme svg .icon_lines rect,
.just__svg-theme svg .icon_lines circle,
.just__svg-theme svg .icon_lines polygon,
.just__svg-theme svg .icon_lines polyline,
.just__svg-theme svg .icon_lines ellipse {
  stroke: #000000;
}
.filter__category-fav.just__svg-border svg .icon_items_fill *,
.just__svg-theme svg .icon_items_fill * {
  stroke: none;
}
.filter__category-fav.just__svg-border svg .icon_items_fill path,
.filter__category-fav.just__svg-border svg .icon_items_fill line,
.filter__category-fav.just__svg-border svg .icon_items_fill rect,
.filter__category-fav.just__svg-border svg .icon_items_fill circle,
.filter__category-fav.just__svg-border svg .icon_items_fill polygon,
.filter__category-fav.just__svg-border svg .icon_items_fill polyline,
.filter__category-fav.just__svg-border svg .icon_items_fill ellipse,
.just__svg-theme svg .icon_items_fill path,
.just__svg-theme svg .icon_items_fill line,
.just__svg-theme svg .icon_items_fill rect,
.just__svg-theme svg .icon_items_fill circle,
.just__svg-theme svg .icon_items_fill polygon,
.just__svg-theme svg .icon_items_fill polyline,
.just__svg-theme svg .icon_items_fill ellipse {
  fill: #000000;
}
.filter__category-fav.just__svg-border svg .gray_lines *,
.just__svg-theme svg .gray_lines * {
  fill: none;
}
.filter__category-fav.just__svg-border svg .gray_lines path,
.filter__category-fav.just__svg-border svg .gray_lines line,
.filter__category-fav.just__svg-border svg .gray_lines rect,
.filter__category-fav.just__svg-border svg .gray_lines circle,
.filter__category-fav.just__svg-border svg .gray_lines polygon,
.filter__category-fav.just__svg-border svg .gray_lines polyline,
.filter__category-fav.just__svg-border svg .gray_lines ellipse,
.just__svg-theme svg .gray_lines path,
.just__svg-theme svg .gray_lines line,
.just__svg-theme svg .gray_lines rect,
.just__svg-theme svg .gray_lines circle,
.just__svg-theme svg .gray_lines polygon,
.just__svg-theme svg .gray_lines polyline,
.just__svg-theme svg .gray_lines ellipse {
  stroke: #000000;
}
.filter__category-fav.just__svg-border svg .icon_lines_border *,
.just__svg-theme svg .icon_lines_border * {
  fill: none;
}
.filter__category-fav.just__svg-border svg .icon_lines_border path,
.filter__category-fav.just__svg-border svg .icon_lines_border line,
.filter__category-fav.just__svg-border svg .icon_lines_border rect,
.filter__category-fav.just__svg-border svg .icon_lines_border circle,
.filter__category-fav.just__svg-border svg .icon_lines_border polygon,
.filter__category-fav.just__svg-border svg .icon_lines_border polyline,
.filter__category-fav.just__svg-border svg .icon_lines_border ellipse,
.just__svg-theme svg .icon_lines_border path,
.just__svg-theme svg .icon_lines_border line,
.just__svg-theme svg .icon_lines_border rect,
.just__svg-theme svg .icon_lines_border circle,
.just__svg-theme svg .icon_lines_border polygon,
.just__svg-theme svg .icon_lines_border polyline,
.just__svg-theme svg .icon_lines_border ellipse {
  stroke: #000000;
}
.filter__category-fav.just__svg-border svg .icon_items_line *,
.just__svg-theme svg .icon_items_line * {
  fill: none;
}
.filter__category-fav.just__svg-border svg .icon_items_line path,
.filter__category-fav.just__svg-border svg .icon_items_line line,
.filter__category-fav.just__svg-border svg .icon_items_line rect,
.filter__category-fav.just__svg-border svg .icon_items_line circle,
.filter__category-fav.just__svg-border svg .icon_items_line polygon,
.filter__category-fav.just__svg-border svg .icon_items_line polyline,
.filter__category-fav.just__svg-border svg .icon_items_line ellipse,
.just__svg-theme svg .icon_items_line path,
.just__svg-theme svg .icon_items_line line,
.just__svg-theme svg .icon_items_line rect,
.just__svg-theme svg .icon_items_line circle,
.just__svg-theme svg .icon_items_line polygon,
.just__svg-theme svg .icon_items_line polyline,
.just__svg-theme svg .icon_items_line ellipse {
  stroke: #000000;
}

.just__svg-border svg .icon_bg *,
.just__svg-white svg .icon_bg * {
  stroke: none;
}
.just__svg-border svg .icon_bg path,
.just__svg-border svg .icon_bg line,
.just__svg-border svg .icon_bg rect,
.just__svg-border svg .icon_bg circle,
.just__svg-border svg .icon_bg polygon,
.just__svg-border svg .icon_bg polyline,
.just__svg-border svg .icon_bg ellipse,
.just__svg-white svg .icon_bg path,
.just__svg-white svg .icon_bg line,
.just__svg-white svg .icon_bg rect,
.just__svg-white svg .icon_bg circle,
.just__svg-white svg .icon_bg polygon,
.just__svg-white svg .icon_bg polyline,
.just__svg-white svg .icon_bg ellipse {
  fill: none;
}
.just__svg-border svg .icon_lines *,
.just__svg-white svg .icon_lines * {
  fill: none;
}
.just__svg-border svg .icon_lines path,
.just__svg-border svg .icon_lines line,
.just__svg-border svg .icon_lines rect,
.just__svg-border svg .icon_lines circle,
.just__svg-border svg .icon_lines polygon,
.just__svg-border svg .icon_lines polyline,
.just__svg-border svg .icon_lines ellipse,
.just__svg-white svg .icon_lines path,
.just__svg-white svg .icon_lines line,
.just__svg-white svg .icon_lines rect,
.just__svg-white svg .icon_lines circle,
.just__svg-white svg .icon_lines polygon,
.just__svg-white svg .icon_lines polyline,
.just__svg-white svg .icon_lines ellipse {
  stroke: white;
}
.just__svg-border svg .icon_items_fill *,
.just__svg-white svg .icon_items_fill * {
  stroke: none;
}
.just__svg-border svg .icon_items_fill path,
.just__svg-border svg .icon_items_fill line,
.just__svg-border svg .icon_items_fill rect,
.just__svg-border svg .icon_items_fill circle,
.just__svg-border svg .icon_items_fill polygon,
.just__svg-border svg .icon_items_fill polyline,
.just__svg-border svg .icon_items_fill ellipse,
.just__svg-white svg .icon_items_fill path,
.just__svg-white svg .icon_items_fill line,
.just__svg-white svg .icon_items_fill rect,
.just__svg-white svg .icon_items_fill circle,
.just__svg-white svg .icon_items_fill polygon,
.just__svg-white svg .icon_items_fill polyline,
.just__svg-white svg .icon_items_fill ellipse {
  fill: white;
}
.just__svg-border svg .gray_lines *,
.just__svg-white svg .gray_lines * {
  fill: none;
}
.just__svg-border svg .gray_lines path,
.just__svg-border svg .gray_lines line,
.just__svg-border svg .gray_lines rect,
.just__svg-border svg .gray_lines circle,
.just__svg-border svg .gray_lines polygon,
.just__svg-border svg .gray_lines polyline,
.just__svg-border svg .gray_lines ellipse,
.just__svg-white svg .gray_lines path,
.just__svg-white svg .gray_lines line,
.just__svg-white svg .gray_lines rect,
.just__svg-white svg .gray_lines circle,
.just__svg-white svg .gray_lines polygon,
.just__svg-white svg .gray_lines polyline,
.just__svg-white svg .gray_lines ellipse {
  stroke: white;
}
.just__svg-border svg .icon_lines_border *,
.just__svg-white svg .icon_lines_border * {
  fill: none;
}
.just__svg-border svg .icon_lines_border path,
.just__svg-border svg .icon_lines_border line,
.just__svg-border svg .icon_lines_border rect,
.just__svg-border svg .icon_lines_border circle,
.just__svg-border svg .icon_lines_border polygon,
.just__svg-border svg .icon_lines_border polyline,
.just__svg-border svg .icon_lines_border ellipse,
.just__svg-white svg .icon_lines_border path,
.just__svg-white svg .icon_lines_border line,
.just__svg-white svg .icon_lines_border rect,
.just__svg-white svg .icon_lines_border circle,
.just__svg-white svg .icon_lines_border polygon,
.just__svg-white svg .icon_lines_border polyline,
.just__svg-white svg .icon_lines_border ellipse {
  stroke: white;
}
.just__svg-border svg .icon_items_line *,
.just__svg-white svg .icon_items_line * {
  fill: none;
}
.just__svg-border svg .icon_items_line path,
.just__svg-border svg .icon_items_line line,
.just__svg-border svg .icon_items_line rect,
.just__svg-border svg .icon_items_line circle,
.just__svg-border svg .icon_items_line polygon,
.just__svg-border svg .icon_items_line polyline,
.just__svg-border svg .icon_items_line ellipse,
.just__svg-white svg .icon_items_line path,
.just__svg-white svg .icon_items_line line,
.just__svg-white svg .icon_items_line rect,
.just__svg-white svg .icon_items_line circle,
.just__svg-white svg .icon_items_line polygon,
.just__svg-white svg .icon_items_line polyline,
.just__svg-white svg .icon_items_line ellipse {
  stroke: white;
}

.just__svg-gray svg .icon_bg *,
.card__body-svg svg .icon_bg *,
.card__header svg .icon_bg *,
.card_header svg .icon_bg * {
  stroke: none;
}
.just__svg-gray svg .icon_bg path,
.just__svg-gray svg .icon_bg line,
.just__svg-gray svg .icon_bg rect,
.just__svg-gray svg .icon_bg circle,
.just__svg-gray svg .icon_bg polygon,
.just__svg-gray svg .icon_bg polyline,
.just__svg-gray svg .icon_bg ellipse,
.card__body-svg svg .icon_bg path,
.card__body-svg svg .icon_bg line,
.card__body-svg svg .icon_bg rect,
.card__body-svg svg .icon_bg circle,
.card__body-svg svg .icon_bg polygon,
.card__body-svg svg .icon_bg polyline,
.card__body-svg svg .icon_bg ellipse,
.card__header svg .icon_bg path,
.card__header svg .icon_bg line,
.card__header svg .icon_bg rect,
.card__header svg .icon_bg circle,
.card__header svg .icon_bg polygon,
.card__header svg .icon_bg polyline,
.card__header svg .icon_bg ellipse,
.card_header svg .icon_bg path,
.card_header svg .icon_bg line,
.card_header svg .icon_bg rect,
.card_header svg .icon_bg circle,
.card_header svg .icon_bg polygon,
.card_header svg .icon_bg polyline,
.card_header svg .icon_bg ellipse {
  fill: white;
}
.just__svg-gray svg .icon_lines *,
.card__body-svg svg .icon_lines *,
.card__header svg .icon_lines *,
.card_header svg .icon_lines * {
  fill: none;
}
.just__svg-gray svg .icon_lines path,
.just__svg-gray svg .icon_lines line,
.just__svg-gray svg .icon_lines rect,
.just__svg-gray svg .icon_lines circle,
.just__svg-gray svg .icon_lines polygon,
.just__svg-gray svg .icon_lines polyline,
.just__svg-gray svg .icon_lines ellipse,
.card__body-svg svg .icon_lines path,
.card__body-svg svg .icon_lines line,
.card__body-svg svg .icon_lines rect,
.card__body-svg svg .icon_lines circle,
.card__body-svg svg .icon_lines polygon,
.card__body-svg svg .icon_lines polyline,
.card__body-svg svg .icon_lines ellipse,
.card__header svg .icon_lines path,
.card__header svg .icon_lines line,
.card__header svg .icon_lines rect,
.card__header svg .icon_lines circle,
.card__header svg .icon_lines polygon,
.card__header svg .icon_lines polyline,
.card__header svg .icon_lines ellipse,
.card_header svg .icon_lines path,
.card_header svg .icon_lines line,
.card_header svg .icon_lines rect,
.card_header svg .icon_lines circle,
.card_header svg .icon_lines polygon,
.card_header svg .icon_lines polyline,
.card_header svg .icon_lines ellipse {
  stroke: #b9bdc2;
}
.just__svg-gray svg .icon_items_fill *,
.card__body-svg svg .icon_items_fill *,
.card__header svg .icon_items_fill *,
.card_header svg .icon_items_fill * {
  stroke: none;
}
.just__svg-gray svg .icon_items_fill path,
.just__svg-gray svg .icon_items_fill line,
.just__svg-gray svg .icon_items_fill rect,
.just__svg-gray svg .icon_items_fill circle,
.just__svg-gray svg .icon_items_fill polygon,
.just__svg-gray svg .icon_items_fill polyline,
.just__svg-gray svg .icon_items_fill ellipse,
.card__body-svg svg .icon_items_fill path,
.card__body-svg svg .icon_items_fill line,
.card__body-svg svg .icon_items_fill rect,
.card__body-svg svg .icon_items_fill circle,
.card__body-svg svg .icon_items_fill polygon,
.card__body-svg svg .icon_items_fill polyline,
.card__body-svg svg .icon_items_fill ellipse,
.card__header svg .icon_items_fill path,
.card__header svg .icon_items_fill line,
.card__header svg .icon_items_fill rect,
.card__header svg .icon_items_fill circle,
.card__header svg .icon_items_fill polygon,
.card__header svg .icon_items_fill polyline,
.card__header svg .icon_items_fill ellipse,
.card_header svg .icon_items_fill path,
.card_header svg .icon_items_fill line,
.card_header svg .icon_items_fill rect,
.card_header svg .icon_items_fill circle,
.card_header svg .icon_items_fill polygon,
.card_header svg .icon_items_fill polyline,
.card_header svg .icon_items_fill ellipse {
  fill: #b9bdc2;
}
.just__svg-gray svg .gray_lines *,
.card__body-svg svg .gray_lines *,
.card__header svg .gray_lines *,
.card_header svg .gray_lines * {
  fill: none;
}
.just__svg-gray svg .gray_lines path,
.just__svg-gray svg .gray_lines line,
.just__svg-gray svg .gray_lines rect,
.just__svg-gray svg .gray_lines circle,
.just__svg-gray svg .gray_lines polygon,
.just__svg-gray svg .gray_lines polyline,
.just__svg-gray svg .gray_lines ellipse,
.card__body-svg svg .gray_lines path,
.card__body-svg svg .gray_lines line,
.card__body-svg svg .gray_lines rect,
.card__body-svg svg .gray_lines circle,
.card__body-svg svg .gray_lines polygon,
.card__body-svg svg .gray_lines polyline,
.card__body-svg svg .gray_lines ellipse,
.card__header svg .gray_lines path,
.card__header svg .gray_lines line,
.card__header svg .gray_lines rect,
.card__header svg .gray_lines circle,
.card__header svg .gray_lines polygon,
.card__header svg .gray_lines polyline,
.card__header svg .gray_lines ellipse,
.card_header svg .gray_lines path,
.card_header svg .gray_lines line,
.card_header svg .gray_lines rect,
.card_header svg .gray_lines circle,
.card_header svg .gray_lines polygon,
.card_header svg .gray_lines polyline,
.card_header svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.just__svg-gray svg .icon_lines_border *,
.card__body-svg svg .icon_lines_border *,
.card__header svg .icon_lines_border *,
.card_header svg .icon_lines_border * {
  fill: none;
}
.just__svg-gray svg .icon_lines_border path,
.just__svg-gray svg .icon_lines_border line,
.just__svg-gray svg .icon_lines_border rect,
.just__svg-gray svg .icon_lines_border circle,
.just__svg-gray svg .icon_lines_border polygon,
.just__svg-gray svg .icon_lines_border polyline,
.just__svg-gray svg .icon_lines_border ellipse,
.card__body-svg svg .icon_lines_border path,
.card__body-svg svg .icon_lines_border line,
.card__body-svg svg .icon_lines_border rect,
.card__body-svg svg .icon_lines_border circle,
.card__body-svg svg .icon_lines_border polygon,
.card__body-svg svg .icon_lines_border polyline,
.card__body-svg svg .icon_lines_border ellipse,
.card__header svg .icon_lines_border path,
.card__header svg .icon_lines_border line,
.card__header svg .icon_lines_border rect,
.card__header svg .icon_lines_border circle,
.card__header svg .icon_lines_border polygon,
.card__header svg .icon_lines_border polyline,
.card__header svg .icon_lines_border ellipse,
.card_header svg .icon_lines_border path,
.card_header svg .icon_lines_border line,
.card_header svg .icon_lines_border rect,
.card_header svg .icon_lines_border circle,
.card_header svg .icon_lines_border polygon,
.card_header svg .icon_lines_border polyline,
.card_header svg .icon_lines_border ellipse {
  stroke: #b9bdc2;
}
.just__svg-gray svg .icon_items_line *,
.card__body-svg svg .icon_items_line *,
.card__header svg .icon_items_line *,
.card_header svg .icon_items_line * {
  fill: none;
}
.just__svg-gray svg .icon_items_line path,
.just__svg-gray svg .icon_items_line line,
.just__svg-gray svg .icon_items_line rect,
.just__svg-gray svg .icon_items_line circle,
.just__svg-gray svg .icon_items_line polygon,
.just__svg-gray svg .icon_items_line polyline,
.just__svg-gray svg .icon_items_line ellipse,
.card__body-svg svg .icon_items_line path,
.card__body-svg svg .icon_items_line line,
.card__body-svg svg .icon_items_line rect,
.card__body-svg svg .icon_items_line circle,
.card__body-svg svg .icon_items_line polygon,
.card__body-svg svg .icon_items_line polyline,
.card__body-svg svg .icon_items_line ellipse,
.card__header svg .icon_items_line path,
.card__header svg .icon_items_line line,
.card__header svg .icon_items_line rect,
.card__header svg .icon_items_line circle,
.card__header svg .icon_items_line polygon,
.card__header svg .icon_items_line polyline,
.card__header svg .icon_items_line ellipse,
.card_header svg .icon_items_line path,
.card_header svg .icon_items_line line,
.card_header svg .icon_items_line rect,
.card_header svg .icon_items_line circle,
.card_header svg .icon_items_line polygon,
.card_header svg .icon_items_line polyline,
.card_header svg .icon_items_line ellipse {
  stroke: #b9bdc2;
}

.make_fav.just__svg-gray svg .icon_bg * {
  stroke: none;
}
.make_fav.just__svg-gray svg .icon_bg path,
.make_fav.just__svg-gray svg .icon_bg line,
.make_fav.just__svg-gray svg .icon_bg rect,
.make_fav.just__svg-gray svg .icon_bg circle,
.make_fav.just__svg-gray svg .icon_bg polygon,
.make_fav.just__svg-gray svg .icon_bg polyline,
.make_fav.just__svg-gray svg .icon_bg ellipse {
  fill: #008856;
}

.just__svg-active svg *,
.just__svg-color:hover svg *,
button svg *,
.social__icon svg * {
  transition: 0.25s ease-out;
}
.just__svg-active svg .icon_bg *,
.just__svg-color:hover svg .icon_bg *,
button svg .icon_bg *,
.social__icon svg .icon_bg * {
  stroke: none;
}
.just__svg-active svg .icon_bg path,
.just__svg-active svg .icon_bg line,
.just__svg-active svg .icon_bg rect,
.just__svg-active svg .icon_bg circle,
.just__svg-active svg .icon_bg polygon,
.just__svg-active svg .icon_bg polyline,
.just__svg-active svg .icon_bg ellipse,
.just__svg-color:hover svg .icon_bg path,
.just__svg-color:hover svg .icon_bg line,
.just__svg-color:hover svg .icon_bg rect,
.just__svg-color:hover svg .icon_bg circle,
.just__svg-color:hover svg .icon_bg polygon,
.just__svg-color:hover svg .icon_bg polyline,
.just__svg-color:hover svg .icon_bg ellipse,
button svg .icon_bg path,
button svg .icon_bg line,
button svg .icon_bg rect,
button svg .icon_bg circle,
button svg .icon_bg polygon,
button svg .icon_bg polyline,
button svg .icon_bg ellipse,
.social__icon svg .icon_bg path,
.social__icon svg .icon_bg line,
.social__icon svg .icon_bg rect,
.social__icon svg .icon_bg circle,
.social__icon svg .icon_bg polygon,
.social__icon svg .icon_bg polyline,
.social__icon svg .icon_bg ellipse {
  fill: white;
  stroke: none;
}
.just__svg-active svg .icon_lines *,
.just__svg-color:hover svg .icon_lines *,
button svg .icon_lines *,
.social__icon svg .icon_lines * {
  fill: none;
}
.just__svg-active svg .icon_lines path,
.just__svg-active svg .icon_lines line,
.just__svg-active svg .icon_lines rect,
.just__svg-active svg .icon_lines circle,
.just__svg-active svg .icon_lines polygon,
.just__svg-active svg .icon_lines polyline,
.just__svg-active svg .icon_lines ellipse,
.just__svg-color:hover svg .icon_lines path,
.just__svg-color:hover svg .icon_lines line,
.just__svg-color:hover svg .icon_lines rect,
.just__svg-color:hover svg .icon_lines circle,
.just__svg-color:hover svg .icon_lines polygon,
.just__svg-color:hover svg .icon_lines polyline,
.just__svg-color:hover svg .icon_lines ellipse,
button svg .icon_lines path,
button svg .icon_lines line,
button svg .icon_lines rect,
button svg .icon_lines circle,
button svg .icon_lines polygon,
button svg .icon_lines polyline,
button svg .icon_lines ellipse,
.social__icon svg .icon_lines path,
.social__icon svg .icon_lines line,
.social__icon svg .icon_lines rect,
.social__icon svg .icon_lines circle,
.social__icon svg .icon_lines polygon,
.social__icon svg .icon_lines polyline,
.social__icon svg .icon_lines ellipse {
  stroke: black;
  fill: none;
}
.just__svg-active svg .gray_lines *,
.just__svg-color:hover svg .gray_lines *,
button svg .gray_lines *,
.social__icon svg .gray_lines * {
  fill: none;
}
.just__svg-active svg .gray_lines path,
.just__svg-active svg .gray_lines line,
.just__svg-active svg .gray_lines rect,
.just__svg-active svg .gray_lines circle,
.just__svg-active svg .gray_lines polygon,
.just__svg-active svg .gray_lines polyline,
.just__svg-active svg .gray_lines ellipse,
.just__svg-color:hover svg .gray_lines path,
.just__svg-color:hover svg .gray_lines line,
.just__svg-color:hover svg .gray_lines rect,
.just__svg-color:hover svg .gray_lines circle,
.just__svg-color:hover svg .gray_lines polygon,
.just__svg-color:hover svg .gray_lines polyline,
.just__svg-color:hover svg .gray_lines ellipse,
button svg .gray_lines path,
button svg .gray_lines line,
button svg .gray_lines rect,
button svg .gray_lines circle,
button svg .gray_lines polygon,
button svg .gray_lines polyline,
button svg .gray_lines ellipse,
.social__icon svg .gray_lines path,
.social__icon svg .gray_lines line,
.social__icon svg .gray_lines rect,
.social__icon svg .gray_lines circle,
.social__icon svg .gray_lines polygon,
.social__icon svg .gray_lines polyline,
.social__icon svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.just__svg-active svg .icon_lines_border *,
.just__svg-color:hover svg .icon_lines_border *,
button svg .icon_lines_border *,
.social__icon svg .icon_lines_border * {
  fill: none;
}
.just__svg-active svg .icon_lines_border path,
.just__svg-active svg .icon_lines_border line,
.just__svg-active svg .icon_lines_border rect,
.just__svg-active svg .icon_lines_border circle,
.just__svg-active svg .icon_lines_border polygon,
.just__svg-active svg .icon_lines_border polyline,
.just__svg-active svg .icon_lines_border ellipse,
.just__svg-color:hover svg .icon_lines_border path,
.just__svg-color:hover svg .icon_lines_border line,
.just__svg-color:hover svg .icon_lines_border rect,
.just__svg-color:hover svg .icon_lines_border circle,
.just__svg-color:hover svg .icon_lines_border polygon,
.just__svg-color:hover svg .icon_lines_border polyline,
.just__svg-color:hover svg .icon_lines_border ellipse,
button svg .icon_lines_border path,
button svg .icon_lines_border line,
button svg .icon_lines_border rect,
button svg .icon_lines_border circle,
button svg .icon_lines_border polygon,
button svg .icon_lines_border polyline,
button svg .icon_lines_border ellipse,
.social__icon svg .icon_lines_border path,
.social__icon svg .icon_lines_border line,
.social__icon svg .icon_lines_border rect,
.social__icon svg .icon_lines_border circle,
.social__icon svg .icon_lines_border polygon,
.social__icon svg .icon_lines_border polyline,
.social__icon svg .icon_lines_border ellipse {
  stroke: black;
}
.just__svg-active svg .icon_items_fill *,
.just__svg-color:hover svg .icon_items_fill *,
button svg .icon_items_fill *,
.social__icon svg .icon_items_fill * {
  stroke: none;
}
.just__svg-active svg .icon_items_fill path,
.just__svg-active svg .icon_items_fill line,
.just__svg-active svg .icon_items_fill rect,
.just__svg-active svg .icon_items_fill circle,
.just__svg-active svg .icon_items_fill polygon,
.just__svg-active svg .icon_items_fill polyline,
.just__svg-active svg .icon_items_fill ellipse,
.just__svg-color:hover svg .icon_items_fill path,
.just__svg-color:hover svg .icon_items_fill line,
.just__svg-color:hover svg .icon_items_fill rect,
.just__svg-color:hover svg .icon_items_fill circle,
.just__svg-color:hover svg .icon_items_fill polygon,
.just__svg-color:hover svg .icon_items_fill polyline,
.just__svg-color:hover svg .icon_items_fill ellipse,
button svg .icon_items_fill path,
button svg .icon_items_fill line,
button svg .icon_items_fill rect,
button svg .icon_items_fill circle,
button svg .icon_items_fill polygon,
button svg .icon_items_fill polyline,
button svg .icon_items_fill ellipse,
.social__icon svg .icon_items_fill path,
.social__icon svg .icon_items_fill line,
.social__icon svg .icon_items_fill rect,
.social__icon svg .icon_items_fill circle,
.social__icon svg .icon_items_fill polygon,
.social__icon svg .icon_items_fill polyline,
.social__icon svg .icon_items_fill ellipse {
  fill: #008856;
}
.just__svg-active svg .icon_items_line *,
.just__svg-color:hover svg .icon_items_line *,
button svg .icon_items_line *,
.social__icon svg .icon_items_line * {
  fill: none;
}
.just__svg-active svg .icon_items_line path,
.just__svg-active svg .icon_items_line line,
.just__svg-active svg .icon_items_line rect,
.just__svg-active svg .icon_items_line circle,
.just__svg-active svg .icon_items_line polygon,
.just__svg-active svg .icon_items_line polyline,
.just__svg-active svg .icon_items_line ellipse,
.just__svg-color:hover svg .icon_items_line path,
.just__svg-color:hover svg .icon_items_line line,
.just__svg-color:hover svg .icon_items_line rect,
.just__svg-color:hover svg .icon_items_line circle,
.just__svg-color:hover svg .icon_items_line polygon,
.just__svg-color:hover svg .icon_items_line polyline,
.just__svg-color:hover svg .icon_items_line ellipse,
button svg .icon_items_line path,
button svg .icon_items_line line,
button svg .icon_items_line rect,
button svg .icon_items_line circle,
button svg .icon_items_line polygon,
button svg .icon_items_line polyline,
button svg .icon_items_line ellipse,
.social__icon svg .icon_items_line path,
.social__icon svg .icon_items_line line,
.social__icon svg .icon_items_line rect,
.social__icon svg .icon_items_line circle,
.social__icon svg .icon_items_line polygon,
.social__icon svg .icon_items_line polyline,
.social__icon svg .icon_items_line ellipse {
  stroke: #008856;
}

.open .navbar__menu-link.just__svg-color svg *,
.navbar__menu-link.open.just__svg-color svg *,
.navbar__menu-link.just__svg-color:hover svg * {
  transition: 0.25s ease-out;
}
.open .navbar__menu-link.just__svg-color svg .icon_bg *,
.navbar__menu-link.open.just__svg-color svg .icon_bg *,
.navbar__menu-link.just__svg-color:hover svg .icon_bg * {
  stroke: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_bg path,
.open .navbar__menu-link.just__svg-color svg .icon_bg line,
.open .navbar__menu-link.just__svg-color svg .icon_bg rect,
.open .navbar__menu-link.just__svg-color svg .icon_bg circle,
.open .navbar__menu-link.just__svg-color svg .icon_bg polygon,
.open .navbar__menu-link.just__svg-color svg .icon_bg polyline,
.open .navbar__menu-link.just__svg-color svg .icon_bg ellipse,
.navbar__menu-link.open.just__svg-color svg .icon_bg path,
.navbar__menu-link.open.just__svg-color svg .icon_bg line,
.navbar__menu-link.open.just__svg-color svg .icon_bg rect,
.navbar__menu-link.open.just__svg-color svg .icon_bg circle,
.navbar__menu-link.open.just__svg-color svg .icon_bg polygon,
.navbar__menu-link.open.just__svg-color svg .icon_bg polyline,
.navbar__menu-link.open.just__svg-color svg .icon_bg ellipse,
.navbar__menu-link.just__svg-color:hover svg .icon_bg path,
.navbar__menu-link.just__svg-color:hover svg .icon_bg line,
.navbar__menu-link.just__svg-color:hover svg .icon_bg rect,
.navbar__menu-link.just__svg-color:hover svg .icon_bg circle,
.navbar__menu-link.just__svg-color:hover svg .icon_bg polygon,
.navbar__menu-link.just__svg-color:hover svg .icon_bg polyline,
.navbar__menu-link.just__svg-color:hover svg .icon_bg ellipse {
  fill: none;
  stroke: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_lines *,
.navbar__menu-link.open.just__svg-color svg .icon_lines *,
.navbar__menu-link.just__svg-color:hover svg .icon_lines * {
  fill: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_lines path,
.open .navbar__menu-link.just__svg-color svg .icon_lines line,
.open .navbar__menu-link.just__svg-color svg .icon_lines rect,
.open .navbar__menu-link.just__svg-color svg .icon_lines circle,
.open .navbar__menu-link.just__svg-color svg .icon_lines polygon,
.open .navbar__menu-link.just__svg-color svg .icon_lines polyline,
.open .navbar__menu-link.just__svg-color svg .icon_lines ellipse,
.navbar__menu-link.open.just__svg-color svg .icon_lines path,
.navbar__menu-link.open.just__svg-color svg .icon_lines line,
.navbar__menu-link.open.just__svg-color svg .icon_lines rect,
.navbar__menu-link.open.just__svg-color svg .icon_lines circle,
.navbar__menu-link.open.just__svg-color svg .icon_lines polygon,
.navbar__menu-link.open.just__svg-color svg .icon_lines polyline,
.navbar__menu-link.open.just__svg-color svg .icon_lines ellipse,
.navbar__menu-link.just__svg-color:hover svg .icon_lines path,
.navbar__menu-link.just__svg-color:hover svg .icon_lines line,
.navbar__menu-link.just__svg-color:hover svg .icon_lines rect,
.navbar__menu-link.just__svg-color:hover svg .icon_lines circle,
.navbar__menu-link.just__svg-color:hover svg .icon_lines polygon,
.navbar__menu-link.just__svg-color:hover svg .icon_lines polyline,
.navbar__menu-link.just__svg-color:hover svg .icon_lines ellipse {
  stroke: #fff;
  fill: none;
}
.open .navbar__menu-link.just__svg-color svg .gray_lines *,
.navbar__menu-link.open.just__svg-color svg .gray_lines *,
.navbar__menu-link.just__svg-color:hover svg .gray_lines * {
  fill: none;
}
.open .navbar__menu-link.just__svg-color svg .gray_lines path,
.open .navbar__menu-link.just__svg-color svg .gray_lines line,
.open .navbar__menu-link.just__svg-color svg .gray_lines rect,
.open .navbar__menu-link.just__svg-color svg .gray_lines circle,
.open .navbar__menu-link.just__svg-color svg .gray_lines polygon,
.open .navbar__menu-link.just__svg-color svg .gray_lines polyline,
.open .navbar__menu-link.just__svg-color svg .gray_lines ellipse,
.navbar__menu-link.open.just__svg-color svg .gray_lines path,
.navbar__menu-link.open.just__svg-color svg .gray_lines line,
.navbar__menu-link.open.just__svg-color svg .gray_lines rect,
.navbar__menu-link.open.just__svg-color svg .gray_lines circle,
.navbar__menu-link.open.just__svg-color svg .gray_lines polygon,
.navbar__menu-link.open.just__svg-color svg .gray_lines polyline,
.navbar__menu-link.open.just__svg-color svg .gray_lines ellipse,
.navbar__menu-link.just__svg-color:hover svg .gray_lines path,
.navbar__menu-link.just__svg-color:hover svg .gray_lines line,
.navbar__menu-link.just__svg-color:hover svg .gray_lines rect,
.navbar__menu-link.just__svg-color:hover svg .gray_lines circle,
.navbar__menu-link.just__svg-color:hover svg .gray_lines polygon,
.navbar__menu-link.just__svg-color:hover svg .gray_lines polyline,
.navbar__menu-link.just__svg-color:hover svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.open .navbar__menu-link.just__svg-color svg .icon_lines_border *,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border *,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border * {
  fill: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_lines_border path,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border line,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border rect,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border circle,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border polygon,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border polyline,
.open .navbar__menu-link.just__svg-color svg .icon_lines_border ellipse,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border path,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border line,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border rect,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border circle,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border polygon,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border polyline,
.navbar__menu-link.open.just__svg-color svg .icon_lines_border ellipse,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border path,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border line,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border rect,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border circle,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border polygon,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border polyline,
.navbar__menu-link.just__svg-color:hover svg .icon_lines_border ellipse {
  stroke: #fff;
}
.open .navbar__menu-link.just__svg-color svg .icon_items_fill *,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill *,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill * {
  stroke: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_items_fill path,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill line,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill rect,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill circle,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill polygon,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill polyline,
.open .navbar__menu-link.just__svg-color svg .icon_items_fill ellipse,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill path,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill line,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill rect,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill circle,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill polygon,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill polyline,
.navbar__menu-link.open.just__svg-color svg .icon_items_fill ellipse,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill path,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill line,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill rect,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill circle,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill polygon,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill polyline,
.navbar__menu-link.just__svg-color:hover svg .icon_items_fill ellipse {
  fill: #fff;
}
.open .navbar__menu-link.just__svg-color svg .icon_items_line *,
.navbar__menu-link.open.just__svg-color svg .icon_items_line *,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line * {
  fill: none;
}
.open .navbar__menu-link.just__svg-color svg .icon_items_line path,
.open .navbar__menu-link.just__svg-color svg .icon_items_line line,
.open .navbar__menu-link.just__svg-color svg .icon_items_line rect,
.open .navbar__menu-link.just__svg-color svg .icon_items_line circle,
.open .navbar__menu-link.just__svg-color svg .icon_items_line polygon,
.open .navbar__menu-link.just__svg-color svg .icon_items_line polyline,
.open .navbar__menu-link.just__svg-color svg .icon_items_line ellipse,
.navbar__menu-link.open.just__svg-color svg .icon_items_line path,
.navbar__menu-link.open.just__svg-color svg .icon_items_line line,
.navbar__menu-link.open.just__svg-color svg .icon_items_line rect,
.navbar__menu-link.open.just__svg-color svg .icon_items_line circle,
.navbar__menu-link.open.just__svg-color svg .icon_items_line polygon,
.navbar__menu-link.open.just__svg-color svg .icon_items_line polyline,
.navbar__menu-link.open.just__svg-color svg .icon_items_line ellipse,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line path,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line line,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line rect,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line circle,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line polygon,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line polyline,
.navbar__menu-link.just__svg-color:hover svg .icon_items_line ellipse {
  stroke: #fff;
}

.active .navbar__menu-link.just__svg-color:hover svg * {
  transition: 0.25s ease-out;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg * {
  stroke: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg path,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg line,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg rect,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg circle,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg polygon,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg polyline,
.active .navbar__menu-link.just__svg-color:hover svg .icon_bg ellipse {
  fill: white;
  stroke: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines * {
  fill: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines path,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines line,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines rect,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines circle,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines polygon,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines polyline,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines ellipse {
  stroke: #008856;
  fill: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines * {
  fill: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines path,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines line,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines rect,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines circle,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines polygon,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines polyline,
.active .navbar__menu-link.just__svg-color:hover svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border * {
  fill: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border path,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border line,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border rect,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border circle,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border polygon,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border polyline,
.active .navbar__menu-link.just__svg-color:hover svg .icon_lines_border ellipse {
  stroke: #008856;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill * {
  stroke: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill path,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill line,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill rect,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill circle,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill polygon,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill polyline,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_fill ellipse {
  fill: #008856;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line * {
  fill: none;
}
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line path,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line line,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line rect,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line circle,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line polygon,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line polyline,
.active .navbar__menu-link.just__svg-color:hover svg .icon_items_line ellipse {
  stroke: #008856;
}

.filter__category-fav.just__svg-color svg *,
.just__svg-fill svg * {
  transition: 0.25s ease-out;
}
.filter__category-fav.just__svg-color svg .icon_bg *,
.just__svg-fill svg .icon_bg * {
  stroke: none;
}
.filter__category-fav.just__svg-color svg .icon_bg path,
.filter__category-fav.just__svg-color svg .icon_bg line,
.filter__category-fav.just__svg-color svg .icon_bg rect,
.filter__category-fav.just__svg-color svg .icon_bg circle,
.filter__category-fav.just__svg-color svg .icon_bg polygon,
.filter__category-fav.just__svg-color svg .icon_bg polyline,
.filter__category-fav.just__svg-color svg .icon_bg ellipse,
.just__svg-fill svg .icon_bg path,
.just__svg-fill svg .icon_bg line,
.just__svg-fill svg .icon_bg rect,
.just__svg-fill svg .icon_bg circle,
.just__svg-fill svg .icon_bg polygon,
.just__svg-fill svg .icon_bg polyline,
.just__svg-fill svg .icon_bg ellipse {
  fill: white;
  stroke: none;
}
.filter__category-fav.just__svg-color svg .icon_lines *,
.just__svg-fill svg .icon_lines * {
  fill: none;
}
.filter__category-fav.just__svg-color svg .icon_lines path,
.filter__category-fav.just__svg-color svg .icon_lines line,
.filter__category-fav.just__svg-color svg .icon_lines rect,
.filter__category-fav.just__svg-color svg .icon_lines circle,
.filter__category-fav.just__svg-color svg .icon_lines polygon,
.filter__category-fav.just__svg-color svg .icon_lines polyline,
.filter__category-fav.just__svg-color svg .icon_lines ellipse,
.just__svg-fill svg .icon_lines path,
.just__svg-fill svg .icon_lines line,
.just__svg-fill svg .icon_lines rect,
.just__svg-fill svg .icon_lines circle,
.just__svg-fill svg .icon_lines polygon,
.just__svg-fill svg .icon_lines polyline,
.just__svg-fill svg .icon_lines ellipse {
  stroke: black;
  fill: black;
}
.filter__category-fav.just__svg-color svg .gray_lines *,
.just__svg-fill svg .gray_lines * {
  fill: none;
}
.filter__category-fav.just__svg-color svg .gray_lines path,
.filter__category-fav.just__svg-color svg .gray_lines line,
.filter__category-fav.just__svg-color svg .gray_lines rect,
.filter__category-fav.just__svg-color svg .gray_lines circle,
.filter__category-fav.just__svg-color svg .gray_lines polygon,
.filter__category-fav.just__svg-color svg .gray_lines polyline,
.filter__category-fav.just__svg-color svg .gray_lines ellipse,
.just__svg-fill svg .gray_lines path,
.just__svg-fill svg .gray_lines line,
.just__svg-fill svg .gray_lines rect,
.just__svg-fill svg .gray_lines circle,
.just__svg-fill svg .gray_lines polygon,
.just__svg-fill svg .gray_lines polyline,
.just__svg-fill svg .gray_lines ellipse {
  stroke: #b9bdc2;
}
.filter__category-fav.just__svg-color svg .icon_lines_border *,
.just__svg-fill svg .icon_lines_border * {
  fill: none;
}
.filter__category-fav.just__svg-color svg .icon_lines_border path,
.filter__category-fav.just__svg-color svg .icon_lines_border line,
.filter__category-fav.just__svg-color svg .icon_lines_border rect,
.filter__category-fav.just__svg-color svg .icon_lines_border circle,
.filter__category-fav.just__svg-color svg .icon_lines_border polygon,
.filter__category-fav.just__svg-color svg .icon_lines_border polyline,
.filter__category-fav.just__svg-color svg .icon_lines_border ellipse,
.just__svg-fill svg .icon_lines_border path,
.just__svg-fill svg .icon_lines_border line,
.just__svg-fill svg .icon_lines_border rect,
.just__svg-fill svg .icon_lines_border circle,
.just__svg-fill svg .icon_lines_border polygon,
.just__svg-fill svg .icon_lines_border polyline,
.just__svg-fill svg .icon_lines_border ellipse {
  stroke: black;
}
.filter__category-fav.just__svg-color svg .icon_items_fill *,
.just__svg-fill svg .icon_items_fill * {
  stroke: none;
}
.filter__category-fav.just__svg-color svg .icon_items_fill path,
.filter__category-fav.just__svg-color svg .icon_items_fill line,
.filter__category-fav.just__svg-color svg .icon_items_fill rect,
.filter__category-fav.just__svg-color svg .icon_items_fill circle,
.filter__category-fav.just__svg-color svg .icon_items_fill polygon,
.filter__category-fav.just__svg-color svg .icon_items_fill polyline,
.filter__category-fav.just__svg-color svg .icon_items_fill ellipse,
.just__svg-fill svg .icon_items_fill path,
.just__svg-fill svg .icon_items_fill line,
.just__svg-fill svg .icon_items_fill rect,
.just__svg-fill svg .icon_items_fill circle,
.just__svg-fill svg .icon_items_fill polygon,
.just__svg-fill svg .icon_items_fill polyline,
.just__svg-fill svg .icon_items_fill ellipse {
  fill: #008856;
}
.filter__category-fav.just__svg-color svg .icon_items_line *,
.just__svg-fill svg .icon_items_line * {
  fill: none;
}
.filter__category-fav.just__svg-color svg .icon_items_line path,
.filter__category-fav.just__svg-color svg .icon_items_line line,
.filter__category-fav.just__svg-color svg .icon_items_line rect,
.filter__category-fav.just__svg-color svg .icon_items_line circle,
.filter__category-fav.just__svg-color svg .icon_items_line polygon,
.filter__category-fav.just__svg-color svg .icon_items_line polyline,
.filter__category-fav.just__svg-color svg .icon_items_line ellipse,
.just__svg-fill svg .icon_items_line path,
.just__svg-fill svg .icon_items_line line,
.just__svg-fill svg .icon_items_line rect,
.just__svg-fill svg .icon_items_line circle,
.just__svg-fill svg .icon_items_line polygon,
.just__svg-fill svg .icon_items_line polyline,
.just__svg-fill svg .icon_items_line ellipse {
  stroke: #008856;
}

.community_item section:not(#reply-add) .card .tinymedium {
  margin-top: 0;
  margin-bottom: 0;
}

.card__body-form .checkbox label::before {
  top: 2px;
}

.card__body-form .checkbox label::after {
  top: 2px;
  padding-left: 3px;
}

.card__body-form .checkbox label {
  padding-top: 3px;
}

.parent_scroll_fixed.fixed .scroll_fixed {
  position: fixed;
  /*top: 0*/
  /*bottom: auto*/
}

.image__hover-blur:hover img {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  filter: blur(4px);
}

.image__link-cover {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.image__link-cover:hover {
  text-decoration: none;
}

.modal__wrapper {
  align-items: center;
  background-color: rgba(100, 100, 100, 0.5);
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 11;
}

.modal__wrapper.visible {
  opacity: 1;
  visibility: visible;
}

.modal__window {
  background-color: white;
  border-radius: 4px;
  /*box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.11), 2.2px 2.1px 3.4px -0.8px hsl(var(--shadow-color)/0.11), 5.4px 5.3px 8.5px -1.7px hsl(var(--shadow-color)/0.11), 13.2px 12.9px 20.8px -2.5px hsl(var(--shadow-color)/0.11);
  transform: scale(0);
  transition: 0.2s ease-in-out all;
  position: relative;
  /* 118 is header bar */
  margin: 134px 16px 75px 16px;
  margin: 16px;
  min-width: 600px;
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
}
.modal__window .admin-form {
  margin-bottom: 0;
}

.modal__window.visible {
  transform: scale(1);
}

.modal__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 1px solid #e5e5e5;
}
.modal__header h1, .modal__header h2, .modal__header h3, .modal__header h4, .modal__header h5, .modal__header h6 {
  margin: 0px;
}

.modal__body {
  padding: 8px 16px;
  max-height: calc(70vh - 209px);
  max-height: 70vh;
  overflow-y: auto;
  flex: 1;
}

.modal__body.container__grid-two {
  width: 800px;
}

.modal__footer {
  border-top: 1px solid #e5e5e5;
  padding: 8px 16px;
}

.close-modal-button {
  border: none;
  background-color: transparent;
  color: rgb(112, 112, 112);
  cursor: pointer;
  font-size: 1rem;
  padding: 0.2em;
}

.close-modal-button:hover {
  color: black;
}

@media (max-width: 767px) {
  .modal__window {
    width: 95vw;
    max-width: 95vw;
    min-width: 95vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal__window {
    max-width: 100vw;
  }
}
.pagination__init {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  padding-left: 0;
  position: relative;
}
.pagination__init li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination__init li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination__admin-list li {
  background-color: #ffffff;
}

.pagination__item {
  border: 1px solid #e1e4e6;
  border-right-width: 0;
  list-style: none;
  overflow: hidden;
}

.pagination__item:last-child {
  border-right-width: 1px;
}

.pagination__link {
  color: #464646;
  display: block;
  padding: 4px 10px;
  text-decoration: none;
}

.pagination__link:hover {
  background-color: #dddddd;
  text-decoration: none;
}

.pagination__item.pagination__link:hover {
  background-color: transparent;
}

.pagination__link-disabled {
  background-color: #ffffff;
}

@media (max-width: 55em) {
  .pagination__item--previous-group {
    /* screen readers only */
    position: absolute;
    top: -50px;
    left: -10px;
  }
}
.pagination__item--previous-group .pagination__link {
  position: relative;
  width: 64px;
}

.pagination__item--previous-group .pagination__link::before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 18px;
}

.pagination__item--previous-group .pagination__link::after {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 34px;
}

.pagination__item--previous-group .pagination__link-disabled {
  pointer-events: none;
}

.pagination__item--previous-group .pagination__link-disabled::before,
.pagination__item--previous-group .pagination__link-disabled::after {
  border-right-color: #bbbbbb;
}

@media (max-width: 55em) {
  .pagination__item--next-group {
    /* screen readers only */
    position: absolute;
    top: -50px;
    left: -10px;
  }
}
.pagination__item--next-group .pagination__link {
  position: relative;
  width: 64px;
}

.pagination__item--next-group .pagination__link::before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 18px;
  transform: rotate(180deg);
}

.pagination__item--next-group .pagination__link::after {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 34px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination__item--next-group .pagination__link-disabled {
  pointer-events: none;
}

.pagination__item--next-group .pagination__link-disabled::before,
.pagination__item--next-group .pagination__link-disabled::after {
  border-right-color: #bbbbbb;
}

.pagination__item-previous2 .pagination__link {
  position: relative;
}

.pagination__item-previous2 .pagination__link::before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  height: 20px;
}

.pagination__item-previous2 .pagination__link-disabled {
  pointer-events: none;
}

.pagination__item-previous2 .pagination__link-disabled::before {
  border-right-color: #bbbbbb;
}

.pagination__item-next2 .pagination__link {
  position: relative;
}

.pagination__item-next2 .pagination__link::before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 12px solid #464646;
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination__item-next2 .pagination__link-disabled {
  pointer-events: none;
}

.pagination__item-next2 .pagination__link-disabled::before {
  border-right-color: #bbbbbb;
}

.pagination__admin-list li.pagination__item-active,
.pagination__item-active {
  background-color: #000000;
  color: #ffffff;
}

.pagination__admin-list li.pagination__item-active .pagination__link,
.pagination__item-active .pagination__link {
  color: #ffffff;
}

.pagination__admin-list li.pagination__item-active .pagination__link:hover,
.pagination__item-active .pagination__link:hover {
  background-color: black;
  text-decoration: none;
}

.pagination__admin-list li.pagination__item-active .pagination__link::before,
.pagination__admin-list li.pagination__item-active .pagination__link::after,
.pagination__item-active .pagination__link::before,
.pagination__item-active .pagination__link::after {
  border-right-color: #ffffff;
}

.contact__container {
  overflow-y: auto;
  max-height: 250px;
}

.contact__date {
  display: flex;
  justify-content: center;
}

.contact__message-date {
  border-radius: 4px;
  padding: 4px;
  font-size: 11px;
  border: 1px solid #ded7cf;
  background-color: #ece5dd;
}

.contact__message {
  display: flex;
  margin-bottom: 16px;
}
.contact__message div {
  border-radius: 4px;
  padding: 4px;
  min-width: 50px;
}
.contact__message .message-person-name {
  font-weight: 600;
  width: 100%;
}
.contact__message p {
  display: inline-block;
  margin: 0px;
}
.contact__message .time {
  display: flex;
  font-size: 11px;
}

.contact__message-mine {
  justify-content: end;
}
.contact__message-mine div {
  border: 1px solid #c0dce8;
  background-color: #e4f5fc;
}
.contact__message-mine .time {
  justify-content: end;
}

.contact__message-other {
  justify-content: start;
}
.contact__message-other div {
  background-color: #fff;
  border: 1px solid #ddd;
}

/*
    http://grid-grail.glitch.me/
*/
.navbar__init {
  height: 60px;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
}

.nav__header > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 0;
  margin: 0;
  background: #222;
  border-radius: 0 4px 4px 4px;
  border: 0;
  min-width: 160px;
  list-style: none;
}
.nav__header > ul > li > ul.navbar__maxh-lang {
  min-width: 52px;
  border-radius: 0 0 4px 4px;
}
.nav__header > ul > li > ul > li > ul {
  display: none;
  border-radius: 0 4px 4px 4px;
  min-width: 160px;
  list-style: none;
}
.nav__header > ul > li > ul > li.maxh {
  max-height: 72vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.nav__header > ul > li.navbar__submenu.open > ul > li > ul,
.nav__header > ul > li.navbar__submenu.open > ul {
  display: block;
}
.nav__header > ul > li > ul > li > ul > li > ul {
  display: none;
  position: absolute;
  left: calc(100% - 3px);
  top: 16px;
  padding: 0;
  margin: 0;
  background: #222;
  border-radius: 0 4px 4px 4px;
  border: 0;
  min-width: 160px;
  list-style: none;
}
.nav__header > ul > li.navbar__submenu.open > ul > li > ul > li.open > ul {
  display: block;
}

.navbar__fixed {
  position: fixed;
  right: 0;
  left: 0;
}

.navbar__fixed-top {
  top: 0;
}

.navbar__right,
.navbar__left {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.navbar__right > li,
.navbar__left > li {
  margin-right: 4px;
}
.navbar__right > li.active a:not(.navbar__menu-logo),
.navbar__left > li.active a:not(.navbar__menu-logo) {
  background-color: #008bc6;
  color: #FFF;
}
.navbar__right > li.active a:not(.navbar__menu-logo):hover,
.navbar__left > li.active a:not(.navbar__menu-logo):hover {
  transition: 0.25s ease-out;
  background-color: #008bc6;
  color: #FFF;
}
.navbar__right > li > a:not(.navbar__menu-logo),
.navbar__left > li > a:not(.navbar__menu-logo) {
  padding: 16px;
  border-radius: 4px;
  color: #008bc6;
}
.navbar__right > li.navbar__submenu > button,
.navbar__left > li.navbar__submenu > button {
  border-top-right-radius: 4px;
}
.navbar__right > li.navbar__submenu > a,
.navbar__left > li.navbar__submenu > a {
  padding-right: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar__right > li.navbar__submenu.open.active > button,
.navbar__right > li.navbar__submenu.open.active > a,
.navbar__right > li.navbar__submenu.open > button,
.navbar__right > li.navbar__submenu.open > a,
.navbar__left > li.navbar__submenu.open.active > button,
.navbar__left > li.navbar__submenu.open.active > a,
.navbar__left > li.navbar__submenu.open > button,
.navbar__left > li.navbar__submenu.open > a {
  transition: 0.25s ease-out;
  color: #fff;
  background-color: #BB1C8F;
  text-decoration: none;
}
.navbar__right > li.navbar__submenu.open.active > button .navbar__caret,
.navbar__right > li.navbar__submenu.open > button .navbar__caret,
.navbar__left > li.navbar__submenu.open.active > button .navbar__caret,
.navbar__left > li.navbar__submenu.open > button .navbar__caret {
  color: #fff;
}
.navbar__right > li.navbar__submenu.active > button,
.navbar__left > li.navbar__submenu.active > button {
  background-color: #008bc6;
  border-bottom-right-radius: 4px;
}
.navbar__right > li.navbar__submenu.active > button .navbar__caret,
.navbar__left > li.navbar__submenu.active > button .navbar__caret {
  color: #fff;
}
.navbar__right > li.navbar__submenu.active > a,
.navbar__left > li.navbar__submenu.active > a {
  border-bottom-left-radius: 4px;
}
.navbar__right > li.navbar__submenu.active.open > button,
.navbar__left > li.navbar__submenu.active.open > button {
  border-bottom-right-radius: 0;
}
.navbar__right > li.navbar__submenu.active.open > a,
.navbar__left > li.navbar__submenu.active.open > a {
  border-bottom-left-radius: 0;
}
.navbar__right > li:not(.navbar__submenu):hover > a:not(.navbar__menu-logo),
.navbar__left > li:not(.navbar__submenu):hover > a:not(.navbar__menu-logo) {
  transition: 0.25s ease-out;
  color: #fff;
  background-color: #BB1C8F;
  text-decoration: none;
}

.navbar__divider {
  height: 1px;
  overflow: hidden;
  margin: 0;
  background-color: #747779;
}

.navbar__maxh {
  list-style: none;
  padding: 0;
  max-height: 414px;
  overflow-y: auto;
}

.navbar__next {
  list-style: none;
  padding: 0;
}

.navbar__next li > a,
.navbar__maxh li > a {
  color: #fff;
  line-height: 32px;
  font-size: 16px;
  white-space: nowrap;
  display: block;
  padding: 8px 16px;
  clear: both;
}
.navbar__next li > a:hover,
.navbar__maxh li > a:hover {
  background-color: #008bc6;
  color: #FFF;
}

li.navbar__submenu {
  position: relative;
  display: flex;
}
li.navbar__submenu button {
  background-color: transparent;
  border: none;
  line-height: 1;
  padding: 4px;
}
li.navbar__submenu > ul > li ul:first-of-type li:first-of-type a {
  border-top-right-radius: 4px;
}
li.navbar__submenu > ul > li ul:last-of-type li:last-of-type a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.navbar__menu-logo,
.navbar__menu-link {
  display: flex;
  align-items: center;
  line-height: 20px;
}

.navbar__menu-divider {
  border-bottom: 1px solid #747779;
}

.navbar__caret {
  display: inline-block;
  width: 0;
  height: 0;
  color: #008bc6;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.holy {
  display: grid;
  grid: [stack] 1fr/-webkit-min-content [stack] 1fr;
  grid: [stack] 1fr/min-content [stack] 1fr;
}

body > aside,
body > .grail {
  grid-area: stack;
}

#sidenav_open {
  /*
  position: sticky;
  top: 120px;
  max-height: 100vh;
  */
  z-index: 8;
  position: fixed;
  top: 60px;
  height: calc(100% - 60px);
  width: 100%;
  /*
  overflow-x: hidden;
  */
  overflow-y: auto;
  overflow: hidden auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  visibility: hidden;
  transform: translateX(-110vw);
  will-change: transform;
  --easeOutExpo: cubic-bezier(0.16,1,0.3,1);
  --duration: .6s;
  transition: transform var(--duration) var(--easeOutExpo), visibility 0s linear var(--duration);
  display: grid;
  grid-template-columns: [nav] 22% [escape] 1fr;
}
#sidenav_open nav {
  overflow-y: auto;
  background-color: #006793;
  /*box-shadow: 0 0 ($default-padding * 2) rgba(33,33,33,.7);*/
  /*box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color) / 0.07), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color) / 0.07), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color) / 0.07), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color) / 0.07);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
  font-size: 1.5rem;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  font-size: 1.4rem;
  color: #e2e2e2;
  min-width: 400px;
  padding-bottom: 64px;
}

#sidenav_open:target {
  --easeOutExpo: cubic-bezier(0.16,1,0.3,1);
  --duration: .6s;
  visibility: visible;
  transform: translateX(0);
  transition: transform var(--duration) var(--easeOutExpo);
}

.nav__main {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav__main > li ul {
  display: none;
}

.nav__header {
  padding: 8px 16px;
  color: #fff;
  /*text-transform: uppercase;*/
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.nav__a-first {
  border-top: 1px solid #005c84;
}

a.nav__a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #005c84;
  transition: background 0.3s;
}
a.nav__a i {
  margin-right: 4px;
}
a.nav__a:hover {
  background: #008bc6;
  text-decoration: none;
  color: #fff;
}

.module__title {
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  height: 60px;
  background: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}

.module__title-bar {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.module__title-left {
  padding: 16px;
  display: flex;
  align-items: center;
}
.module__title-left h1 {
  padding: 0;
  margin: 0;
}

.module__title-right {
  padding: 16px;
  display: flex;
  align-items: center;
}

.module__title-back {
  margin-right: 8px;
  border: 2px solid #0080b7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  width: 26px;
}

.page__layout-filter {
  grid-template-rows: auto;
  display: grid;
}

.content__column {
  background-color: pink;
}

.filter__column {
  background-color: #0080b7;
  background-color: #0080b7;
  color: #fff;
}
.filter__column a {
  color: #fff;
}
.filter__column a:hover {
  color: #fff;
}
.filter__column a:focus {
  color: #fff;
  text-decoration: none;
}
.filter__column #tree_soil {
  padding-bottom: 32px;
}

footer {
  padding: 16px;
}
footer .social__icon a {
  margin-right: 16px;
}
footer .social__icon a:last-of-type {
  margin-right: 0;
}

.container__grid .grid:first-of-type {
  padding-top: 16px;
}

.container__grid-one {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}
.container__grid-one .card {
  margin-bottom: 0;
}

.container__grid-item {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 66% 33%;
  grid-gap: 16px;
  padding: 16px;
}

.container__grid-list {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 16px;
  padding-top: 16px;
  padding-right: 16px;
}

.container__admin {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 16px;
  padding-bottom: 80px;
}

.container__modal1 {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 16px;
}

.container__grid-two {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: calc(50% - 8px) calc(50% - 8px);
  grid-gap: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}
.container__grid-two .card {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.container__grid-two .card .card__header {
  flex-grow: 0;
}
.container__grid-two .card .card__body {
  flex-grow: 1;
}

.container__grid-two .container__grid-one {
  padding-left: 0;
  padding-right: 0;
}
.container__grid-two .container__grid-one > h4 {
  margin-top: 16px;
  margin-bottom: 0;
}

.container__grid .grid.no__padding-grid {
  padding: 0;
}

.content__grid-two {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.content__grid-two .card {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.content__grid-two .card .card__header {
  flex-grow: 0;
}
.content__grid-two .card .card__body {
  flex-grow: 1;
}

.container__grid-three {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}
.container__grid-three > .card {
  margin-bottom: 0;
}

.container__grid-four {
  grid-template-rows: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}
.container__grid-four .card {
  margin-bottom: 0;
}

.container__grid-list .container__grid-one,
.container__grid-list .container__grid-two,
.container__grid-list .container__grid-four {
  padding-right: 0;
}

.card__opacity-65 .card {
  opacity: 0.65;
}
.card__opacity-65 .card:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .container__grid-four {
    grid-template-columns: 1fr;
  }
  .container__grid-three {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container__grid-three {
    grid-template-columns: 1fr 1fr;
  }
  .container__grid-four {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container__grid-three {
    grid-template-columns: 1fr 1fr;
  }
  .container__grid-four {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .page__layout-filter {
    grid-template-columns: 25% 75%;
  }
  .content__column {
    width: 25%;
  }
  .filter__column {
    width: 25%;
    position: fixed;
    overflow-y: auto;
    left: 0;
    bottom: 0;
    border: none;
    margin-top: 0;
    top: 118px;
  }
  .filter__column-admin {
    display: none;
  }
  .container__grid {
    margin-left: 25%;
  }
  .action__bar {
    margin-left: 0;
  }
  .container__grid-admin {
    margin-left: 0;
  }
  .container__grid-admin form {
    padding-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .page__layout-filter {
    grid-template-columns: 20% 80%;
  }
  .content__column {
    width: 20%;
  }
  .filter__column {
    width: 20%;
    position: fixed;
    overflow-y: auto;
    left: 0;
    bottom: 0;
    border: none;
    margin-top: 0;
    top: 118px;
  }
  .container__grid {
    margin-left: 20%;
  }
  .container__grid-admin form {
    padding-bottom: 64px;
  }
}
.notification__bullet {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  font-weight: 700;
  border-radius: 100px;
  border: 1px solid;
  padding-left: 4px;
  padding-right: 4px;
}

.panel-header .notification__bullet {
  display: inline;
}

.notification__bullet-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.notification__bullet-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.notification__bullet-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.notification__bullet-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.notification__bullet-corner {
  position: absolute;
  top: -11px;
  right: -11px;
}
.notification__bullet-corner.notification__bullet-2 {
  right: 11px;
}
.notification__bullet-corner.notification__bullet-3 {
  right: 33px;
}
.notification__bullet-corner.notification__bullet-4 {
  right: 55px;
}

.notification__bullet-corner-left {
  position: absolute;
  top: -11px;
  left: -11px;
}
.notification__bullet-corner-left.notification__bullet-2 {
  left: 11px;
}
.notification__bullet-corner-left.notification__bullet-3 {
  left: 33px;
}
.notification__bullet-corner-left.notification__bullet-4 {
  left: 55px;
}

/*
    https://dev.to/j471n/image-slider-with-vanila-js-22bf
    https://dev.to/monalishamondol/create-image-slider-with-navigation-buttons-using-html-css-js-388n
*/
/* Main Wrapper Container */
.slideshow__slider {
  position: relative;
  width: 100%;
  height: 768px;
}

/* Slider Container which contains images */
.slideshow__item {
  /*
  position: relative;
  width: 100%;
  height: 100%;
  */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px;
  margin: 0px;
  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}

/* Default Image Properties */
.slideshow__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Active Image or Current image to display */
.slideshow__item[data-active=true] {
  /*
  opacity: 1;
  //transform: scale(1);
  //transition-delay: 0ms;
  width: 100%;
  height: 100%;

  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  */
  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  clip-path: initial;
}

/* Image Slider Next And Previous Buttons */
.slideshow__btn {
  position: absolute;
  background: #f1f1f1;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  border: 1px solid rgba(34, 34, 34, 0.287);
  transition: opacity 300ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
}

.slideshow__btn > img {
  width: 100%;
}

/* Show Buttons when user hover on the slider Container */
.slideshow__slider:hover > .slideshow__btn {
  opacity: 1;
}

/* Previous and Next Button Position Absolute */
.slideshow__btn-prev,
.slideshow__btn-next {
  top: 50%;
  transform: translateY(-60%);
}

.slideshow__btn-prev {
  left: 20px;
}

.slideshow__btn-next {
  right: 20px;
}

/* Bottom Dots Container  */
.slideshow__dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Sigle Dot style */
.slideshow__dots-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid #f1f1f1;
  margin: 0 5px;
  background: #f1f1f1;
  cursor: pointer;
  transition: background-color 500ms ease-in-out;
}

/* Change the color of bg when user hover on it. */
.slideshow__dots-dot:hover {
  opacity: 0.9;
  background: rgb(32, 32, 32);
}

/* Current or active dot */
.slideshow__dots-dot[data-active=true] {
  background: rgb(32, 32, 32);
}

.swoosh {
  position: absolute;
  bottom: 0;
  right: 0;
}

.swoosh__text {
  position: absolute;
  top: 25%;
}

.tree__twig {
  max-width: 700px;
}
.tree__twig .sort {
  cursor: pointer;
  padding-right: 4px;
  padding-left: 4px;
}
.tree__twig ul {
  list-style-type: none;
  position: relative;
  margin: 0 0 0 16px; /* indentation */
  padding: 0;
}
.tree__twig ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid #d4d4d4;
}
.tree__twig > ul {
  padding-left: 0;
  margin-left: 0;
}
.tree__twig > ul:before {
  border: 0;
}
.tree__twig > ul li {
  padding-left: 16px;
  padding-bottom: 4px;
  position: relative;
}
.tree__twig > ul li ul {
  padding-top: 4px;
}
.tree__twig > ul li:before {
  content: "";
  display: block;
  width: 16px; /* same with indentation */
  height: 0;
  border-top: 1px solid #d4d4d4;
  margin-top: -1px; /* border top width */
  position: absolute;
  top: 16px; /* (line-height/2) */
  left: 0;
}
.tree__twig > ul li:last-child:before {
  background: white; /* same with body background */
  height: auto;
  bottom: 0;
}
.tree__twig > ul li div:hover {
  background: #f1f1f1;
}
.tree__twig > ul > li {
  padding-left: 0;
}
.tree__twig > ul > li:before {
  border: 0;
  margin-top: 4px;
}
.tree__twig li:last-of-type {
  padding-bottom: 0;
}

.twig__picto {
  padding-right: 8px;
}

.tree__twig-checkbox > ul li:before {
  top: 12px;
}
.tree__twig-checkbox .form__field-checkbox-matrix {
  margin-bottom: 4px;
}

.progress__tracker {
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1px 1px 1.6px -1.2px hsl(var(--shadow-color)/0.07), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color)/0.07);
  margin-bottom: 16px;
  transition: box-shadow 0.3s;
  background-color: #ffffff;
}
.progress__tracker ul {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 16px;
}
.progress__tracker ul a {
  display: flex;
  text-align: center;
  flex-direction: column;
}
.progress__tracker ul a:hover {
  text-decoration: none;
}
.progress__tracker ul a.progress_last_tab {
  align-items: end;
}

.progress__tracker:hover {
  /*box-shadow: 0 0 11px rgba(33,33,33,.2);*/
  box-shadow: 0.7px 0.6px 1px hsl(var(--shadow-color)/0.07), 1.9px 1.9px 3px -0.8px hsl(var(--shadow-color)/0.07), 4.7px 4.6px 7.4px -1.7px hsl(var(--shadow-color)/0.07), 11.2px 11px 17.7px -2.5px hsl(var(--shadow-color)/0.07);
}

.progress__tracker-bar {
  border-radius: 50px;
  background: #e1e4e6;
  box-shadow: inset 0 1px 0 0 #bebebe;
  position: absolute;
  left: 16px;
  right: 16px;
  top: 44px;
  height: 8px;
  width: calc(100% - 32px);
}

.progress__tracker-section {
  width: 64px;
  height: 64px;
  padding: 8px;
  text-decoration: none;
  border-radius: 50px;
  background: #e1e4e6;
  box-shadow: inset 0 1px 0 0 #bebebe;
}

.progress__tracker-indicator {
  border-radius: 50px;
  padding: 8px;
}

.progress__tracker-checked {
  background-color: #5ca6d1;
}

.progress__tabs [aria-selected=true] .progress__tracker-indicator {
  background-color: #40d0ad;
}

:root {
  --tagify-dd-color-primary: rgb(53,149,246);
  --tagify-dd-bg-color: white;
  --tagify-dd-item-pad: .3em .5em;
}

.tagify {
  --tags-disabled-bg: #F1F1F1;
  --tags-border-color: #DDD;
  --tags-hover-border-color: #CCC;
  --tags-focus-border-color: #3595f6;
  --tag-border-radius: 4px;
  --tag-bg: #E5E5E5;
  --tag-hover: #D3E2E2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 200px;
  --tag-invalid-color: #D39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --loader-size: .8em;
  --readonly-striped: 1;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 0;
  cursor: text;
  outline: none;
  position: relative;
  box-sizing: border-box;
  transition: 0.1s;
}
@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}
@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color: var(--tags-hover-border-color);
}
.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: saturate(0);
  opacity: 0.5;
  pointer-events: none;
}
.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
  pointer-events: none;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
  cursor: default;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 2px 0;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
  padding: var(--tag-pad);
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}
@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
  display: none;
}
.tagify--loading .tagify__input > br:last-child {
  display: none;
}
.tagify--loading .tagify__input::before {
  content: none;
}
.tagify--loading .tagify__input::after {
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  content: "" !important;
  margin: -2px 0 -2px 0.5em;
}
.tagify--loading .tagify__input:empty::after {
  margin-left: 0;
}
.tagify + input,
.tagify + textarea {
  position: absolute !important;
  left: -9999em !important;
  transform: scale(0) !important;
}
.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 2px 0 2px 2px;
  position: relative;
  z-index: 1;
  outline: none;
  line-height: normal;
  cursor: default;
  transition: 0.13s ease-out;
}
.tagify__tag > div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--tag-pad);
  color: var(--tag-text-color);
  line-height: inherit;
  border-radius: var(--tag-border-radius);
  white-space: nowrap;
  transition: 0.13s ease-out;
}
.tagify__tag > div > * {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: var(--tag--min-width);
  max-width: var(--tag--max-width);
  transition: 0.8s ease, 0.1s color;
}
.tagify__tag > div > *[contenteditable] {
  outline: none;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px;
}
.tagify__tag > div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: var(--tag-bg-inset, 0);
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump 0.3s ease-out 1;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
}
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
  --tag-bg-inset: -1px;
  --tag-bg: var(--tag-hover);
}
.tagify__tag--loading {
  pointer-events: none;
}
.tagify__tag--loading .tagify__tag__removeBtn {
  display: none;
}
.tagify__tag--loading::after {
  --loader-size: .4em;
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  margin: 0 0.5em 0 -0.1em;
}
.tagify__tag--flash div::before {
  animation: none;
}
.tagify__tag--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: var(--tag-hide-transition);
  pointer-events: none;
}
.tagify__tag--hide > div > * {
  white-space: nowrap;
}
.tagify__tag.tagify--noAnim > div::before {
  animation: none;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
  opacity: 0.5;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  --tag-bg: var(--tag-invalid-bg);
  transition: 0.2s;
}
.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none;
}
.tagify__tag[readonly] > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}
@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify__tag--editable > div {
  color: var(--tag-text-color--edit);
}
.tagify__tag--editable > div::before {
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
}
.tagify__tag--editable > .tagify__tag__removeBtn {
  pointer-events: none;
}
.tagify__tag--editable > .tagify__tag__removeBtn::after {
  opacity: 0;
  transform: translateX(100%) translateX(5px);
}
.tagify__tag--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
}
.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px/1 Arial;
  background: var(--tag-remove-btn-bg);
  color: var(--tag-remove-btn-color);
  width: 14px;
  height: 14px;
  margin-right: 4.6666666667px;
  margin-left: auto;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
}
.tagify__tag__removeBtn:hover {
  color: white;
  background: var(--tag-remove-btn-bg--hover);
}
.tagify__tag__removeBtn:hover + div > span {
  opacity: 0.5;
}
.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
  transition: box-shadow 0.2s;
}
.tagify:not(.tagify--mix) .tagify__input br {
  display: none;
}
.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap;
}
.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 110px;
  margin: 2px;
  padding: var(--tag-pad);
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
  color: var(--input-color);
  box-sizing: inherit;
  /* Seems firefox newer versions don't need this any more
  @supports ( -moz-appearance:none ){
      &::before{
          line-height: inherit;
          position:relative;
      }
  }
  */
}
@-moz-document url-prefix() {}
.tagify__input:empty::before {
  position: static;
}
.tagify__input:focus {
  outline: none;
}
.tagify__input:focus::before {
  transition: 0.2s ease-out;
  opacity: 0;
  transform: translatex(6px);
  /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
  /* IE Edge 12+ CSS styles go here */
}
@supports (-ms-ime-align: auto) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  color: rgba(0, 0, 0, 0.25);
  color: var(--placeholder-color-focus);
}
@-moz-document url-prefix() {
  .tagify__input:focus:empty::after {
    display: none;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  height: 1em;
  line-height: 1em;
  margin: auto 0;
  z-index: 1;
  color: var(--placeholder-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  min-width: calc(100% - 1.5em);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre; /* allows spaces at the beginning */
  color: var(--tag-text-color);
  opacity: 0.3;
  pointer-events: none;
  max-width: 100px;
}
.tagify__input .tagify__tag {
  margin: 0 1px;
}
.tagify--mix {
  display: block;
}
.tagify--mix .tagify__input {
  padding: 2px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: block;
}
.tagify--mix .tagify__input::before {
  height: auto;
  display: none;
  line-height: inherit;
}
.tagify--mix .tagify__input::after {
  content: none;
}
.tagify--select::after {
  content: ">";
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: 0.2s ease-in-out;
}
.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}
.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0;
}
.tagify--select .tagify__tag div {
  display: none;
}
.tagify--select .tagify__input {
  width: 100%;
}
.tagify--empty .tagify__input::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  display: inline-block;
  width: auto;
}
.tagify--mix .tagify--empty .tagify__input::before {
  display: inline-block;
}
.tagify--focus {
  --tags-border-color: var(--tags-focus-border-color);
  transition: 0s;
}
.tagify--invalid {
  --tags-border-color: #D39494;
}
.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
}
.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-100%);
}
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1.1px;
  border-bottom-width: 0;
}
.tagify__dropdown[position=text] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: 0.9em;
}
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  border-width: 1px;
}
.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  background: var(--tagify-dd-bg-color);
  border: 1px solid;
  border-color: var(--tagify-dd-color-primary);
  border-bottom-width: 1.5px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}
.tagify__dropdown__header:empty {
  display: none;
}
.tagify__dropdown__footer {
  display: inline-block;
  margin-top: 0.5em;
  padding: var(--tagify-dd-item-pad);
  font-size: 0.7em;
  font-style: italic;
  opacity: 0.5;
}
.tagify__dropdown__footer:empty {
  display: none;
}
.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em);
}
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em);
}
.tagify__dropdown__item {
  box-sizing: border-box;
  padding: var(--tagify-dd-item-pad);
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: none;
  max-height: 60px;
  max-width: 100%;
  /* custom hidden transition effect is needed for horizontal-layout suggestions */
}
.tagify__dropdown__item--active {
  background: var(--tagify-dd-color-primary);
  color: white;
}
.tagify__dropdown__item:active {
  filter: brightness(105%);
}
.tagify__dropdown__item--hidden {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 1px;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
  transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
}
.tagify__dropdown__item--hidden > * {
  transform: translateY(-100%);
  opacity: 0;
  transition: inherit;
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide {
  position: relative;
}
.splide .splide__slide {
  width: calc(100% + 0px);
  margin-bottom: 16px;
}
.splide .splide__track {
  margin-left: 32px;
  margin-right: 32px;
}

.splide__arrow--prev {
  /*left: -2.5rem;*/
  left: 1px;
  transform: scaleX(-1) translateY(-50%);
}

.splide__arrow--next {
  /*right: -2.5rem;*/
  right: 1px;
  transform: translateY(-50%);
}

.splide__pagination__page {
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  padding: 0;
  position: relative;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: 10px;
}

.splide__pagination {
  padding: 0;
}

.splide__pagination__page.is-active {
  background: #BB1C8F;
}

.splide__arrow {
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: #e5eeee;
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.splide__arrow svg {
  fill: none;
  stroke: #BB1C8F;
  stroke-linecap: square;
  stroke-width: 8px;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.splide__slide-tip {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.splide__slide-tip .tip {
  border-bottom: 3px solid #BB1C8F;
  display: inline-block;
  padding-bottom: 8px;
}
.splide__slide-tip .button__icon {
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.splide__slide-tip strong {
  display: block;
  font-size: 16px;
  line-height: 24px;
}

.reply-add-form-image {
  position: relative;
  display: inline-block;
}
.reply-add-form-image .file_del {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #0080b7;
  border-radius: 4px;
  padding: 2px;
  background-color: #fff;
}

.reply-add-form.has-error .tinymedium {
  border: 3px solid #a94442;
}

.reply-add-form {
  width: 100%;
  display: flex;
  word-break: break-word;
}
.reply-add-form .avatar {
  margin-right: 10px;
}
.reply-add-form .alert {
  padding: 10px;
  margin-bottom: 0px;
  width: 100%;
}
.reply-add-form form {
  width: 100%;
  align-self: center;
  font-size: 1.3rem;
}
.reply-add-form form .tinymedium {
  float: left;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #E1E4E6;
  min-height: 40px;
}
.reply-add-form form .tinymedium p:last-child {
  margin-bottom: 0;
}
.reply-add-form form.has-error .tinymedium {
  border: 3px solid #a94442;
}
.reply-add-form .button-wrapper {
  display: flex;
  align-self: center;
}
.reply-add-form .button-wrapper .button {
  float: left;
  border-radius: 0px;
  border: 1px solid #0080b7;
  border-left: 1px solid #E1E4E6;
}
.reply-add-form .button-wrapper .button:first-of-type {
  border-left: none;
}
.reply-add-form .button-wrapper .button:last-of-type {
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.reply-add-form .button-wrapper .button.reply-file-upload .fa-plus {
  font-size: 10px;
}

#reply-list > .reply-list-item {
  margin-bottom: 15px;
}
#reply-list .panel:before, #reply-list .panel:after {
  top: 15px;
}

.reply-actions {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.reply-actions > li {
  display: inline-block;
  font-size: 12px;
  float: right;
  margin-left: 25px;
}
.reply-actions > li.reply-date {
  margin-left: 0px;
  float: left;
  color: #9e9e9e;
}
.reply-actions > li.show-replies.open .fa-caret-down {
  transform: rotate(180deg);
}

.reply-list-item {
  display: flex;
}
.reply-list-item .reply-list-item-image {
  margin-right: 20px;
  margin-top: 10px;
}
.reply-list-item .reply-list-item-reply {
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}
.reply-list-item .reply-list-item-reply .avatar {
  display: none;
  float: left;
  margin-right: 10px;
}
.reply-list-item .reply-list-item-reply a.reply-name {
  font-weight: 600;
}
.reply-list-item .reply-list-item-reply .panel-footer {
  min-height: 25px;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  border-bottom: 1px solid #E1E4E6;
}
.reply-list-item .reply-list-item-reply section[class^=reply-add] .reply-add-form {
  border-bottom: 1px solid #E1E4E6;
  padding-right: 20px;
}
.reply-list-item .reply-list-item-reply section[class^=reply-add] .avatar {
  margin: 20px;
  display: inline-block;
}
.reply-list-item .reply-list-item-reply .reply-list-item {
  padding: 15px 15px 0px 15px;
  background: #f1f1f1;
}
.reply-list-item .reply-list-item-reply .reply-list-item .reply-list-item {
  background: #e4e4e4;
}
.reply-list-item .reply-list-item-reply .reply-list-item .reply-list-item .reply-list-item {
  background: #d8d8d8;
}
.reply-list-item .reply-list-item-reply .reply-list-item .reply-list-item .reply-list-item .reply-list-item {
  background: #cbcbcb;
}
.reply-list-item .reply-list-item-reply .reply-list-item:last-of-type {
  padding-bottom: 15px;
}
.reply-list-item .reply-list-item-reply .reply-list-item .reply-list-item-reply .avatar {
  display: block;
}

@media (max-width: 768px) {
  .reply-list-item .reply-list-item-image {
    display: none;
  }
  .reply-list-item .reply-list-item-reply .avatar {
    display: block;
  }
  .reply-list-item .reply-list-item-reply p {
    display: inline;
  }
}
.avatar-list {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.avatar-list > li {
  display: inline-block;
  margin-right: 5px;
  float: left;
}

.avatar .remove .fa {
  position: absolute;
  color: #fff;
  font-size: 17px;
  transform: scale(0);
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  transition: transform 0.3s ease-in;
}

.avatar:hover {
  text-decoration: none;
}
.avatar .remove .fa {
  position: absolute;
  color: #fff;
  font-size: 17px;
  transform: scale(0);
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  transition: transform 0.3s ease-in;
}
.avatar .remove:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #DC4250;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.avatar .remove:hover:before {
  opacity: 0.85;
}
.avatar .remove:hover .fa {
  transform: scale(1);
}

.avatar.avatar-small {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.avatar.avatar-medium {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
}

.avatar.avatar-ml {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
}

.avatar.avatar-large {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.avatar.avatar-large img.add-icon-big {
  border-radius: 100%;
}

.avatar.avatar-xl {
  width: 300px;
  height: 300px;
  min-width: 300px;
  min-height: 300px;
}

.avatar.avatar-xs {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
}

.avatar.avatar-xxs {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.avatar {
  line-height: 0px;
  border-radius: 100%;
  text-align: center;
  background: #FFF;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.avatar > span {
  display: block;
  width: 100%;
  height: 100%;
}

.button {
  font-weight: 400;
  outline: none;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 4px;
  user-select: none;
}
.button:active {
  border-style: solid;
}
.button.primary {
  background: #0080b7;
  color: #FFF;
  border-color: transparent;
}
.button.primary.inverted {
  color: #0080b7;
  background: #FFF;
  border-color: #E1E4E6;
}

.liked:focus,
.liked {
  color: #bb1c8f;
}
.liked:focus .fa,
.liked .fa {
  width: 100%;
}

.back-to-top {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 70px;
  background-color: #323234;
  /*
  	@media (min-width: 576px) {
  		bottom: 20px;
  	}
  */
}
.back-to-top a {
  color: white;
}
.back-to-top:hover {
  background-color: #454547;
}
.back-to-top:hover > a {
  /*color: #adadad;*/
}

.tbl {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
}

.tbl--relative {
  position: relative;
}

.tbl th,
.tbl td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
}

.fixed_header.fixed th {
  position: sticky;
  background: white;
}

.tbl--border,
.tbl--border > tbody > tr > td,
.tbl--border > tbody > tr > th,
.tbl--border > tfoot > tr > td,
.tbl--border > tfoot > tr > th,
.tbl--border > thead > tr > td,
.tbl--border > thead > tr > th {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.tbl--border:last-of-type,
.tbl--border > tbody > tr > td:last-of-type,
.tbl--border > tbody > tr > th:last-of-type,
.tbl--border > tfoot > tr > td:last-of-type,
.tbl--border > tfoot > tr > th:last-of-type,
.tbl--border > thead > tr > td:last-of-type,
.tbl--border > thead > tr > th:last-of-type {
  border-right: 1px solid #ddd;
}

.tbl--border > tbody > tr:last-of-type > td,
.tbl--border > tbody > tr:last-of-type > th,
.tbl--border > tfoot > tr:last-of-type > td,
.tbl--border > tfoot > tr:last-of-type > th,
.tbl--border > thead > tr:last-of-type > td,
.tbl--border > thead > tr:last-of-type > th {
  border-bottom: 1px solid #ddd;
}

.tbl--theme-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}