@charset "UTF-8";
.blog-top-background-gradient {
  background: linear-gradient(63.74deg, #75B847 6.07%, #54ADA2 91.53%);
  min-height: 280px;
  width: 100%;
}

.blog-fill-gradient {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: -2;
  background: rgb(217, 224, 228);
  background: linear-gradient(90deg, rgb(217, 224, 228) 0%, rgba(255, 255, 255, 0) 51%, rgb(217, 224, 228) 100%);
}

.ui.facebook.button {
  background-color: #1274c3;
  color: #ffffff;
}
.ui.facebook.button:hover {
  background-color: #0063B5;
}

.ui.x.button {
  background-color: #404040;
  color: #ffffff;
}
.ui.x.button:hover {
  background-color: #262626;
}

#blog-index {
  position: relative;
  height: fit-content;
  margin-top: -250px;
}
#blog-index .blog-content {
  height: fit-content;
}
#blog-index .blog-content .title {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: white;
  margin-top: 10px;
}
#blog-index .blog-content .category {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 49px;
  text-align: center;
  color: white;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #blog-index .blog-content .category {
    font-size: 28px;
  }
}
#blog-index .blog-content .ui.container {
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  height: fit-content;
}
@media (max-width: 767px) {
  #blog-index .blog-content .ui.container {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  #blog-index .blog-content .ui.container .row .column {
    margin: 0 !important;
    padding: 0 !important;
  }
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow > div:not(:first-child) {
  visibility: hidden;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-list {
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0px 3px 20px rgba(203, 218, 232, 0.7);
}
@media (max-width: 767px) {
  #blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-list {
    border-radius: 0px;
  }
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-dots {
  list-style-type: none;
  text-align: center;
  padding: 0px;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-dots button {
  background: transparent;
  border: 1px solid #1274c3;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  color: transparent;
  display: inline-block;
  line-height: 0;
  font-size: 0;
  outline: none;
  padding: 0;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-dots .slick-active button {
  background: #1274c3;
  transform: scale(1.2);
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .item {
  font-weight: bold;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .item .column img {
  align-items: stretch;
  width: 100%;
}
@media (max-width: 1199px) {
  #blog-index .blog-content .ui.container .row .column #blog-slideshow .item .column img {
    min-height: 280px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  #blog-index .blog-content .ui.container .row .column #blog-slideshow .item .column img {
    min-height: 0 !important;
  }
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .item .post-category {
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  color: #6C6C6C;
  margin-top: 20px;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .item .post-title {
  color: #404040;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  padding: 20px;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .item .post-link {
  color: #1274c3;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 20px;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-slide, #blog-index .blog-content .ui.container .row .column #blog-slideshow > div:not(.slick-list) {
  position: relative;
  outline: none;
}
#blog-index .blog-content .ui.container .row .column #blog-slideshow .slick-slide .gradient, #blog-index .blog-content .ui.container .row .column #blog-slideshow > div:not(.slick-list) .gradient {
  height: 75px;
}
#blog-index .blog-content .ui.container .row #left-arrow, #blog-index .blog-content .ui.container .row #right-arrow {
  color: white;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 43px;
  cursor: pointer;
}
#blog-index .blog-content .ui.container .row #right-arrow {
  text-align: start;
}
#blog-index .blog-content .category-buttons {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
#blog-index .blog-content .category-buttons .slider {
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  margin-left: auto;
  margin-right: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#blog-index .blog-content .category-buttons .slide {
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #1274c3;
  color: #1274c3;
  background: white;
  min-width: 140px;
  text-align: center;
}
#blog-index .blog-content .category-buttons .slide.active {
  background: #1274c3;
  color: white;
}
#blog-index .blog-content .category-buttons .slider::-webkit-scrollbar {
  display: none;
}
#blog-index .blog-content .posts-list {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  padding-top: 0;
}
#blog-index .blog-content .posts-list a .angle {
  margin-right: 0;
  margin-left: 0;
  font-size: 1.3em;
  vertical-align: middle;
  margin-top: -3px;
}
#blog-index .blog-content .posts-list .pagination {
  display: inline;
}
#blog-index .blog-content .posts-list .pagination .page {
  display: inline-block;
  margin: 5px;
}
#blog-index .blog-content .posts-list .pagination .page.current {
  border-radius: 50%;
  width: 30px;
  line-height: 30px;
  color: white;
  background: #1274c3;
}
#blog-index .blog-content .posts-list .pagination .gap {
  display: inline;
  width: fit-content;
  color: #1274c3;
}
#blog-index .blog-content .posts-list .post {
  padding: 20px;
  margin: 20px;
  box-shadow: 0px 3px 20px rgba(203, 218, 232, 0.7);
  border-radius: 10px;
  overflow: auto;
}
#blog-index .blog-content .posts-list .post img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
#blog-index .blog-content .posts-list .post .post-info {
  width: inherit;
}
#blog-index .blog-content .posts-list .post .post-info .post-categories {
  font-weight: bold;
  font-size: 14px;
  color: #6C6C6C;
}
#blog-index .blog-content .posts-list .post .post-info .post-published-date {
  font-weight: normal;
  font-size: 13px;
  color: #9D9D9D;
}
@media (max-width: 767px) {
  #blog-index .blog-content .posts-list .post .post-info .post-published-date {
    text-align: right;
    float: right;
    padding-top: 1px;
  }
}
#blog-index .blog-content .posts-list .post .post-title {
  font-weight: 900;
  font-size: 21px;
  line-height: 27px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 600px;
  color: #404040;
}
#blog-index .blog-content .posts-list .post .post-teaser {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #404040;
}
#blog-index .blog-content .posts-list .post .post-link {
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 767px) {
  #blog-index .blog-content .posts-list .post .post-link {
    text-align: right;
    float: right;
  }
}

#blog-show {
  position: relative;
  height: fit-content;
  margin-top: -250px;
}
#blog-show .post-content {
  height: fit-content;
}
#blog-show .post-content .post-category {
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #D4E7DD;
  font-weight: 400;
}
#blog-show .post-content .post-category a {
  color: white;
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
}
#blog-show .post-content .post-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 49px;
  text-align: center;
  color: white;
  max-width: 600px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  #blog-show .post-content .post-title {
    font-weight: 900;
    font-size: 21px;
    line-height: 29px;
    padding: 10px;
  }
}
#blog-show .post-content .ui.container .box {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  height: fit-content;
  max-width: 740px;
  box-shadow: 0px 3px 20px rgba(203, 218, 232, 0.7);
  border-radius: 10px;
}
#blog-show .post-content .ui.container .box img {
  display: block;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}
#blog-show .post-content .ui.container .box .post-body {
  padding: 30px;
}
#blog-show .post-content .ui.container .box .post-body .post-published-date {
  font-size: 13px;
  line-height: 18px;
  color: #9D9D9D;
}
#blog-show .post-content .ui.container .box .post-body .post-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #404040;
}
#blog-show .post-content .ui.container .box .post-body .post-text .reset-styles p, #blog-show .post-content .ui.container .box .post-body .post-text span {
  text-align: initial !important;
}
#blog-show .post-content .ui.container .box .post-body .share-buttons {
  margin-top: 20px;
  max-width: 380px;
}
#blog-show .post-content .ui.container .box .post-body .share-buttons .column {
  padding: 10px !important;
}
#blog-show .next-prev-links {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 20px;
}
#blog-show .next-prev-links .icon {
  margin-right: 0;
  margin-left: 0;
  font-size: 1.2em;
  vertical-align: middle;
  margin-top: -4px;
}
@media (max-width: 767px) {
  #blog-show .next-prev-links .column {
    padding: 0 !important;
  }
}

.causeStatistics {
  margin-top: 0;
  padding: 2rem 0;
  margin-bottom: -55px;
  background-color: white;
}
.causeStatistics__backLink {
  padding-bottom: 2rem;
}
.causeStatistics .ui.container.with-margin {
  margin-top: 0;
}
.causeStatistics #funds {
  color: white !important;
}
@media (max-width: 767px) {
  .causeStatistics .pagination .page.item:not(.active), .causeStatistics .pagination .gap {
    display: none;
  }
}
.causeStatistics .row.with-bottom-margin {
  margin-bottom: 10px;
}
.causeStatistics h3.with-line {
  top: 0.6em;
}
.causeStatistics .column.stats {
  padding-right: 5px;
}
.causeStatistics .column.date-range {
  padding-left: 0;
}
.causeStatistics .cause-basic-info {
  background: #F7F6F3;
  overflow: hidden;
  position: relative;
}
.causeStatistics .cause-basic-info .cause-progressbar .supported, .causeStatistics .cause-basic-info .cause-progressbar .still-needed {
  font-size: 1em;
  color: #00801c;
}
.causeStatistics .cause-basic-info .cause-progressbar .still-needed {
  margin-top: 5px;
}
.causeStatistics .date-selector {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  background: #00801c;
  border-radius: 10px;
  padding: 5px;
  font-weight: bold;
  color: #00801c;
}
.causeStatistics .date-selector .range-text {
  font-size: 1.1em;
  color: #ffffff;
}
@media (max-width: 991px) {
  .causeStatistics .date-selector .range-text {
    font-size: 1.1em;
  }
}
.causeStatistics .date-selector .date-range-picker {
  width: 270px;
  border-radius: 15px;
  border: 0.06em dashed #00801c;
  padding: 2px 10px;
  background-color: #F9FBF3;
  font-size: 1.1em;
}
.causeStatistics .date-selector .date-range-picker:before {
  width: 1em;
}
@media (max-width: 991px) {
  .causeStatistics .date-selector .date-range-picker {
    width: 270px;
    font-size: 1.1em;
  }
}
.causeStatistics .funds-chart.box .title, .causeStatistics .sources-chart.box .title {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 30px;
}
.causeStatistics .funds-chart.box .title.green, .causeStatistics .sources-chart.box .title.green {
  color: #00801c;
}
.causeStatistics .funds-chart.box {
  background-color: #00801c;
  margin: 0;
}
.causeStatistics .sources-chart.box .title {
  color: #00801c;
}
.causeStatistics .sort-type-links {
  margin: -5px 0 10px;
}
.causeStatistics .sort-type-links .link {
  display: inline-block;
  padding-right: 5px;
}
.causeStatistics .sort-type-links .link a.active {
  color: #00801c;
  font-weight: bold;
  pointer-events: none;
}
.causeStatistics .stats h1 {
  font-size: 2.5em;
}
@media (max-width: 1199px) {
  .causeStatistics .stats h1 {
    font-size: 2em;
  }
}
@media (max-width: 991px) {
  .causeStatistics .stats h1 {
    font-size: 2.5em;
  }
}
.causeStatistics .tabs [data-tab=skarbonki] .center-text {
  margin-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1210px) {
  #cause-updates .ui.stackable.buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #cause-updates .ui.stackable.buttons > .button {
    width: 100%;
  }
}
#cause-updates .update-card {
  margin-top: 10px;
}
#cause-updates .update-card .green-box {
  overflow: hidden;
}
#cause-updates .update-card .green-box .content {
  text-align: justify;
}
#cause-updates .update-card .green-box .content.hidden {
  display: none;
}
#cause-updates .update-card .green-box .content img,
#cause-updates .update-card .green-box .content iframe {
  display: block;
  margin: 0 auto;
}
#cause-updates .update-card .green-box .content img {
  max-width: 100%;
  border-radius: 10px;
}
#cause-updates .update-card .green-box .buttons {
  border-bottom: 0;
  background: #f9fbf3;
  font-weight: bold;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
}
#cause-updates .update-card .green-box .buttons.ui {
  background: #f9fbf3;
  display: grid;
}
#cause-updates .update-card .green-box .buttons .button {
  font-weight: inherit;
  margin: 0;
  border-radius: 0;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
#cause-updates .update-card .green-box .buttons .button.ui {
  margin: 0;
  border-radius: 0;
}
#cause-updates .update-card .green-box .buttons .button:nth-child(2n) {
  border-right: none;
}
#cause-updates .update-card .green-box .buttons .button:nth-last-child(-n+2) {
  border-bottom: none;
}
#cause-updates .update-card .green-box .buttons .button.sent {
  color: #00801c;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  #cause-updates .update-card .green-box .buttons .button.sent .button-text {
    font-size: 0.85em;
  }
}
#cause-updates .update-card .green-box .buttons .button .button-name {
  display: inline-block;
}
@media screen and (max-width: 1350px) {
  #cause-updates .update-card .green-box .buttons .button .button-name {
    display: none;
  }
}
@media (max-width: 991px) {
  #cause-updates .update-card .green-box .buttons .button .button-name {
    display: inline-block;
  }
}
@media screen and (max-width: 760px) {
  #cause-updates .update-card .green-box .buttons .button .button-name {
    display: none;
  }
}
#cause-updates img[data-censored=true] {
  border: 5px solid red;
  display: block;
  opacity: 0.7;
}

#cause-updates-preview .button {
  border: 1px solid #ffffff;
}

.causes-show {
  position: relative;
}
.causes-show .ui.container {
  position: relative;
}
@media (max-width: 767px) {
  .causes-show .ui.container {
    margin-right: 0em !important;
    margin-left: 0em !important;
  }
}
.causes-show .cause-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(90%);
  height: 759px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.causes-show .cause-background.black-white {
  filter: grayscale(100%);
}
@media (max-width: 1199px) {
  .causes-show .cause-background {
    height: 668px;
  }
}
@media (max-width: 991px) {
  .causes-show .cause-background {
    height: 641px;
  }
}
.causes-show .preview-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(90%);
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
}
.causes-show .preview-background.black-white {
  filter: grayscale(100%);
}
.causes-show h1 {
  color: #ffffff;
  margin-bottom: 0;
  padding: 30px 10px 0px;
  text-align: center;
}
.causes-show .goal {
  border-bottom: 1px solid rgb(193.5, 193.5, 193.5);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.causes-show .goal .label {
  text-transform: uppercase;
  font-size: 0.8em;
}
.causes-show .goal .value {
  font-weight: bold;
  text-align: left;
}
.causes-show .goal .value:first-letter {
  text-transform: capitalize;
}
.causes-show #previous-causes {
  padding: 1.5em 5px 5px;
  width: 100%;
}
.causes-show #previous-causes .header {
  display: flex;
  margin-bottom: 0.5em;
}
.causes-show #previous-causes .header .title {
  margin-right: 10px;
  display: flex;
}
.causes-show #previous-causes .header .title i.history.icon {
  font-size: 1.2em;
}
.causes-show #previous-causes .header .title > p {
  margin-left: 28px;
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 0;
}
.causes-show #previous-causes .header .line {
  background-color: rgb(193.5, 193.5, 193.5);
  flex-grow: 1;
  height: 1px;
  margin: auto;
}
.causes-show #previous-causes .previous-cause {
  background-color: #DBECD7;
  border-radius: 10px;
  padding: 13px 13px 10px;
}
.causes-show #previous-causes .previous-cause .mobile-hidden {
  display: flex;
  align-items: flex-start;
}
.causes-show #previous-causes .previous-cause .smaller-info {
  font-size: 0.8em;
}
.causes-show #previous-causes .previous-cause img {
  width: 80px;
  border-radius: 10px;
  margin-right: 13px;
}
.causes-show #previous-causes .previous-cause i.icon {
  font-size: 1em;
}
.causes-show #previous-causes .previous-cause p {
  margin-left: 22px;
}
.causes-show #previous-causes .previous-cause .dark-green {
  color: #00801c;
}
.causes-show #previous-causes .previous-cause-percentage {
  font-size: 75%;
  vertical-align: top;
}
.causes-show #previous-causes .previous-cause-amount {
  font-weight: bold;
}
.causes-show #previous-causes .previous-cause-goal {
  color: #000;
  text-align: left;
}
.causes-show #previous-causes .previous-cause i.archive.icon {
  color: #1274c3;
}
.causes-show #previous-causes .previous-cause .ui.grid {
  flex-grow: 1;
}
.causes-show #previous-causes .previous-cause i.icon::before {
  position: relative;
  top: -3px;
}
.causes-show #previous-causes .previous-cause .only-mobile {
  width: 100%;
}
.causes-show #previous-causes .previous-cause .only-mobile .previous-cause-dates {
  margin-top: 3px;
}
@media (max-width: 375px) {
  .causes-show #previous-causes .previous-cause .only-mobile .previous-cause-dates {
    display: flex;
    flex-direction: column-reverse;
  }
  .causes-show #previous-causes .previous-cause .only-mobile .previous-cause-dates .float-right {
    float: none;
  }
}
.causes-show #previous-causes .previous-cause .only-mobile .previous-cause-mobile-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.causes-show #previous-causes .show-more {
  display: none;
}
.causes-show #previous-causes .show-more-trigger {
  margin: 5px 0 -10px;
}
.causes-show #previous-causes .show-more-trigger span {
  font-size: 0.8em;
  color: #1274c3;
  cursor: pointer;
}
.causes-show #previous-causes .show-more-trigger span i {
  float: none;
}
.causes-show #previous-causes .show-more .previous-cause:not(:last-child) {
  margin-bottom: 15px;
}
.causes-show #previous-causes .show-more .previous-cause:first-child {
  margin-top: 15px;
}
.causes-show #column-container {
  margin-top: 10px;
}
.causes-show .profile-padding {
  padding-top: 10px;
  margin-top: 0 !important;
}
.causes-show .main-photo {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.causes-show .main-photo .follows-star {
  font-size: 35px;
}
.causes-show .main-photo img {
  vertical-align: top;
  width: 100% !important;
}
.causes-show .main-photo {
  margin-bottom: 15px;
}
.causes-show .main-photo:after {
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.5);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-image: url(/assets/siepomaga/cause/sp_logo_pl-c3f7b8fb977260bf86f80c4bbea28179acc6ed96139b09e18440a2a70bb5cfbf.png);
  background-repeat: no-repeat;
  background-position: right 10px bottom 10px;
  background-size: auto 50px;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .causes-show .main-photo:after {
    background-size: auto 30px;
  }
}
.causes-show .main-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
}
.causes-show .main-video a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.5s;
}
.causes-show .main-video a:hover {
  color: rgba(255, 255, 255, 0.9);
}
.causes-show .main-video a i {
  height: auto;
}
.causes-show .main-video iframe {
  width: 100% !important;
  height: 100% !important;
}
.causes-show #cause-content {
  text-align: justify;
  position: relative;
}
.causes-show #cause-content .ui.label {
  left: -18px;
  font-size: 1.8em;
  top: 40px;
  z-index: 10;
}
@media (max-width: 767px) {
  .causes-show #cause-content .ui.label {
    font-size: 1em;
    left: -3px;
  }
}
.causes-show #cause-content.black-white img {
  filter: grayscale(100%);
}
.causes-show #cause-content.black-white .main-photo:after {
  display: none;
}
.causes-show #cause-content.black-white span.sp-censored-image .cover img {
  filter: grayscale(100%) blur(20px);
}
.causes-show #cause-content .show-description {
  margin-top: 1em;
}
.causes-show #cause-info {
  margin-bottom: 10px;
  color: #757575;
}
.causes-show #cause-info .ui.grid {
  margin: -5px !important;
}
.causes-show #cause-info .column {
  padding: 5px !important;
}
.causes-show #cause-info .row {
  display: inline;
  text-align: left;
  padding: 5px !important;
}
.causes-show #cause-info .row h3 {
  display: inline;
  color: #323232;
}
.causes-show #cause-info .row span {
  white-space: nowrap;
}
.causes-show #cause-info i {
  float: left;
  font-size: 1.2em;
}
.causes-show #cause-info p {
  margin-left: 28px;
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.causes-show #cause-info .row h3, .causes-show #needy_profile_title {
  font-size: 24px;
}
.causes-show #needy_profile_title {
  line-height: 32px;
}
.causes-show .ui.facebook.button, .causes-show .ui.twitter.button {
  width: 100%;
  border-radius: 10px;
}
.causes-show .ui.facebook.button i, .causes-show .ui.twitter.button i {
  opacity: 1;
}
.causes-show .ui.facebook.button, .causes-show .ui.twitter.button {
  padding: 10px 5px;
}
.causes-show i.mobile.icon {
  height: auto;
  transform: scale(1.5);
}
.causes-show .mobile-navigation {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .causes-show .mobile-navigation {
    display: block;
  }
}
.causes-show .mobile-navigation .sp-button.big {
  margin-bottom: 10px;
}
.causes-show .mobile-navigation .sms {
  margin-top: 10px;
  margin-bottom: 15px;
  background-color: #ffffff;
}
.causes-show .mobile-navigation .sticky {
  padding: 5px 0 10px;
  background: #ffffff;
  transform: translateZ(0);
}
.causes-show .mobile-navigation .sticky .sp-button.red {
  padding: 12px 5px;
}
@media (max-width: 767px) {
  .causes-show .mobile-navigation .sticky .sp-button:before {
    width: 100%;
    background-size: 20px 22px;
    margin-top: -6px;
  }
  .causes-show .mobile-navigation .sticky .sp-button i {
    width: 100%;
  }
}
.causes-show .mobile-navigation .sticky .sp-button i {
  font-size: 1.5em;
}
@media (max-width: 767px) {
  .causes-show .mobile-navigation .sticky .sp-button {
    font-size: 0.9em;
    line-height: 0.9em;
  }
}
.causes-show .sms {
  padding-top: 20px;
  text-align: center;
  margin-bottom: 15px;
}
.causes-show .share-box {
  margin-top: 15px;
  margin-bottom: 0px;
}
.causes-show .share-box .ui.grid {
  padding-bottom: 10px;
  padding-top: 10px;
}
.causes-show .share-box .row {
  padding: 0 5px;
  margin: 0;
}
.causes-show .share-box .column {
  padding: 5px !important;
}
.causes-show .share-box .share-counter {
  color: #757575;
  font-size: 1.3em;
  line-height: 1.2em;
  padding: 15px 20px 10px;
  text-align: center;
  width: 100%;
}
.causes-show .cause-verified {
  display: block;
  background: #00801c;
  color: #ffffff;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.causes-show .cause-verified span {
  font-size: 0.9em;
  vertical-align: middle;
}
@media (max-width: 410px) {
  .causes-show .cause-verified span {
    font-size: 0.8em;
  }
}
@media (max-width: 372px) {
  .causes-show .cause-verified span {
    font-size: 0.7em;
  }
}
.causes-show .cause-verified .icon-verified::before {
  font-size: 1.4em;
}
.causes-show .tabs#payments .payments-container {
  overflow: hidden;
  margin: -1em;
  padding: 1em;
}
@media (max-width: 991px) {
  .causes-show #right-column {
    display: none;
  }
}
.causes-show #right-column i.linkify.icon, .causes-show #right-column i.code.icon {
  transform: scale(1.3);
}
.causes-show #right-column .ui.sticky {
  padding-bottom: 15px;
}
.causes-show #right-column .sp-button.big {
  margin: 0px 0px 10px;
  width: 100%;
}
.causes-show #right-column .cause-verified {
  margin-top: -1em;
  margin-left: -1em;
  margin-right: -1em;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.causes-show #right-column .in-cart {
  font-size: 1.5em;
}
@media (max-width: 1199px) {
  .causes-show #right-column .in-cart {
    font-size: 1.2em;
  }
}
.causes-show #right-column .actions .sp-button.green {
  font-size: 1em;
  width: 100%;
}
.causes-show #right-column .actions .sp-button.green i {
  line-height: 1em;
}
.causes-show #right-column .actions {
  margin: -5px -5px 10px;
}
.causes-show #right-column .actions .column {
  padding: 5px !important;
}
.causes-show .banner-link {
  text-align: center;
  margin-top: 5px;
  margin-bottom: -10px;
  font-size: 0.9em;
}
.causes-show .banner-link i {
  font-size: 0.8em;
  vertical-align: top;
  margin-top: -3px;
}
.causes-show [data-tab=wplaty] hr:nth-of-type(1) {
  display: none;
}
.causes-show img[data-censored] {
  visibility: hidden;
}
.causes-show .sp-censored-image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.causes-show .sp-censored-image .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background: #000;
  color: #ffffff;
  cursor: pointer;
}
.causes-show .sp-censored-image .cover img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  filter: blur(20px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .causes-show .sp-censored-image .cover img {
    display: none;
  }
}
.causes-show .sp-censored-image .cover span {
  z-index: 1;
  display: block;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  border-radius: 10px;
  margin: 15px;
}
@media (max-width: 767px) {
  .causes-show .sp-censored-image .cover span {
    font-size: 0.8em !important;
  }
}
.causes-show .share-cause {
  text-align: center;
}
.causes-show .share-cause.with-top-line {
  border-top: 1px solid rgb(193.5, 193.5, 193.5);
}
.causes-show .share-cause-amount {
  background-color: #DBECD7;
  position: relative;
  height: 65px;
  padding-top: 2.25em;
  color: #00801c;
  overflow: hidden;
}
.causes-show .share-cause-amount::before {
  content: "";
  height: 45px;
  position: absolute;
  left: -5%;
  right: -5%;
  top: -20px;
  background-color: #ffffff;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}
.causes-show .share-cause-title {
  font-weight: bold;
  color: #757575;
  margin: 1em 0 0.5em;
}
.causes-show .share-cause .logo {
  border-radius: 50%;
  border: #1274c3 1px solid;
  width: 2.5em;
  height: 2.5em;
  line-height: 1em;
  position: relative;
  display: block;
  margin: 0 auto 10px auto;
}
.causes-show .share-cause .logo .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
}
.causes-show #right-column .share-cause-amount {
  margin: 0 -1em -1em;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.causes-show #right-column .share-cause .ui.grid {
  margin: 0 -1rem -1rem;
  padding: 0 1rem;
}
.causes-show #right-column .share-cause .ui.grid .label {
  font-size: 0.8em;
  white-space: nowrap;
}
.causes-show #right-column .share-cause .ui.grid .column {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199px) {
  .causes-show #right-column .share-cause .ui.grid .column {
    width: 50%;
    padding: 1rem !important;
  }
}
.causes-show #left-column .share-cause {
  border: #c2c2c2 1px solid;
  border-radius: 10px;
  overflow: hidden;
}
.causes-show #left-column .share-cause-amount {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.causes-show #left-column .share-cause .ui.grid {
  margin: 0 0 -1rem;
}
@media (max-width: 420px) {
  .causes-show #left-column .share-cause .ui.grid .column:not(:first-of-type) {
    padding-left: 0;
  }
  .causes-show #left-column .share-cause .ui.grid .column:not(:last-of-type) {
    padding-right: 0;
  }
  .causes-show #left-column .share-cause .ui.grid .label {
    font-size: 0.8em;
  }
}
.causes-show .sp-button.red .icon-heart.animated::before {
  font-size: 0.9em;
  vertical-align: middle;
}
.causes-show .minor-actions-segment {
  margin-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.causes-show .fundraise-can {
  margin: auto auto;
  padding: 1rem 0 !important;
}
.causes-show .fundraise-can__icon {
  font-size: 14px;
  width: 4em;
  height: 4em;
  margin: auto;
}
.causes-show .fundraise-can__label {
  font-size: 13px;
  font-weight: bold;
  padding-top: 0.4rem;
}
.causes-show .fundraise-can__label .icon {
  margin: 0 0 0 -3px;
}
.causes-show .smsRow {
  padding: 1rem 1rem 0 1rem !important;
}
.causes-show .smsRow .column {
  padding: 0 !important;
  text-align: center;
}
.causes-show .shareButton {
  background: #FFFFFF;
  border: 1px solid #1274c3;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  padding: 1rem 3rem;
  color: #1274c3;
}
.causes-show .shareButton:hover {
  color: #0063b5;
}
.causes-show .shareButton__shareAmount {
  padding-top: 0.55rem;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #6C6C6C;
}
.causes-show .fundraise {
  font-weight: bold;
  padding: 1em 0;
}
.causes-show .send-sms {
  padding: 0 0 1em 0;
  font-weight: bold;
}
.causes-show .send-sms .mobile.icon {
  transform: scale(1.2);
}
.causes-show .one-percent-table {
  margin-top: 30px;
}
.causes-show .human-cause .share .logo i.icon.code {
  transform: translateX(-50%) translateY(-50%) !important;
}
.causes-show .human-cause .sp-button.big.green {
  margin: 0 !important;
}
.causes-show .human-cause .sp-button.big.red.with-icon {
  margin: 0 !important;
}

.needy-updates .date {
  font-size: 0.9em;
  color: #757575;
}
.needy-updates .update:not(:first-child) {
  padding-top: 5px;
  border-top: 1px solid rgba(194, 194, 194, 0.15);
}
.needy-updates .content {
  padding: 5px;
  font-size: 0.9em;
}
.needy-updates .content a {
  color: #757575;
}
.needy-updates .content a.with-content {
  color: #323232;
}
.needy-updates .attm-link {
  font-size: 0.9em;
  font-weight: bold;
}

.cause-progressbar {
  margin-bottom: 10px;
}
.cause-progressbar > .amount {
  font-size: 2.5em;
  line-height: 1.2em;
  color: #00801c;
  font-weight: bold;
  text-align: center;
}
.cause-progressbar .left-days {
  display: inline-block;
  float: right;
  color: #ba0000;
  font-weight: bold;
}
.cause-progressbar .supported {
  display: inline-block;
  font-weight: bold;
  font-size: 0.8em;
  color: #757575;
  text-transform: uppercase;
}
.cause-progressbar .still-needed {
  font-weight: bold;
  font-size: 0.8em;
  color: #757575;
  text-transform: uppercase;
}

.causes-live {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 100%;
  padding: 20px;
}
@media ((min-width: 1900px)) {
  .causes-live {
    font-size: 1.3em;
  }
}
.causes-live .column.custom-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.causes-live .cause-box {
  max-height: 700px;
}
.causes-live h1 {
  color: white;
  margin-bottom: 0;
  padding: 10px 10px 0px;
  text-align: center;
}
.causes-live .goal {
  text-align: center;
  margin: 20px 10px 30px;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 1px 10px #000;
  font-size: 1em;
  font-weight: bold;
}
.causes-live .main-photo {
  margin-bottom: 0px;
  overflow: unset;
}
.causes-live .main-photo:after {
  background-size: auto 40px;
}
.causes-live .main-photo img {
  border-radius: 10px;
}
@media ((min-width: 1900px)) {
  .causes-live .main-photo .ribbon.label {
    font-size: 1.3em;
    left: -1.2em;
  }
}
@media ((min-width: 1900px)) {
  .causes-live .cause-progressbar .left-days {
    margin-bottom: 10px;
  }
}
.causes-live .cause-progressbar .sp-progressbar {
  height: 70px;
}
@media ((min-width: 1900px)) {
  .causes-live .cause-progressbar .sp-progressbar {
    height: 90px;
  }
}
.causes-live .cause-progressbar .sp-progressbar .text {
  line-height: 70px;
  font-size: 1.7em;
  background-size: 40px 40px;
}
@media ((min-width: 1900px)) {
  .causes-live .cause-progressbar .sp-progressbar .text {
    line-height: 90px;
  }
}
.causes-live .cause-progressbar .supported {
  font-size: 0.9em;
}
@media ((min-width: 1900px)) {
  .causes-live .cause-progressbar .supported {
    margin-bottom: 10px;
  }
}
.causes-live .cause-progressbar .still-needed {
  font-size: 0.9em;
}
@media ((min-width: 1900px)) {
  .causes-live .cause-progressbar .still-needed {
    margin-top: 10px;
  }
}
.causes-live .live-payments {
  height: 500px;
  overflow: hidden;
  position: relative;
}
@media ((min-width: 1900px)) {
  .causes-live .live-payments {
    height: 650px;
  }
}
.causes-live .live-payments:before {
  content: "";
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.causes-live .live-payments .sp-payment {
  display: none;
  opacity: 1;
  visibility: visible;
}
.causes-live .live-payments .sp-payment h4 {
  font-size: 1em;
}
.causes-live .live-payments .sp-payment .sp-payment-amount {
  font-size: 1.2em;
}
.causes-live .live-payments .sp-payment .sp-payment-time {
  font-size: 0.9em;
}
.causes-live .live-payments .sp-payment .sp-payment-comment {
  margin-left: 60px;
  margin-top: 0px;
  font-size: 0.8em;
}
@media ((min-width: 1900px)) {
  .causes-live .live-payments .sp-payment .sp-payment-comment {
    margin-left: 80px;
  }
}
.causes-live .live-payments .sp-payment .light-gray-text {
  font-size: 0.8em;
}
.causes-live .live-payments .sp-payment img {
  width: 50px;
  height: 50px;
  margin-bottom: 0px;
}
@media ((min-width: 1900px)) {
  .causes-live .live-payments .sp-payment img {
    width: 70px;
    height: 70px;
  }
}
.causes-live .live-payments .sp-payment-fundraise {
  margin-left: 60px;
}
@media ((min-width: 1900px)) {
  .causes-live .live-payments .sp-payment-fundraise {
    margin-left: 80px;
  }
}
.causes-live .cause-link {
  display: inline-flex;
  align-items: center;
  line-height: 80px;
  font-size: 3em;
}
@media ((min-width: 1900px)) {
  .causes-live .cause-link {
    font-size: 2.5em;
  }
}
.causes-live .cause-link img {
  height: 70px;
  vertical-align: center;
  margin-top: -8px;
}
.causes-live .cause-link .slug {
  display: flex;
  margin-left: 3px;
  font-weight: bold;
}
@media ((min-width: 1900px)) {
  .causes-live .header {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: center;
    font-size: 0.75em;
  }
  .causes-live .header h1 {
    padding-top: 0px;
  }
  .causes-live .header .goal {
    margin: 15px 10px 20px;
  }
}
.causes-live .sp-button.with-white-heart::before {
  width: 1em;
  font-size: 1em;
}

#cause-verified-modal .header {
  color: #ffffff !important;
  background: #00801c !important;
}
#cause-verified-modal .header img {
  height: 1.5em;
  margin-bottom: -7px;
  margin-right: 6px;
}
#cause-verified-modal .header .icon-verified::before {
  font-size: 1.5em;
}

@media (max-width: 767px) {
  #cause-verified-modal.ui.modal > .close {
    top: 0rem !important;
    right: 0rem !important;
    color: #ffffff;
  }
}
@media (max-width: 991px) {
  #active-other-stages .ui.grid {
    margin: 0 !important;
  }
  #active-other-stages .column {
    padding: 0 !important;
  }
}
#active-other-stages p {
  margin-bottom: -15px;
}
#active-other-stages .grid {
  color: #757575;
}
#active-other-stages .grid i {
  float: left;
  font-size: 1.2em;
}
#active-other-stages .grid p {
  margin-left: 28px;
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 15px;
}

#instagram-modal {
  text-align: center;
}
#instagram-modal hr {
  margin: 20px 10px;
}
#instagram-modal hr:first-child, #instagram-modal hr:last-child {
  display: none;
}
#instagram-modal .image img {
  display: block;
  max-width: 50%;
  margin: 0 auto 1.5em;
}
@media (max-width: 400px) {
  #instagram-modal .header {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }
}

.fundraise-can-icon {
  width: 21px;
  height: 34px;
}

#certificate-email-new .title {
  color: #00801c;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  margin-top: 30px;
}
#certificate-email-new .box {
  max-width: 800px;
  max-height: fit-content;
  font-size: 17.6px;
  line-height: 24px;
  text-align: center;
  color: #757575;
}
@media (max-width: 767px) {
  #certificate-email-new .box p {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  #certificate-email-new .box {
    padding-left: 0;
    padding-right: 0;
  }
}
#certificate-email-new .box .captcha {
  margin-top: 20px;
  display: inline-block;
}
#certificate-email-new #email-field {
  margin-top: 20px;
  max-width: 60%;
}
@media (max-width: 767px) {
  #certificate-email-new #email-field {
    max-width: 90%;
  }
}
#certificate-email-new #submit {
  margin-top: 20px;
}

form#new_company .company_user_siepomaga_terms .input,
form#new_company .company_user_privacy_policy_terms .input {
  margin-left: 200px;
}
form#new_company .company_user_siepomaga_terms .error,
form#new_company .company_user_privacy_policy_terms .error {
  margin-left: 200px;
}
form#new_company .without-labels .wrapper {
  margin-top: -5px;
  margin-bottom: -5px;
}

.archival-cause-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #00801c;
  transition: all 0.5s;
}
.archival-cause-footer.reached-bottom {
  transform: translateY(100%);
  visibility: hidden;
}
.archival-cause-footer .ui.container {
  display: flex;
  justify-content: space-between;
  padding: 0.8em 0;
}
@media (max-width: 767px) {
  .archival-cause-footer .ui.container {
    flex-direction: column;
    padding: 16px 12px 0;
    align-items: center;
  }
  .archival-cause-footer .ui.container .sp-button {
    margin-bottom: 12px;
  }
}
.archival-cause-footer .info {
  color: #00801c;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .archival-cause-footer .info {
    margin-bottom: 10px;
  }
}
.archival-cause-footer .info i.archive.icon {
  font-size: 2em;
  line-height: 100%;
  margin-right: 15px;
}
.archival-cause-footer .info .small-text {
  font-size: 0.8em;
}
.archival-cause-footer .action {
  width: 300px;
  text-align: center;
}
@media (min-width: 768px) {
  .archival-cause-footer .action {
    display: block !important;
  }
}
.archival-cause-footer .action.mobile-closed {
  display: none;
}
@media (max-width: 767px) {
  .archival-cause-footer .action {
    max-width: 300px;
  }
}
.archival-cause-footer .action .sp-progressbar {
  width: 100%;
  margin-bottom: 10px;
}
.archival-cause-footer .action .uppercase {
  color: #757575;
  font-size: 0.8em;
}
.archival-cause-footer .action .sp-button.big {
  font-size: 1.6em;
}
.archival-cause-footer .action .sp-button:not(.big) {
  padding-right: 55px;
  font-size: 0.9em;
}
.archival-cause-footer .progress-section-trigger {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 5%;
  font-size: 0.7em;
  line-height: 0.7em;
  background-color: #ffffff;
  border: 1px solid #00801c;
  border-radius: 10px;
  padding: 6px;
  overflow: auto;
  width: 70px;
  text-align: center;
}
.archival-cause-footer .progress-section-trigger i.icon.caret {
  line-height: 100%;
}
.archival-cause-footer .progress-section-trigger.closed span:last-child {
  display: none;
}
.archival-cause-footer .progress-section-trigger:not(.closed) span:first-child {
  display: none;
}

.box {
  border-radius: 10px;
  box-shadow: 0 0 10px #e4e4e4;
  background: #ffffff;
  display: block;
}
.box.large-shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.box > .box-title {
  background: rgb(244.5, 244.5, 244.5);
  color: #00801c;
  padding: 5px 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
}
.box > .content {
  padding: 15px;
  display: block;
}
.box.with-small-padding {
  padding: 0.5em;
}
.box.with-padding {
  padding: 1em;
}
.box.with-big-padding {
  padding: 2em;
}
.box.with-margin {
  margin-bottom: 30px;
}
.box.with-small-margin {
  margin-bottom: 15px;
}
.box.with-big-margin {
  margin-bottom: 60px;
}
.box.with-red-border {
  border: 1px solid #ba0000;
}
.box.admin {
  background-color: #1274c3;
  color: #ffffff;
}
.box.admin .hint {
  color: #ffffff !important;
}
.box.line {
  box-shadow: 0 0 1px rgb(193.5, 193.5, 193.5);
}
.box.light-blue {
  color: #1274c3;
  box-shadow: none;
  background: rgba(31, 153, 214, 0.05);
}
.box.with-form-steps {
  position: relative;
}
.box.with-form-steps.with-padding {
  padding-top: 3em;
}
.box.with-form-steps.with-big-padding {
  padding-top: 4em;
}
.box.justify-between {
  display: flex;
  justify-content: space-between;
}
.box.items-center {
  align-items: center;
}

.bordered-box {
  border: 1px solid rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
  position: relative;
}
.bordered-box > .content {
  padding: 15px;
}
.bordered-box.with-padding {
  padding: 1em;
}
.bordered-box.with-title {
  padding-top: 1.5em;
}
.bordered-box.with-margin {
  margin-bottom: 30px;
}
.bordered-box.with-small-margin {
  margin-bottom: 15px;
}
.bordered-box.green {
  border-color: #00801c;
}
.bordered-box.green > .bordered-box-title {
  color: #00801c;
}
.bordered-box.blue {
  border-color: #1274c3;
}
.bordered-box.blue > .bordered-box-title {
  color: #1274c3;
}
.bordered-box.gray-corner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAnCAMAAAC%2FiHE6AAAASFBMVEX%2F%2F%2F%2FQ0NDa2trn5%2Bf%2F%2F%2F%2F%2F%2F%2F%2FQ0NDS0tL8%2FPz39%2Ffz8%2FPW1tb7%2B%2Fv5%2Bfnr6%2Bvn5%2Bfk5OTh4eHf39%2Fc3Nza2trY2NjU1NTv7%2B%2F55JDXAAAABXRSTlPZ64%2BBbiULZEgAAACPSURBVHjajcpHFsIwEETBIbRztiXd%2F6a8XpHh17rifKrqD6pHdcRc%2FRfS8jfVITeytKLVbGSp2cFyI0vDQZbGBJYbWWp7sNzAciNLXSZLXQ2WG1kqNVhuZGkCyw0sN7Q0g%2BWGlha0mhUsN7LUbGC5kaVhJ0vDQZbGgyy1iSy1PVhuZKnLZLkFaae4%2Fm9xuQGehiERe5%2BeXwAAAABJRU5ErkJggg%3D%3D);
  background-position: right top;
  background-repeat: no-repeat;
}
.bordered-box.info-icon {
  position: relative;
}
.bordered-box.info-icon:after {
  content: "\f05a";
  font-family: "Icons";
  color: #ffffff;
  line-height: 1em;
  margin: 3px;
  display: block;
  position: absolute;
  font-size: 1rem;
  right: 0px;
  top: 0px;
}
.bordered-box.mobile-icon {
  position: relative;
}
.bordered-box.mobile-icon:after {
  content: "\f3cd";
  font-family: "Icons";
  line-height: 1em;
  color: #ffffff;
  margin: 3px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 16px;
}
.bordered-box > .bordered-box-title {
  position: absolute;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  background: #ffffff;
  padding: 0em 0.5em;
}
.bordered-box.green .box-title {
  color: #00801c;
}
.bordered-box.success {
  border-color: #00801c;
  border-style: dashed;
  background-color: rgba(0, 128, 28, 0.05);
  color: #00801c;
  display: flex;
  align-items: stretch;
}
.bordered-box.success .box-icon {
  border-right: 1px rgba(0, 128, 28, 0.25) dashed;
  padding: 15px;
}
.bordered-box.info {
  border-color: #1274c3;
  border-style: dashed;
  background-color: rgba(18, 116, 195, 0.05);
  color: #1274c3;
  display: flex;
  align-items: stretch;
}
.bordered-box.info .box-icon {
  border-right: 1px rgba(18, 116, 195, 0.25) dashed;
  padding: 15px;
}
.bordered-box.warning {
  border-color: #e65000;
  border-style: dashed;
  background-color: rgba(230, 80, 0, 0.05);
  color: #e65000;
  display: flex;
  align-items: stretch;
}
.bordered-box.warning .box-icon {
  border-right: 1px rgba(230, 80, 0, 0.25) dashed;
  padding: 15px;
}
.bordered-box.danger {
  border-color: #ba0000;
  border-style: dashed;
  background-color: rgba(186, 0, 0, 0.05);
  color: #ba0000;
  display: flex;
  align-items: stretch;
}
.bordered-box.danger .box-icon {
  border-right: 1px rgba(186, 0, 0, 0.25) dashed;
  padding: 15px;
}
.bordered-box .box-icon {
  width: 120px;
  max-width: 120px;
  font-size: 2.5em;
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bordered-box .box-icon .icon {
  display: block;
  margin: 0;
  line-height: 100%;
}
.bordered-box .box-content {
  width: 100%;
  padding: 15px;
}
.bordered-box .box-content p:first-child {
  font-weight: bold;
}
.bordered-box .box-content p:not(:first-child) {
  font-size: 0.9em;
}
.bordered-box .box-content.text-black {
  color: #000;
}
.bordered-box .box-content.text-thin p:first-child {
  font-weight: normal;
}
.bordered-box .box-content.text-thin {
  font-weight: normal;
}
.bordered-box.align-items-between {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  height: 100%;
  gap: 10px;
}

.settings-box {
  color: #ffffff;
}
.settings-box a {
  color: #ffffff;
}
.settings-box a:hover {
  color: rgb(216.75, 216.75, 216.75);
}
.settings-box {
  border-radius: 10px;
}
.settings-box .title {
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
}
.settings-box .title .angle.down.icon {
  font-size: 1.2em;
  pointer-events: none;
  float: right;
  transform: scale(1.2) rotate(0deg);
  transition: all 0.5s ease;
}
.settings-box.with-margin {
  margin-bottom: 20px;
}
.settings-box.blue {
  background-color: #41b8f8;
}
.settings-box.blue a:not(:last-child) {
  border-bottom: 1px solid #5ec3f9;
}
.settings-box.green {
  background-color: #00801c;
}
.settings-box.green a:not(:last-child) {
  border-bottom: 1px solid #DBECD7;
}
.settings-box.big {
  font-size: 1.2em;
}
.settings-box.opened .title .angle.down.icon {
  transform: scale(1.2) rotate(-180deg);
  transition: all 0.5s ease;
}
.settings-box .content {
  display: none;
}
.settings-box .content .ui.grid > .column:not(.row) {
  padding-bottom: 0;
}
.settings-box .links a {
  display: block;
  padding: 15px;
}

.edit-box {
  background: #1274c3;
  color: #ffffff;
  border-radius: 10px;
}
.edit-box a {
  color: #ffffff;
}
.edit-box a:hover {
  color: rgb(216.75, 216.75, 216.75);
}
.edit-box.with-margin {
  margin-bottom: 1rem;
}
.edit-box .settings-edit-top {
  display: block;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-align: center;
  padding: 10px 0;
  line-height: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.edit-box .settings-edit-top i {
  font-size: 1.1em;
}
.edit-box .settings-edit-bottom {
  display: block;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
  padding: 10px 0;
  line-height: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.edit-box .settings-edit-bottom i {
  font-size: 1.1em;
}
.edit-box .content {
  padding: 5px;
  font-size: 0.8em;
  line-height: 1.3em;
  overflow: hidden;
}
.edit-box .content label {
  display: block;
  width: 120px;
  float: left;
  clear: left;
  text-align: right;
  padding-right: 10px;
}
.edit-box .content span {
  display: block;
  margin-left: 120px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.green-box {
  border: 1px solid #00801c;
  border-radius: 10px;
}
.green-box > .box-title {
  color: #ffffff;
  background: #00801c;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px 10px;
}
.green-box > .box-title.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.green-box > .box-title > .float-right {
  margin-left: 5px;
}
.green-box > .content {
  padding: 10px;
  line-height: 1.8em;
}
.green-box > .content img {
  max-width: 100%;
  border-radius: 10px;
}
.green-box.with-padding {
  padding: 1em;
}
.green-box.with-big-margin {
  margin-bottom: 2rem;
}
.green-box.with-small-margin {
  margin-bottom: 15px;
}

.dashed-box {
  border: 0.06em dashed;
  border-radius: 10px;
}
.dashed-box > .box-title {
  color: #ffffff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px 10px;
}
.dashed-box > .box-title > .float-right {
  margin-left: 5px;
}
.dashed-box > .content {
  padding: 10px;
  line-height: 1.8em;
}
.dashed-box > .content img {
  max-width: 100%;
  border-radius: 10px;
}
.dashed-box > .content.center {
  text-align: center;
}
.dashed-box.with-small-margin {
  margin-bottom: 15px;
}
.dashed-box.with-margin {
  margin-bottom: 30px;
}
.dashed-box.with-padding {
  padding: 10px 20px;
}
.dashed-box.with-small-padding {
  padding: 5px 10px;
}
.dashed-box.green {
  border-color: #00801c;
}
.dashed-box.green > .box-title {
  background: #00801c;
}
.dashed-box.green.with-background {
  background-color: rgba(126, 174, 42, 0.05);
}
.dashed-box.blue {
  border-color: #1274c3;
}
.dashed-box.blue > .box-title {
  background: #1274c3;
}
.dashed-box.blue.with-background {
  background-color: rgba(31, 153, 214, 0.05);
}
.dashed-box.red {
  border-color: #ba0000;
}
.dashed-box.red > .box-title {
  background: #ba0000;
}
.dashed-box.red.with-background {
  background-color: rgba(186, 0, 0, 0.05);
}
.dashed-box.small-text {
  font-size: 0.9em;
}

.white-box {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid #ffffff;
  border-radius: 10px;
  position: relative;
}
.white-box > label {
  display: inline-block;
  background: #ffffff;
  border-radius: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  color: #00801c;
  font-size: 0.8em;
}

.blue-box {
  border: 1px solid #1274c3;
  padding: 1rem;
  position: relative;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-radius: 10px;
}
.blue-box label {
  color: #1274c3;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #ffffff;
  padding: 0 10px;
  font-size: 1.1em;
  white-space: nowrap;
}
.blue-box.with-margin {
  margin-bottom: 1rem;
}

.sp-button {
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  background-repeat: repeat-x;
  background-size: contain;
  border-radius: 10px;
  border: 1px solid rgb(193.5, 193.5, 193.5);
  color: #757575;
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  outline: none;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.sp-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.sp-button.with-margin {
  margin-bottom: 1rem;
}
.sp-button.with-small-margin {
  margin-bottom: 0.5rem;
}
.sp-button.with-icon {
  padding-left: 60px;
}
.sp-button.with-icon span.icon {
  left: 0;
  bottom: 0;
  border-right: 1px solid fadeout(rgb(193.5, 193.5, 193.5), 50%);
  padding-left: 3px;
}
.sp-button.with-right-icon {
  padding-right: 60px;
}
.sp-button.with-right-icon span.icon {
  right: 0;
  bottom: 0;
  border-left: 1px solid fadeout(rgb(193.5, 193.5, 193.5), 50%);
  padding-right: 3px;
}
.sp-button.with-icon span.icon, .sp-button.with-right-icon span.icon {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  margin: 0;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.sp-button.with-icon i.icon, .sp-button.with-icon i.icon-cart, .sp-button.with-right-icon i.icon, .sp-button.with-right-icon i.icon-cart {
  margin-right: 0;
}
.sp-button.with-icon i.icon::before, .sp-button.with-icon i.icon-cart::before, .sp-button.with-right-icon i.icon::before, .sp-button.with-right-icon i.icon-cart::before {
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.sp-button:hover {
  background-image: linear-gradient(to bottom, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);
  color: #757575;
}
.sp-button.red {
  color: #ffffff;
  background-color: #c8363f;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAIAAABXpYiMAAAAXUlEQVQY032POw6AQBBCkePaeXFvIM9iP85uYUEgQIaM7%2FMyyEqMMMgkFjjQfPiQmMQZeudNJxhinp%2FO3IkJy%2F1lPz2neTVT9aH3mhalh4pf0H%2FX6EkzQ%2FLRWTWTXuXjxWt5%2BgPhAAAAAElFTkSuQmCC);
  transition: background 0.2s;
  border: none;
  padding: 11px 20px;
}
.sp-button.red.with-icon {
  padding-left: 61px;
}
.sp-button.red.with-icon span.icon {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.sp-button.red.with-right-icon span.icon {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.sp-button.red:hover {
  color: #ffffff;
  background-color: #ba0000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAIAAABXpYiMAAAAWklEQVQY02WOsRGAMAzEnt%2BcjnFZIC8KTIihUiLZd9a5H0YYMMnLPIwzW8yI8%2FhimxlxMlrPWOaq%2FfZr9%2BvbLXwcvWl1849VTuBwU2CVQ0U6hWbflreQJQy6AL6Y1FoMVDt2AAAAAElFTkSuQmCC);
}
.sp-button.blue {
  color: #ffffff;
  background-color: #1274c3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAVUlEQVQIHQXBgRHCABAEoc%2B2mmbtyfEQej%2Ff0HOa61xu2XV3sY4QGh2NbtrJ5JYJIdYmZMtpE2KZRohlsvU7mZAt5LSJhRCLi2VyFxo9NHLXTU5cd%2F5XNJXmGeCM1wAAAABJRU5ErkJggg%3D%3D);
  transition: background 0.2s;
  border: none;
  padding: 11px 20px;
}
.sp-button.blue.with-icon {
  padding-left: 61px;
}
.sp-button.blue.with-icon span.icon {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.sp-button.blue.with-right-icon {
  padding-left: 61px;
}
.sp-button.blue.with-right-icon span.icon {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.sp-button.blue:hover {
  color: #ffffff;
  background-color: #0063b5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAW0lEQVQIHQXBAQHDABCEsC%2B657GGerDkfu9HF1dU7CLjKTQ80ajQKEmpcOKFjgyVEhclKlMqdKTM0KGRYqLihkaJho4KFRWVKRVOKlQ6UcmwqLhiyhUrnsKLuj8ELqavBlaMeQAAAABJRU5ErkJggg%3D%3D);
}
.sp-button.green {
  color: #00801c;
  font-weight: bold;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA%2BCAIAAABlW%2BamAAAAXklEQVQIHQXBgUEDQBAEIW5i%2Fw1rfgXbGtma651uOnIvhLaFkGkW4sVyaz6ZbL2TqWkuW%2FZ699rpyGlbs0xcR%2FNttF3nNdo0L4QQQttCaBYLoU3vffvut7e%2F9l7Xzz%2FzSkc1D%2FaeSgAAAABJRU5ErkJggg%3D%3D);
  transition: background 0.2s;
  border: 1px solid #00801c;
}
.sp-button.green:hover, .sp-button.green.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA%2BCAIAAABlW%2BamAAAAX0lEQVQIHQXBsUEDARAEMe089F8jETmx7UPy%2B%2FfTfV6tal89%2B66eNiHEmoXQthBCCE1tGp3artE8HXGZZm3L6WinrqxszfWZTJ1smeadWywKzTIhtC2EXB3d1GkuW%2BMf%2BoMYeB1TGhQAAAAASUVORK5CYII%3D);
  color: #00801c;
}
.sp-button.green.with-icon span.icon {
  border-right: 1px solid fadeout(#00801c, 75%);
}
.sp-button.green.with-right-icon span.icon {
  border-left: 1px solid fadeout(#00801c, 75%);
}
.sp-button.green.inverted {
  color: #ffffff;
  background: #00801c;
}
.sp-button.green.inverted:hover {
  background: #006B18;
}
.sp-button.green.inverted:active {
  background: #005814;
}
.sp-button.orange {
  border: 1px solid #e65000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAARUlEQVQI12WOQQrAMBACR3%2FS%2Fz%2BxkOmhtCHJRVYHdFEtSIFP3owUJ3BSSqC4Alwy19Jj47wy7U7%2FhwYl2eotjhRyDvW%2BHqNMKFgrcwFdAAAAAElFTkSuQmCC);
  color: #e65000;
  font-weight: bold;
  transition: background 0.2s;
}
.sp-button.orange:hover, .sp-button.orange.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAtCAYAAABvewHEAAAAP0lEQVQI14WNMQ6AQAzD7Pz%2FqazMYeKq0yGxVYlT0%2FtqgAYwAAEJ%2Bp9Nsa4p9My%2BYCV0FuyiXTnI8erlTJfSB9jQDFX935XXAAAAAElFTkSuQmCC);
  color: #e65000;
}
.sp-button.orange.with-icon span.icon {
  border-right: 1px solid fadeout(#e65000, 75%);
}
.sp-button.orange.with-right-icon span.icon {
  border-left: 1px solid fadeout(#e65000, 75%);
}
.sp-button.orange.with-small-font {
  font-size: 1em;
  padding: 11px 10px;
}
.sp-button.black {
  color: #ffffff;
  font-weight: bold;
  background-color: #000;
  background-image: none;
  border: 0;
}
.sp-button.black.with-icon span.icon {
  border-right: 1px solid fadeout(#ffffff, 75%);
}
.sp-button.black.with-right-icon span.icon {
  border-left: 1px solid fadeout(#ffffff, 75%);
}
.sp-button.dark-blue {
  color: #ffffff;
  background-image: linear-gradient(to bottom, rgb(103, 133, 198) 0%, rgb(55, 81, 146) 100%);
  transition: background 0.2s;
  border: none;
  padding: 11px 20px;
}
.sp-button.dark-blue.with-icon {
  padding-left: 61px;
}
.sp-button.dark-blue:hover {
  background-image: linear-gradient(to bottom, rgb(120, 147, 204) 0%, rgb(27, 54, 121) 100%);
}
.sp-button.light-red {
  color: #ba0000;
  font-weight: bold;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA%2BCAYAAADqOXHxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAADRJREFUGJVj%2BP%2Fnz38mhv%2F%2FGaAEIyOMxcCAwkIjcCrBycVmPEICIYbfBdgcRLpb8OslGBAAzoc0Sdm3Nv0AAAAASUVORK5CYII%3D);
  transition: background 0.2s;
  border: 1px solid #eab2b2;
}
.sp-button.light-red:hover, .sp-button.light-red.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA%2BCAYAAADqOXHxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAADRJREFUGJVj%2BP%2Fs2X8mhv%2F%2FGZgYGBlhBAMDPi6aGAMDJhenOmymoClhYsKhjSQ7sLmPagQAWxsGdzjApkgAAAAASUVORK5CYII%3D);
  color: #ba0000;
}
.sp-button.light-red.with-icon span.icon {
  border-right: 1px solid fadeout(#ba0000, 75%);
}
.sp-button.light-red.with-right-icon span.icon {
  border-left: 1px solid fadeout(#ba0000, 75%);
}
.sp-button.with-white-heart:before {
  font-family: "siepomaga";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin-top: -5px;
  margin-right: 5px;
  font-size: 1.3em;
}
.sp-button.big {
  font-size: 2em;
  line-height: 1.2em;
  padding: 20px 20px;
}
.sp-button.big.with-icon {
  padding-left: 70px;
}
.sp-button.big.with-icon span.icon {
  width: 70px;
  line-height: 70px;
}
.sp-button.big.with-white-heart:before {
  margin-top: -11px;
}
.sp-button.big.with-white-heart:before {
  margin-right: 10px;
}
.sp-button.medium {
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 19px;
}
.sp-button.medium.with-icon {
  padding-left: 80px;
}
.sp-button.medium.with-icon i.icon {
  font-size: 1.5em;
}
.sp-button.medium.with-icon span.icon {
  width: 60px;
  line-height: 60px;
}
.sp-button.medium.with-right-icon {
  padding-right: 80px;
}
.sp-button.medium.with-right-icon span.icon {
  width: 60px;
  line-height: 60px;
}
.sp-button.small {
  line-height: 1em;
  font-size: 1em;
  padding: 10px 10px;
}
.sp-button.small.with-icon {
  padding-left: 45px;
}
.sp-button.small.with-icon span.icon {
  width: 35px;
  line-height: 38px;
}
@keyframes pulse {
  0%, 20%, 40%, 100% {
    transform: scale(1);
  }
  10%, 30% {
    transform: scale(1.1);
  }
}
.sp-button.animated:before {
  animation: pulse 1.5s infinite;
}
.sp-button.inline {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 11px;
  font-size: 1em;
}
.sp-button .icon-fundraising:before {
  margin-right: 0;
  font-size: 1.55em;
  top: 3px;
  position: relative;
}
.sp-button i.icon-cart {
  font-size: 1.4em;
}
.sp-button .loading-centered {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.buttons.inline .sp-button:not(:last-of-type) {
  margin-right: 10px;
}

.table .sp-button {
  margin: -5px 0px;
  padding: 10px 10px;
}

/* Apple sign in button */
.ui.apple-sign-in.button {
  background-color: #000;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.terms-buttons {
  text-align: center;
}
.terms-buttons a.sp-button {
  margin-right: 10px;
}
@media (max-width: 400px) {
  .terms-buttons {
    display: flex;
    flex-direction: column;
  }
  .terms-buttons a.sp-button {
    margin: 0 0 10px;
  }
}

.can-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}
.can-container img {
  vertical-align: middle;
}
.can-container.item {
  margin-bottom: 0;
  padding: 10px;
  height: 60px;
}
.can-container.item .can-with-label {
  width: 30px;
}
.can-container.item .can-info {
  margin-left: 0.5em;
}
.can-container.item .can-info .amount {
  font-size: 1.5em;
}
.can-with-label {
  align-self: flex-start;
  position: relative;
  width: 80px;
}
.can-fill {
  position: absolute;
  left: 0;
  top: 0;
}
.can-fill-cover {
  position: absolute;
  background-color: white;
  left: 15%;
  right: 15%;
  top: 26%;
  bottom: 6%;
}
.can-empty {
  position: relative;
  z-index: 1;
}
.can-percentage {
  color: #00801c;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.can-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1em;
}
.can-info .amount {
  font-size: 2.5em;
  line-height: 1.2em;
  color: #00801c;
  font-weight: bold;
}
@media (max-width: 767px) {
  .can-info .amount {
    font-size: 1.8em;
  }
}
.can-info .amount.long {
  font-size: 2.2em;
}
@media (max-width: 1199px) {
  .can-info .amount.long {
    font-size: 1.5em;
  }
}
@media (max-width: 991px) {
  .can-info .amount.long {
    font-size: 2.5em;
  }
}
@media (max-width: 767px) {
  .can-info .amount.long {
    font-size: 1.8em;
  }
}
@media (max-width: 400px) {
  .can-info .amount.long {
    font-size: 1.2em;
  }
}
.can-info .supported {
  display: inline-block;
  font-weight: bold;
  font-size: 0.8em;
  color: #757575;
  text-transform: uppercase;
}
.can-info .goal {
  color: #757575;
  font-size: 0.9em;
  line-height: 1em;
}

.ui.cards .card {
  align-items: center;
  flex-flow: wrap;
  border-radius: 10px;
  overflow: hidden;
}
.ui.cards .card .image {
  background: #ffffff;
  margin: auto;
  width: 100%;
}
.ui.cards .card .image img {
  margin: auto;
}
.ui.cards .card .image.small {
  padding: 0.5em;
  margin: 0;
}
.ui.cards .card .image.small img {
  max-width: 80px;
  max-height: 80px;
}
.ui.cards .card .content {
  border-top: 0px;
}
@media (max-width: 767px) {
  .ui.cards .card .content .header {
    font-size: 1em;
  }
  .ui.cards .card .content .description {
    font-size: 0.8em;
  }
}

.sp-cause {
  display: block;
  outline: none;
  position: relative;
}
.sp-cause.expand {
  display: flex;
}
.sp-cause.expand .cause-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}
.sp-cause.expand p {
  flex: 1 1 auto;
}
.sp-cause.expand .content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.sp-cause .box {
  position: relative;
}
.sp-cause h3 {
  font-size: 1.2em;
  line-height: 1.1em;
  display: flex;
  align-items: center;
  word-break: break-word;
}
.sp-cause h3.expand {
  flex: 1 1 auto;
  display: flex;
}
.sp-cause h3.needy-nickname {
  text-align: center;
  justify-content: center;
  margin: 30px 0 30px;
}
.sp-cause p {
  margin: 0 0 10px;
  font-size: 0.95em;
  word-break: break-word;
}
.sp-cause .content {
  padding: 15px;
}
.sp-cause .image {
  position: relative;
}
.sp-cause .image img {
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.sp-cause.black-white img {
  filter: grayscale(100%);
}
.sp-cause .foundation {
  position: relative;
}
.sp-cause .foundation img {
  float: left;
  margin: 0 10px;
  background: #ffffff;
  margin-top: -10px;
  border-radius: 10px;
  z-index: 1;
  position: relative;
  border: 1px solid rgb(244.5, 244.5, 244.5);
  border-radius: 10px;
  width: 40px;
  height: 40px;
}
.sp-cause .foundation-name {
  text-transform: uppercase;
  color: rgb(193.5, 193.5, 193.5);
  font-size: 0.8em;
  padding: 5px 0;
  line-height: 1.1em;
  min-height: 38px;
  margin-bottom: -10px;
  display: flex;
  align-items: center;
}
.sp-cause .progress {
  width: 100%;
}
.sp-cause .progress > .amount {
  text-align: center;
  font-size: 2em;
  line-height: 1.2em;
  color: #00801c;
  font-weight: bold;
}
.sp-cause .progress .still-missing {
  text-transform: uppercase;
  font-size: 0.7em;
  color: #757575;
  text-align: center;
  height: 0.7em;
  font-weight: bold;
}
.sp-cause .progress .sp-progressbar.success {
  box-shadow: 0 0 20px 2px #b1d31a;
}
.sp-cause .goal {
  color: #757575;
  font-size: 0.9em;
  font-weight: bold;
  padding-bottom: 2px;
}
.sp-cause .goal span {
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 1em;
}
.sp-cause .still-needed {
  margin-top: 10px;
}
.sp-cause .still-needed .amount-left {
  white-space: nowrap;
}

.sp-compact-causes {
  max-width: 900px;
  margin-right: auto !important;
  margin-left: auto !important;
}
@media (min-width: 992px) {
  .sp-compact-causes .sp-cause {
    height: 220px;
  }
  .sp-compact-causes .sp-cause .foundation {
    display: none;
  }
  .sp-compact-causes .sp-cause .image {
    float: left;
    margin-right: 15px;
    height: 220px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
  }
  .sp-compact-causes .sp-cause .image img {
    height: 100%;
    width: auto;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
  }
  .sp-compact-causes .sp-cause .progress .still-missing {
    text-align: left;
  }
}

.mobile-sms-link {
  display: none;
}

.cause-update.green-box {
  background-color: #F9FBF3;
}
.cause-update.green-box.passed-away {
  border-color: #757575;
  background-color: #fafafa;
}
.cause-update.green-box.passed-away .box-title {
  background-color: #757575;
}

.causeUpdateShowMore {
  position: relative;
}
.causeUpdateShowMore__textbox {
  height: 80px;
  overflow: hidden;
  transition-property: height;
  transition-timing-function: ease-in-out;
}
.causeUpdateShowMore__spacer {
  padding-top: 2rem;
}
.causeUpdateShowMoreFooter {
  position: absolute;
  width: 100%;
  margin-top: -80px;
}
.causeUpdateShowMoreFooter__link {
  position: relative;
}
.causeUpdateShowMoreFooter__link p {
  color: #1274c3;
}
.causeUpdateShowMoreFooter__link p:hover {
  cursor: pointer;
  color: #0063b5;
}
.causeUpdateShowMoreFooter__gradient {
  background-image: linear-gradient(to bottom, rgba(249, 251, 243, 0), rgb(249, 251, 243));
  height: 50px;
}

.visibility-hidden {
  visibility: hidden;
  height: 0;
}

.sp-company:hover .image {
  transform: scale(1.1);
}
.sp-company h3 {
  font-size: 1.2em;
  line-height: 1.1em;
  margin: 0 0 10px;
  display: flex;
  min-height: 2.4em;
}
.sp-company .content {
  overflow: hidden;
}
.sp-company .photo {
  overflow: hidden;
  position: relative;
  border-radius: 10px 10px 0 0 !important;
}
.sp-company .photo:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.sp-company .photo .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-size: cover;
}
.sp-company .photo .image {
  background: #ffffff;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  max-width: 80%;
  max-height: 80%;
  transition: transform 2s;
}
.sp-company .photo .image img {
  display: block;
  max-width: 100%;
  transform: translateZ(0);
  max-height: 150px;
}
@media (max-width: 991px) {
  .sp-company .photo .image img {
    max-height: 110px;
  }
}
@media (max-width: 767px) {
  .sp-company .photo .image img {
    max-height: 150px;
  }
}
.sp-company .photo > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-company .photo:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.crop-controls {
  display: none;
  margin: 5px -1px;
  border-radius: 10px;
  overflow: hidden;
}
.crop-controls a {
  color: #757575;
}
.crop-controls div {
  cursor: pointer;
  flex: 1;
  text-align: center;
  margin: 0 1px;
  background: rgb(244.5, 244.5, 244.5);
  padding: 5px 0;
  color: #757575;
}

.date-range-picker {
  width: 250px;
  border: 1px solid rgb(193.5, 193.5, 193.5);
  line-height: 20px;
  display: inline-block;
  border-radius: 10px;
  padding: 10px;
  vertical-align: middle;
}
.date-range-picker > span {
  color: rgb(193.5, 193.5, 193.5);
}
.date-range-picker:before {
  content: "\f073";
  display: inline-block;
  opacity: 1;
  margin: 0em 0.5rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1em;
}

.daterangepicker {
  width: 300px;
}
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
}
.daterangepicker .calendar {
  max-width: 290px;
}
.daterangepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 0px;
  top: 0px;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 0px 10px 0px 5px;
  height: auto;
  margin: 0;
}
.daterangepicker .ranges li {
  color: #323232;
  background: #ffffff;
  border: 1px dashed rgb(193.5, 193.5, 193.5);
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background-color: #00801c;
  border: 1px solid #00801c;
  color: #fff;
}
.daterangepicker td.in-range {
  background-color: #DBECD7;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: rgb(244.5, 244.5, 244.5);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #00801c;
  border-color: transparent;
  color: #ffffff;
}
.daterangepicker .input-mini.active {
  border: 1px solid #00801c;
}
.daterangepicker .hide {
  display: none !important;
}
.daterangepicker th, .daterangepicker td {
  padding: 5px;
}
.daterangepicker th.month {
  padding-left: 0px;
  padding-right: 0px;
}
.daterangepicker th.month select.monthselect {
  width: 60%;
}
.daterangepicker .sp-button {
  padding: 5px 10px;
}

p.divider.with-text {
  line-height: 0.5;
  text-align: center;
}
p.divider.with-text span {
  display: inline-block;
  position: relative;
}
p.divider.with-text span:before, p.divider.with-text span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top: 0;
  width: 600px;
}
p.divider.with-text span:before {
  right: 100%;
  margin-right: 15px;
}
p.divider.with-text span:after {
  left: 100%;
  margin-left: 15px;
}

.field_with_errors .dropzone {
  border-color: #ba0000;
}

.dropzone {
  border: 2px dashed #00801c;
  border-radius: 10px;
  text-align: center;
}
.dropzone .dz-message, .dropzone .dz-preview .new-file {
  color: #00801c;
  margin: 1em 0;
}
.dropzone .dz-preview {
  margin: 10px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
.dropzone .dz-preview .dz-remove {
  z-index: 100;
  display: block;
  position: absolute;
  top: -18px;
  right: -18px;
  color: rgb(193.5, 193.5, 193.5);
  font-size: 1.6em;
  padding-left: 5px;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
  color: #ba0000;
}
.dropzone .dz-preview .dz-remove:before {
  font-family: "Icons";
  display: block;
  content: "\f057";
}
.dropzone .dz-preview fit-thumbnail {
  font-size: 73%;
}
.dropzone .dz-preview .new-file {
  cursor: default;
}
.dropzone .dz-image img {
  width: 100%;
  cursor: zoom-in;
}
.dropzone .link {
  cursor: pointer;
  display: block;
  padding-top: 5px;
  text-align: center;
  font-size: 0.9em;
}
.dropzone.file .dz-file-preview .dz-image img {
  display: none;
}
.dropzone.file .dz-image-preview .dz-details, .dropzone.image .dz-image-preview .dz-details {
  display: none;
}

.dropzone.dz-started .dz-message, .dropzone.dz-started .dz-preview .new-file {
  display: block;
}

a.download-all.disabled {
  color: rgb(193.5, 193.5, 193.5);
  cursor: default;
  pointer-events: none;
}

.dropzone[data-ai-verification=true] .dz-preview {
  padding-top: 34px;
}
.dropzone[data-ai-verification=true] .dz-preview .dz-image {
  position: relative;
}
.dropzone[data-ai-verification=true] .dz-preview .dz-remove {
  top: 0;
  right: 0;
  z-index: 101;
}
.dropzone[data-ai-verification=true] .dz-preview .ai-verification-badge {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 100;
  background: #ba0000;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 999px;
  pointer-events: none;
}
.dropzone[data-ai-verification=true] .dz-preview .ai-verification-pending {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.85);
  color: #757575;
  font-size: 0.85em;
  text-align: center;
  pointer-events: none;
}
.dropzone[data-ai-verification=true] .dz-preview .ai-verification-label {
  margin: 4px 0 0;
  font-size: 0.85em;
  text-align: center;
  color: #757575;
}

html.panel .dropzone.file, html.panel .dropzone.image {
  overflow-y: auto;
  max-height: 580px;
}
html.panel .dropzone.file.ai, html.panel .dropzone.image.ai {
  max-height: 720px;
}

.drugs-info {
  color: #757575;
}
.drugs-info i.flask.icon {
  float: left;
  font-size: 1.2em;
}
.drugs-info p {
  margin-left: 28px;
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.drugs-info p > span {
  display: inline-block;
  width: 100%;
}
.drugs-info i.question.icon {
  float: none !important;
  font-size: 0.9em !important;
  color: rgb(193.5, 193.5, 193.5);
}
.drugs-info .atc {
  text-decoration: underline dotted #1274c3;
  font-size: 0.9em;
  color: #757575;
}

.lobibox-notify-wrapper.bottom.right {
  right: 15px;
}
.lobibox-notify-wrapper.bottom.left {
  left: 15px;
}
.lobibox-notify-wrapper.top {
  top: 10px;
}
.lobibox-notify-wrapper.top.right {
  right: 15px;
}
.lobibox-notify-wrapper.top.left {
  left: 15px;
}
@media (max-width: 767px) {
  .lobibox-notify-wrapper {
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
  }
}

.flash {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-direction: row-reverse;
  font-family: "Nunito Sans", sans-serif, sans-serif;
  font-size: 16px;
  position: relative;
  padding: 10px 15px;
  background-color: #1274c3;
  color: #fff;
  transition: all 0.2s ease;
  margin-bottom: 20px;
  border: 1px solid;
}
.flash.rounded {
  border-radius: 15px;
}
.flash .lobibox-notify-icon-wrapper {
  background-color: #1274c3;
  color: #ffffff;
  width: 90px;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div {
  position: absolute;
  left: 50%;
  top: 50%;
}
.flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div .icon-el i.icon {
  font-size: 40px;
  position: absolute;
  left: -50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}
.flash .lobibox-notify-icon-wrapper .lobibox-notify-icon img {
  width: auto;
  max-width: none;
  position: relative;
  top: 0;
  left: -50%;
  margin: 0 auto;
  height: 90px;
}
.flash-success {
  background: linear-gradient(rgba(126, 174, 42, 0.05), rgba(126, 174, 42, 0.05)), linear-gradient(#ffffff, #ffffff);
  color: #00801c;
  border-color: #00801c;
}
.flash-success .lobibox-notify-icon-wrapper {
  background-color: #00801c;
}
.flash-success .lobibox-delay-indicator > div {
  background-color: #00801c;
}
.flash-error {
  background: linear-gradient(rgba(126, 174, 42, 0.05), rgba(126, 174, 42, 0.05)), linear-gradient(#ffffff, #ffffff);
  color: #ba0000;
  border-color: #ba0000;
}
.flash-error .lobibox-notify-icon-wrapper {
  background-color: #ba0000;
}
.flash-error .lobibox-delay-indicator > div {
  background-color: #ba0000;
}
.flash-info {
  background: linear-gradient(rgba(126, 174, 42, 0.05), rgba(126, 174, 42, 0.05)), linear-gradient(#ffffff, #ffffff);
  color: #1274c3;
  border-color: #1274c3;
}
.flash-info .lobibox-notify-icon-wrapper {
  background-color: #1274c3;
}
.flash-info .lobibox-delay-indicator > div {
  background-color: #1274c3;
}
.flash-warning {
  background: linear-gradient(rgba(255, 165, 0, 0.05), rgba(255, 165, 0, 0.05)), linear-gradient(#ffffff, #ffffff);
  color: #e65000;
  border-color: #e65000;
}
.flash-warning .lobibox-notify-icon-wrapper {
  background-color: #e65000;
}
.flash-warning .lobibox-delay-indicator > div {
  background-color: #e65000;
}
.flash .lobibox-notify-body {
  width: 100%;
  text-align: justify;
  margin: 0 90px 0 0;
}
.flash .lobibox-notify-body .lobibox-notify-title {
  font-size: 1em;
  font-weight: bold;
  padding: 5px 0;
}
.flash .lobibox-notify-body .lobibox-notify-msg {
  font-size: 0.9em;
  font-weight: normal;
}
.flash span.lobibox-close {
  position: absolute;
  text-align: center;
  border-radius: 50%;
  right: -8px;
  top: -10px;
  font-size: 25px;
  line-height: 22px;
  width: 25px;
  height: 25px;
  transition: all 0.2s;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  color: rgba(117, 117, 117, 0.5);
  border: 1px solid rgb(193.5, 193.5, 193.5);
}
.flash span.lobibox-close:hover {
  background-color: rgb(255, 255, 255);
  color: rgba(117, 117, 117, 0.75);
  border-color: rgba(117, 117, 117, 0.75);
}
.flash i.icon {
  height: 100%;
}
.flash .lobibox-delay-indicator {
  width: auto;
  height: 100%;
  margin: 0 auto;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
  right: 90px;
}
.flash .lobibox-delay-indicator > div {
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 4px;
}
@media (max-width: 767px) {
  .flash {
    margin: 0;
    border: 0;
    border-top: 1px solid;
    height: auto;
    padding: 5px;
    min-height: 60px;
    width: 100% !important;
  }
  .flash.rounded {
    border-radius: 0;
  }
  .flash .lobibox-notify-icon-wrapper {
    border-radius: 0;
    left: 0;
    right: 0;
    width: 45px;
  }
  .flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div {
    position: absolute;
    top: 50%;
    left: -50%;
  }
  .flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div .icon-el {
    font-size: 25px;
    position: relative;
    width: 100%;
  }
  .flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div .icon-el i.icon {
    font-size: 25px;
    margin: 0;
    left: -50%;
    top: 50%;
    transform: translate(100%, -50%);
  }
  .flash .lobibox-notify-icon-wrapper .lobibox-notify-icon div img {
    left: -35px;
  }
  .flash .lobibox-notify-body {
    margin: 0 35px 0 25px;
  }
  .flash .lobibox-notify-body .lobibox-notify-title {
    padding: 0;
    font-size: 0.9em;
  }
  .flash .lobibox-notify-body .lobibox-notify-msg {
    max-height: 60px;
    font-size: 0.8em;
  }
  .flash span.lobibox-close {
    position: relative;
    top: 0;
    right: -92%;
    width: 32px;
  }
  .flash .lobibox-delay-indicator {
    border-radius: 0;
    right: 0;
    left: 40px;
  }
}

#footer {
  margin-top: 50px;
}

.attachment, input[type=text], input[type=search], input[type=file], input[type=url], input[type=number], input[type=password], input[type=date], input[type=email], input[type=tel], input[type=with_icon], textarea, select {
  border: 1px solid rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
  padding: 10px;
  outline: 0;
  color: #323232;
}
.attachment:focus, input[type=text]:focus, input[type=search]:focus, input[type=file]:focus, input[type=url]:focus, input[type=number]:focus, input[type=password]:focus, input[type=date]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=with_icon]:focus, textarea:focus, select:focus {
  border: 1px solid #00801c;
}
.attachment.inline, input[type=text].inline, input[type=search].inline, input[type=file].inline, input[type=url].inline, input[type=number].inline, input[type=password].inline, input[type=date].inline, input[type=email].inline, input[type=tel].inline, input[type=with_icon].inline, textarea.inline, select.inline {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
  margin-right: -3px;
}

input[type=number], input[type=url], input[type=text], input[type=password], input[type=date], input[type=email], input[type=tel], input[type=with_icon], select {
  height: 42px;
}

input[disabled] {
  background: rgb(244.5, 244.5, 244.5);
}

textarea {
  resize: vertical;
  min-height: 135px;
}

button {
  outline: 0;
}

form.inline select {
  width: auto;
}
form.inline select, form.inline .select2, form.inline input {
  margin: 5px;
}

.inline-submit {
  float: right;
}

.inline-input {
  overflow: hidden;
}
.inline-input input {
  width: 100%;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Nunito Sans", sans-serif;
}

label.checkbox {
  padding-left: 30px;
  display: inline-block;
}
label.checkbox input {
  display: none;
}
label.checkbox i:not(.inline-label-icon) {
  float: left;
  font-size: 1.5em;
  display: inline-block;
  opacity: 1;
  margin: 0em;
  width: 1.18em;
  height: 1em;
  margin-left: -30px;
  color: rgb(193.5, 193.5, 193.5);
  font-style: normal;
  font-weight: bold;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-top: 1px;
}
label.checkbox i:not(.inline-label-icon):before {
  font-family: outline-icons;
  content: "\f0c8";
  background: none !important;
}
label.checkbox i:not(.inline-label-icon):hover {
  color: #757575;
}
label.checkbox i:not(.inline-label-icon):hover:before {
  font-family: outline-icons;
  content: "\f0c8";
}
label.checkbox :checked + i:not(.inline-label-icon) {
  color: #00801c;
}
label.checkbox :checked + i:not(.inline-label-icon):before {
  font-family: "Icons";
  content: "\f14a";
}

.panel-content label.checkbox input.disabled:not(.disabled-normal-color) + i {
  color: rgb(193.5, 193.5, 193.5);
}

.box.admin label.checkbox i, .box.admin label.checkbox i:hover, .box.admin label.checkbox :checked + i {
  color: #ffffff;
}

.simple_form {
  position: relative;
}
.simple_form .base-errors {
  margin-left: 0 !important;
}
.simple_form .base-errors .error_notification {
  margin-left: 0 !important;
}
.simple_form .wrapper {
  margin: 10px 0px;
  width: 100%;
  overflow: hidden;
}
.simple_form .wrapper.autocomplete {
  overflow: visible;
}
.simple_form .wrapper.field_with_errors .input > input, .simple_form .wrapper.field_with_errors .input > textarea {
  border: 1px solid #ba0000;
}
.simple_form .wrapper.field_with_errors.secure_password > div.error {
  display: none;
}
.simple_form .wrapper.hidden {
  display: none !important;
}
.simple_form .wrapper.preview .error {
  display: none;
}
.simple_form .wrapper.boolean .input {
  min-height: 43px;
  display: flex;
  align-items: center;
}
.simple_form .wrapper .label {
  display: block;
  align-items: center;
  display: flex;
  float: left;
  min-height: 42px;
  padding-right: 15px;
  text-align: right;
  width: 200px;
}
.simple_form .wrapper .label label {
  width: 100%;
  line-height: 1.3em;
}
.simple_form .wrapper .label label small {
  margin-top: 5px;
  color: #757575;
  display: block;
  line-height: 1.1em;
}
.simple_form .wrapper .attached_files .attachment i.remove.icon {
  float: right;
  cursor: pointer;
}
.simple_form .wrapper .attached_files .file-input {
  position: relative;
}
.simple_form .wrapper .attached_files .file-input i.remove.icon {
  position: absolute;
  right: 10px;
  top: 10px;
  float: right;
  cursor: pointer;
  display: none;
  background: #ffffff;
  height: 30px;
}
.simple_form .wrapper .hint, .simple_form .wrapper .custom_hint {
  color: #757575;
  font-size: 0.8em;
  margin-left: 200px;
}
.simple_form .wrapper .error, .simple_form .wrapper .error_notification {
  margin-left: 200px;
  font-size: 0.8em;
  color: #ba0000;
}
.simple_form .wrapper .input {
  display: block;
  margin: 0px 0px 5px 200px;
}
.simple_form .wrapper .input label {
  line-height: 43px;
}
.simple_form .wrapper .input label.checkbox {
  line-height: 1.5em;
}
.simple_form .wrapper .input label {
  font-size: 0.9em;
}
.simple_form .wrapper .input input, .simple_form .wrapper .input select, .simple_form .wrapper .input textarea {
  width: 100%;
}
.simple_form .wrapper .input input[type=file] {
  padding-top: 10px;
}
.simple_form .wrapper .input .date-range-picker {
  width: 100%;
}
.simple_form .wrapper.date .input {
  display: flex;
  flex-wrap: wrap;
}
.simple_form .wrapper.date .input select {
  width: 33.33%;
  background-color: #ffffff;
}
.simple_form .wrapper.admin .label label {
  color: #1274c3;
}
.simple_form .wrapper.admin .input input {
  background: #1274c3;
  color: #ffffff;
}
.simple_form .wrapper.secure_password input {
  padding-right: 50px;
}
.simple_form .wrapper.secure_password input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.simple_form .wrapper.secure_password input::-ms-reveal {
  display: none;
}
@media (max-width: 767px) {
  .simple_form .wrapper.mobile_label_hidden .label {
    display: none;
  }
}
.simple_form .wrapper.bold_label label {
  font-weight: bold;
}
@media (max-width: 767px) {
  .simple_form .wrapper .label {
    width: 100%;
    float: none;
  }
  .simple_form .wrapper .label label {
    text-align: left;
  }
  .simple_form .wrapper .label label small {
    display: inline;
  }
  .simple_form .wrapper .input {
    margin: 0px 0px 5px 0px;
  }
  .simple_form .wrapper .hint, .simple_form .wrapper .error {
    margin-left: 0px;
  }
  .simple_form button {
    margin-left: 0px;
  }
}
.simple_form .without-labels .label {
  display: none;
}
.simple_form .without-labels.oneline {
  display: flex;
}
.simple_form .without-labels.oneline .wrapper:not(:first-child) {
  margin-left: 5px;
}
.simple_form .without-labels.oneline .wrapper:not(:last-child) {
  margin-right: 5px;
}
.simple_form .top-labels .label {
  width: 100%;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  float: none;
  padding-right: 0;
  min-height: auto;
  margin: 10px 0;
}
.simple_form .top-labels .label small {
  margin-bottom: 10px;
  font-weight: normal;
  color: rgb(193.5, 193.5, 193.5) !important;
}
.simple_form .top-labels .wrapper.html .input {
  clear: both;
}
.simple_form .top-labels label.pretty-radio {
  color: #000;
  margin: 0;
  line-height: 32px;
}
.simple_form .without-labels .input, .simple_form .top-labels .input {
  margin: 0 0 5px 0;
}
.simple_form .without-labels .hint, .simple_form .without-labels .error, .simple_form .top-labels .hint, .simple_form .top-labels .error {
  margin-left: 0;
}
.simple_form .narrow-labels .label {
  width: 130px;
}
.simple_form .narrow-labels .input {
  margin: 0px 0px 5px 130px;
}

.terminal_amount .input {
  position: relative;
}
.terminal_amount .input:before {
  display: block;
  content: "zł";
  color: #757575;
  position: absolute;
  top: 1px;
  right: 1px;
  line-height: 40px;
  padding: 0 10px;
  background-color: rgb(244.5, 244.5, 244.5);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.terminal_amount .input input {
  padding-right: 40px;
}
.terminal_amount .input[data-locale]:before {
  content: "siepomaga.pl/" attr(data-locale);
}
.terminal_amount .input[data-locale] input {
  padding-left: 150px;
}

.cause_permalink_slug .input,
.cause_needy_permalink_slug .input,
div[class*=needy_permalink_slug] .input,
.foundation_permalink_slug .input,
.fundraise_permalink_slug .input,
.company_permalink_slug .input,
.event_permalink_slug .input,
.selection_permalink_slug .input {
  position: relative;
}
.cause_permalink_slug .input:before,
.cause_needy_permalink_slug .input:before,
div[class*=needy_permalink_slug] .input:before,
.foundation_permalink_slug .input:before,
.fundraise_permalink_slug .input:before,
.company_permalink_slug .input:before,
.event_permalink_slug .input:before,
.selection_permalink_slug .input:before {
  display: block;
  content: "siepomaga.pl/";
  color: #757575;
  position: absolute;
  top: 1px;
  left: 1px;
  line-height: 40px;
  padding: 0 10px;
  background-color: rgb(244.5, 244.5, 244.5);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.cause_permalink_slug .input input,
.cause_needy_permalink_slug .input input,
div[class*=needy_permalink_slug] .input input,
.foundation_permalink_slug .input input,
.fundraise_permalink_slug .input input,
.company_permalink_slug .input input,
.event_permalink_slug .input input,
.selection_permalink_slug .input input {
  padding-left: 125px;
}
.cause_permalink_slug .input[data-locale]:before,
.cause_needy_permalink_slug .input[data-locale]:before,
div[class*=needy_permalink_slug] .input[data-locale]:before,
.foundation_permalink_slug .input[data-locale]:before,
.fundraise_permalink_slug .input[data-locale]:before,
.company_permalink_slug .input[data-locale]:before,
.event_permalink_slug .input[data-locale]:before,
.selection_permalink_slug .input[data-locale]:before {
  content: "siepomaga.pl/" attr(data-locale);
}
.cause_permalink_slug .input[data-locale] input,
.cause_needy_permalink_slug .input[data-locale] input,
div[class*=needy_permalink_slug] .input[data-locale] input,
.foundation_permalink_slug .input[data-locale] input,
.fundraise_permalink_slug .input[data-locale] input,
.company_permalink_slug .input[data-locale] input,
.event_permalink_slug .input[data-locale] input,
.selection_permalink_slug .input[data-locale] input {
  padding-left: 150px;
}

.wrapper.with-hashtag-prefix .input {
  position: relative;
}
.wrapper.with-hashtag-prefix .input:before {
  display: block;
  content: "#";
  color: #757575;
  position: absolute;
  top: 1px;
  left: 1px;
  line-height: 40px;
  padding: 0 15px;
  background-color: rgb(244.5, 244.5, 244.5);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.wrapper.with-hashtag-prefix .input input {
  padding-left: 42px;
}

.wrapper.currency .input {
  position: relative;
}
.wrapper.currency .input[data-currency]:before {
  content: attr(data-currency);
  width: 60px;
  text-align: center;
}
.wrapper.currency .input[data-currency] input {
  padding-right: 70px;
}
.wrapper.currency .input:not([data-currency]):before {
  content: "zł";
}
.wrapper.currency .input:before {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  background: rgb(244.5, 244.5, 244.5);
  position: absolute;
  top: 1px;
  right: 1px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 40px;
}
.wrapper.currency .input input {
  padding-right: 40px;
  text-align: right;
}

.wrapper.with_icon .input {
  position: relative;
}
.wrapper.with_icon .input input {
  padding-left: 42px;
}
.wrapper.with_icon .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 42px;
  width: 42px;
  line-height: 42px;
}

label.pretty-radio {
  color: #757575;
  cursor: pointer;
  margin-right: 10px;
}
label.pretty-radio input {
  position: absolute;
  visibility: hidden;
}
label.pretty-radio input:checked + div {
  border-color: #00801c;
}
label.pretty-radio input:checked + div:before {
  background: #00801c;
}
label.pretty-radio input:checked + div + span {
  color: #00801c;
}
label.pretty-radio span {
  transition: all 0.25s linear;
}
label.pretty-radio div {
  display: inline-block;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border: 1px solid #757575;
  position: relative;
  margin-bottom: -3px;
  margin-right: 3px;
  transition: border 0.25s linear;
}
label.pretty-radio div:before {
  display: block;
  height: 10px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 10px;
  background: #ffffff;
  content: "";
  border-radius: 100%;
  transition: background 0.25s linear;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgb(193.5, 193.5, 193.5) !important;
  padding-top: 2px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgb(193.5, 193.5, 193.5) !important;
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgb(193.5, 193.5, 193.5) !important;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(193.5, 193.5, 193.5) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.simple_form .without-labels .boolean .error {
  margin-left: 30px;
}

::-ms-clear { /* Internet Explorer 10-11, Edge */
  width: 0;
  height: 0;
}

.password-information {
  position: relative;
  line-height: 25px;
  margin-top: 3px;
}
.password-information .required, .password-information .chars, .password-information .capital-letter, .password-information .digit {
  display: inline-block;
  font-size: 0.85em;
}
.password-information .capital-letter, .password-information .digit {
  margin-left: 15px;
}
.password-information .chars {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .password-information .required, .password-information .types {
    display: block;
  }
  .password-information .chars {
    margin-left: 0;
  }
}
.password-information .types {
  display: inline-block;
  color: #757575;
}
@media (max-width: 380px) {
  .password-information .types {
    display: flex;
    justify-content: space-between;
  }
  .password-information .types > div {
    margin: 0;
  }
}
.password-information .check {
  display: none;
}
.password-information .valid {
  color: #00801c;
}
.password-information .valid i.check {
  display: inline-block;
}
.password-information .valid i.close {
  display: none;
}
.password-information .invalid {
  color: #ba0000;
}
.password-information .invalid i.check {
  display: none;
}
.password-information .invalid i.close {
  display: inline-block;
}
.password-information .show-password {
  position: absolute;
  top: -35px;
  right: 10px;
  font-size: 1.5em;
  cursor: pointer;
  color: rgb(193.5, 193.5, 193.5);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.form-box .box .simple_form .wrapper:not(.field_with_errors) .input {
  margin-bottom: 0;
}
.form-box .box .header {
  color: #ffffff;
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.form-box .box .header .icon {
  font-size: 1.7em;
  line-height: 100%;
  vertical-align: bottom;
  margin: 0 1.5rem;
  flex-shrink: 0;
}
.form-box .box .header .title {
  font-size: 1.2em;
  border-left: 1px solid #ffffff;
  padding: 0 1.5rem;
  margin: 1rem 0;
  display: flex;
  font-weight: bold;
}
.form-box .box .header .title h1 {
  font-size: 1.28571429rem;
  align-items: center;
  display: flex;
  min-height: 50px;
}
.form-box .box .wrapper.currency.cause_funds_aim:not(.cause_funds_aim-small) .input {
  font-size: 3em;
}
.form-box .box .wrapper.currency.cause_funds_aim:not(.cause_funds_aim-small) .input input {
  height: 100px;
  padding-right: 60px;
}
.form-box .box .wrapper.currency.cause_funds_aim:not(.cause_funds_aim-small) .input::before {
  height: 98px;
  display: flex;
  align-items: center;
  background: none;
}
.form-box .box .wrapper.boolean.no-label .label {
  display: none;
}
.form-box .box .wrapper.boolean.no-label .input {
  min-height: 0;
}
.form-box .box .wrapper .pretty-radio span {
  color: #000;
}
.form-box .box .wrapper .pretty-radio input + div {
  border-width: 3px;
  border-color: rgb(193.5, 193.5, 193.5);
  width: 22px;
  height: 22px;
}
.form-box .box .wrapper .pretty-radio input + div::before {
  top: 3px;
  left: 3px;
}
.form-box .box .wrapper .pretty-radio input:hover + div {
  border-color: #757575;
}
.form-box .box .wrapper .pretty-radio input:checked + div {
  border-color: #00801c;
}
.form-box .box .form-section {
  margin-bottom: 1em;
}
.form-box .box .form-section.no-bottom-border {
  margin-bottom: 0;
}
.form-box .box .form-section-separator {
  height: 1px;
  background-color: rgb(193.5, 193.5, 193.5);
}
.form-box .box .form-section.with-background {
  padding: 1em 2em;
}
.form-box .box .form-section:not(.with-background) {
  padding: 0 2em;
}
.form-box .box .form-section:not(.with-background):not(.buttons) {
  margin-top: 1em;
}
.form-box .box .form-section > *:first-child {
  margin-top: 0;
}
.form-box .box .form-section > *:last-child {
  margin-bottom: 0 !important;
}
.form-box .box .form-section > .wrapper {
  margin-bottom: 1em;
}
.form-box .box .form-section > .wrapper:not(:first-child) {
  margin-top: 1em;
}
.form-box .box .form-section.with-border {
  border-bottom: 1px solid rgb(193.5, 193.5, 193.5);
}
.form-box .box .form-section.with-background {
  background-color: #EEF6EC;
}
.form-box .box .form-section .form-info {
  font-size: 0.9em;
}
.form-box .box .form-section .form-info .info-with-icon {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.form-box .box .form-section .form-info .info-with-icon i.icon-info {
  margin-right: 10px;
}
.form-box .box .form-section.buttons {
  height: 100px;
  display: flex;
  align-items: center;
}
.form-box .box .form-section.buttons .sp-button {
  margin-left: auto;
}
.form-box .box .form-header {
  color: #00801c;
  font-weight: bold;
  margin: 1em 2em;
}
.form-box .box .form-header span {
  display: table;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.2em;
  line-height: 1.2em;
}
.form-box .box .form-header span:after {
  border-top: 1px solid #DBECD7;
  content: "";
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 99%;
  left: 1.5%;
}
.form-box .box .many-inputs {
  display: flex;
  align-items: flex-start;
  margin: 1em 0;
}
@media (max-width: 767px) {
  .form-box .box .many-inputs {
    display: block;
  }
}
.form-box .box .many-inputs-content {
  flex-grow: 1;
  flex-basis: 0;
}
.form-box .box .many-inputs-row {
  display: flex;
}
.form-box .box .many-inputs-row > * {
  flex-basis: 50%;
  flex-grow: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-width: calc(50% - 5px);
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-row > * {
    margin-bottom: 1em;
  }
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-row {
    display: block;
  }
  .form-box .box .many-inputs-row:first-child .wrapper:first-child {
    margin-top: 0;
  }
}
.form-box .box .many-inputs-row:first-child > * {
  margin-top: 0;
}
.form-box .box .many-inputs-row:not(:last-child) > * {
  margin-bottom: 1em;
}
.form-box .box .many-inputs-row > *:not(:last-child) {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-row > *:not(:last-child) {
    margin-right: 0;
  }
}
.form-box .box .many-inputs-row > *:not(:first-child) {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-row > *:not(:first-child) {
    margin-left: 0;
  }
}
.form-box .box .many-inputs-row > .like-input {
  margin: 0 0 auto 5px;
  height: 42px;
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-row > .like-input {
    margin-left: 0;
  }
}
.form-box .box .many-inputs-label {
  width: 200px;
  padding-right: 15px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .form-box .box .many-inputs-label {
    justify-content: normal;
  }
}
.form-box .box .many-inputs .wrapper .label {
  display: none;
}
.form-box .box .many-inputs .wrapper .input {
  margin-left: 0;
}
.form-box .box .many-inputs .wrapper .error {
  margin-left: 0;
}
.form-box .box .radio-buttons.one-line {
  display: flex;
}
.form-box .box .radio-buttons.one-line > div:not(:last-child) {
  min-width: 100px;
}
.form-box .box .wrapper.question {
  margin-top: 0;
}
.form-box .box .wrapper.question:not(.opened) {
  display: none;
}
.form-box .box .wrapper.question .label {
  margin: 0;
}
.form-box .box .wrapper.question-trigger {
  margin-bottom: 0;
}
.form-box .box .wrapper.question-trigger .pretty-radio input:checked ~ span {
  font-weight: bold;
}
.form-box .box .wrapper .radio-buttons .pretty-radio {
  padding-left: 30px;
  display: inline-block;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.form-box .box .wrapper .radio-buttons .pretty-radio > div {
  margin-bottom: -5px;
  margin-left: -30px;
}
.form-box .box .wrapper.boolean label.checkbox span {
  vertical-align: middle;
}

.sp-fundraise {
  border-radius: 10px;
  border: 1px solid rgb(193.5, 193.5, 193.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sp-fundraise img {
  border-radius: 10px;
}
.sp-fundraise .amount-container {
  padding: 10px;
  height: 85px;
}
.sp-fundraise .amount-container.without-aim {
  color: #00801c;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.sp-fundraise .organizer {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px;
  display: flex;
  align-items: center;
  height: 70px;
}
.sp-fundraise .organizer img {
  border-radius: 10px;
  float: left;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.sp-fundraise .organizer-name {
  font-weight: bold;
}
.sp-fundraise .title {
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-grow: 1;
  margin-right: -1px;
  margin-left: -1px;
}
.sp-fundraise .title div {
  display: inline-block;
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 5px 10px;
  word-break: break-word;
}
.sp-fundraise .uppercase {
  text-align: center;
  color: rgb(76.5, 76.5, 76.5);
  font-size: 0.65em;
  font-weight: bold;
  margin-top: -5px;
  height: 25px;
}

#green_top_bar .header {
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  color: #ffffff;
  position: relative;
  overflow-wrap: break-word;
}
#green_top_bar .header h1 {
  margin-bottom: 1.5em;
}
@media (max-width: 767px) {
  #green_top_bar .header h1 {
    text-align: center;
  }
}
#green_top_bar .header .subtitle {
  position: absolute;
  bottom: 15px;
}
#green_top_bar .header .subtitle h2 {
  font-weight: normal;
}
@media (max-width: 767px) {
  #green_top_bar .header .subtitle h2 {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  #green_top_bar .header .subtitle {
    position: relative;
    text-align: center;
  }
}
#green_top_bar .header .avatar {
  text-align: right;
}
@media (max-width: 767px) {
  #green_top_bar .header .avatar {
    text-align: center;
  }
}
#green_top_bar .header img {
  width: 100%;
  max-width: 140px;
  border-radius: 10px;
  vertical-align: top;
}

.guardian-birthday:not(.opened) {
  display: none;
}
.guardian-birthday .select2-container {
  flex-grow: 1;
}

.guardian-birthday-trigger {
  color: #1274c3;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .guardian-birthday-trigger {
    margin-left: 200px;
  }
}
.guardian-birthday-trigger.clicked {
  display: none;
}

h1 {
  font-size: 3em;
}
@media (max-width: 1199px) {
  h1 {
    font-size: 2.8em;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 2.2em;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 2em;
  }
}

h1.with-margin {
  margin-bottom: 50px;
}

hr {
  height: 30px;
  border: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABHQAAAAeCAYAAABNLEmZAAAKSWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAASImdU3dYk%2FcWPt%2F3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371%2Fu855zn%2FM55zw%2BAERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh%2BdLA%2F%2FAGvbwACAHDVLiQSx%2BH%2Fg7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK%2F4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO%2F0xaL%2Ba%2FBvIj4h8d%2F%2BvIwCBAAQTs%2Fv2l%2Fl5dYDcMcBsHW%2Fa6lbANpWAGjf%2BV0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s%2B%2FzPhb%2BCLfvb8QB7%2B23rwAHGaQJmtwKOD%2FXFhbnauUo7nywRCMW735yP%2Bx4V%2F%2FY4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk%2FATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO%2F%2BY9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II%2FItchQ5jVxA%2BpDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS%2Bh1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE%2BwIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE%2B0JXoS%2BcR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE%2BS%2B8nD5LcUOsWI4kwJoiRSpJQSSjVlP%2BUEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL%2Bl0ugndgx5Fl9CX0mvoB%2Bnn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS%2BZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U%2F1XmqC1SrVQ%2BrXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O%2BX%2F2C%2BmMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF%2Bxt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0%2FLbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY%2Bt56Qn1yvUO6d3RR%2FVt9KP1F%2Brv1u%2FRHzcwNAg2kBlsMThj8MyQY%2BhrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ%2BM1eBc%2BZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82%2FyNhaVFnMVKizaLx5balnzLBZZNlvesmFY%2BVnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10%2FWjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo%2BPWX6zukDPsY%2BAp96n4e%2Bpr4i3z2%2BI37Wfpl%2BB%2Fye%2Bzv6y%2F2P%2BL%2FhefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG%2FljM9xnLJrRFcoInRVaG%2FowzCZMHtYRjobPCN8Qfm%2Bm%2BUzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y%2BpjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h%2FhF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I%2F5YMgQlAvGE%2Flp25NHRPyhJuFT0W%2Boo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI%2Flz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b%2B6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV%2BscKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb%2BvSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2%2FKhNqP2ep1%2FXctW%2Fa2rt77ZJtrWv913e%2FMOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur%2Fmft24R3dPxZ6Pe6V7B%2FZF7%2BtqdG9s3K%2B%2Fv7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e%2BNQ6KHOw9zDzd%2BZf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe%2Bt%2F9%2B7zHjY3XHNY9XnqCdKD3x%2BeSCk%2BOnZKeenU4%2FPdSZ3Hn3TPyZa11RXb1nQ8%2BePxd07ky3X%2FfJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2%2FrZffL7Vc8rnT0Tes70e%2FTf%2FpqwNVz1%2FjXLl2feb3vxuwbt24m3Ry4Jbr1%2BHb27Rd3Cu5M3F16j3iv%2FL7a%2FeoH%2Bg%2Fqf7T%2BsWXAbeD4YMBgz8NZD%2B8OCYee%2FpT%2F04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W%2F3nrc6vn3%2F3i%2B0vPWPzY8Av5i8%2B%2Frnmp83Lvq6mvOscjxx%2B8znk98ab8rc7bfe%2B477rfx70fmSj8QP5Q89H6Y8en0E%2F3Pud8%2Fvwv94Tz%2By1HOM8AAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAACDRJREFUeJzt3WmIZUcZh%2FHnrXNu9yTtOBo0LnENBrdoUFGRiCgqKvkSN4iiKIoBiUlEFDdcyAeTKKIoghgx4gYuKGpwDRrjkkBEFEMyZFxGwRjRiQnJTNJ9T9Xrh763e5yZTHc7y%2B02zw8K%2Bp5bVaduQ9PF%2F9apisxEs7f7lp2zHoIkSUddHZWDrnXdvg310doJlHLwfGUYoO%2Bnr%2Bb3f%2Bvh3L14%2F8U%2BdwJLAPN9ADCmEUPZr93%2B%2FQX9sLF5UR0dfK0bb6gLSZKkDRuP4OBZliRJ0tawbfXHReB24PaobfGqYcSvgfPXbidJkrQ1GehIkqSt6CnApcCzVi8FECdlciow6iJe1hP0xP7tXghcmvDUBBJwsbIkSdqKDrHgWJIkaXMZKv8dy8DbCF4z1Di36%2FJMkt%2FAHMCjV6vEk7shRyTjyYznjNLKlzI4eTzkY4EXT2uWOKB3SZKkTc4VOpIkaUtoACSTlTW3LF%2FNbbXGJ2plvrWgtVhYbZH3AR5Ot%2FyqVi7O5OTJm7dOa4VhjiRJ2oIMdCRJ0pbRCIgK0X6%2BejXPBF4UfSO6vPXAJjmCTM5IeMnK1RJfo4RhjiRJ2rIMdCRJ0ma3A3gccGIB%2BtLoy%2BL3g%2FzLtEJGvm6pdYzJfx%2FQtmsNauWClbqwrxZ%2BTinTx7hOnPT%2FkGP9QSRJko4WAx1JknScbWgX4rmETwNXAh8GTl3Od7pxBh%2BZVgrK2d24W9jG4oErdPb2PXNReOXK3TMv62DP%2FPJhV0%2Ba9Hsl8HVgAUmSpC3AQEeSJB1XmT2QxPrKfGaeA5wScB7wjWQ4C%2BYZd%2FE5YLJKJwvRntGy25fBNZPQ6M4WcUutcXom2wGCuK0QH58HGsNZwI8n%2FZ4SwbMi2REJaxWA9GktSZI0QwY6kiTpuGptG5k9Ax0D%2FVrljgwunrZNeEqti1dk5qtKjbuIdg5wA3BDRP3XkHME%2Bc6I%2FrtBnpejMZlDT7AISYt4H7C7JS%2BtdfEK4EEr44q4cOi5eehhrZIF2uj4%2F%2B4kSZKmInNDy551jOy%2BZeeshyBJ0lFXR%2Ff03VEwlKRGHngc%2BSEkXfKZ0njT6pXIqN0D6eqeTE4lskXGbsryWVijboFaF4lyFyWGvi4tvDa7smOpq58cjeOhkL8n2DHtrxUuq8GbCerhRwJdQt%2B4xyfHuvGaH0iSJOmIjEfQz3oQkiTp3igZNYjCukKdFpxbIv5E5rnAoyGjdu1hJcseWvwpykBmRyFpCbWNKWWOcWt0EUM35OXMzVPbPkoZP7jR75gEMn8m4jMt8pJYHtZhRgz9JMzx6zBJkjRrBjqSJGkmEuhbwDpDHeASkqta4YV9xG2t1D9EK2cn8RxggWh7geuAH9Uc7ynRE%2BRjao6eQ8ejaOM7u8bvur79sA7xrij1JGr5FsG16xlrZ5gjSZI2EQOdTSKcHUqS7oUODHXWqktybRdc25WktbyY5F0Ry49ZBW1a9QdBvCdzfCbw%2BiCfVvuAtkQQi7Vt%2BxC1XJQJMYln1trguGvrD3P8ny5Jko6H%2BOM%2FbvwUcD%2FgdvzSSTqcDtgO3Mby38xtMxyLJG0J2ZWfAV9bq14QtG44bJ2SAZl0BVrG%2B2rjopX7kJSVeAaI2EW20zjEup8kCOKSbLw7okEEbY0Upm%2FrPtXqFVF5ARx%2BLx5JkqQjUTu%2BGDftudEQR5IkHROR8WXgNeupO9cdPgPJSCDI5AFDLf9cfYPfla7%2F3sCwUBoXHDQG4uZG3lCIpye5AyACsnEKcPPyOA8%2FtuzWPV36ZlJe6ndkkiTpWGrBy3vgDcACsA9nH9LhFOAEYC%2FLfzN7ZzscSdr8krx6vXVrW6vGyhKZp670H9weyTldjHYuMpCFm7uWl6zUTX5DxAWQNwFnQP54EgoB%2BSLg8kk%2FR8v7A76acOJR61GSJOkAGVzRn3bS4y6f9UAEu2712HJJ0r3bkPd0xPlBHraav8QfM9iZJJBkxKUBpyW8msxfQbwZ2AWQmVcmXBXBcyeNH7nuwWWsd3Oc6ydFkiTpmHJTZEmSNFNJbHQj4TumDSK5%2F3R1zRxzLLEEcCHwFeBG4O8A2WB5E%2BT4Ld000IkTNjDIQ23HI0mSNDMGOpIkaab6srTRQOe6mj3LCUs%2BkuR04Pp%2BZVqztBf4CSyHOF2XxCSMaRmPnz5hnpQ%2Fb%2BiumUxP1JIkSZq1da9tliRJOha6GIiyobI7s3xn0rxE8PHp8pk%2BRqsdJ%2FQ9RCRdB13HiMhnT9%2BuXV5Tu2TdxVmTJEnaRJyaSJKkmUoCNlj6bvGdK2c5JM9vbfG8IRcZhrvJDEjIfnVlzrhCrZxPsjC57V%2Bz5A1Zko0USZKkzcJAR5IkbTkRdScZ75i%2BblkvzqxnZ%2B539Pl%2Be9605Jkt%2BcDKheSifmDcD7CRcjSPw5IkSToSBjqSJGkLCoCPJnxs8no7GZdBPOEQledL5GeB%2By63LFcDXygNNlpwCx1JkrRJGOhIkqStKoH3krwlg33AAzLyjRlJKSsrae7TGt8m43SADO4YSr69doyHHjZaqsdJSJKkTcJpiSRJ2sruAj4F%2FIjkuX0%2Ffw0E2ZYAHtEan2%2FJ8wCIXKLka5Ny3RHd0a10JEnSJmCgI0mS%2Fh%2FsAnYFhdqWCHh1tHhPS54IQOTdUeODWfLbsx2mJEnS0WGgI0mStry%2BzBPLD5JvT%2FKtmfkOiO0AGfyNkm%2BMGj%2Bd6SAlSZKOIgMdSZI0MwWodf5%2Fahsx2Ro5oNWl6eUPQZ4LzAEV%2BGUtXNjBb498tJIkSZuHgY4kSZqhI9mQJg%2F18xjiFwF%2FyeQbBFcDdx7BTSRJkjal%2FwDg32KVMQwnLQAAAABJRU5ErkJggg%3D%3D);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 10px;
}
hr.white {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABHQAAAAeCAMAAAB68rmrAAAAVFBMVEVHcEz%2F%2Fvr%2F%2Ffr%2F%2Ffr%2F%2F%2Fr%2F%2Ffr%2F%2Fvr%2F%2Ffr%2F%2Ffr%2F%2FPr%2F%2FPr%2F%2Fvr%2F%2FPr%2F%2B%2Fr%2F%2Ffr%2F%2Fvr%2F%2Ffr%2F%2F%2Fr%2F%2F%2Fr%2F%2B%2Fr%2F%2FPr%2F%2B%2Fr%2F%2B%2Fr%2F%2Fvr%2F%2Ffr%2F%2F%2Fr%2B%2Bvr%2F%2F%2F83PJRlAAAAGXRSTlMAKuPrDgZWFyD6wqGCZPSoNEDLcEvYt5eSazSN7wAAAZJJREFUeNrt11UC5CAQhOGKQjwZr977n3Pd3Zin%2F0MuAG36G8A29AKA8ro%2BS2rtUa%2FlvhUAFDS7SVJlr5La2ncBQEF3e5MO20l62JMKAoDFdqXj7Z0G%2B6yCAKAd7EmV7V2z7SwAZeDy2CVt9tq1titd7VHSMfX67wBgte%2BddtuHajtl273ayR703wHAyfYpabJ7PXzSxa%2Bv9mR71H8HALmxPXbttLXqjlapbirdbDdZAPD%2FVbXtXh91nQ7bdSUAKKGdPFTqcqcP8uotCQAKSSltQwy3XVrGpr6nlAUA5aQ63hjOY7xRZwFAQVt86Sbgz7wAfk6fSxExXs5rvHadmoio%2Fug3AQL%2BxBExJOkSEbdOeYhYBADFXCJqvTYPYytpjJgFAMXsEUOrj8omHQDo1i8GqjqiFwCU84io28%2F6nsgCgHLSGjHpvVvEKAAoaYmPA1YfTFcAipsjhkqv5SZiFAAUdh7iISldI9YsACgtL5WUr88brgDg0kTEWU8BAHNEDIsA4Gk557rrOQBgi%2Bu5E%2FAXXgGe5Yzdfh01UgAAAABJRU5ErkJggg%3D%3D);
}
hr.gray {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABHQAAAAeCAMAAAB68rmrAAAATlBMVEUAAADm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5uaLO2uJAAAAGXRSTlMABg4XICo0QEtWZHCCkpehqLfCy9jj6%2FT6k8JoJAAAAYFJREFUeNrt1NUB6zoABcFjCqNR23%2BhDy8zKV87RUykX%2FEox0hSfc2xT9LCmH%2F0xzaSVNGFtUsG2JK0C7dIUkU3eCR7oEuucE9FknQChuyBIV2BcyqSpLbAPQOwywXoU4ckHa67JA%2FYmhYYMsOYZH8%2FRpL%2BuA1uTXbAPgt0PXBMe4cSSfrjJmDqcodjrkw5wJR2AsZI0h%2FXr8DYtPdHm2bfplvWIU9g7SNJf96wAMe80zTZA8sQSaqhvVOGNH2Tt%2FqNRxdJqqTrukehPHfJaVyXW9f1kaR6uoV%2FlfPIv5Y%2BklTRg489I%2F0cpG%2FLhzpgPJw3gPm%2BAkPeQ%2FquSD9jD6VLDsCzSV%2FgFEmq5gBL%2FnEpY5tkhEskqZodlDZvmI6k2poNTnlngWMkqZ4rLG3e2AF96pGkboN73njCmJok6QSc8p8jcExVknSBMuQf%2FQpjKpOkc%2BGapJth61ObJPWnIeln4BhJeonDCpwjSS9xAcopkvQSF2DeRZJe48F8biL9gr8BC%2BuE%2F0tEEXoAAAAASUVORK5CYII%3D);
}
hr.with-margin {
  margin: 20px;
}
hr.with-big-margin {
  margin: 60px;
}

.line {
  background: #ffffff;
  height: 5px;
  border-radius: 5px;
  width: 150px;
  margin: 0.5em 0 1em;
}
.line.red {
  background: #ba0000;
}
.line.green {
  background: #00801c;
}
.line.centered {
  margin-left: auto;
  margin-right: auto;
}

.iconWithLabel {
  outline: none;
  color: #1274c3;
  text-decoration: none;
  text-align: center;
}
.iconWithLabel:hover {
  color: #0063b5;
}
.iconWithLabel:hover .iconWithLabel__icon svg path {
  fill: #0063b5;
}
.iconWithLabel__label {
  text-align: center;
}
.iconWithLabel__label--small {
  font-size: 0.8em;
}
.iconWithLabel__label--medium {
  font-size: 1.2em;
}
.iconWithLabel__logo {
  border-radius: 50%;
  border: #1274c3 1px solid;
  line-height: 1em;
  position: relative;
  display: block;
  margin: 0 auto 10px auto;
}
.iconWithLabel__logo--big {
  width: 8em;
  height: 8em;
}
.iconWithLabel__logo--medium {
  width: 4em;
  height: 4em;
}
.iconWithLabel__logo--small {
  width: 2.5em;
  height: 2.5em;
}
.iconWithLabel__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-20%) translateY(-20%);
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
}
.iconWithLabel__icon svg path {
  fill: #1274c3;
}
.iconWithLabel__icon--big {
  font-size: 24px !important;
}
.iconWithLabel .icon {
  height: 1rem !important;
}

i.colored-heart.icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Warstwa_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 313 304' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%23ffcb03%7D%3C/style%3E%3Cpath d='M246.9 166.3c-1.5-8.3-4.2-15.5-8.2-21.8-2.4-3.8-5.2-7.2-8.3-10-3.3-3.1-7.3-5.9-11.5-7.8-4.1-2-8.8-3.3-13.5-4-4.4-.5-8.9-.5-13.4.2-8.2 1.3-14.3 4.3-21 8.4-4.5 2.8-8.8 5.9-12.8 9.6-1.7-1.8-3.3-3.5-5-4.9-2.1-1.9-4.2-3.6-6.4-5.2-2.2-1.5-4.7-3-7.4-4.5-5.2-2.7-12-4.7-18.9-5.5-6.9-.8-14 0-20.4 2.2-3.3 1.1-6.5 2.6-9.4 4.5-2.8 1.7-5.5 3.8-8 6.2-4.4 4.2-8.1 9.5-10.9 15.5-2.4 5.2-4 10.9-4.9 16.9-.7 5.3-.8 10.9-.2 16.5.5 4.9 1.6 10.1 3.3 15.4 3 9.1 7.5 17.9 13.4 26.2 2.6 3.7 5.6 7.4 8.8 11 3 3.3 10.9 10.7 15.5 14.2 6 4.6 15.4 8.8 22 7.9 2.5-.3 4.5-1.4 5.8-3.1 4.8-6.5-4.4-17.7-14.2-29.5-20.7-25-22.1-37.2-22.9-44.5v-.2c-1.3-11.2 4-21.6 12.5-24.6 10.3-3.7 19.3-.2 26.7 10.3 1 1.4 1.8 2.7 2.7 4.1 3.6 5.6 6.9 11 16 12.3 9 1.3 13.9-5 19.6-12.3l1.3-1.7c4.7-5.7 14.6-14.5 27.6-8.4 12.9 6 14 29.2 6.9 46.2-7.9 18.9-21 35.6-30.6 44.8-9.1 8.8-20.4 18-33.3 27.2-10.4 7.8-15.6 13-14.9 19.5.2 1.5 1 3.6 3.9 5.1 1.9.9 4.5 1.5 7.7 1.5 7.5 0 18.2-2.9 30.2-10.2 5.8-3.5 18.4-12.4 27.6-21.1 8.8-8.4 18.7-20.2 25.7-30.9 3.4-5.1 6.5-10.7 9.3-16.5 2.8-6 5.2-12.1 6.9-18.1 1.9-6.6 3.1-13.2 3.7-19.7.5-7.3.2-14.5-1-21.2z' fill='%23cc141a'/%3E%3Cpath class='st1' d='M96.7 21.4s.2.2.5.6c.3.4.8 1 1.4 1.8 1.2 1.5 2.8 3.8 4.5 6.5.9 1.4 1.8 2.9 2.7 4.5.9 1.6 1.9 3.3 2.8 5.1 1 1.8 1.9 3.6 2.8 5.5.9 1.9 1.8 3.9 2.7 5.8.9 2 1.7 3.9 2.5 5.9.8 2 1.5 3.9 2.2 5.8 1.3 3.8 2.4 7.5 3.2 10.6.8 3.2 1.3 5.9 1.6 7.8.3 1.9.4 3.1.4 3.1.4 7.5-5.3 13.9-12.8 14.3-4.1.2-7.9-1.4-10.6-4.2 0 0-.8-.8-2-2.4-1.2-1.5-2.9-3.7-4.6-6.5-1.8-2.7-3.7-6-5.6-9.6-.9-1.8-1.9-3.7-2.8-5.6-.9-1.9-1.8-3.9-2.6-5.9-.9-2-1.6-4-2.4-6-.7-2-1.5-3.9-2.1-5.9-.6-1.9-1.3-3.8-1.8-5.6-.5-1.8-1-3.5-1.4-5.1-.8-3.2-1.3-5.9-1.7-7.8-.2-.9-.3-1.7-.3-2.2-.1-.5-.1-.8-.1-.8-.9-7.3 4.4-13.9 11.7-14.8 4.7-.1 9.1 1.9 11.8 5.1zM239.9 31.2s0 .3-.1.8-.2 1.3-.3 2.3c-.3 2-.8 4.8-1.6 8.1-.4 1.6-.9 3.4-1.4 5.3-.5 1.9-1.1 3.8-1.8 5.8-.6 2-1.4 4-2.1 6.1-.8 2.1-1.5 4.2-2.4 6.2-.8 2.1-1.7 4.1-2.6 6.1-.9 2-1.8 4-2.7 5.8-1.9 3.8-3.8 7.2-5.6 10.1-1.8 2.9-3.4 5.2-4.6 6.8-1.2 1.6-2 2.5-2 2.5-5 5.6-13.6 6-19.1 1-3.1-2.8-4.6-6.8-4.5-10.7 0 0 .1-1.2.3-3.2.3-2 .8-4.8 1.5-8.1.8-3.3 1.8-7.1 3.1-11.1.7-2 1.4-4 2.2-6.1.8-2 1.6-4.1 2.5-6.2.9-2.1 1.8-4.1 2.7-6.1.9-2 1.9-3.9 2.8-5.8.9-1.9 1.9-3.7 2.8-5.4.9-1.7 1.9-3.3 2.7-4.7 1.7-2.9 3.4-5.3 4.5-6.9.6-.8 1.1-1.4 1.4-1.9.3-.4.5-.7.5-.7 4.6-5.7 13-6.7 18.7-2.1 3.8 3.2 5.5 7.8 5.1 12.1zM167.1 9.2s.1.3.3.8c.2.5.4 1.3.7 2.4.6 2 1.3 4.9 1.9 8.4.3 1.7.7 3.6 1 5.7.3 2 .6 4.1.9 6.3.3 2.2.5 4.5.7 6.8.2 2.3.4 4.7.5 7 .1 2.3.2 4.7.3 7v6.8c-.1 4.4-.4 8.5-.8 12.1-.4 3.5-.9 6.5-1.3 8.6-.4 2.1-.7 3.3-.7 3.3-2.1 7.2-9.5 11.3-16.7 9.2-4.2-1.2-7.4-4.3-8.8-8.1 0 0-.4-1.2-1-3.2s-1.4-4.9-2.1-8.4c-.7-3.5-1.4-7.6-1.9-12-.2-2.2-.5-4.5-.6-6.8-.2-2.3-.3-4.7-.4-7-.1-2.3-.1-4.7-.2-7 0-2.3 0-4.6.1-6.8s.2-4.3.3-6.4c.1-2 .3-3.9.5-5.7.4-3.5.8-6.5 1.2-8.6.2-1 .4-1.9.5-2.4.1-.6.2-.9.2-.9 1.6-7.1 8.7-11.6 15.9-10 4.5 1.1 8.1 4.6 9.5 8.9zM292.5 84.6l-.3.6c-.2.4-.6 1-1 1.6-.9 1.4-2.3 3.3-4 5.5-.9 1.1-1.8 2.3-2.9 3.4-1 1.2-2.2 2.4-3.4 3.7-1.2 1.3-2.5 2.5-3.8 3.8-1.3 1.2-2.7 2.5-4 3.7-1.4 1.2-2.8 2.4-4.2 3.5-1.4 1.1-2.8 2.2-4.2 3.2-2.8 2-5.5 3.8-8 5.1-2.4 1.4-4.6 2.4-6.1 3.1-1.5.7-2.5 1-2.5 1-7.3 2.3-15.1-1.8-17.4-9.1-1.1-3.5-.7-7.1.8-10.2 0 0 .4-.9 1.3-2.3s2.2-3.4 3.9-5.6c1.7-2.2 3.9-4.6 6.3-7.1 1.2-1.2 2.5-2.5 3.8-3.7 1.3-1.2 2.7-2.4 4.1-3.6 1.4-1.2 2.8-2.3 4.2-3.4 1.4-1.1 2.9-2.2 4.3-3.2s2.8-1.9 4.1-2.8c1.3-.9 2.6-1.6 3.8-2.3 2.4-1.4 4.5-2.5 6.1-3.1.7-.4 1.4-.6 1.8-.8.4-.2.7-.3.7-.3 7-2.7 14.8.7 17.5 7.7 1.5 3.9 1.1 8.2-.9 11.6zM36.5 65.9s.2.1.7.2c.4.2 1 .4 1.8.7 1.5.7 3.7 1.7 6.1 3 1.2.7 2.5 1.4 3.9 2.2 1.4.8 2.8 1.7 4.2 2.7 1.4 1 2.9 2 4.3 3 1.4 1.1 2.9 2.2 4.3 3.3 1.4 1.1 2.8 2.3 4.2 3.5 1.4 1.2 2.7 2.4 3.9 3.6 2.5 2.4 4.6 4.8 6.4 7 1.8 2.2 3.2 4.1 4.1 5.5.9 1.4 1.4 2.3 1.4 2.3 3.5 6.8.8 15.2-6 18.7-3.3 1.7-6.9 1.9-10.2 1 0 0-1-.3-2.5-.9-1.6-.6-3.7-1.6-6.2-2.9-2.5-1.3-5.2-3-8.1-4.9-1.4-1-2.9-2-4.3-3.1s-2.9-2.2-4.3-3.4c-1.4-1.2-2.8-2.4-4.1-3.6-1.3-1.2-2.6-2.4-3.8-3.7-1.2-1.2-2.4-2.4-3.5-3.6-1.1-1.2-2.1-2.3-3-3.4-1.8-2.1-3.2-4-4.1-5.4-.5-.7-.8-1.3-1.1-1.6-.2-.4-.4-.6-.4-.6-3.9-6.4-1.8-14.7 4.6-18.6 3.7-2 8-2.3 11.7-1z'/%3E%3C/svg%3E") no-repeat center center;
  height: 1em;
  width: 1em;
  margin-bottom: 0.2em;
  vertical-align: middle;
  transform: scale(1.4);
}

@keyframes icon-pulse {
  0%, 20%, 80%, 100% {
    transform: scale(1.4);
  }
  35%, 65% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1.45);
  }
}
i.colored-heart.icon.animated {
  animation: icon-pulse 3s infinite;
}

@keyframes icon-pulse {
  0%, 20%, 80%, 100% {
    transform: scale(1.4);
  }
  35%, 65% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1.45);
  }
}
.icon-heart.animated::before {
  animation: icon-pulse 1.5s infinite;
}

i.constant-help.icon {
  background: url(/assets/siepomaga/constant_help/icon-c646127c04220266c4d6d499a9fb931f30e1ca4974cabb00e641275fc9fcf018.svg) no-repeat center center;
  height: 1em;
  width: 1em;
  vertical-align: bottom;
  transform: scale(1.1);
}

i.visa.icon, i.mastercard.icon, i.googlepay.icon, i.applepay.icon {
  height: 25px;
  width: 35px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: center center;
}

i.applepay.icon {
  background-image: url(/assets/siepomaga/constant_help/applepay-63cc457f9736474e9a3fbbba39670b2b24c8122e086ac913fb3d586e8b994900.svg);
}
i.googlepay.icon {
  background-image: url(/assets/siepomaga/constant_help/googlepay-5378270afe4a49a79eb89cddc03506e2ebc1815166ebadfe9dcda30a3446ef59.svg);
}
i.mastercard.icon {
  background-image: url(/assets/siepomaga/constant_help/mastercard-c87c52384805f66c83e815a7047177e783ebbf62456a569804723efaeeadbd70.svg);
}
i.visa.icon {
  background-image: url(/assets/siepomaga/constant_help/visa-f37bde7766aa9189953b4a9cc2e03faa93dc55046de9875ed79e5f003c96bfef.svg);
}

.showMore__wrapper .input, .labelInfo__wrapper .input {
  flex-direction: column;
  align-items: flex-start !important;
}

.showMore__trigger {
  color: #1274c3;
  cursor: pointer;
  font-size: 0.7em;
}
.showMore__trigger--withMargin {
  margin-left: 30px;
}
.showMore__trigger:hover {
  color: #0063b5;
}
.showMore__trigger i.showMore__triggerIcon {
  margin-right: 0;
  width: 16px;
  text-align: left;
}
.showMore__text {
  padding-left: 30px;
  font-size: 0.7em;
  color: #757575;
  margin-top: 5px;
  width: 100%;
}

.labelInfo {
  color: #00801c;
  font-size: 0.7em;
  margin: 5px 0 0 30px;
}
.labelInfo__text {
  padding-left: 16px;
  display: block;
}
.labelInfo i.labelInfo__icon {
  float: left;
  margin-right: 0;
  width: 16px;
  text-align: left;
}

.green-label {
  color: #ffffff;
  background: #00801c;
  padding: 0 0.3em;
  border-radius: 0.3em;
  white-space: nowrap;
}

.blue-label {
  color: #ffffff;
  background: #1274c3;
  padding: 0 0.3em;
  border-radius: 0.3em;
  white-space: nowrap;
}

.white-label {
  color: #00801c;
  background: #ffffff;
  padding: 0 0.3em;
  border-radius: 0.3em;
  white-space: nowrap;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.sp-loader {
  position: relative;
}
.sp-loader:before {
  z-index: 1000;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  border-radius: 50%;
  border: 5px solid #ddd;
  border-top-color: #00801c;
  animation: spinner 1s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.sp-loader-sm {
  position: relative;
}
.sp-loader-sm:before {
  z-index: 1000;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0%;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  margin-left: 0px;
  border-radius: 50%;
  border: 5px solid #ddd;
  border-top-color: #00801c;
  animation: spinner 1s linear infinite;
}

.mobile-donation-buttons {
  text-align: center;
  padding: 10px 0;
  background-color: #ffffff;
  transition: all 0.5s;
  position: fixed;
  bottom: -63px;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
  left: 0px;
  right: 0px;
  width: auto;
  box-shadow: 1px 10px 25px 2px rgba(0, 0, 0, 0.2);
  visibility: hidden;
}
.mobile-donation-buttons.disable-default-transition {
  transition: none !important;
}
.mobile-donation-buttons.active {
  bottom: 0;
  visibility: visible;
}
.mobile-donation-buttons .buttons {
  overflow: hidden;
  padding-right: 10px;
}
.mobile-donation-buttons .buttons .button {
  padding-left: 10px;
  display: block;
  float: left;
  width: 50%;
}
.mobile-donation-buttons .buttons.foundation {
  display: flex;
  justify-content: center;
}
.mobile-donation-buttons .buttons.foundation .button {
  min-width: 200px;
}
.mobile-donation-buttons .sp-button {
  width: 100%;
}
.mobile-donation-buttons .sp-button.with-icon {
  padding-left: 40px;
  padding-right: 0px;
}
.mobile-donation-buttons .sp-button.with-icon .icon-heart {
  vertical-align: middle;
}
.mobile-donation-buttons .share-box {
  display: none;
  background: #ffffff;
  margin-top: 10px;
}

.ui.modal .header.green {
  color: #00801c !important;
}

body.mce-fullscreen #navigation {
  z-index: 0;
}

#navigation {
  position: sticky;
  z-index: 300;
  top: 0;
  height: 55px;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
}
@media (min-width: 768px) {
  #navigation {
    height: 80px;
  }
}
@media (min-width: 1024px) {
  #navigation {
    position: relative;
  }
}
@media (min-width: 1440px) {
  #navigation {
    height: 88px;
  }
}

.sp-payment {
  clear: both;
  padding-top: 5px;
  overflow: hidden;
}
.sp-payment img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 60px;
  width: 60px;
  border-radius: 10px;
}
.sp-payment .sp-payment-name {
  margin-bottom: 0;
}
.sp-payment .sp-payment-amount {
  float: right;
  color: #00801c;
  font-size: 1.5em;
  line-height: 1.2rem;
}
.sp-payment h4 {
  margin: 0;
}
.sp-payment .sp-payment-time {
  display: inline;
  line-height: 12px;
  color: #757575;
}
.sp-payment .sp-payment-comment {
  margin-top: 3px;
  margin-left: 70px;
}
.sp-payment .sp-payment-comment.hidden-comment {
  color: rgb(193.5, 193.5, 193.5);
}
.sp-payment.constant-help .sp-payment-amount {
  color: #1274c3;
}
.sp-payment img.company {
  border: 1px solid rgb(193.5, 193.5, 193.5);
}
.sp-payment-fundraise {
  margin-left: 70px;
}
.sp-payment .sp-hide-comment {
  display: inline;
}
.sp-payment .sp-hide-comment a {
  color: #757575;
}
.sp-payment .sp-hide-comment a:hover {
  font-weight: bold;
}

.payment-share {
  position: relative;
}
.payment-share svg {
  position: absolute;
}
.payment-share-link {
  color: #1274c3;
  font-size: 0.85em;
}
.payment-share-link:hover {
  color: #0063b5;
}
.payment-share-link i.icon.share {
  margin-right: 0;
  border: none !important;
}
.payment-share-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  height: 20vw;
  max-height: 250px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  clip-path: url(#payment-share-clip-path-desktop);
}
@media (max-width: 991px) {
  .payment-share-background {
    min-height: 370px;
    clip-path: url(#payment-share-clip-path-tablet);
  }
}
.payment-share .support-bar {
  color: #00801c;
  border-top: 1px solid #DBECD7;
  border-bottom: 1px solid #DBECD7;
  background-color: #EEF6EC;
  text-align: center;
  padding: 5px 30px;
}
@media (max-width: 991px) {
  .payment-share .support-bar {
    margin-bottom: 1em;
  }
}
.payment-share .support-bar > * {
  margin: 10px 0;
}
.payment-share .support-bar .header {
  font-size: 1.3em;
  font-weight: bold;
}
.payment-share .support-bar .message {
  font-size: 0.9em;
}
.payment-share .ui.container {
  margin-bottom: 3em;
  padding-top: 1em;
  max-width: 800px !important;
}
@media (max-width: 991px) {
  .payment-share .ui.container {
    margin-bottom: 1em;
  }
}
.payment-share .ui.container .ui.grid {
  margin-top: 0;
  margin-bottom: 0;
}
.payment-share .ui.container .ui.grid .payment-share-methods .iconWithLabel__icon {
  font-size: 1.3rem !important;
  height: 1rem;
}
.payment-share .ui.container .ui.grid .payment-share-methods {
  padding-bottom: 1rem;
}
.payment-share .ui.container .ui.grid .left-column .box {
  margin-bottom: 2em;
}
@media (max-width: 991px) {
  .payment-share .ui.container .ui.grid .left-column .box {
    margin-bottom: 1.5em;
  }
}
.payment-share .ui.container .ui.grid .left-column .box {
  position: relative;
}
.payment-share .ui.container .ui.grid .left-column .box .amount {
  font-size: 3em;
  line-height: 1.5em;
  color: #00801c;
  font-weight: bold;
  padding-top: 0.3rem;
}
@media (max-width: 767px) {
  .payment-share .ui.container .ui.grid .left-column .box .amount {
    font-size: 2.2em;
  }
}
.payment-share .ui.container .ui.grid .left-column .box .comment {
  font-family: "Patrick Hand";
  color: rgb(157.8, 157.8, 157.8);
}
.payment-share .ui.container .ui.grid .left-column .box .pending {
  color: rgba(157, 157, 157, 0.5);
  text-shadow: none;
}
.payment-share .ui.container .ui.grid .left-column .box .payment-info {
  padding: 0.7em;
  position: relative;
}
.payment-share .ui.container .ui.grid .left-column .box .payment-state-info {
  margin-top: 1rem;
  background: #757575;
  border-radius: 10px;
  color: white;
  padding: 0.5rem 1rem;
}
.payment-share .ui.container .ui.grid .left-column .box .payment-state-info .icon {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.payment-share .ui.container .ui.grid .left-column .box .donor-info {
  padding: 0.7em;
  background-color: #EEF6EC;
  display: flex;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.payment-share .ui.container .ui.grid .left-column .box .donor-info img {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  display: block;
}
.payment-share .ui.container .ui.grid .left-column .box .donor-info > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.7em;
}
.payment-share .ui.container .ui.grid .left-column .box .donor-info .name {
  font-weight: bold;
  font-size: 1.1em;
}
.payment-share .ui.container .ui.grid .left-column .box .donor-info .time {
  color: rgb(157.8, 157.8, 157.8);
  font-size: 0.8em;
}
.payment-share .ui.container .ui.grid .left-column .payment-arrow {
  color: #ffffff;
  font-size: 5em;
  position: absolute;
}
.payment-share .ui.container .ui.grid .left-column .payment-arrow.down {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.payment-share .ui.container .ui.grid .left-column .payment-arrow.right {
  top: 50%;
  transform: translateY(-50%);
  right: -5.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .payment-share .ui.container .ui.grid .left-column .payment-arrow.right {
    display: none;
  }
}
.payment-share .ui.container .ui.grid .down-column {
  padding-top: 2rem;
}
@media (max-width: 991px) {
  .payment-share .ui.container .ui.grid .right-column {
    padding-top: 0.5em !important;
  }
}
.payment-share .ui.container .ui.grid .right-column .box {
  overflow: hidden;
}
.payment-share .ui.container .ui.grid .right-column .background-wrapper {
  overflow: hidden;
}
.payment-share .ui.container .ui.grid .right-column .background-wrapper:hover .fundraise-title > div {
  animation: backgroundFadeIn 0.2s;
  animation-fill-mode: forwards;
}
@keyframes backgroundFadeIn {
  0% {
    background-color: rgba(0, 0, 0, 0.25);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.45);
  }
}
.payment-share .ui.container .ui.grid .right-column .fundraise-title {
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
  bottom: 0;
  left: 45px;
  right: 45px;
}
@media (max-width: 1199px) {
  .payment-share .ui.container .ui.grid .right-column .fundraise-title {
    right: 35px;
    left: 35px;
  }
}
@media (max-width: 991px) {
  .payment-share .ui.container .ui.grid .right-column .fundraise-title {
    right: 50px;
    left: 50px;
  }
}
@media (max-width: 767px) {
  .payment-share .ui.container .ui.grid .right-column .fundraise-title {
    right: 20px;
    left: 20px;
  }
}
.payment-share .ui.container .ui.grid .right-column .fundraise-title > div {
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 5px 15px;
  word-break: break-word;
  text-shadow: 1px 1px 10px #000;
  position: relative;
}
.payment-share .ui.container .ui.grid .right-column .fundraise-background {
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  position: relative;
}
.payment-share .ui.container .ui.grid .right-column .fundraise-background .preserve-ratio {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  display: flex;
  justify-content: center;
}
.payment-share .ui.container .ui.grid .right-column .fundraise-divider-bar {
  background-color: #00801c;
  text-align: center;
  color: #ffffff;
  font-size: 0.7em;
  line-height: 2em;
}
.payment-share .ui.container .ui.grid .right-column .cause-info {
  padding: 0.7em;
  display: flex;
  overflow: hidden;
  background: #ffffff;
}
.payment-share .ui.container .ui.grid .right-column .cause-info img {
  width: 80px;
  border-radius: 10px;
  display: block;
}
.payment-share .ui.container .ui.grid .right-column .cause-info > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.7em;
  flex-basis: 100%;
}
.payment-share .ui.container .ui.grid .right-column .cause-info .title {
  font-weight: bold;
  font-size: 1.1em;
}
.payment-share .ui.container .ui.grid .right-column .cause-info-amount {
  padding: 0 0.7em 0.7em;
  background: #ffffff;
}
.payment-share .ui.container .ui.grid .right-column .cause-info-amount > .amount {
  font-size: 2em;
  line-height: 1.2em;
  color: #00801c;
  font-weight: bold;
  text-align: center;
}
.payment-share .ui.container .ui.grid .right-column {
  padding-left: 2rem;
}
.payment-share .ui.container .ui.grid .left-column {
  padding-right: 2rem;
}
.payment-share .heart {
  position: absolute;
  z-index: -1;
  width: 50px;
  height: 50px;
  display: none;
}

.privacy-policy-and-site-terms-info {
  font-size: 13px !important;
  color: #323232;
  padding-left: 2rem;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .privacy-policy-and-site-terms-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.sp-profile {
  background-image: url(/assets/siepomaga/layout/profile_bg-3ede0aa349bad47c9d6e1707cb801bda3e6e4b24e9eab0f8df8ef53fa2aaa5d5.png);
  background-position: top;
  background-repeat: repeat-x;
  padding: 0px 20px;
  margin-bottom: 20px;
  min-height: 100px;
}
.sp-profile.with-margin {
  margin-bottom: 50px;
}
.sp-profile .grid {
  background-image: url(/assets/siepomaga/layout/profile_heart-9b36235652bb7b406083ae940b97ddb00ea20b2a42ada9d17c9f23ea46fa873c.png);
  background-position: right -50px;
  background-repeat: no-repeat;
  margin-top: 0px;
  min-height: 200px;
}
@media (max-width: 767px) {
  .sp-profile .grid {
    background-image: none;
  }
}
.sp-profile .grid img {
  border-radius: 10px;
  width: 100%;
  max-width: 150px;
}
.sp-profile h1 {
  color: #ffffff;
  min-height: 100px;
  display: flex;
  line-height: 1em;
  align-items: center;
}
@media (max-width: 767px) {
  .sp-profile h1 {
    justify-content: center;
    text-align: center;
  }
}
.sp-profile .title {
  font-size: 1.5em;
  color: #ffffff;
  display: block;
}
@media (max-width: 767px) {
  .sp-profile .title {
    text-align: center;
  }
}

.sp-profile-info {
  font-size: 0.8em;
  margin: 0 0 20px 0;
}
.sp-profile-info i {
  clear: left;
  color: #757575;
  float: left;
  font-size: 1.3em;
}
.sp-profile-info p {
  margin: 0em 0em 0.5em 30px;
}
.sp-profile-info p:last-child {
  margin: 0em 0em 0em 30px;
}
.sp-profile-info span {
  color: #757575;
  display: block;
  text-transform: uppercase;
}
.sp-profile-info.admin i, .sp-profile-info.admin span, .sp-profile-info.admin a {
  color: #ffffff;
}
.sp-profile-info.admin a:hover {
  color: rgb(216.75, 216.75, 216.75);
}

.sp-progressbar {
  height: 40px;
  position: relative;
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #3f8c35;
  border-radius: 10px;
  transform: translateZ(0);
}
.sp-progressbar .bar {
  height: 100%;
  background-image: url(data:image/gif;base64,R0lGODlhAQArAPMOAL%2FYC6bQJqPRKarRIa3SHrHTGrbVFrrXEr3XDr%2FXBcTXArnYEcLZBKXPJQAAAAAAACH5BAUAAA4ALAAAAAABACsAAAQXMLGpZgIYoXMWN2AhjkRJDOgQrGsjBBEAOw%3D%3D);
  background-size: 100% 100%;
}
.sp-progressbar .text {
  position: absolute;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-align: center;
  color: #00801c;
  font-weight: bold;
  line-height: 40px;
  font-size: 1.1em;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  height: 100%;
}
.sp-progressbar .text small {
  font-weight: normal;
}
@media (max-width: 991px) {
  .sp-progressbar .text {
    font-size: 0.9em;
  }
}
@media (max-width: 767px) {
  .sp-progressbar .text {
    font-size: 1.1em;
  }
}
.sp-progressbar.success {
  box-shadow: 0 0 30px 4px #b1d31a;
}
.sp-progressbar.success-new {
  animation: success-pulse linear 2.5s 1;
  animation-fill-mode: forwards;
}
@keyframes success-pulse {
  0% {
    box-shadow: 0 0 0 0 #b1d31a;
  }
  50% {
    box-shadow: 0 0 100px 10px #b1d31a;
  }
  100% {
    box-shadow: 0 0 30px 4px #b1d31a;
  }
}
.sp-progressbar.success-again {
  animation: success-again linear 1.5s 1;
  animation-fill-mode: forwards;
}
@keyframes success-again {
  0% {
    box-shadow: 0 0 30px 4px #b1d31a;
  }
  50% {
    box-shadow: 0 0 100px 10px #b1d31a;
  }
  100% {
    box-shadow: 0 0 30px 4px #b1d31a;
  }
}
.sp-progressbar.big {
  height: 50px;
}
.sp-progressbar.big .text {
  background-size: 30px 30px;
  line-height: 50px;
  font-size: 1.4em;
}
@media (max-width: 767px) {
  .sp-progressbar.big .text {
    font-size: 1.2em;
  }
}
.sp-progressbar.only-current-amount {
  border: 0;
  color: #00801c;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  height: 40px !important;
  bottom: 30px !important;
  overflow: inherit;
}
@media (max-width: 1199px) {
  .sp-progressbar.only-current-amount {
    font-size: 2.5em;
    height: 30px !important;
  }
}
@media (max-width: 991px) {
  .sp-progressbar.only-current-amount {
    font-size: 2em;
    height: 20px !important;
  }
}

.select2 {
  text-align: left;
}
.select2.wide {
  width: 300px;
}

.select2-container--open {
  z-index: 3000;
}

.select2-container--default .select2-selection--single {
  border: 1px solid rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
  outline: none;
}

.select2-dropdown {
  border: 1px solid rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 10px;
  padding: 2px 5px;
  border: 1px solid rgb(193.5, 193.5, 193.5);
}

.select2-results__options li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-size: 1.2em;
  margin-right: 5px;
  color: #757575;
}

.select2-container .select2-selection--single {
  height: 42px;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 8px;
}

.select2-container .select2-selection--multiple {
  min-height: 42px;
}

.select2-results__option {
  padding: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #00801c 1px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 43px;
  padding-left: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgb(193.5, 193.5, 193.5);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 43px;
  right: 5px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #00801c;
  color: #ffffff;
}

.select2-container--default .select2-results__option {
  font-size: 1em;
}

.field_with_errors .select2-container--default .select2-selection--multiple,
.field_with_errors .select2-container--default .select2-selection--single {
  border: solid #ba0000 1px;
}

.shareMethods__title {
  font-weight: bold;
  font-size: 14.4px;
  line-height: 20px;
  text-align: center;
  color: #757575;
}

.sp-container {
  overflow: hidden;
}

.sp-sidebar {
  width: 300px;
  float: left;
  padding: 20px;
}
.sp-sidebar img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .sp-sidebar {
    width: 100%;
    float: none;
  }
}

.sp-sidebar-red-label {
  background: #ba0000;
  display: inline-block;
  text-align: center;
  padding: 5px;
  color: #ffffff;
  border-radius: 2em;
  min-width: 2em;
  font-size: 0.8em;
  margin-left: 5px;
  margin-bottom: -5px;
}

.sp-content {
  margin-left: 300px;
  padding: 20px;
}
@media (max-width: 767px) {
  .sp-content {
    margin-left: 0px;
  }
}
.sp-content .tabs > .ui.secondary.menu:after,
.sp-content .tabs-with-state > .ui.secondary.menu:after {
  clear: none;
}

.sp-image-placeholder {
  width: 195px;
  height: 195px;
  margin: 0 auto;
  background-color: #fff;
  padding: 24px;
}

.sp-missing-logo {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fbfaf9;
  border: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.sp-notice {
  width: 100%;
  position: relative;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  text-align: left;
  font-size: 14.4px;
  color: #404040;
}
.sp-notice--orange {
  background-color: rgba(255, 132, 27, 0.2);
  border: 1px solid #ff841b;
}
.sp-notice--green {
  background-color: #eef6ec;
  border: 1px solid #cbeac0;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #FFF; /* A background-color is required */
}

.slideout-open {
  height: auto;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

/* Default variables */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "Icons";
  font-size: 20px;
  line-height: 1;
  color: #00801c;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\f0a8";
}
[dir=rtl] .slick-prev:before {
  content: "\f0a9";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\f0a9";
}
[dir=rtl] .slick-next:before {
  content: "\f0a8";
}

#sp-card-widget {
  max-width: 451px;
  margin: 10px auto;
  overflow: hidden;
}
#sp-card-widget .top {
  padding: 10px 50px;
  background-color: #EEF6EC;
  border-bottom: 1px solid rgb(244.5, 244.5, 244.5);
}
#sp-card-widget .top .card-code-error {
  color: #ba0000;
  font-weight: bold;
  margin: 1em 0 0.5em;
  display: none;
}
#sp-card-widget .top .label, #sp-card-widget .top .card-date-label {
  font-size: 0.85em;
}
#sp-card-widget .top .error, #sp-card-widget .top .card-date-error {
  display: none;
}
#sp-card-widget .top .card-data {
  display: flex;
}
#sp-card-widget .top .card-data > div {
  width: 50%;
}
@media (max-width: 767px) {
  #sp-card-widget .top .card-data {
    display: block;
  }
  #sp-card-widget .top .card-data > div {
    width: auto;
  }
}
#sp-card-widget .top .card-data .card-date {
  position: relative;
}
#sp-card-widget .top .card-data .card-date-form {
  display: flex;
}
#sp-card-widget .top .card-data .card-date-form .icon {
  color: #00801c;
  height: 42px;
  line-height: 42px;
  width: 70px;
}
#sp-card-widget .top .card-data .card-date .label {
  display: none;
}
#sp-card-widget .top .card-data .card-date-label {
  margin: 5px 0;
  color: #757575;
}
#sp-card-widget .top .card-data .card-date-error {
  font-size: 0.8em;
  color: #ba0000;
}
#sp-card-widget .top .card-data .wrapper {
  margin: 0;
}
#sp-card-widget .top .card-data .card-expm {
  overflow: visible;
}
#sp-card-widget .top .card-data .card-expm label {
  white-space: nowrap;
}
#sp-card-widget .top .card-data .card-expm .input {
  margin-right: 10px;
}
#sp-card-widget .top .card-data .card-cvv {
  padding-left: 10px;
}
@media (max-width: 767px) {
  #sp-card-widget .top .card-data .card-cvv {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #sp-card-widget .top {
    padding: 10px 20px;
  }
}
#sp-card-widget .bottom {
  text-align: center;
  padding: 10px 20px;
}
#sp-card-widget .bottom .checkbox {
  margin: auto;
}
#sp-card-widget .bottom button {
  margin: 10px 0;
}
#sp-card-widget .bottom .wrapper {
  margin: 0;
}
#sp-card-widget .wrapper .error {
  margin-left: 0;
}
#sp-card-widget .wrapper .input {
  margin: 0;
}
#sp-card-widget .wrapper.with_icon .label {
  float: none;
  text-align: left;
  display: block;
  min-height: auto;
  margin: 5px 0;
  width: 100%;
  padding-right: 0;
  color: #757575;
}
#sp-card-widget .wrapper.with_icon .icon {
  color: #00801c;
}
#sp-card-widget .card-types {
  text-align: center;
  margin: 10px 0;
}
#sp-card-widget .card-types span {
  background-image: url(/images/payu/card_types.png);
  width: 46px;
  height: 27px;
  display: inline-block;
  background-position-y: 0;
  vertical-align: middle;
}
#sp-card-widget .card-types span.visa {
  background-position-x: 0;
}
#sp-card-widget .card-types span.mastercard {
  background-position-x: 46px;
}
#sp-card-widget .card-types span.maestro {
  background-position-x: 92px;
}
#sp-card-widget .card-types span.active {
  background-position-y: 0;
}

.iframe-container {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .iframe-container {
    margin-top: 20px;
  }
}
.iframe-container iframe {
  border: none;
}

.iframe-back-link {
  margin-top: 20px;
}

.description-container {
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12.8px;
}

.wrapper.popup i.icon-info {
  position: absolute;
  top: 10px;
  right: 3px;
  color: #1274c3;
}
.wrapper.popup .input {
  position: relative;
}
.wrapper.popup .input input {
  padding-right: 30px;
}

.ui.popup.sp-popup {
  padding: 1rem 0;
  border: none;
  border-radius: 10px;
  color: #ffffff;
}
.ui.popup.sp-popup .container {
  display: flex;
}
.ui.popup.sp-popup .icon {
  flex-shrink: 0;
  margin: auto 1rem;
  font-size: 1.5em;
  line-height: 100%;
}
.ui.popup.sp-popup .info {
  padding: 0 1rem;
  border-left: 1px solid #ffffff;
}
.ui.popup.sp-popup, .ui.popup.sp-popup::before {
  background: #00801c !important;
}
.ui.popup.sp-popup::before {
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .tabs .ui.tabular.menu ~ .ui.tab.box {
    border-radius: 0 0 10px 10px;
  }
}
.tabs .ui.tabular.menu {
  margin-bottom: 0;
  border-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  display: flex;
  flex-direction: row;
}
.tabs .ui.tabular.menu:after {
  content: none;
}
.tabs .ui.tabular.menu.hidden {
  display: none;
}
.tabs .ui.tabular.menu .item {
  display: inline-flex;
  justify-content: center;
  flex: 1;
  background: #F0F0F0;
  color: #00801c;
  text-align: center;
  font-weight: bold;
  border-radius: 10px 10px 0 0 !important;
  border: 0;
  transition: 0.2s background;
  margin-bottom: -10px;
  padding-bottom: 25px;
  z-index: 0;
  margin-left: 4px;
  margin-right: 4px;
}
.tabs .ui.tabular.menu .item:hover {
  background: #ebebeb;
}
.tabs .ui.tabular.menu .item.active {
  box-shadow: 0px 6px 0px 0px #ffffff, 0 0 10px #e4e4e4;
  background: #ffffff;
  margin-bottom: 0;
  padding-bottom: 15px;
  z-index: 1;
  pointer-events: none;
  position: relative;
}
.tabs .ui.tabular.menu .item.active:before {
  content: "";
  display: block;
  width: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  height: calc(100% + 15px);
  border-radius: 10px;
  z-index: -1;
}
@media (max-width: 767px) {
  .tabs .ui.tabular.menu .item {
    margin-right: 5px;
  }
  .tabs .ui.tabular.menu .item:last-child {
    margin-right: 0;
  }
  .tabs .ui.tabular.menu {
    margin-right: 0;
  }
}
.tabs .ui.tabular.menu.with-icons i.constant-help.icon, .tabs .ui.tabular.menu.with-icons i.colored-heart.icon {
  min-width: 1em;
  max-width: 2em;
  height: 100%;
  min-height: 1em;
}
@media (max-width: 767px) {
  .tabs .ui.tabular.menu.with-icons i.constant-help.icon, .tabs .ui.tabular.menu.with-icons i.colored-heart.icon {
    min-width: 1.5em;
  }
}
.tabs .ui.tabular.menu.with-icons i.colored-heart.icon {
  margin-top: -0.2em;
}
@media (max-width: 767px) {
  .tabs .ui.tabular.menu {
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 5px 0px 0;
  }
  .tabs .ui.tabular.menu::-webkit-scrollbar {
    display: none;
  }
}
.tabs .ui.tabular.menu.item:first-child {
  margin-left: 0;
}
.tabs .tab.active {
  z-index: 2;
}
@media (max-width: 767px) {
  .tabs > .box {
    border-radius: 0 0 10px 10px;
  }
  .tabs > .box:only-child {
    border-radius: 10px;
  }
}
.tabs > div:nth-child(2):not(.box) {
  border-radius: 0 10px 10px;
}
.tabs > div:last-child:not(.box) {
  border-radius: 10px 0 10px;
}
.tabs .ui.tab, .tabs .box {
  position: relative;
}
.tabs#payments .box {
  overflow: hidden;
}

.sp-privacy-policy, .site-terms {
  text-align: center;
  color: #757575;
  font-size: 0.8em;
}

.mce-tinymce {
  border-radius: 10px;
  box-sizing: border-box !important;
}
.mce-tinymce .mce-toolbar-grp {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mce-tinymce .mce-statusbar {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.mce-fullscreen {
  z-index: 1000 !important;
}

.simple_form .field_with_errors .mce-tinymce {
  border: 1px solid #ba0000;
}

i.mce-i-eye-slash:before {
  content: "\f070";
  font-family: "Icons";
}

.title-with-background {
  border-radius: 10px;
  color: white;
  height: 250px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.title-with-background .mobile-ratio {
  display: none;
}
@media (max-width: 767px) {
  .title-with-background .mobile-ratio {
    display: block;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    position: relative;
  }
}
@media (max-width: 1199px) {
  .title-with-background {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .title-with-background {
    height: auto;
    font-size: 1.3em;
  }
}
.title-with-background .text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 90px;
  left: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .title-with-background .text {
    right: 60px;
    left: 60px;
  }
}
@media (max-width: 991px) {
  .title-with-background .text {
    right: 25px;
    left: 25px;
  }
}
@media (max-width: 767px) {
  .title-with-background .text {
    right: 15px;
    left: 15px;
  }
}
.title-with-background .text div {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 5px 15px;
  word-break: break-word;
  text-shadow: 1px 1px 10px #000;
}
.title-with-background .text img {
  max-height: 70%;
}

.constant-help-info {
  font-size: 0.9em;
}
.constant-help-info .green-text {
  font-weight: bold;
}

.constant-help-widget .avatars {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
  display: none;
}
.constant-help-widget .avatars.slick-initialized {
  display: block;
}
.constant-help-widget .avatars .avatar {
  height: 200px;
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
}
@media (max-width: 1199px) {
  .constant-help-widget .avatars .avatar {
    width: 160px;
  }
}
.constant-help-widget .avatars .avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline;
  opacity: 0.5;
  transition: all 1s;
}
.constant-help-widget .avatars .avatar.slick-center img {
  width: 180px;
  height: 180px;
  opacity: 1;
}
.constant-help-widget .name {
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  color: #757575;
  margin-bottom: 10px;
}
.constant-help-widget .amount {
  text-align: center;
  font-size: 1.2em;
  color: #757575;
}

/**
Shared section between foundations and needies
 */
.user-constant-help .content {
  overflow: hidden;
}
.user-constant-help .title {
  color: #1274c3;
  padding: 5px 15px;
  font-weight: bold;
  text-align: center;
  background-color: rgb(244.5, 244.5, 244.5);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.user-constant-help .total {
  float: right;
}
.user-constant-help .total .label {
  text-align: right;
}
.user-constant-help .amount {
  color: #1274c3;
  font-size: 1.5em;
  font-weight: bold;
}
.user-constant-help .constant-help.icon {
  font-size: 1em;
  margin: 0;
}
.user-constant-help .change {
  float: right;
  padding-left: 10px;
  margin: 10px 0 0;
  font-size: 0.9em;
}
.user-constant-help .change i {
  margin: 0;
}
.user-constant-help .label {
  font-size: 0.9em;
  color: #757575;
  text-transform: uppercase;
}
.user-constant-help .suspended {
  font-size: 0.9em;
  color: #757575;
  font-weight: bold;
  margin: 10px 0 0;
}
.user-constant-help .suspended .icon {
  margin: 0;
}
.user-constant-help .next-donation {
  font-size: 0.9em;
  color: #757575;
}
.user-constant-help .next-donation span {
  font-weight: bold;
}
.user-constant-help .next-donation {
  margin: 10px 0 0;
}
.user-constant-help .content {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.constant-help-donate.bordered-box.blue .sp-button {
  padding: 15px 20px;
}
.constant-help-donate.bordered-box.blue .ui.grid {
  margin: -0.5rem;
  font-size: 1.1em;
}
.constant-help-donate.bordered-box.blue .ui.grid .row {
  padding: 0;
}
.constant-help-donate.bordered-box.blue .ui.grid .column {
  padding: 0.5rem;
}
.constant-help-donate i.constant-help.icon {
  font-size: 1.2em;
  vertical-align: bottom;
}

.mobile-navigation .constant-help-widget {
  max-width: 350px;
  margin: 20px auto 15px auto;
}
.mobile-navigation .constant-help-donate {
  margin-top: 20px;
  margin-bottom: 15px;
}

.ui.table thead tr:nth-child(2) th:first-child,
.ui.table thead tr:nth-child(2) th:first-child {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}

.constant-help-user-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}

.constant-helps-table.ui.table th,
.constant-helps-table.ui.table td {
  text-align: left;
}
.constant-helps-table tbody td {
  height: 50px;
}
.constant-helps-table tbody tr td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}

#emails-show .edit_email {
  text-align: center;
}
#emails-show .edit_email .wrapper {
  display: inline-block;
  width: auto;
  margin: 0 0 10px 0;
}
#emails-show .edit_email .without-labels {
  display: inline-block;
  text-align: left;
}
#emails-show .edit_email .input {
  text-align: left;
  min-height: auto;
  font-size: 1.1em;
}
#emails-show .edit_email .sp-button {
  margin-top: 20px;
}

#emails-new {
  padding: 50px 0;
}

.follows-star {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ffffff;
  z-index: 10;
  font-size: 25px;
  display: block;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}
.follows-star.add, .follows-star.open-modal {
  opacity: 0.7;
}
.follows-star:hover {
  color: #ffffff;
  opacity: 1;
}

.sp-foundation {
  transform: translateZ(0);
}
.sp-foundation:hover .image {
  transform: scale(1.1);
}
.sp-foundation h3 {
  font-size: 1.2em;
  line-height: 1.1em;
  margin: 0 0 10px;
  display: flex;
  min-height: 2.4em;
}
.sp-foundation .content {
  overflow: hidden;
}
.sp-foundation .photo {
  overflow: hidden;
  position: relative;
  border-radius: 10px 10px 0 0 !important;
}
.sp-foundation .photo:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.sp-foundation .photo .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
}
.sp-foundation .photo .background-blurred {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  filter: blur(30px);
}
.sp-foundation .photo .image {
  background: #ffffff;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  max-width: 80%;
  max-height: 80%;
  transition: transform 2s;
}
.sp-foundation .photo .image img {
  max-width: 100%;
  transform: translateZ(0);
  display: block;
  max-height: 150px;
}
@media (max-width: 991px) {
  .sp-foundation .photo .image img {
    max-height: 110px;
  }
}
@media (max-width: 767px) {
  .sp-foundation .photo .image img {
    max-height: 150px;
  }
}
.sp-foundation .photo > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-foundation .photo:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.sp-foundation .constant-helps {
  display: flex;
}
.sp-foundation .constant-helps .faces {
  display: flex;
  align-items: center;
}
.sp-foundation .constant-helps .faces p {
  margin: 0 !important;
  padding: 0 !important;
}
.sp-foundation .constant-helps .faces img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-right: 5px;
  display: inline;
}
.sp-foundation .constant-helps .total {
  flex: 1;
  padding: 5px;
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sp-foundation .constant-helps .total p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.sp-foundation .constant-helps .total span {
  color: #00801c;
  font-weight: bold;
}
.sp-foundation .stats {
  width: 50%;
  float: left;
}
.sp-foundation .stats.monthly {
  text-align: right;
}
.sp-foundation .stats .value {
  color: #00801c;
  font-size: 1.5em;
  font-weight: bold;
}
.sp-foundation .stats .value.gray {
  color: #757575;
}
.sp-foundation .stats .label {
  color: #757575;
  text-transform: uppercase;
  font-size: 0.8em;
}
.sp-foundation .settings-link {
  position: absolute;
  background: rgba(0, 0, 0, 0.35);
  display: block;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 10px 5px;
  text-align: center;
  font-size: 0.9em;
  border-top-right-radius: 10px;
  transition: all 0.2s ease-in;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.sp-foundation .settings-link:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.sp-foundation .settings-link i {
  display: block;
  font-size: 1.8em;
  margin: 0;
  width: auto;
}
.sp-foundation .needy-box {
  align-items: normal !important;
}
.sp-foundation .needy-box img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px 10px 0 0;
  display: block;
}

#fundraises-show {
  position: relative;
}
#fundraises-show h1 {
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
}
#fundraises-show h2 {
  text-align: center;
  margin: 0px;
  padding: 10px 0px 15px;
  font-size: 1.3em;
}
#fundraises-show h2 a {
  color: #00801c;
}
#fundraises-show .profile-photo img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
#fundraises-show .cause, #fundraises-show .foundation {
  overflow: hidden;
}
#fundraises-show .cause img, #fundraises-show .foundation img {
  float: left;
  height: 100px;
}
#fundraises-show .cause h3, #fundraises-show .foundation h3 {
  min-height: 100px;
  display: flex;
  align-items: center;
  padding: 15px;
  margin: 0;
}
#fundraises-show .share-counter {
  color: #757575;
  font-size: 1.3em;
  line-height: 1.2em;
  padding: 10px 20px 15px;
  text-align: center;
  width: 100%;
}
#fundraises-show .banner-link {
  text-align: center;
  margin-top: 5px;
  margin-bottom: -10px;
  font-size: 0.9em;
}
#fundraises-show .banner-link i {
  font-size: 0.8em;
  vertical-align: top;
  margin-top: -3px;
}
@media (max-width: 991px) {
  #fundraises-show .banner-link {
    display: none;
  }
}
#fundraises-show .share-box {
  padding: 15px;
  margin-top: 15px;
}
#fundraises-show .ui.facebook, #fundraises-show .ui.twitter {
  padding: 10px 5px;
}
#fundraises-show .organizer {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px;
  background: rgb(244.5, 244.5, 244.5);
  display: flex;
  align-items: center;
}
#fundraises-show .organizer-header {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #757575;
}
#fundraises-show .organizer span {
  text-transform: initial;
}
#fundraises-show .organizer img {
  border-radius: 10px;
  float: left;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  min-width: 60px;
}
#fundraises-show .organizer-name {
  font-size: 1.2em;
  font-weight: bold;
}
#fundraises-show .with-padding {
  padding: 1em;
}
#fundraises-show .goal-header {
  display: block;
  background: #00801c;
  color: #ffffff;
  padding: 5px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 0.9em;
}
@media (max-width: 767px) {
  #fundraises-show .goal-header > span {
    display: none;
  }
}
#fundraises-show .goal-content {
  padding: 5px;
  display: flex;
  align-items: center;
}
#fundraises-show .goal-content img {
  float: left;
  width: 80px;
  min-width: 80px;
  margin-right: 10px;
  border-radius: 10px;
}
#fundraises-show .goal-content .header {
  color: #757575;
  font-size: 0.8em;
}
#fundraises-show .goal-content .name {
  font-weight: bold;
  display: block;
  font-size: 0.95em;
}
#fundraises-show .donate {
  text-align: center;
}
#fundraises-show #right-column .ui.sticky {
  padding-bottom: 15px;
}
#fundraises-show #right-column .ui.sticky i.code.icon {
  transform: scale(1.3);
}
@media (max-width: 991px) {
  #fundraises-show #right-column .ui.sticky {
    padding-bottom: 0px;
  }
}
#fundraises-show #right-column .in-cart {
  font-size: 1.5em;
}
@media (max-width: 1199px) {
  #fundraises-show #right-column .in-cart {
    font-size: 1.2em;
  }
}
@media (max-width: 991px) {
  #fundraises-show #right-column .in-cart {
    font-size: 2em;
  }
}
#fundraises-show .fundraise-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(90%);
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
}
#fundraises-show .description {
  word-break: break-word;
}
#fundraises-show .overflow-hidden {
  overflow: hidden;
}
#fundraises-show .payments-container {
  overflow: hidden;
  margin: -1em;
  padding: 1em;
}
#fundraises-show .payments-container .payments-list hr:nth-of-type(1) {
  display: none;
}
#fundraises-show .sort-type-links {
  margin: -5px 0 10px;
}
#fundraises-show .sort-type-links .link {
  display: inline-block;
  padding-right: 5px;
}
#fundraises-show .sort-type-links .link a.active {
  color: #00801c;
  font-weight: bold;
  pointer-events: none;
}

#fundraises-begin h1 {
  margin-bottom: 50px;
}
#fundraises-begin .sp-cause {
  position: relative;
}
#fundraises-begin .sp-cause .actions {
  text-align: center;
}
#fundraises-begin .sp-cause .actions a {
  margin-top: 10px;
  width: 100%;
}
#fundraises-begin .new-fundraise-naviagation .description.column .box {
  padding: 25px 60px 15px;
  background-image: url(/images/siepomaga/homepage/cta_fundraise.png);
  background-repeat: no-repeat;
  background-position: 50px 10px;
  height: 100%;
}
#fundraises-begin .new-fundraise-naviagation .form.column .box {
  padding: 15px;
  height: 100%;
}
#fundraises-begin .new-fundraise-naviagation .form.column .radio-buttons {
  margin-bottom: 10px;
}
#fundraises-begin .new-fundraise-naviagation .form.column .search {
  margin-bottom: 10px;
}
#fundraises-begin .new-fundraise-naviagation .form.column .filters a {
  display: inline-block;
  margin-right: 10px;
}
#fundraises-begin .new-fundraise-naviagation .form.column .filters a.current {
  font-weight: bold;
  color: #00801c;
}

.fundraise-can {
  text-align: center;
}
.fundraise-can .can {
  position: relative;
  display: block;
  max-width: 60%;
}
@media (max-width: 767px) {
  .fundraise-can .can {
    max-width: 70%;
  }
}
.fundraise-can .can {
  margin: 0 auto;
}
.fundraise-can .can img {
  width: 100%;
}
.fundraise-can a.can:before {
  display: none;
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  background-image: url(/assets/siepomaga/fundraise/can/coin-45217318cf21abead404f90c83db55bb385c870aee1b9668039f2aaec626cb3d.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: all 1.5s;
  display: block;
  opacity: 0;
}
.fundraise-can a.can:hover:before {
  opacity: 100;
  top: -4px;
}
.fundraise-can .order {
  position: absolute;
  bottom: -10px;
  left: 0px;
}
.fundraise-can .order img {
  width: 100%;
}
.fundraise-can .amount {
  color: #00801c;
  font-size: 1.5em;
  font-weight: bold;
  margin: 5px 0;
}
.fundraise-can .goal span {
  color: #00801c;
  font-weight: bold;
}
.fundraise-can .percentage {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  color: #00801c;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  font-size: 1.5em;
}

@media (max-width: 767px) {
  .full-fundraise-can {
    width: 150px;
    margin: 0 auto;
  }
}

.fundraise-new-info {
  color: #757575;
}

#fundraises-form .wrapper:not(.fundraise_tag_ids):not(.fundraise_category_ids) .select2-container, #fundraise_edit_modal .wrapper:not(.fundraise_tag_ids):not(.fundraise_category_ids) .select2-container {
  width: 33% !important;
}
#fundraises-form .fundraise_theme span.select2-container, #fundraise_edit_modal .fundraise_theme span.select2-container {
  width: 100% !important;
}

#dots-before-js {
  position: relative;
  margin: 0px;
  top: -40px;
  display: flex;
  justify-content: center;
}
#dots-before-js > li {
  display: block;
  float: left;
}

#homepage-actions {
  margin-top: 50px;
  position: relative;
}
#homepage-actions .box {
  padding: 10px;
  text-align: center;
  height: 100%;
}
#homepage-actions .box h3 {
  font-size: 1.4em;
}
#homepage-actions .fb-box {
  color: #3b5998;
  font-weight: bold;
  padding: 20px;
}
#homepage-actions .fb-box .likes-count {
  font-weight: normal;
}
#homepage-actions .fb-box .likes-count span {
  font-weight: bold;
}
#homepage-actions .fb-box .button {
  font-size: 1.2em;
  padding: 15px 25px;
}
#homepage-actions .fb-box .button i {
  font-weight: bold;
}
#homepage-actions .one-percent {
  padding: 20px;
}
#homepage-actions .one-percent h3 {
  color: #00801c;
}
#homepage-actions .one-percent h3.gray {
  color: #757575;
}
#homepage-actions .one-percent h3.krs {
  margin: 1.1em 0;
}
@media (max-width: 991px) {
  #homepage-actions .one-percent h3.krs {
    margin: 0.5em 0;
  }
}
#homepage-actions .one-percent img {
  height: 1.3em;
  vertical-align: middle;
}
#homepage-actions .one-percent .green-dashed-box {
  margin: 0 auto;
  display: inline-block;
  font-size: 1.2em;
  padding: 15px 25px;
}
#homepage-actions .one-percent .green-dashed-box span {
  color: #00801c;
  font-weight: bold;
  letter-spacing: 2px;
  margin-left: 10px;
}
#homepage-actions .one-percent .detailed-goal {
  font-weight: bold;
  color: #757575;
  font-size: 1.2em;
}
#homepage-actions .one-percent .detailed-goal .desc {
  display: inline-block;
}
@media (max-width: 991px) {
  #homepage-actions .one-percent .detailed-goal .desc {
    margin-bottom: 0.5em;
  }
}
#homepage-actions .one-percent .detailed-goal .goal {
  color: #ffffff;
  background-color: #e65000;
  border-radius: 10px;
  display: inline-block;
  padding: 5px 10px;
}
@media (max-width: 991px) {
  #homepage-actions {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  #homepage-actions {
    margin-top: 20px;
  }
}

#homepage-contact .logo {
  float: right;
  padding-top: 20px;
}
#homepage-contact .logo img {
  width: 250px;
}
@media (max-width: 767px) {
  #homepage-contact .logo {
    float: none;
    text-align: center;
    padding-top: 0px;
  }
}
#homepage-contact h3 {
  margin-top: 15px;
  padding-left: 50px;
}
#homepage-contact p {
  padding-left: 50px;
}
#homepage-contact p span {
  font-size: 0.8em;
}
#homepage-contact p i {
  float: left;
  margin-left: -40px;
  font-size: 1.3em;
  margin-top: 4px;
  color: #323232;
}
#homepage-contact dfn {
  font-style: normal;
}

#how-to-show {
  background: url(/assets/siepomaga/how_to/how_to_bg-6090863f09801735bde810d984cdce6b0f7bfc0bc174ec5e41ce94f5ec19d95c.jpg) top center no-repeat;
  background-size: cover;
  margin-bottom: -60px;
}
@media (max-width: 767px) {
  #how-to-show {
    background: url(/assets/siepomaga/how_to/how_to_bg_mobile-a3deda1e6a0495f6bfc9a666faf6374644acc1a1443dd217e635b40a9273540c.jpg) top center no-repeat;
    background-size: cover;
  }
}
#how-to-show .ui.container {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  #how-to-show .ui.container {
    margin-bottom: 1em;
  }
}
#how-to-show .ui.container .header {
  margin: 80px 0 150px;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-direction: row;
}
@media (max-width: 991px) {
  #how-to-show .ui.container .header {
    align-items: center;
  }
}
@media (max-width: 767px) {
  #how-to-show .ui.container .header {
    margin: 1em 0;
    flex-direction: column;
    align-items: center;
  }
}
#how-to-show .ui.container .header div {
  padding: 0.5em;
}
#how-to-show .ui.container .header .logo {
  width: 50%;
  text-align: right;
}
@media (max-width: 767px) {
  #how-to-show .ui.container .header .logo {
    width: 100%;
    text-align: center;
  }
}
#how-to-show .ui.container .header .logo img {
  padding-top: 10px;
  width: 75%;
}
@media (max-width: 767px) {
  #how-to-show .ui.container .header .logo img {
    width: 100%;
  }
}
#how-to-show .ui.container .header .slogan {
  padding-top: 2em;
  width: 50%;
  color: #ffffff;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
}
@media (max-width: 1199px) {
  #how-to-show .ui.container .header .slogan {
    padding-top: 2.5em;
  }
}
@media (max-width: 767px) {
  #how-to-show .ui.container .header .slogan {
    text-align: center;
    padding: 0;
    width: 100%;
  }
}
#how-to-show .ui.container .ui.grid {
  padding-bottom: 200px;
}
@media (max-width: 767px) {
  #how-to-show .ui.container .ui.grid {
    padding: 1em 0 2em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box {
  position: relative;
  box-shadow: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#how-to-show .ui.container .ui.grid .row#boxes .box .corner-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.15;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 200px;
}
@media (max-width: 1199px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .corner-img {
    max-width: 150px;
  }
}
@media (max-width: 991px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .corner-img {
    left: 50%;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box .corner-img img {
  width: 100%;
}
@media (max-width: 767px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .corner-img {
    display: none;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box .corner-img .icon-verified {
  font-size: 11em;
}
@media (max-width: 1199px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .corner-img .icon-verified {
    font-size: 9em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box .title {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2em;
}
@media (max-width: 1199px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .title {
    font-size: 1.5em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box .content {
  padding: 0.5em 0;
  font-size: 1.5em;
  line-height: 1.2em;
}
@media (max-width: 1199px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .content {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box .content {
    font-size: 1.2em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box.with-button {
  padding-bottom: 80px;
}
#how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -1px;
}
#how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button {
  width: 100%;
  border-radius: 0 0 10px 10px;
  border: 0;
  font-size: 1.3em;
  font-weight: bold;
  padding: 20px 5px;
  padding-left: calc(15% + 5px);
}
@media (max-width: 991px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button {
    font-size: 1.1em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button span.icon {
  width: 15%;
}
@media (max-width: 991px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button span.icon {
    top: -3px;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button i.icon-verified::before, #how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button i.icon-heart::before {
  font-size: 1.5em;
  line-height: 1.2em;
  width: 1em;
  margin-right: 0;
}
@media only screen and (max-width: 321px) {
  #how-to-show .ui.container .ui.grid .row#boxes .box.with-button .button .sp-button {
    font-size: 1em;
  }
}
#how-to-show .ui.container .ui.grid .row#boxes .box.light-green {
  background-color: rgba(126, 174, 42, 0.15);
}
#how-to-show .ui.container .ui.grid .row#boxes .box.light-blue {
  background-color: rgba(31, 153, 214, 0.15);
}
#how-to-show .ui.container .ui.grid .row#boxes .box.light-blue .button .sp-button {
  color: #1274c3;
}
#how-to-show .ui.container .ui.grid .row#boxes .box.light-blue .button .sp-button.with-icon span.icon {
  border-color: rgba(31, 153, 214, 0.25);
}

#how-to-donors, #how-to-needy {
  margin-bottom: -55px;
}
#how-to-donors #header, #how-to-needy #header {
  position: relative;
  height: 384px;
}
#how-to-donors #header .ui.container, #how-to-needy #header .ui.container {
  color: #ffffff;
  height: 100%;
}
#how-to-donors #header .ui.container .slogan, #how-to-needy #header .ui.container .slogan {
  height: 100%;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
#how-to-donors #header .ui.container .slogan h1, #how-to-needy #header .ui.container .slogan h1 {
  font-size: 2.5rem;
}
#how-to-donors #header .ui.container .slogan p, #how-to-needy #header .ui.container .slogan p {
  align-self: center;
  margin: 0;
}
#how-to-donors #header .ui.container .slogan img, #how-to-needy #header .ui.container .slogan img {
  display: inline;
  vertical-align: bottom;
  width: 100%;
  max-width: 220px;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  #how-to-donors #header .ui.container .slogan, #how-to-needy #header .ui.container .slogan {
    font-size: 1.4em;
  }
  #how-to-donors #header .ui.container .slogan h1, #how-to-needy #header .ui.container .slogan h1 {
    font-size: 1.4rem;
  }
  #how-to-donors #header .ui.container .slogan img, #how-to-needy #header .ui.container .slogan img {
    max-width: 120px;
    padding-bottom: 2px !important;
  }
}
#how-to-donors #header .ui.container .back-link a, #how-to-needy #header .ui.container .back-link a {
  position: absolute;
  bottom: 10px;
  color: #ffffff;
  font-weight: bold;
}
#how-to-donors .cta, #how-to-needy .cta {
  background: #00801c;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 767px) {
  #how-to-donors .cta span, #how-to-needy .cta span {
    text-align: center;
  }
}
#how-to-donors .cta .ui.container, #how-to-needy .cta .ui.container {
  padding: 1.5em 2em;
}
#how-to-donors .cta .ui.container .cta-label, #how-to-needy .cta .ui.container .cta-label {
  font-size: 1.07142857rem;
  line-height: 1.28571429em;
}
@media (max-width: 991px) {
  #how-to-donors .cta .ui.container, #how-to-needy .cta .ui.container {
    padding: 0.5em 0;
  }
}
@media (max-width: 767px) {
  #how-to-donors .cta .ui.container h4, #how-to-needy .cta .ui.container h4 {
    margin: 0.5em 0 -1em;
  }
  #how-to-donors .cta .ui.container .cta-label, #how-to-needy .cta .ui.container .cta-label {
    margin: 0.5em 0 -1em;
    text-align: center;
  }
  #how-to-donors .cta .ui.container .right.aligned.column, #how-to-needy .cta .ui.container .right.aligned.column {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #how-to-donors .cta .ui.container .sp-button.with-icon, #how-to-needy .cta .ui.container .sp-button.with-icon {
    padding-left: 60px;
  }
}
#how-to-donors .cta .ui.container .sp-button span.icon, #how-to-needy .cta .ui.container .sp-button span.icon {
  top: 3px;
}
@media (max-width: 767px) {
  #how-to-donors .cta .ui.container .sp-button span.icon, #how-to-needy .cta .ui.container .sp-button span.icon {
    width: 50px;
  }
}
#how-to-donors .cta .ui.container .sp-button i.icon-heart::before, #how-to-needy .cta .ui.container .sp-button i.icon-heart::before {
  font-size: 2em;
  line-height: 1.2em;
  width: 1em;
  margin-right: 0;
}
#how-to-donors .section:last-of-type, #how-to-needy .section:last-of-type {
  padding-bottom: 100px;
}
#how-to-donors .section, #how-to-needy .section {
  border-top: 1px solid #DBECD7;
}
#how-to-donors .section .ui.container, #how-to-needy .section .ui.container {
  height: 100%;
  padding: 1em 0;
}
#how-to-donors .section .image, #how-to-needy .section .image {
  text-align: center;
  width: 100%;
}
#how-to-donors .section .image img, #how-to-needy .section .image img {
  max-height: 400px;
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #how-to-donors .section .image img, #how-to-needy .section .image img {
    max-width: 60%;
  }
}
#how-to-donors .section .info, #how-to-needy .section .info {
  padding: 2em;
}
@media (max-width: 991px) {
  #how-to-donors .section .info, #how-to-needy .section .info {
    padding: 1em 0;
  }
}
#how-to-donors .section .info .title, #how-to-needy .section .info .title {
  color: #00801c;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 1.2em;
}
@media (max-width: 991px) {
  #how-to-donors .section .info .title, #how-to-needy .section .info .title {
    font-size: 1.3em;
  }
}
#how-to-donors .section .info .blue-line, #how-to-needy .section .info .blue-line {
  background: #1274c3;
  height: 5px;
  border-radius: 5px;
  width: 150px;
  margin: 1.5em 0;
}
#how-to-donors .section .info .text, #how-to-needy .section .info .text {
  color: #757575;
  font-size: 1em;
}
@media (max-width: 991px) {
  #how-to-donors .section .info .text, #how-to-needy .section .info .text {
    font-size: 1em;
  }
}
#how-to-donors .section .info .text ul, #how-to-needy .section .info .text ul {
  padding-inline-start: 20px;
}
#how-to-donors .section .info .text ul li:not(:last-child), #how-to-needy .section .info .text ul li:not(:last-child) {
  margin-bottom: 0.25em;
}
#how-to-donors .section .info .text .half-hidden, #how-to-needy .section .info .text .half-hidden {
  height: 200px;
  overflow: hidden;
  position: relative;
}
#how-to-donors .section .info .text .half-hidden:after, #how-to-needy .section .info .text .half-hidden:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 100px;
}
#how-to-donors .section .info .text .half-hidden.visible, #how-to-needy .section .info .text .half-hidden.visible {
  height: auto;
}
#how-to-donors .section .info .text .half-hidden.visible:after, #how-to-needy .section .info .text .half-hidden.visible:after {
  display: none;
}
#how-to-donors .section .info .text .show-button, #how-to-needy .section .info .text .show-button {
  display: inline-block;
  margin: 15px 0 0;
}
#how-to-donors .section.green, #how-to-needy .section.green {
  background-color: rgba(147, 191, 65, 0.05);
}
#how-to-donors .section.white, #how-to-needy .section.white {
  background-color: #ffffff;
}
#how-to-donors .section:last-of-type .info, #how-to-needy .section:last-of-type .info {
  margin-bottom: 2em;
}
#how-to-donors .section:last-of-type .info .text .question h3, #how-to-needy .section:last-of-type .info .text .question h3 {
  font-weight: bold;
  margin-bottom: 0.5em;
}
#how-to-donors .section:last-of-type .info .question:not(:last-of-type), #how-to-needy .section:last-of-type .info .question:not(:last-of-type) {
  margin-bottom: 4em;
}
#how-to-donors .section:last-of-type .gray-dashed-box, #how-to-needy .section:last-of-type .gray-dashed-box {
  color: #757575;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px dashed rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
  padding: 1em;
}
#how-to-donors .section:last-of-type .gray-dashed-box h3, #how-to-needy .section:last-of-type .gray-dashed-box h3 {
  font-weight: bold;
  margin: 0;
}
@media (max-width: 991px) {
  #how-to-donors .section:last-of-type .gray-dashed-box h3, #how-to-needy .section:last-of-type .gray-dashed-box h3 {
    font-size: 1.1em;
  }
}

#how-to-donors #header {
  background: url(/assets/siepomaga/how_to/donors_header-6b74ec935b89363bd21e68649ea3e9d5ab61a5b198661657f752b84c46d04664.jpg) top center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #how-to-donors #header {
    background: url(/assets/siepomaga/how_to/donors_header_mobile-8f0dc769e0e5b55ddb4a47e814e6fd316a677da5ae6fa6ce6a3854d61aeada96.jpg) top center no-repeat;
    background-size: cover;
  }
}

#how-to-needy #header {
  background: url(/assets/siepomaga/how_to/needy_header-7639c501885064a6a0156713c5c837b5ac94bbc8c49c4662414c5db7a1c03338.jpg) top center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #how-to-needy #header {
    background: url(/assets/siepomaga/how_to/needy_header_mobile-8e9ae2cf597b9ded6e78902f1829da7e964b7a96d4d5af0e93494f1af52d6940.jpg) top center no-repeat;
    background-size: cover;
  }
}

#needy-registration-step-1 .top-labels .form-section:not(:last-child) {
  margin: 1em 0;
}
#needy-registration-step-1 .radio-buttons .pretty-radio .gray-text {
  margin-left: 5px;
}
#needy-registration-step-1 .radio-buttons {
  padding-top: 1em;
}
#needy-registration-step-1 .currency {
  padding-bottom: 1em;
}

#needy-registration-step-2 i.icon-info {
  color: #1274c3;
  font-size: 13px;
  height: 13px;
}
#needy-registration-step-2 #sms-generate {
  font-size: 0.75em;
  line-height: 1.5em;
  padding-left: 45px;
  padding-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#needy-registration-step-2 #sms-generate.verified {
  visibility: hidden;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #sms-generate.verified {
    display: none;
  }
}
#needy-registration-step-2 #code-input {
  margin-bottom: 0;
  position: relative;
}
#needy-registration-step-2 #code-input.hidden {
  display: none;
}
#needy-registration-step-2 #code-input .many-inputs-row div:first-child {
  display: flex;
  height: 42px;
}
#needy-registration-step-2 #code-input .many-inputs-row div:first-child *:not(:last-child) {
  margin-right: 3px;
}
#needy-registration-step-2 #code-input .many-inputs-row div:first-child .separator {
  line-height: 42px;
  font-size: 1.2em;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #code-input .many-inputs-row > * {
    margin-bottom: 0;
  }
}
#needy-registration-step-2 #code-input .many-inputs-row #sms-pin [id^=sms-pin_pinlogin_] {
  width: 32px;
  height: 42px;
  border-radius: 10px;
  margin: 0;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #code-input .many-inputs-row #sms-pin [id^=sms-pin_pinlogin_] {
    margin-right: 10px;
  }
}
@media (max-width: 360px) {
  #needy-registration-step-2 #code-input .many-inputs-row #sms-pin [id^=sms-pin_pinlogin_] {
    margin-right: 5px;
  }
}
#needy-registration-step-2 #code-input .many-inputs-row #sms-pin_pinlogin {
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #code-input .many-inputs-row #sms-pin_pinlogin {
    justify-content: normal;
  }
}
#needy-registration-step-2 #code-input .many-inputs-row #sms-pin-info {
  position: absolute;
  top: 10px;
  left: calc(100px + 50%);
  min-width: auto;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #code-input .many-inputs-row #sms-pin-info {
    left: auto;
    right: 7px;
    top: 52px;
  }
}
#needy-registration-step-2 #phone-input {
  margin-bottom: 0;
}
#needy-registration-step-2 #phone-input-hidden {
  display: none;
}
#needy-registration-step-2 .phone-verified-info {
  margin: 5px 0 0 200px;
  font-size: 0.8em;
  color: #00801c;
}
@media (max-width: 767px) {
  #needy-registration-step-2 .phone-verified-info {
    margin-left: 0;
  }
}
#needy-registration-step-2 .masked-phone-info {
  margin: 5px 0 0 200px;
  font-size: 0.8em;
  color: #757575;
}
@media (max-width: 767px) {
  #needy-registration-step-2 .masked-phone-info {
    margin-left: 0;
  }
}
#needy-registration-step-2 #sms-pin-error {
  margin: 5px 0 0 200px;
  color: #ba0000;
  font-size: 0.8em;
  display: none;
}
@media (max-width: 767px) {
  #needy-registration-step-2 #sms-pin-error {
    margin-left: 0;
  }
}
#needy-registration-step-2 .pinlogin .pinlogin-field {
  color: #000;
  font-weight: normal;
}
#needy-registration-step-2 .form-section {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #needy-registration-step-2 .select2 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #needy-registration-step-2 .simple_form .wrapper.date .input {
    flex-direction: column !important;
  }
}

#needy-registration-step-3 .ui.two.column.grid {
  margin: 1em 0;
}
@media (max-width: 767px) {
  #needy-registration-step-3 .ui.two.column.grid .column {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

#needy-registration-step-3-email-action-choose .form-section {
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  #needy-registration-step-3-email-action-choose .form-section {
    padding-bottom: 1rem !important;
  }
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid {
  margin: 0;
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .column {
  padding: 3rem 2rem 4rem;
}
@media (max-width: 767px) {
  #needy-registration-step-3-email-action-choose .form-section .ui.grid .column {
    padding: 1.5rem 1rem !important;
  }
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .column .user-icon {
  padding-bottom: 1rem;
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .column .user-icon img {
  border-radius: 100px;
  width: 65px;
  height: 65px;
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .column .action-text {
  padding-bottom: 0.5rem;
  font-weight: bold;
  font-size: 17px;
}
@media (max-width: 767px) {
  #needy-registration-step-3-email-action-choose .form-section .ui.grid .column .action-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #needy-registration-step-3-email-action-choose .form-section .ui.grid .column .sp-button {
    width: 85%;
  }
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .with-color {
  background: rgba(126, 174, 42, 0.05);
}
#needy-registration-step-3-email-action-choose .form-section .ui.grid .with-color .user-icon img {
  opacity: 0.6;
}
#needy-registration-step-3-email-action-choose .buttons {
  padding-left: 2rem;
}

.register-text {
  padding-top: 2rem !important;
  text-align: center;
}
@media (max-width: 767px) {
  .register-text {
    text-align: left;
  }
}

.email-form {
  padding-top: 2.5rem !important;
}
@media (max-width: 767px) {
  .email-form {
    padding-top: 0.5rem !important;
  }
}

#needy-registration-step-4 .notifier-address:not(.opened) {
  display: none;
}
@media (max-width: 767px) {
  #needy-registration-step-4 .notifier-address .many-inputs-label {
    display: none;
  }
}
#needy-registration-step-4 .notifier-adress-type .wrapper .input {
  margin-top: 10px;
}
#needy-registration-step-4 .notifier-adress-type .error {
  margin-left: 0;
}
#needy-registration-step-4 input[readonly] {
  background-color: #f4f4f4;
}
#needy-registration-step-4 .wrapper.submission_needy_relationship .select2-container, #needy-registration-step-4 .wrapper.submission_needy_country_id .select2-container, #needy-registration-step-4 .wrapper.submission_notifier_country_id .select2-container {
  width: 100% !important;
}
#needy-registration-step-4 .iti__selected-flag {
  outline: none;
}
#needy-registration-step-4 .proxyInfo:not(.opened) {
  display: none;
}
#needy-registration-step-4 .proxyInfo {
  background-color: rgba(126, 174, 42, 0.05);
  font-size: 13px;
  padding: 1rem 2rem;
}
#needy-registration-step-4 .proxyInfo__text {
  padding-bottom: 1rem;
}

@media (max-width: 420px) {
  .form-section.buttons button {
    padding-left: 10px;
    padding-right: 50px;
    font-size: 1em;
  }
}
@media (max-width: 370px) {
  .form-section.buttons {
    font-size: 0.9em;
  }
}

#needy-registration-step-final .select-trigger {
  width: 100%;
}
#needy-registration-step-final .select2-container {
  width: 100% !important;
}

#select2-submission_needy_country_id-results, #select2-submission_notifier_country_id-results,
#select2-edit_needy_country_picker-results {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#select2-submission_needy_country_id-results > li:not(:last-child), #select2-submission_notifier_country_id-results > li:not(:last-child),
#select2-edit_needy_country_picker-results > li:not(:last-child) {
  border-bottom: 1px solid #000;
}
#select2-submission_needy_country_id-results > li > strong, #select2-submission_notifier_country_id-results > li > strong,
#select2-edit_needy_country_picker-results > li > strong {
  padding: 0;
  height: 0;
  overflow: hidden;
}
#select2-submission_needy_country_id-results .select2-results__option .select2-results__option, #select2-submission_notifier_country_id-results .select2-results__option .select2-results__option,
#select2-edit_needy_country_picker-results .select2-results__option .select2-results__option {
  padding-left: 10px;
}
#select2-submission_needy_country_id-results .select2-results__options li:last-child, #select2-submission_notifier_country_id-results .select2-results__options li:last-child,
#select2-edit_needy_country_picker-results .select2-results__options li:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#needy-registration-step-4 .needy-birthday:not(.opened), #needy-registration-step-4 .notifier-birthday:not(.opened), #needy-registration-step-4 .second-parent-birthday:not(.opened), .needyPanelEditNeedyComponent .needy-birthday:not(.opened), .needyPanelEditNeedyComponent .notifier-birthday:not(.opened), .needyPanelEditNeedyComponent .second-parent-birthday:not(.opened) {
  display: none;
}
#needy-registration-step-4 .needy-birthday .form-info, #needy-registration-step-4 .notifier-birthday .form-info, #needy-registration-step-4 .second-parent-birthday .form-info, .needyPanelEditNeedyComponent .needy-birthday .form-info, .needyPanelEditNeedyComponent .notifier-birthday .form-info, .needyPanelEditNeedyComponent .second-parent-birthday .form-info {
  margin-left: 200px;
}
@media (max-width: 767px) {
  #needy-registration-step-4 .needy-birthday .form-info, #needy-registration-step-4 .notifier-birthday .form-info, #needy-registration-step-4 .second-parent-birthday .form-info, .needyPanelEditNeedyComponent .needy-birthday .form-info, .needyPanelEditNeedyComponent .notifier-birthday .form-info, .needyPanelEditNeedyComponent .second-parent-birthday .form-info {
    margin: 0;
  }
}
#needy-registration-step-4 .needy-birthday .form-info div, #needy-registration-step-4 .notifier-birthday .form-info div, #needy-registration-step-4 .second-parent-birthday .form-info div, .needyPanelEditNeedyComponent .needy-birthday .form-info div, .needyPanelEditNeedyComponent .notifier-birthday .form-info div, .needyPanelEditNeedyComponent .second-parent-birthday .form-info div {
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  #needy-registration-step-4 .needy-birthday .label, #needy-registration-step-4 .notifier-birthday .label, #needy-registration-step-4 .second-parent-birthday .label, .needyPanelEditNeedyComponent .needy-birthday .label, .needyPanelEditNeedyComponent .notifier-birthday .label, .needyPanelEditNeedyComponent .second-parent-birthday .label {
    display: none;
  }
}
#needy-registration-step-4 .needy-birthday-trigger, #needy-registration-step-4 .notifier-birthday-trigger, #needy-registration-step-4 .second-parent-birthday-trigger, .needyPanelEditNeedyComponent .needy-birthday-trigger, .needyPanelEditNeedyComponent .notifier-birthday-trigger, .needyPanelEditNeedyComponent .second-parent-birthday-trigger {
  color: #1274c3;
  cursor: pointer;
  font-size: 0.75em;
  display: flex;
  align-items: center;
}
#needy-registration-step-4 .needy-birthday-trigger.clicked, #needy-registration-step-4 .notifier-birthday-trigger.clicked, #needy-registration-step-4 .second-parent-birthday-trigger.clicked, .needyPanelEditNeedyComponent .needy-birthday-trigger.clicked, .needyPanelEditNeedyComponent .notifier-birthday-trigger.clicked, .needyPanelEditNeedyComponent .second-parent-birthday-trigger.clicked {
  transition: opacity 0.5s;
  pointer-events: none;
  opacity: 0;
}
@media (max-width: 767px) {
  #needy-registration-step-4 .needy-birthday-trigger.clicked, #needy-registration-step-4 .notifier-birthday-trigger.clicked, #needy-registration-step-4 .second-parent-birthday-trigger.clicked, .needyPanelEditNeedyComponent .needy-birthday-trigger.clicked, .needyPanelEditNeedyComponent .notifier-birthday-trigger.clicked, .needyPanelEditNeedyComponent .second-parent-birthday-trigger.clicked {
    display: none;
  }
}
#needy-registration-step-4 .needy-birthday .select2-container, #needy-registration-step-4 .notifier-birthday .select2-container, #needy-registration-step-4 .second-parent-birthday .select2-container, .needyPanelEditNeedyComponent .needy-birthday .select2-container, .needyPanelEditNeedyComponent .notifier-birthday .select2-container, .needyPanelEditNeedyComponent .second-parent-birthday .select2-container {
  flex-grow: 1;
}
#needy-registration-step-4 .parent_relationship:not(.opened), #needy-registration-step-4 .second_parent_data:not(.opened), .needyPanelEditNeedyComponent .parent_relationship:not(.opened), .needyPanelEditNeedyComponent .second_parent_data:not(.opened) {
  display: none;
}

@media (max-width: 400px) {
  #needy-registration-step-final .radio-buttons.one-line {
    justify-content: space-between;
  }
  #needy-registration-step-final .radio-buttons.one-line > div:not(:last-child) {
    min-width: unset;
  }
}

.privacy-policy-info {
  font-size: 13px;
  color: #323232;
  padding-left: 2rem;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .privacy-policy-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

#needy-update-show .box {
  box-shadow: none;
}
#needy-update-show .content {
  text-align: justify;
}
#needy-update-show .attachments a.download-all {
  position: absolute;
  right: 1em;
  z-index: 1;
}
#needy-update-show .attachments .attms-container {
  height: 450px;
  word-break: break-all;
  overflow-y: auto;
}
#needy-update-show .attachments .attms-container .grid {
  width: 675px;
}
#needy-update-show .attachments .column img {
  width: 100%;
}
#needy-update-show .attachments .column img:hover {
  border: 5px solid #00801c;
}

#newsletter-subscribe {
  background-image: url(/assets/siepomaga/newsletter/emails_bg-5226d04164146a8b87541748d7ff33ee010b2592197e11a935c33347745ba7e0.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-bottom: -60px;
  padding-bottom: 50px;
  min-height: 90vh;
}
@media (max-width: 767px) {
  #newsletter-subscribe {
    background-image: url(/assets/siepomaga/newsletter/emails_bg_mobile-ca376f0ab547d3e109e3e9f5efa58d55a5e5367570df2261609cf9957fb6f19a.jpg);
  }
}
#newsletter-subscribe h1 {
  padding-top: 60px;
}
#newsletter-subscribe hr {
  opacity: 0.6;
}

#self-confirmation-modal p.info, #other-confirmation-modal p.info {
  margin: 1em 0.5em 2em;
  font-size: 1.05em;
}

#other-confirmation-modal .box-content p:first-of-type {
  margin: 0;
}

@media (max-width: 991px) {
  .one-percent-searches .title, .one-percent-searches .content, .one-percent-searches .city-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.one-percent-searches .content {
  padding-left: 0;
}
.one-percent-searches h3 {
  font-size: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .one-percent-searches h3 {
    flex-wrap: wrap;
  }
  .one-percent-searches h3 img {
    max-width: 50px;
    margin: 0 6px 0 0 !important;
  }
  .one-percent-searches h3 span {
    margin-right: 6px !important;
  }
}
.one-percent-searches h3 img {
  max-width: 50px;
  margin: 0 6px;
}
.one-percent-searches .city-link {
  color: #00801C;
  font-weight: bold;
  text-decoration: none;
  margin-right: 20px;
}

.organization-costant-help-box .amount {
  font-size: 2.5em;
  line-height: 1.2em;
  color: #00801c;
  font-weight: bold;
}
.organization-costant-help-box .label {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #757575;
}
.organization-costant-help-box .right-column {
  text-align: right;
}
@media (max-width: 767px) {
  .organization-costant-help-box {
    text-align: center;
  }
  .organization-costant-help-box .right-column {
    text-align: center;
  }
}

.organization-panel-one-percent .content-header {
  color: #e65000;
}
.organization-panel-one-percent .collect-one-percent-header-image {
  max-width: 18em;
  margin-top: 1em;
}
.organization-panel-one-percent .collect-one-percent-header-image img {
  max-width: 100%;
}
.organization-panel-one-percent ul {
  list-style-type: disc;
  list-style-position: outside !important;
  margin-left: 1.6em;
}
.organization-panel-one-percent .divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 1.6em;
}
.organization-panel-one-percent__verification-info {
  background: #F7F6F3;
  box-shadow: 0px;
  border-color: #D0D0D0;
  border-width: thin;
  border-style: solid;
}
.organization-panel-one-percent__table {
  color: #e65000 !important;
  line-height: 1em;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.organization-panel-one-percent__table .header {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
.organization-panel-one-percent__table .header img {
  max-height: 1.2em;
  margin-bottom: 0;
  padding: 0 4px 2px 4px;
}
.organization-panel-one-percent__baner {
  background: #F7F6F3 !important;
}
.organization-panel-one-percent__baner .new-image {
  width: 30%;
  float: left;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
.organization-panel-one-percent__baner .new-title {
  font-size: 13px;
  color: #404040;
  line-height: 125%;
}
.organization-panel-one-percent__baner a {
  display: flex;
  justify-content: center;
}
.organization-panel-one-percent__baner a img {
  max-height: 1.2em;
  margin-bottom: 0;
  padding: 5px 7px 2px 7px;
}

.organization-volunteer__baner {
  background: #F7F6F3 !important;
}
.organization-volunteer__baner .baner-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.organization-volunteer__baner .volunteer-image {
  flex-shrink: 0;
  width: 35%;
}
.organization-volunteer__baner .volunteer-image img {
  width: 100%;
  height: auto;
  display: block;
}
.organization-volunteer__baner .volunteer-title {
  font-size: 13px;
  color: #404040;
  line-height: 125%;
}
.organization-volunteer__baner a {
  display: flex;
  justify-content: center;
}

.sp-one-percent-badge {
  height: 1em;
  vertical-align: middle;
  float: right;
}

#organization-panel .ui.text.container {
  max-width: 765px !important;
}
#organization-panel .select2-container {
  width: 100% !important;
}

#page-content img {
  max-width: 100%;
}

.ui.pagination.menu .item {
  min-width: 0em;
  margin: 0;
  padding: 1em 0.8em;
}
.ui.pagination.menu .active.item {
  padding-top: 1em;
}

.categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categorizations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categorizations-actions {
  margin-top: 15px;
}

.cause-update.container.thin {
  width: 670px;
}
.cause-update .simple_form .wrapper .hint {
  margin-left: 0px;
}
.cause-update.character-counter__container {
  position: relative;
}
.cause-update.character-counter__display {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 5px;
  border-radius: 3px;
}
.character-counter__container--textarea .cause-update.character-counter__display {
  top: 10px;
}
.cause-update.character-counter__display--exceeded {
  color: #e74c3c;
  font-weight: bold;
}
.cause-update__info-section {
  margin-bottom: 20px;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 5px;
}
.cause-update__info-section-title {
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.cause-update__info-section-title-link {
  color: #1274c3;
  text-decoration: none;
}
.cause-update__info-section-title-link:hover {
  text-decoration: underline;
}
.cause-update__info-section-beneficiary, .cause-update__info-section-diagnosis {
  margin-top: 10px;
  font-size: 0.9em;
}
.cause-update__info-section-beneficiary-label, .cause-update__info-section-diagnosis-label {
  font-weight: bold;
}
.cause-update__info-section-thumbnail {
  float: left;
  margin-right: 15px;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-color: #f4f4f4;
}
.cause-update__info-section-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cause-update__info-section-info {
  overflow: hidden;
}
.cause-update__info-section-clearfix {
  clear: both;
}
.cause-update__title-counter {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.8em;
  color: #757575;
  font-weight: normal;
}
.cause-update__title-wrapper {
  position: relative;
}
.cause-update__title-wrapper .counter {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 0.8em;
  color: #757575;
}
.cause-update__title-wrapper .counter--warning {
  color: orange;
}

.hint-text {
  font-size: 0.85em;
}

.contractor-status-form__container.ui.container {
  width: 50%;
  max-width: 650px !important;
}
.contractor-status-form__buttons {
  text-align: center;
  margin-top: 1em;
}
.contractor-status-form__buttons > :not(:first-child) {
  margin-left: 12px;
}

.edit-contractor.overflow-hidden {
  overflow: hidden;
}
.edit-contractor .container.thin {
  width: 40%;
}
.edit-contractor .small-text {
  font-size: 14px;
}
.edit-contractor .sp-loader-sm {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  line-height: 1;
  transform: none;
  position: relative;
}
.edit-contractor .sp-loader-sm:not(.hidden) {
  display: inline-block;
}
.edit-contractor .sp-loader-sm:before {
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.edit-contractor .sp-loader-sm + .fetch-provider-data-link {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.edit-contractor .wrapper.invoice_contractor_id .ui.search > .results {
  z-index: 799;
}
.edit-contractor .negative-message {
  padding: 5px 0;
  line-height: 1.5em;
}

.panel-facebook-card .keeper {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: rgb(244.5, 244.5, 244.5);
  color: #757575;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
}
.panel-facebook-card .title {
  margin-bottom: 10px;
}
.panel-facebook-card .title img {
  height: 50px;
  float: left;
  border-radius: 10px;
  margin-right: 10px;
}
.panel-facebook-card .title a {
  display: block;
  min-height: 50px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.panel-facebook-card .amount-left {
  color: #757575;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
}
.panel-facebook-card .fb-page {
  margin-top: 10px;
}

#foundationsStatistics .w-150 {
  width: 150% !important;
}
#foundationsStatistics .statistics-table tr td,
#foundationsStatistics .statistics-table tr th {
  padding: 0.6rem 0.5rem;
  text-align: center;
}
#foundationsStatistics .statistics-table .bg-blue {
  background-color: #2d93b3;
}
#foundationsStatistics .statistics-table .bg-green {
  background-color: #0c8e50;
}
#foundationsStatistics .statistics-table .bg-red {
  background-color: #e4705f;
}
#foundationsStatistics .statistics-table .bg-orange {
  background-color: darkorange;
}
#foundationsStatistics .statistics-table .bg-light-green {
  background-color: #f1ffd7;
}
#foundationsStatistics .statistics-table .bg-half {
  opacity: 0.8;
}
#foundationsStatistics .vertical-middle input,
#foundationsStatistics .vertical-middle button,
#foundationsStatistics .vertical-middle select {
  vertical-align: middle;
}
#foundationsStatistics .show-annotations {
  color: #1274c3;
  cursor: pointer;
  font-size: 1rem;
}

.fundraise-reassignment {
  padding-bottom: 18rem;
}
.fundraise-reassignment .live-search {
  position: relative;
}
.fundraise-reassignment .live-search .results {
  width: 100%;
}

.internal-documents-merge-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.internal-documents-merge-bar.hidden {
  display: none;
}

#invoice-container {
  height: 100vh;
}

#invoice_search .wrapper {
  display: inline-block !important;
}
#invoice_search .wrapper .label {
  font-size: 0.8rem;
}

.invoices-table .gray-text:hover {
  color: darkgray;
}
.invoices-table .direct-invoice-type {
  color: #00801c;
  font-weight: 600;
}
.invoices-table ul {
  padding-left: 20px;
}
.invoices-table .delayed-or-rejected-verification {
  background-color: #ffe1e1 !important;
}

.edit_invoice .quick-actions {
  font-size: 14px;
  line-height: 20px;
}
.edit_invoice .invoice-sticky-bar .quick-actions {
  font-weight: bold;
  margin-bottom: 15px;
}
.edit_invoice .invoice-sticky-bar .quick-actions__next {
  margin-left: 10px;
}
.edit_invoice .invoice-sticky-bar__hashid {
  text-transform: none;
}
.edit_invoice .without-labels .wrapper .input {
  margin: 0 10px;
}
.edit_invoice .wrapper .label {
  width: 100px;
}
.edit_invoice .wrapper .input {
  margin: 0 0 5px 100px;
}
.edit_invoice .wrapper .input input[inputmode=numeric] {
  text-align: right;
}
.edit_invoice .wrapper .hint {
  margin-left: 100px;
}
.edit_invoice .wrapper .hint .invoice-hint-item {
  display: block;
  margin-top: 4px;
}
.edit_invoice .wrapper .hint .invoice-hint-item:first-child {
  margin-top: 0;
}
.edit_invoice .wrapper .error,
.edit_invoice .wrapper .custom_hint {
  margin-left: 100px;
}
.edit_invoice .wrapper__wide-checkbox .label {
  width: 250px;
}
.edit_invoice .generator-message .with-padding {
  padding: 50px 1em;
}
.edit_invoice .generator-message i.warning {
  font-size: 50px;
}
.edit_invoice .overflow-unset {
  overflow: unset;
}
.edit_invoice .invoice-keeper-passed-away {
  color: #ba0000;
}

#conflict-modal .actions {
  text-align: center;
}

.grouped-cost-categories-invoices-table td, .grouped-cost-categories-invoices-table th {
  transition: none !important;
}
.grouped-cost-categories-invoices-table.ui.striped.table > tr:nth-child(2n), .grouped-cost-categories-invoices-table.ui.striped.table tbody tr:nth-child(2n) {
  background-color: transparent !important;
}
.grouped-cost-categories-invoices-table tbody tr[data-group=even] td {
  background-color: transparent !important;
}
.grouped-cost-categories-invoices-table tbody tr[data-group=odd] td {
  background-color: rgba(0, 0, 50, 0.02) !important;
}
.grouped-cost-categories-invoices-table tbody[data-group] tr:first-child td {
  border-top: 1px solid #ddd !important;
}
.grouped-cost-categories-invoices-table tbody.bold-border-top tr:first-child td {
  border-top: 3px solid rgba(34, 36, 38, 0.15) !important;
}
.grouped-cost-categories-invoices-table tr td.border-left {
  border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.grouped-cost-categories-invoices-table tbody[data-group]:hover tr td {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.ui.table.issuer_table {
  border: none;
}
.ui.table.issuer_table.banned {
  background: #FFF1F2;
}
.ui.table.issuer_table.warning {
  background: #fff8e6;
}

.edit-contractor .ui.search > .results {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  left: 0;
}
.edit-contractor .ui.search > .results::-webkit-scrollbar {
  width: 8px;
}
.edit-contractor .ui.search > .results::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.edit-contractor .ui.search > .results::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.edit-contractor .ui.search > .results::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.edit-contractor .ui.search > .results .add-contractor {
  position: sticky;
  bottom: 0;
  background: white;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  margin: 0;
  z-index: 1;
}

.needies-bulk-rejection-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.needies-bulk-rejection-bar.hidden {
  display: none;
}

.team-coordinator-panel .ui.selection.dropdown,
.team-coordinator-panel .ui.dropdown {
  border-radius: 10px;
}

.panel-title.needy-title.ui.sticky .panel-limited-with {
  display: flex;
  align-items: center;
}
.panel-title.needy-title.ui.sticky .panel-limited-with .needy-details {
  margin-top: 16px;
  flex: 1;
}
.panel-title.needy-title.ui.sticky .panel-limited-with #team-coordinator-section {
  margin: 0 1rem;
}
.panel-title.needy-title.ui.sticky .panel-limited-with #save-section {
  margin-left: auto;
}

#team-coordinator-section {
  min-height: 10px;
}

form[data-controller*=panel--needy-save-bar] {
  transition: padding-bottom 0.3s ease;
}

.floating-save-container {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
}
.floating-save-container.visible .floating-save-bubble {
  animation: slide-in-right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes liquid-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(120%);
    opacity: 0;
  }
  80% {
    transform: translateX(-5%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.floating-save-container .floating-save-bubble {
  display: flex;
  align-items: center;
  border-radius: 14px;
  padding: 8px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px) saturate(200%);
  -webkit-backdrop-filter: blur(6px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.06), 0 16px 32px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(255, 255, 255, 0.6);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.floating-save-container .floating-save-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  border-radius: inherit;
}
.floating-save-container .floating-save-bubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%);
  background-size: 200% 100%;
  animation: liquid-shimmer 3s ease-in-out infinite;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  border-radius: inherit;
}
.floating-save-container .floating-save-bubble:hover::after {
  opacity: 1;
}
.floating-save-container .floating-save-bubble .save-actions {
  display: flex;
  gap: 8px;
}
.floating-save-container .floating-save-bubble .save-actions button {
  height: 36px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.floating-save-container .floating-save-bubble .save-actions button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.4s ease, height 0.4s ease;
}
.floating-save-container .floating-save-bubble .save-actions button:active::before {
  width: 100px;
  height: 100px;
}
.floating-save-container .floating-save-bubble .save-actions .save-btn {
  background: rgba(0, 128, 28, 0.95);
  backdrop-filter: blur(3px) brightness(1.1);
  -webkit-backdrop-filter: blur(3px) brightness(1.1);
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.08);
}
.floating-save-container .floating-save-bubble .save-actions .save-btn i {
  font-size: 16px;
  margin: 0;
}
.floating-save-container .floating-save-bubble .save-actions .save-btn:hover {
  background: rgb(0, 128, 28);
  transform: scale(1.02);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 2px 8px rgba(0, 128, 28, 0.3);
}
.floating-save-container .floating-save-bubble .save-actions .save-btn:active {
  transform: scale(0.98);
  background: rgb(0, 128, 28);
}
@media (max-width: 768px) {
  .floating-save-container {
    bottom: 20px;
    right: 20px;
  }
  .floating-save-container .floating-save-bubble {
    padding: 6px;
  }
  .floating-save-container .floating-save-bubble .save-actions button {
    height: 32px;
    padding: 0 12px;
    font-size: 13px;
  }
}

.team-coordinator-panel .flex-container {
  display: flex;
  gap: 15px;
}
.team-coordinator-panel #status-dropdown {
  margin: 0 10px;
}
.team-coordinator-panel .floating-label-wrapper {
  position: relative;
}
.team-coordinator-panel .floating-label-wrapper.visible {
  display: block;
}
.team-coordinator-panel .floating-label-wrapper.hidden {
  display: none;
}
.team-coordinator-panel .floating-label-wrapper .floating-label {
  position: absolute;
  top: -0.6rem;
  left: 1rem;
  background: white;
  padding: 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #555;
  z-index: 2;
  pointer-events: none;
}
.team-coordinator-panel .ui.disabled.dropdown {
  background: rgb(244.5, 244.5, 244.5);
  opacity: 1;
}
.team-coordinator-panel .ui.selection.dropdown,
.team-coordinator-panel .ui.dropdown {
  border: 1px solid #c7c7c7;
}
.team-coordinator-panel .ui.selection.dropdown:hover,
.team-coordinator-panel .ui.dropdown:hover {
  border-color: #c7c7c7;
}
.team-coordinator-panel .ui.selection.dropdown.active .menu,
.team-coordinator-panel .ui.dropdown.active .menu {
  border-color: #c7c7c7;
  box-shadow: none;
}
.team-coordinator-panel .ui.selection.dropdown .default.text,
.team-coordinator-panel .ui.dropdown .default.text {
  color: black;
}
.team-coordinator-panel .ui.selection.dropdown .menu,
.team-coordinator-panel .ui.dropdown .menu {
  border: 1px solid #c7c7c7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: none;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item,
.team-coordinator-panel .ui.dropdown .menu .item {
  color: black;
  transition: background-color 0.5s, color 0.5s;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item:hover,
.team-coordinator-panel .ui.dropdown .menu .item:hover {
  background-color: #e5f2dc;
  color: black;
  border-color: transparent;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item:active,
.team-coordinator-panel .ui.dropdown .menu .item:active {
  background-color: #a3ccac;
  color: black;
  border-color: transparent;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item.accept,
.team-coordinator-panel .ui.dropdown .menu .item.accept {
  border-top: 1px solid #a3ccac;
  text-align: center;
  cursor: default;
  background-color: #757575;
  color: white;
  transition: background-color 0.5s, color 0.5s;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  position: sticky;
  bottom: 0;
  z-index: 100;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item.accept:hover,
.team-coordinator-panel .ui.dropdown .menu .item.accept:hover {
  background-color: #00801c;
  color: white;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item.accept.enabled,
.team-coordinator-panel .ui.dropdown .menu .item.accept.enabled {
  background-color: #00801c;
  color: white;
  cursor: pointer;
}
.team-coordinator-panel .ui.selection.dropdown .menu .item.accept.enabled:hover,
.team-coordinator-panel .ui.dropdown .menu .item.accept.enabled:hover {
  background-color: rgb(0, 102.5, 22.421875);
}
.team-coordinator-panel .ui.selection.dropdown .menu .active.item,
.team-coordinator-panel .ui.dropdown .menu .active.item {
  font-weight: normal;
}
.team-coordinator-panel .ui.selection.dropdown .menu .selected-checkmark,
.team-coordinator-panel .ui.dropdown .menu .selected-checkmark {
  display: inline-block;
}

.subaccount-hidden-badge.ui.label {
  border-radius: 8px;
  font-weight: bold;
  margin-left: 8px;
  font-size: 14px;
  background: #f3f3f3;
  border: 1px solid rgba(34, 36, 38, 0.15);
  align-self: flex-start;
}

.subaccount-hidden-info.ui.yellow.message {
  color: black;
  box-shadow: 0 0 0 2px #ffcd09 inset;
}

.funds-recipient__person-name {
  font-weight: bold;
  margin-bottom: 1em;
}
.funds-recipient__edit {
  margin-left: 1em;
}
.funds-recipient__history-header {
  margin-top: 2em;
}
.funds-recipient__history-table {
  margin-top: 10px !important;
}
.funds-recipient .payouts-suspended {
  opacity: 0.4;
  pointer-events: none;
}
.funds-recipient .nowrap .pretty-radio {
  margin-right: 10px !important;
}

#cause-messages-new .actions-buttons {
  margin-top: 50px;
}

#new-cause-message-preview-modal .content {
  background-color: #f4f4f4;
  padding: 0;
}
#new-cause-message-preview-modal #new-cause-messages-preview {
  position: relative;
}
#new-cause-message-preview-modal #new-cause-messages-preview iframe {
  position: relative;
}
#new-cause-message-preview-modal #new-cause-messages-preview:before {
  content: "Ładuję treść ...";
  color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 2em;
}

.create-newsletter-modal-instructions {
  white-space: pre-line;
}

.search-organization-representative-input .label.with-margin {
  margin-bottom: 7px;
}
.search-organization-representative-input .email-input {
  width: 100%;
}
.search-organization-representative-input .hint-text-red {
  color: red;
  font-size: small;
}
.search-organization-representative-input .hint-text-green {
  color: green;
  font-size: small;
}
.search-organization-representative-input .hint-text-gray {
  color: gray;
  font-size: small;
}

.panel-payment-accounts-owner {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

.info-container {
  text-align: center;
}
.info-container .info-line {
  margin-bottom: 10px;
}
.info-container ul {
  margin: 0;
  display: inline-block;
  text-align: left;
}

.simple_form.payments-search-form .hint {
  color: #757575;
}
.simple_form.payments-search-form .hint,
.simple_form.payments-search-form .error {
  margin-left: 130px;
}
.simple_form.payments-search-form .field_with_errors .hint {
  display: none;
}
.simple_form.payments-search-form .right-margins {
  display: flex;
  align-items: baseline;
}
.simple_form.payments-search-form .right-margins .red-text {
  margin-left: 0;
}
.simple_form.payments-search-form .date-range-wrapper .input .error {
  margin-left: 0;
  margin-top: 5px;
}
.simple_form.payments-search-form .date-range-wrapper.field_with_errors .date-range-picker {
  border-color: #ba0000;
}

table.person-heir-table td, table.person-heir-table th {
  padding: 10px !important;
}
table.person-heir-table th {
  white-space: nowrap !important;
}

.passed-away-heir-icon {
  margin-left: 4px !important;
  margin-right: 1px !important;
}

.passed-away-funds-recipient-box {
  margin: 1rem;
  padding: 1rem;
  background-color: rgb(244.5, 244.5, 244.5);
}

.persons-header {
  font-size: small;
}
.persons-header a {
  font-size: large;
  font-weight: bold;
}
.persons-header p a {
  font-size: small;
}
.persons-header i.icon {
  display: inline;
}
.persons-header header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.persons-contact-card {
  font-size: small;
}
.persons-contact-card .phone-number-text {
  font-size: 14px;
}
.persons-contact-card .user-email-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.persons-card .ui.cards .card {
  width: 100%;
}

.persons-listing.li {
  padding: 0.3em 0;
}

.persons.container.thin {
  width: 40%;
}
.persons.container.medium {
  width: 50%;
  max-width: 650px;
}
.persons .simple_form .short {
  width: 45%;
}
.persons .simple_form .wrapper .label {
  text-align: left;
  width: 100%;
}
.persons .simple_form .wrapper .error {
  margin-left: 0;
}
.persons .simple_form .wrapper .input {
  width: 100%;
  margin: 0px;
}
.persons .simple_form .wrapper .input .short-input {
  width: 35%;
}
.persons .simple_form .multiple-inputs {
  display: flex;
  justify-content: space-between;
}

.person-associations-table .ui.label {
  padding: 0.4em;
}
.person-associations-table__needy_id {
  margin: 4px 0;
}

.person-labeled-column .ui.label {
  padding: 0.4em;
  margin: 0 8px 8px 0;
}
.person-labeled-column .bold-text {
  margin: 0 0 12px 0;
}
.person-labeled-column .bold-text a {
  padding: 2px 0;
  display: inline-block;
}

.target_person_relations span,
.self_person_relations span {
  padding: 4px 8px 4px 0;
  display: inline-block;
}
.target_person_relations .bold-text,
.self_person_relations .bold-text {
  padding: 4px 0 12px 0;
}
.target_person_relations .bold-text a,
.self_person_relations .bold-text a {
  padding: 4px 0;
  display: inline-block;
}

.persons-needy-column .ui.label {
  margin: 0 2px 2px 0;
}
.persons-needy-column .bold-text {
  margin: 0;
}
.persons-needy-column .bold-text a {
  padding: 2px 0;
  display: inline-block;
}

.persons-connected-column span {
  padding: 4px 8px 4px 0;
  display: inline-block;
}
.persons-connected-column .bold-text {
  padding: 4px 0 12px 0;
}
.persons-connected-column .bold-text a {
  padding: 4px 0;
  display: inline-block;
}

.persons-table-row {
  min-height: 50px;
}

.persons-table-cell {
  height: 50px;
}
.persons-table-cell--with_padding {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.persons-table-row {
  min-height: 50px;
}

.foundation-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.foundation-content--spaced {
  justify-content: space-between;
}

.position-text {
  margin-top: 8px;
}

.identification-states-icon--unverified {
  color: #ba0000;
}
.identification-states-icon--pending {
  color: #ffcc07;
}
.identification-states-icon--verified {
  color: #7eae2a;
}

.person-header .item .sp-button {
  float: none;
  font-size: medium;
  padding: 4px 10px;
}

.ui.card.person-card {
  overflow: visible !important;
}
.ui.card.person-card .relation-label {
  padding: 1rem;
}
.ui.card.person-card .relation-label .label {
  border-radius: 10px 0px;
}
.ui.card.person-card.with-red-border {
  border: 1px solid #ba0000;
}

.person-invoices-cards > .ui.cards {
  margin-top: 0 !important;
}
.person-invoices-cards > .ui.cards:not(:last-child) {
  margin-bottom: 0 !important;
}
.person-invoices-cards > .ui.cards .ui.card:not(:last-child) {
  margin-bottom: 0;
}
.person-invoices-cards > .ui.cards .person-card .content .persons-contact-card {
  white-space: nowrap;
  margin-left: auto;
}
.person-invoices-cards > .ui.cards .person-card .content .ui.list.tiny.relaxed {
  margin-bottom: 0;
}
.person-invoices-cards__name {
  font-size: 1rem;
}
.person-invoices-cards__name:not(:last-child) {
  margin-bottom: 5px;
}
.person-invoices-cards .passed-away-text {
  font-size: small;
  color: #ba0000;
}

.person-relation-modal__section {
  margin-bottom: 40px;
}

.panel-content:has(.person-show-container) {
  overflow-x: hidden !important;
}

.connected-persons {
  display: flex;
}
.connected-persons__header {
  margin-right: 5px;
}
.connected-persons__content {
  font-weight: bold;
  line-height: 1.25;
}

.person-input-group {
  margin-top: 30px;
}

.person-details-text-small {
  font-size: 14px;
}

.string-lookalike-textarea {
  resize: none;
  overflow-wrap: break-word;
  white-space: normal;
  border: 1px solid #ccc;
  padding: 0.5em;
  font: inherit;
  border-radius: 4px;
  width: 100%;
  min-height: 38px;
}

.beneficiary-entry {
  margin-bottom: 1rem;
}

.beneficiary-entry:last-child {
  margin-bottom: 0;
}

.sp-button.confirm-identity-button {
  background-image: none;
  background-color: green;
  color: white;
  border: none;
}

.bank-account-info {
  display: flex;
  align-items: center;
}
.bank-account-info .bank-account-icon--red {
  color: #ba0000;
  font-size: 1.2em;
}
.bank-account-info .bank-account-icon--yellow {
  color: #ffcc07;
  font-size: 1.2em;
}
.bank-account-info .bank-account-icon--green {
  color: #7eae2a;
  height: 18px;
  width: 18px;
}

.bank-account-info .icon {
  margin-right: 0.5em;
}

.bank-account-info .status {
  margin-top: 5px;
  color: #757575;
  font-size: 0.8em;
}

.bank-account-number {
  margin-top: 0.5em;
}
.bank-account-number p {
  font-weight: bold;
}

.bank-account-state-info a {
  margin-left: 10px;
}

.payouts-suspended-status {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #F9F9F9;
  color: #323232;
  font-size: 14.4px;
  font-weight: 400;
  line-height: 135%;
}

#recipients-groups--index #recipients-groups-table {
  margin-bottom: 1em;
}
#recipients-groups--show .emails-count {
  display: flex;
  justify-content: center;
}
#recipients-groups--show .emails-count #emails-count {
  padding-left: 5px;
}
#recipients-groups--show .buttons a:not(:last-of-type) {
  margin-right: 5px;
}
#recipients-groups--show form#add-email-form {
  margin-bottom: 1em;
}
#recipients-groups--show a.edit-group {
  color: rgb(193.5, 193.5, 193.5);
  vertical-align: middle;
  font-size: 0.8em;
}
#recipients-groups--show a.edit-group:hover {
  color: #757575;
}

#form-errors {
  color: #ba0000;
  padding: 0.25em;
}

#email-settings .ui.toggle.checkbox:not(:last-of-type) {
  margin-right: 30px;
}
#email-settings td.subscribe-date p,
#email-settings td.blacklist-comment p {
  margin: 0;
}

.selections.container.thin {
  width: 40%;
}

.si-prompts-modal.ui.modal p {
  white-space: pre-wrap;
  font-size: 14px;
}

#panel_test_newsletter_campaigns_create_form_custom_emails {
  width: 100%;
}

#payments-new .error {
  margin-bottom: 10px;
}
#payments-new .error:empty {
  display: none;
}
@media (max-width: 767px) {
  #payments-new .img-column {
    padding: 0 !important;
    margin-top: -3px !important;
  }
}
@media screen and (min-width: 767px) {
  #payments-new .desktop-hidden {
    display: none;
  }
}
#payments-new .cause-img {
  position: relative;
  padding: 1rem 0;
}
#payments-new .cause-img .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  filter: blur(30px);
}
#payments-new .cause-img .cause-title {
  color: white;
  width: 80%;
  position: relative;
  margin-top: 0;
}
@media (max-width: 767px) {
  #payments-new .cause-img .cause-title {
    font-size: 20px;
  }
}
#payments-new .cause-img .image {
  background: #ffffff;
  max-width: 70%;
  max-height: 70%;
  margin-bottom: 1rem;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
#payments-new .cause-img .image img {
  max-width: 100%;
  max-height: 110px;
  display: block;
  border-radius: 10px;
}
#payments-new .cause-img > div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#payments-new .cause-img > .fundraise-image {
  height: 100%;
  width: 100%;
  top: 0;
  position: relative;
}
#payments-new .cause-img > .fundraise-image img {
  width: 90%;
  height: 85%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
#payments-new .cause-img .fundraise-title-text {
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
  bottom: 0;
  left: 50px;
  right: 50px;
}
#payments-new .cause-img .fundraise-title-text > div {
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 5px 15px;
  word-break: break-word;
  text-shadow: 1px 1px 10px #000;
  position: relative;
}
#payments-new .cause-img:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
}
#payments-new .less-padding {
  padding-top: 0.5rem !important;
}
#payments-new .ui.secondary.menu.constant-help > .item {
  font-size: 0.95em;
  margin: 5px;
}
#payments-new .ui.secondary.menu.constant-help > .item:not(.active) i.icon-heart:before, #payments-new .ui.secondary.menu.constant-help > .item:not(.active) i.icon-constant-help:before {
  color: #C1C1C1;
}
@media (max-width: 767px) {
  #payments-new .ui.secondary.menu.constant-help > .item {
    width: 70%;
  }
}
@media (max-width: 767px) {
  #payments-new .ui.secondary.menu.constant-help {
    text-align: center;
  }
}
#payments-new #login-box {
  background-color: rgba(147, 191, 65, 0.05);
  margin: 0 -16px;
  padding: 20px;
  text-align: center;
  box-shadow: inset 0 23px 50px -25px #ccc, inset 0px -23px 50px -25px #ccc;
}
#payments-new #login-box .info {
  text-align: center;
  margin: 10px auto 30px;
}
#payments-new #login-box .buttons {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
}
@media (max-width: 991px) {
  #payments-new #login-box .buttons {
    width: 70%;
  }
}
#payments-new #login-box .buttons .button {
  padding: 0 5px;
}
@media (max-width: 991px) {
  #payments-new #login-box .buttons .button {
    padding: 0 0 10px !important;
  }
}
#payments-new #login-box .buttons .button > a {
  width: 100%;
}
@media (max-width: 1199px) {
  #payments-new #login-box .buttons .button > a {
    padding-left: 50px;
    font-size: 0.85em;
  }
}
#payments-new #login-box p.with-divider {
  color: #00801c;
  font-size: 0.8em;
  font-weight: bold;
  display: table;
  white-space: nowrap;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
}
#payments-new #login-box p.with-divider:before, #payments-new #login-box p.with-divider:after {
  border-top: 1px solid rgba(147, 191, 65, 0.3);
  content: "";
  display: table-cell;
  position: relative;
  top: 0.5em;
  width: 50%;
}
#payments-new #login-box p.with-divider:before {
  right: 1.5%;
}
#payments-new #login-box p.with-divider:after {
  left: 1.5%;
}
#payments-new #login-box form {
  width: 50%;
  margin: 0 auto;
}
#payments-new #login-box form label.checkbox {
  float: left;
  margin: 5px 0;
}
#payments-new #login-box form input {
  width: 100%;
  display: block;
  margin: 5px auto;
}
#payments-new #login-box form input[type=checkbox] {
  display: none;
}
#payments-new #login-box form .invalid_password {
  padding-bottom: 5px;
  display: none;
  color: #ba0000;
}
@media (max-width: 991px) {
  #payments-new #login-box form {
    width: 80%;
  }
}
#payments-new #login-box .sp-button.green {
  width: 100%;
  margin: 10px auto;
}
@media (max-width: 767px) {
  #payments-new {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
#payments-new h1 {
  margin-bottom: 50px;
}
#payments-new .photo {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
}
#payments-new .amount {
  position: relative;
  margin: 16px 8px 8px 8px;
}
@media (max-width: 991px) {
  #payments-new .amount {
    margin: 8px 0 0 0;
  }
}
#payments-new .amount input {
  width: 100%;
  border: none;
  text-align: right;
  color: #00801c;
  height: auto;
  font-weight: bold;
  padding: 10px 50px 10px 15px;
  min-height: 60px;
  font-size: 21px;
  line-height: 29px;
}
#payments-new .amount ::-webkit-input-placeholder {
  padding-right: 15px;
}
#payments-new .amount .amount-currency {
  position: absolute;
  right: 10px;
  font-weight: bold;
  font-size: 21px;
  line-height: 29px;
  padding: 15px 5px 0 0;
}
#payments-new .preview {
  font-weight: bold;
}
#payments-new .options {
  margin-bottom: 5px;
}
#payments-new .options label {
  white-space: nowrap;
  line-height: 2em;
  cursor: pointer;
}
#payments-new .options label:not(:last-of-type) {
  margin-right: 1.5em;
}
#payments-new .options label[for=payment_hide_amount] {
  margin-right: 1.5em;
  display: inline-block;
}
#payments-new .currencies {
  color: #757575;
  float: right;
  padding-top: 5px;
}
#payments-new .currencies div {
  display: inline-block;
  margin-right: 5px;
}
#payments-new .currencies span {
  color: #00801c;
  font-weight: bold;
}
#payments-new .sex {
  float: right;
  width: 95px;
  padding-left: 5px;
}
#payments-new .sex input {
  display: none;
}
#payments-new .sex img {
  height: 41px;
  border-radius: 10px;
  opacity: 0.4;
  transition: opacity 0.5s;
}
#payments-new .sex img:hover {
  opacity: 0.6;
}
#payments-new .sex img {
  pointer-events: none;
}
#payments-new .sex label {
  display: inline-block;
  cursor: pointer;
}
#payments-new .sex input:checked + img {
  opacity: 1;
}
#payments-new .signature {
  margin-bottom: 5px;
}
#payments-new .signature input {
  width: 100%;
}
#payments-new .charge_day {
  text-align: center;
  padding: 0px 0 25px;
}
#payments-new .sp-payment {
  margin: 5px;
}
@media (max-width: 767px) {
  #payments-new .sp-payment img {
    display: block;
    float: none;
    margin: 0px auto 5px;
  }
}
#payments-new .sp-payment img {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #payments-new .sp-payment .sp-payment-comment {
    margin-left: 0;
  }
}
#payments-new .comment_text {
  margin-bottom: 15px;
}
#payments-new .comment_text textarea {
  width: 100%;
  height: 90px;
  min-height: auto;
}
#payments-new .total-amount {
  text-align: center;
  font-size: 3em;
  color: #00801c;
  font-weight: bold;
}
#payments-new .cart_payer_email .label {
  display: none;
}
#payments-new .cart_payer_email .input {
  margin: 0;
  text-align: center;
}
#payments-new .cart_payer_email .input input {
  width: 400px;
  max-width: 100%;
}
#payments-new .cart_payer_email .hint, #payments-new .cart_payer_email .error {
  margin: 0;
  text-align: center;
}
#payments-new .payments-tab {
  display: none;
}
#payments-new .payments-tab.current {
  display: block;
}
#payments-new .qr-code img {
  max-width: 100%;
}
#payments-new .qr-code {
  color: #00801c;
  font-size: 0.9em;
  line-height: 1.2em;
}
@media (max-width: 991px) {
  #payments-new form .ui.grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #payments-new form .ui.grid .column {
    padding: 5px 1rem !important;
  }
}
#payments-new .target-label {
  font-size: 14px;
  margin-top: 10px;
  padding: 1em 0;
}
#payments-new .back-link {
  margin-top: 10px;
  font-size: 0.9em;
}
#payments-new .back-link i {
  margin-right: 0;
}
#payments-new .edit-donation {
  font-size: 0.8em;
}
#payments-new .edit-donation .icon-cart::before {
  font-size: 1.5em;
}
#payments-new #googlepay-bonus {
  border: 1px solid rgb(193.5, 193.5, 193.5);
  border-radius: 10px;
  padding: 1em;
  display: flex;
}
#payments-new #googlepay-bonus-container {
  display: none;
}
#payments-new #googlepay-bonus .text {
  font-size: 0.9em;
  margin-left: 1.5em;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  #payments-new #googlepay-bonus .text {
    margin-left: 1em;
  }
}
#payments-new #googlepay-bonus .logo {
  border-right: 1px solid rgb(193.5, 193.5, 193.5);
  display: flex;
  align-items: center;
  min-width: 200px;
}
@media (max-width: 767px) {
  #payments-new #googlepay-bonus .logo {
    padding-right: 1em;
    min-width: auto;
  }
}
#payments-new #googlepay-bonus .logo img {
  display: block;
  margin: 15px auto;
}
@media (max-width: 767px) {
  #payments-new #googlepay-bonus .logo img {
    width: 60px;
  }
}
#payments-new #googlepay-bonus-terms {
  font-size: 0.7em;
}
#payments-new #googlepay-bonus {
  margin: 0 20px 1em;
}
#payments-new #googlepay-bonus-terms {
  margin: 10px 0 0 0;
}
#payments-new .constant-help-title {
  margin-bottom: 20px;
}
#payments-new .constant-help-title i.icon {
  height: 20px;
  width: 20px;
}
#payments-new .constant-help-cancel-button {
  width: 284px;
}
#payments-new .constant-help-card__label {
  margin-bottom: 10px;
}
#payments-new .constant-help-card__container {
  font-weight: bold;
  margin-bottom: 20px;
}
#payments-new .constant-help-card__link {
  margin-left: 20px;
}
@media (max-width: 767px) {
  #payments-new .constant-help-card__link {
    display: block;
    margin: 10px 0 0 0;
  }
}

@keyframes shine {
  from {
    transform: translateX(-130px) skewX(-15deg);
    opacity: 1;
  }
  to {
    transform: translateX(350px) skewX(-15deg);
    opacity: 0.3;
    transition: 3s;
  }
}
#payments-success .thanks-show {
  position: relative;
  padding-bottom: 10px;
  overflow: hidden;
}
#payments-success .thanks-show .ui.container {
  position: relative;
  z-index: 2;
}
#payments-success .thanks-show h2 {
  color: white;
  margin-bottom: 25px;
  padding: 30px 10px;
  text-align: center;
  font-size: 3em;
}
#payments-success .thanks-show h2 a {
  color: inherit;
}
@media (max-width: 767px) {
  #payments-success .thanks-show h2 {
    display: none;
  }
}
#payments-success .thanks-show .thanks-background {
  background-size: cover;
  filter: brightness(90%);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
#payments-success .thanks-show .thanks-background.fundraise-default {
  background-image: url(/assets/siepomaga/fundraise/payment_background_thanks-22a8bcbfda39e16e5487b125494d58b3b902d93b9c4bb2e3cd0791f79254561e.png);
}
#payments-success .thanks-show .content {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#payments-success .thanks-show .cause-photo {
  padding: 0;
  position: relative;
  left: 10px;
  top: 20px;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .cause-photo {
    padding: 0 0 50px !important;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .cause-photo {
    padding: 15px 0 30px !important;
    left: 0;
  }
}
#payments-success .thanks-show .cause-photo img {
  border-radius: 10px;
  transform: rotate(-1deg);
  box-shadow: 10px 10px 19px -6px rgba(3, 3, 3, 0.6);
  width: 90%;
}
@media (max-width: 767px) {
  #payments-success .thanks-show .cause-photo img {
    transform: none;
  }
}
#payments-success .thanks-show .cause-thanks {
  padding-left: 0;
}
#payments-success .thanks-show .message-box {
  background: url(/assets/siepomaga/thanks/thanks_bg-711f21d2f15fabba1258324a364b85b02461100349dd2e6c3b0f5136ff8ce5b5.png) no-repeat top center;
  background-size: contain;
  display: flex;
  margin: 0 auto;
  position: relative;
  height: 30vw;
  width: 100%;
  max-height: 409px;
  text-align: center;
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  visibility: hidden;
}
#payments-success .thanks-show .message-box .head {
  position: absolute;
  top: -7%;
  left: 0;
  right: 0;
}
#payments-success .thanks-show .message-box .message {
  font-size: 0.7em;
  font-family: "Patrick Hand", cursive;
  color: #6a7fad;
  height: 65%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  line-height: 1.5em;
  overflow: hidden;
}
#payments-success .thanks-show .message-box .message .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 5px;
}
#payments-success .thanks-show .message-box .message .content p {
  max-width: 100%;
}
#payments-success .thanks-show .message-box .message .content .signature {
  align-self: flex-end;
  max-width: 100%;
}
@media (max-width: 1199px) {
  #payments-success .thanks-show .message-box .message {
    width: 75%;
    top: 0;
  }
}
@media (max-width: 991px) {
  #payments-success .thanks-show .message-box .message {
    width: 60%;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .message-box .message {
    font-size: 0.5em;
    position: relative;
    top: -5px;
    bottom: 0;
    width: 80%;
    height: 70%;
  }
}
@media (max-width: 991px) {
  #payments-success .thanks-show .message-box {
    height: 50vw;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .message-box {
    background-size: cover;
    min-height: 67vw;
  }
  #payments-success .thanks-show .message-box .head img {
    max-width: 12vw;
  }
}
#payments-success .thanks-show .back-link a {
  color: #ffffff;
}
#payments-success .thanks-show .back-link.with-border {
  display: inline-block;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 5px 10px;
}
#payments-success .thanks-show .back-link.with-border a {
  color: #1274c3;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .back-link {
    margin-top: 1rem;
  }
}
#payments-success .thanks-show .links-container {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  #payments-success .thanks-show .links-container {
    text-align: center;
  }
}
#payments-success .thanks-show .to-payment {
  display: inline-block;
}
@media (max-width: 767px) {
  #payments-success .thanks-show .to-payment {
    display: block;
  }
}
#payments-success .thanks-show .to-payment .back-link.with-border {
  margin-left: 10px;
}
@media (max-width: 767px) {
  #payments-success .thanks-show .to-payment .back-link.with-border {
    margin: 10px 0 0;
  }
}
#payments-success .thanks-show .ui.grid.thanks-body {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .ui.grid.thanks-body {
    margin-bottom: -1rem;
  }
}
#payments-success .thanks-show .ui.grid.thanks-body .cause-photo a {
  flex-grow: 0;
}
#payments-success .thanks-show .foundation-thanks {
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  #payments-success .thanks-show .foundation-thanks {
    margin-top: 20px;
  }
}
#payments-success .thanks-show .foundation-thanks .message-box {
  height: 45vw;
  width: 50%;
  min-width: 575px;
  position: relative;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .foundation-thanks .message-box {
    width: 90%;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .foundation-thanks .message-box {
    height: 65vw;
    width: 100%;
    background-size: contain;
    min-height: 0;
  }
}
#payments-success .thanks-show .foundation-thanks .message-box .message {
  height: 75%;
  top: -5px;
}
#payments-success .thanks-show .foundation-thanks .message-box .message .content .foundation-logo-stick {
  margin-top: 20px;
}
#payments-success .thanks-show .foundation-thanks .message-box .message .content .foundation-logo-stick img {
  width: 60%;
  border-radius: 10px;
  border: 1px solid rgb(193.5, 193.5, 193.5);
}
@media (max-width: 991px) {
  #payments-success .thanks-show .foundation-thanks .message-box .message .content .foundation-logo-stick img {
    width: 40%;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .foundation-thanks .message-box .message .content .foundation-logo-stick {
    margin-top: 10px;
  }
  #payments-success .thanks-show .foundation-thanks .message-box .message .content .foundation-logo-stick img {
    width: 35%;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .foundation-thanks .message-box .message {
    width: 70%;
    height: 70%;
    top: -10px;
  }
}
@media (max-width: 991px) {
  #payments-success .thanks-show .fundraise-thanks {
    margin-top: 60px;
  }
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info {
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: #ffffff;
  display: block;
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info .organizer {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px;
  background: rgb(244.5, 244.5, 244.5);
  display: flex;
  align-items: center;
  text-align: left;
  position: absolute;
  z-index: 1;
  opacity: 0.95;
  width: 100%;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info .organizer {
    position: static;
  }
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info .organizer-header {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #757575;
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info .organizer img {
  border-radius: 10px;
  float: left;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  min-width: 60px;
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info .organizer-name {
  font-size: 1.2em;
  font-weight: bold;
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info h2 {
  display: block !important;
  color: white;
  position: relative;
  margin-top: 0px;
  padding: 0px;
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  border-radius: 10px;
  font-size: 2em;
}
@media (max-width: 1199px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 {
    font-size: 1.5em;
  }
}
@media (max-width: 991px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 {
    font-size: 2em;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 {
    font-size: 1.3em;
  }
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .preserve-ratio {
  display: block;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  position: relative;
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 45px;
  left: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text {
    right: 35px;
    left: 35px;
  }
}
@media (max-width: 991px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text {
    right: 50px;
    left: 50px;
  }
}
@media (max-width: 767px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text {
    right: 20px;
    left: 20px;
  }
}
#payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text div {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 5px 15px;
  word-break: break-word;
  text-shadow: 1px 1px 10px #000;
  position: relative;
  top: 30px;
}
@media (max-width: 991px) {
  #payments-success .thanks-show .fundraise-thanks .fundraise-info h2 .text div {
    position: static;
    top: 0px;
  }
}
#payments-success .thanks-show .fundraise-thanks .back-link {
  margin-top: 1em;
}
#payments-success .thanks-show .fundraise-thanks .message-box {
  z-index: 2;
}
#payments-success .charity-auctions-button-box {
  opacity: 0;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
@media (max-width: 767px) {
  #payments-success .charity-auctions-button-box {
    padding-bottom: 1rem;
  }
}
#payments-success .charity-auctions-button-box .sp-button {
  padding: 0.8rem 1rem;
  width: auto;
  color: white;
  background-color: #e65000;
  border: unset;
  background-image: none;
  font-size: 19px;
}
@media (max-width: 767px) {
  #payments-success .charity-auctions-button-box .sp-button {
    font-size: 17px;
    padding: 0.6rem;
  }
}
#payments-success .charity-auctions-button-box .sp-button:hover {
  background-color: rgb(184.1, 64.0347826087, 0);
}
#payments-success .share-button-box {
  opacity: 0;
  position: relative;
  top: -15px;
}
#payments-success .share-button-box.foundation {
  bottom: -35px;
}
@media (max-width: 767px) {
  #payments-success .share-button-box.foundation {
    top: 0;
  }
}
#payments-success .share-button-box > span {
  display: block;
}
@media (max-width: 767px) {
  #payments-success .share-button-box > span {
    font-size: 0.8em;
  }
}
@media (max-width: 991px) {
  #payments-success .share-button-box {
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  #payments-success .share-button-box {
    position: relative;
    top: 0;
  }
}
#payments-success .share-button-box .facebook.button {
  display: inline-block;
  border-radius: 10px;
  font-size: 1.2em;
  width: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  #payments-success .share-button-box .facebook.button {
    font-size: 1em;
  }
}
@keyframes shine {
  from {
    transform: translateX(-130px) skewX(-15deg);
    opacity: 1;
  }
  to {
    transform: translateX(350px) skewX(-15deg);
    opacity: 0.3;
    transition: 3s;
  }
}
#payments-success .share-button-box .facebook.button:before {
  content: "";
  background: url(/assets/siepomaga/thanks/flash-205257f928c8777bb99edfccef49991bda0463f16895b16260fc226eb4f0d0ca.png);
  display: block;
  position: absolute;
  width: 120px;
  height: 100%;
  top: 0;
  animation: shine 3s infinite forwards ease-out;
}
#payments-success .share-button-box i.icon {
  font-size: 1.3em;
  opacity: 1;
  margin: auto;
  vertical-align: middle;
}
#payments-success .share-button-box span {
  color: #ffffff;
  font-weight: bold;
}
#payments-success .heart {
  width: 50px;
  height: 50px;
  position: absolute;
  display: none;
}

#payments-success-animals {
  margin-bottom: -50px;
}
@media (max-width: 991px) {
  #payments-success-animals {
    margin-bottom: -100px;
  }
}
@media (max-width: 991px) {
  #payments-success-animals {
    margin-bottom: -75px;
  }
}
#payments-success-animals .ui.container {
  margin-top: 30px;
  margin-bottom: 100px;
}
#payments-success-animals .title {
  margin-top: 50px;
}
#payments-success-animals .title div {
  font-size: 3em;
  line-height: 1em;
  font-weight: bold;
  color: #00801c;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #payments-success-animals .title div {
    font-size: calc(0.8em + 3.5vw);
  }
}
@media (max-width: 450px) {
  #payments-success-animals .title div {
    font-size: calc(0.5em + 3.5vw);
  }
}
#payments-success-animals .title span {
  font-size: 1.4em;
  color: #757575;
}
@media (max-width: 767px) {
  #payments-success-animals .title span {
    font-size: calc(1em + 0.75vw);
  }
}
@media (max-width: 450px) {
  #payments-success-animals .title span {
    font-size: calc(0.1em + 3.5vw);
  }
}
#payments-success-animals #right-column {
  text-align: center;
}
#payments-success-animals #right-column .box:not(#googlepay-thanks) > div:first-child {
  font-size: 1.4em;
  line-height: 1.4em;
}
@media (max-width: 450px) {
  #payments-success-animals #right-column .box:not(#googlepay-thanks) > div:first-child {
    font-size: 1.1em;
  }
}
#payments-success-animals #right-column .share .ui.grid {
  margin-top: 0;
  padding: 0 100px;
}
@media (max-width: 1199px) {
  #payments-success-animals #right-column .share .ui.grid {
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  #payments-success-animals #right-column .share .ui.grid {
    padding: 0 150px;
  }
}
@media (max-width: 767px) {
  #payments-success-animals #right-column .share .ui.grid {
    padding: 0;
  }
}
#payments-success-animals #right-column .share .logo {
  border-radius: 50%;
  border: #1274c3 1px solid;
  width: 2.5em;
  height: 2.5em;
  line-height: 1em;
  position: relative;
  display: block;
  margin: 0 auto 10px auto;
}
#payments-success-animals #right-column .share .logo .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
}
#payments-success-animals #right-column .percent .krs {
  margin: 10px 0;
}
#payments-success-animals #right-column .percent .krs img {
  height: 2.5em;
}
#payments-success-animals #right-column .percent .krs img, #payments-success-animals #right-column .percent .krs span {
  vertical-align: middle;
}
#payments-success-animals #right-column .percent .krs span {
  font-size: 2.1em;
}
@media (max-width: 450px) {
  #payments-success-animals #right-column .percent .krs img {
    height: 1.6em;
  }
  #payments-success-animals #right-column .percent .krs span {
    font-size: 1.5em;
  }
}
#payments-success-animals #right-column .percent .goal {
  font-size: 1.4em;
  line-height: 1.4em;
}
@media (max-width: 450px) {
  #payments-success-animals #right-column .percent .goal {
    font-size: 1.1em;
    line-height: 1.7em;
  }
}
#payments-success-animals #right-column .percent .goal span {
  background-color: #e65000;
  color: #ffffff;
  border-radius: 10px;
  padding: 3px 15px;
}
#payments-success-animals #right-column .back-link a {
  color: #757575;
}
#payments-success-animals #right-column #googlepay-thanks {
  display: flex;
}
@media (max-width: 991px) {
  #payments-success-animals #right-column #googlepay-thanks {
    display: block;
  }
}
#payments-success-animals #right-column #googlepay-thanks .logo {
  border-right: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  min-width: 130px;
  margin-left: -1em;
}
@media (max-width: 991px) {
  #payments-success-animals #right-column #googlepay-thanks .logo {
    margin-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e4e4e4;
  }
}
#payments-success-animals #right-column #googlepay-thanks .logo img {
  display: block;
  margin: auto;
}
#payments-success-animals #right-column #googlepay-thanks .text {
  text-align: left;
  margin-left: 1.5em;
}
@media (max-width: 991px) {
  #payments-success-animals #right-column #googlepay-thanks .text {
    margin: 1.5em 0 0;
  }
}

.thanks-show-divider {
  position: relative;
  background: #fff;
  z-index: 2;
  height: 20px;
}

#preview-modal > .content {
  background-color: #00801c;
}
#preview-modal > .content .message-box {
  visibility: visible;
}
#preview-modal .thanks-show {
  padding: 30px 0;
  max-width: 574px;
  margin: 0 auto;
}

#payout-goal .thanks-show > .message-box {
  visibility: visible;
  margin-top: 20px;
}

.new-payments-info {
  display: none;
  padding: 0.5em 0;
  background: #F9FBF3;
  text-align: center;
  border: solid #DBECD7;
  border-width: 1px 0;
  margin: 0 -1em 1em;
}
.new-payments-info span#loader {
  display: none;
}

@media (max-width: 767px) {
  #registration {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  #registration .header {
    background-color: #00801c;
  }
}
#registration .header h2 {
  margin-bottom: 2em;
  color: #00801c;
}
@media (max-width: 767px) {
  #registration .header h2 {
    font-size: 1em;
    font-weight: 500;
    padding: 0.7em;
    margin-bottom: 1em;
    color: #ffffff;
  }
}
#registration .ui.grid.options {
  margin-bottom: 70px;
}
#registration .ui.grid.options .column.without-padding {
  padding: 0 !important;
}
#registration fieldset.frame-box {
  border: 1px solid #00801c;
  border-radius: 10px;
  padding: 1em;
}
@media (max-width: 991px) {
  #registration fieldset.frame-box {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  #registration fieldset.frame-box {
    width: auto;
    border: 0;
  }
}
#registration fieldset.frame-box legend {
  text-align: center;
  padding: 0 2em;
}
#registration fieldset.frame-box .content {
  padding: 1em;
  height: 100%;
}
@media (max-width: 1199px) {
  #registration fieldset.frame-box .content {
    padding: 0;
  }
}
#registration fieldset.frame-box .content .ui.grid {
  height: 100%;
}
@media (max-width: 1199px) {
  #registration fieldset.frame-box .content .ui.grid > .row > .column:first-of-type {
    padding-right: 0.5em;
  }
  #registration fieldset.frame-box .content .ui.grid > .row > .column:last-of-type {
    padding-left: 0.5em;
  }
}
@media (max-width: 767px) {
  #registration fieldset.frame-box .content .ui.grid > .row > .column:first-of-type {
    padding-right: 0.5em;
  }
  #registration fieldset.frame-box .content .ui.grid > .row > .column:last-of-type {
    padding-left: 0.5em;
  }
}
#registration fieldset.frame-box .content .box.account-type {
  max-width: 237px;
  min-height: 255px;
  height: 100%;
  text-align: center;
  transition: 0.3s;
  padding: 1em;
  margin: auto;
  border: 1px solid white;
}
@media (max-width: 767px) {
  #registration fieldset.frame-box .content .box.account-type {
    padding: 0.5em;
    min-height: auto;
  }
}
#registration fieldset.frame-box .content .box.account-type div {
  padding: 0.5em 0;
}
@media (max-width: 767px) {
  #registration fieldset.frame-box .content .box.account-type div {
    padding: 0;
    padding-top: 0.5em;
  }
}
#registration fieldset.frame-box .content .box.account-type .img img {
  max-width: 120px;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  #registration fieldset.frame-box .content .box.account-type .img img {
    max-width: 90px;
  }
}
@media (max-width: 767px) {
  #registration fieldset.frame-box .content .box.account-type .img img {
    max-width: 80px;
  }
}
#registration fieldset.frame-box .content .box.account-type .title {
  color: #323232;
  font-weight: bold;
  font-size: 21px;
}
@media (max-width: 1199px) {
  #registration fieldset.frame-box .content .box.account-type .title {
    font-size: 1em;
  }
}
#registration fieldset.frame-box .content .box.account-type .hint {
  color: #757575;
  font-size: 14px;
}
@media (max-width: 1199px) {
  #registration fieldset.frame-box .content .box.account-type .hint {
    line-height: 1.5em;
  }
}
@media (max-width: 767px) {
  #registration fieldset.frame-box .content .box.account-type .hint {
    padding: 0.5em 0;
    font-size: 12px;
    line-height: 1.3em;
  }
}
#registration fieldset.frame-box .content .box.account-type:hover {
  border: 1px solid;
}
#registration fieldset.frame-box .content .box.account-type.donator:hover {
  border-color: #faa0a3;
  box-shadow: 0 0 10px #faa0a3;
}
#registration fieldset.frame-box .content .box.account-type.company:hover {
  border-color: #ffe580;
  box-shadow: 0 0 10px #ffe580;
}
#registration fieldset.frame-box .content .box.account-type.needy:hover {
  border-color: #bbdb83;
  box-shadow: 0 0 10px #bbdb83;
}
#registration fieldset.frame-box .content .box.account-type.organization:hover {
  border-color: #8ecbea;
  box-shadow: 0 0 10px #8ecbea;
}

.search-box a {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}
.search-box a.current {
  font-weight: bold;
}
.search-box input[type=submit] {
  height: 42px;
}

.sms-box {
  overflow: hidden;
}
.sms-box h2 {
  color: #00801c;
  text-align: center;
  padding: 10px 5px;
  margin: 0;
  font-size: 1.5em;
  box-shadow: 0px 21px 50px 0px rgba(0, 0, 0, 0.03);
}

.sms-info {
  text-align: center;
  padding: 50px 15px 15px !important;
  background-image: url(/assets/sms/bg-a3bc308074984c4532689e031e62df5a0080487d1d6eb236be0b9dbd9c2680b4.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.sms-info .sms-number, .sms-info .body {
  color: #757575;
  text-transform: uppercase;
  font-weight: bold;
}
.sms-info .number, .sms-info .siepomaga {
  color: #00801c;
  font-size: 3em;
  font-weight: bold;
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .sms-info .number, .sms-info .siepomaga {
    font-size: 2.5em;
    line-height: 1.5em;
  }
}
.sms-info .cost {
  color: #757575;
  margin-bottom: 30px;
}
.sms-info .mobile-operators {
  padding-top: 20px;
}
.sms-info .mobile-operators img {
  width: 100%;
  max-width: 400px;
}
.sms-info .show-scores {
  margin-top: 30px;
}

.sms-cause .sp-cause {
  max-width: 350px;
  margin: 0 auto;
}
.sms-cause .sms-sent {
  background: #00801c;
  padding: 2px 10px;
  margin: -15px -15px 15px -15px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.8em;
  text-align: center;
  font-weight: bold;
  box-shadow: 0px 21px 50px 0px rgba(0, 0, 0, 0.03);
}

.sms {
  text-align: center;
}
.sms .desc {
  margin-bottom: 10px;
}
.sms p {
  text-transform: uppercase;
  vertical-align: bottom;
  text-align: center;
}
.sms p span {
  color: #00801c;
  font-weight: bold;
  font-size: 2em;
}
.sms .mobile-logo {
  display: inline-block;
  margin: 5px;
}
.sms .mobile-logo.heyah {
  height: 25px;
  width: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAIAAACYtr%2BcAAATEElEQVR42rVZBVQjydZmBQsQkrR7dxI8Ydbd9bnruru7I8MwDGMwChF83N1ddmAZdxYYZgcZGIiH4O%2B%2FnR5y%2BHMe7%2ByT7dP0CXWrur66Vfe7X1VH%2FOPfukZGRoaHR4aG4Ak%2FxxbDM%2BD1ttqt3pef9j31B1%2FulyPnzyo2%2Bf4vrn8DIsD6pyUKvsG%2B%2Fm0vvWyLjNyNqjt5nZtRHzClnFqzJoTyJ4cY8ll73XdnFy9pO%2Fit8r%2FiVPhxqqq6VBVvx0gLy67guaUCl3191GSKbvn2kFLtp4WodHCluXn1c89VCqIdxSpYbuerr%2FkuX5bNw8OAce2zz1pi46o5oYKi7RRTgOKTCSrrmuuqf%2FPb4cFBZZA%2FFUQFn%2FdyZ8n9D3wREWFBsAqCKkex%2Bdddv%2Bx3v%2Fc5XWD1ud1Vv%2Fr1nNj4KhkiU0mzRTgxGcML1Il5CHJ2xw75PUPDPwnE0NA35078PCJircRtkAQLxZSxXDXLTYq4ZtOXX4F1cOQfh19%2BYWlCvJVh7TJEBiBOQrAcHZofGXV8amEQ4tBPAlFxYcDvX%2FPoI4dJbe8NSc508Tsjt4Cm7DRbkKjJxbD2Q7VQp986v5tH6%2FRcFc1aSXoqimdpkRqOPk%2Bqfe%2B9roz0nwcNFA4Phyji35%2FoIMRBr8fxy4cDesJjNngyRL9J7EyT9ohcGUPv08U5PngL6gxcuOC950a%2Fkegw6XeKfBlF1eoZ9wSjX9C5n%2FzDkMcTghgGLtwj%2Fy5E5aUjg4P%2Bl5%2Fxchpnpt6VLvSZxV6ztE8Pkct0GJnATSmDR49ANU9RoY%2FT9mbqd%2BnZ1TzblSb232DwCIjzlw8PXu5QBhz2Zvgb6rw8crjWd%2F7c8DgoI%2F4FRQ8DRcMdbNO9sPoSo%2B3L1AfM0rlkvoLCc3W6OQRZw3D7dAk9WV%2FIjRw953%2F9mCU2eiKOzyXJGpr%2B1ij1SHjgwVuGmxvHQgy5c7C63PfYvXUZxpJk47Lnnnc2tyidjwsxBA%2F%2BwpwPkbv1F7%2BoQ9RbDXwBgmRrkXwdUkqQFSxfkpC46uYb3U1NUO38rl05GJ4Xr7ayXBlJl1LMSgI7kpHkPXY0FDEhiOdt1jpSs1ytyouPz46N%2ByYiYumDD%2Fna2pVOx4UYsrUePdqwbdvlM2dDpra6%2BhJJ%2BjoqOp8gpyBoAYKWyq5iKyh2flzCSatNqbansDA7MspK0dUMXUGzdpwq1unOb9sagqg4ydfZtfSWW2fEqnIIKh%2FFC3BiGkHMiYz8FihibEIKgwizC88%2Bn2%2FDRx8XMuxkBJ2elLzhjbecDd8rFRrWb5hCUhOjYwsJapIOnYMTVRRTxfIWVfzaX%2F2qz%2B2W46Y3UPWb3xbFqmpYDjiymuGKVLGHLKWh8StAL2zeAiQ%2FD8UKMBwGDH0VEOQ8tWbZbbf6OjuVkYRDDBXt%2BvDDrIiIvLi4bLUW%2FF8SHV1jntC4eatiPbN%2B41Re%2BDoqpgDHKyjCHswlVSQ1D0Ubt29X6vxwqLZK4K0ICsRUwwkzoyLXvfPOyGgvCsSGJUsqUHwe4AOGR9AsrW46TlRiqI3jLu7erYwnHKJSdOnAwRKSyktIyMaJuSRRnyx0Zxr3IuoaSWzctUepeX73nrLk5HpS05Vp3C%2BxlYASXBUds%2BTFF0PsfOXLT3dr4yuAyRm%2BWBU39777lDwUyukNy5dbUWwuhuUgeI4WqaSwhlShLYndwlHNa9eOOjsMotJy%2FlxbYsIMFN0oMB3pYr9Z8pv0gRuTvqcS9999p7%2B1VancV1%2Fnv%2Fdmv4j4bzA0pwjbRb5Ep50vSa4zZ65SSd0hb4bYaGQ3S8I8nW4eSzuOH1cgKr7o2b9%2Fk0Gap9POIYkDEuPOEIEu%2FKmsO03wb900NvzDIXqqbFsI3QE9O3yDHvjPmS5AOoHnyI3GHkZz%2FNWXBgYGlfqB7w713JnpFlEwuU3SepGrJzQD%2BdmKdaCz0%2FmrR4b1aE%2BmYQ3PHCc1w7b5IbqWJ72rs%2B3he9bgurPp0j8m6P0ZosMkOZJpl9nQv3fXOBCDRZfr6mbTTA2G1SYJV9KFXpOcS%2FrMUkuqsJQhCmJi6qdNV8hc9uWBfc6bUhsFfBFHFZHEMgytN6X2Hjsmv87v63vhifOEuoZjighiuVp98q9%2FHqsv4dr6%2FHPTY2JXC%2FxxI%2BcyCcD5vUmU587MwOmT40AMtgRPrnnttVnXRVppDmTf2SS%2BK13YKTLTUOxrHTZFoynDyaa16%2BQ3DAzAs2PtmhmI7nNV3AySsjFcqSph469%2FA8vO29i44abMKXFxX%2BvQmThh0WHlnNB%2B8ODYua5btGhqgtpO0pDTN%2FDMpXRDs4BuveMWV2treESH666OjlU%2F%2B1lJZGQpilWxbBnDwHKeqANeQGYCjkRtdUrq5aNHg74cgAZ7i4uzo2NmBCsDy1gSNasffKji%2Fge%2BUcVNAiqBVhhexQL6uP2ffzEWorfrSsXtd9gTNRUMZyGoBRw3XRU796FH%2BvyBcSAqxcqKbGvb%2FvIrIPtKVarCBHU%2BhhfieD7QJHTGCba4hGV33%2BO6eDE0HWvefgdEVyXLQhO4bYmaKXHx%2BQhWiAYHhgF6zq7RLTSZehrOy41Go%2FVg7kTooorhQb%2FJvoiMXvzEU%2BNSd2juRxX%2FyKXdew9%2B%2BpnFZP7m2uvz4uJzEJlmbSRdznJWlWrVo485FZQwJIez8qGH5yUklDNcJehFlisiKZmNESxbqwOg0ApcVRobexAcqfTW3w%2FPlp07S3RIGUFVMgzc%2BVHR6997NyxNR4TpjmGYhbF2YIempl15k6cZkmdHR9YLZG2SVEnTNnBwXELZrbceXbW6N9AH1dq%2F%2BBiIEMBZYAwUMxMHnSGncjuBHzOyeyW2nGYtKF5GUk1btoZe7lq8cDuuBeUGCbOcZiZFx2zLyQ2HGMLnae9oL8z3PPsXzyvP%2BCzzBi79AF4NJfPOcw3tn30UAJoU0ZY0%2FUaBA1qeFBObr0k88bc%2F9n74lu92c28q15wqruUZyDeFKDYVQXaKdE%2BGTK4%2Bk%2Fh9Mr9G5ErU6jmZE5ohD7ldvZs3eB64zZdEnU8RV7KMjaJyomN2FE4LlxEKvsGe7u6%2F%2F96BqdyCzsVpHazG8dAdAysWj6VMuAK7drh%2B%2B5iP1fSbxOPJ4jKeaTayPhF1conOZMaVIQFJAZvWG%2FnlLN2aKg5mikDgzgzRlSEGTCKM8JBRWIqoL5kMvsfvc6TxLgPhMsmtQIAe0HOrdOqueUXhXlTwHp85c782zpEhBSYkuc0Gr1nfb8CAAna%2F8bqzs1OhGKXZ4JVu71efNAv4SgpbyNJnUkS3WR%2FI1LtNoi9DBnExFfCRS1gGZCXkDPBf8Akg9BdS%2BMUMsZxnGwyMV8J70wWXSe%2FLAPbVN6bwixhihSbh0sSscIjKEtz45NOwf1slCGeTBZ9JcpnEfUlCMYJ8fU3Eokce7j59WnG%2Bwthw7cnN%2FTI2ZhaGw5yu5ZimFB4QdGdIO0TYtYAmQEDSAuGt59kLKTJuyAJbBQoUTTaYCKqMZiAxtqTJzrucJm7kaYitiSg2WxW%2F%2BW9PhMneCAXwlmeetaribTRXTtFbBa6GJiASJ0II43hxTMxic2aLomJkd8qR2NsbKHvoodnxcdUsX0oyoCS2i6BhiSyZQZECFIPlX0XTpQRdTTPbRdZKYNkaXZ4OnYJgEN0Q9aVAhDQNphIcD7ZCpxIkcOrSW25x%2F%2FDD%2F%2BNFZXt7pKjIooqrZFjgp3kEmYMgMCwYNHRm4dhydWI5y5%2BwWMdy6PJnny2OjlnA8kDXcM8myFwAB63gRlErRVXTtGIqxolc7agJAQIC9HI5BH4RTuVqUUUvTsUJO4ZX4GQjZK%2BxSucq0be3L739TpCG1bxgZ1hgMuWNMLhZBFnJcWU61KbVbX7muYbt271dXQ2btxQak2ckaqoYOaNAl%2BA2RYrDDa3mBl2lmCwkGcKXCyZ4IX3VVCLTJwaunaxD8xCshGGtsapDX38TphdHleKePTVp6aWR0cBeMCDIKFk6tAjH1%2FJsFUVbIW2Q5FyVSk5o6elZKF6sSVzLA1HTFpIK4qCgJ5Di38irDVvHs%2BAka9BhpYQMEUxZGqSEgBcy5SStmOaTFJjydEiWRmcj8fUSP18Vv%2BKxxwMOhwIsnLq7Tpza%2FsKLVobJuubaiZGRS3FtSwrrN%2BsbUkXYdFphAVF0tlqTHataQeGt6SCCpLPJHFAa0PV8kszWyXuutRzVniZ4TeKpJG4ZCygpWDmw2mAqN%2FD05XTBY5JOJPFLGBpaQVR9o9XBwtgsUFfAZNYf4cnFonip7rvQXIeLMciebXV1O%2FPz6%2F%2F6R%2B%2FdN%2FiTKBev7dXjzjT%2BZKq0ENIUTZ5OlRmkV2YTwW8WuzPEo0ahiobFR55LZmWSM0lueIIpXaw38BU0tZAhG5J5KPebBGgFY%2BtKF%2BsMfDlNLWLI5lQgBJmY4ByhN1O6xCLdNVWhnBwx7mHA4ODQhWb%2FymWezz5wPnqX10i1MprVLFmXrO%2FP1AMPg9R1pMucN5Sp70wXV3LM4SRhMFPmYUfQBP0NZ0qtacIKjjqZxA%2BZ9X65leBIF7yySX8xVVjBA7PCG2ToUA6t%2FBMMAU5z5dP3hxQwIyNjII7d%2FoQuReV3tHmXLV7929%2FkxseVJiRsFvkLaQAFMpsIevugxBZhaCGGQQRsEXjoWDFBUtkr0TPBhKJVwEoCC3ADZtnkyBAhN05HEZBOwEo7RRbWRp9JglTZbTas06gWPP4InPkqXgtBDAeqKHi4QxTq9flOLVu%2B9J5758SoIEoOGfnTyRBJQCgyIc8kiHKIa4KGbet3Bu5UMoQLDuWgNYswPBg6VA1NHzFyJ4ycjQCTLkeHzCKICognklpE08eN%2FFEja6HILyKj59x%2Be6%2FDMR7EcQ6fRl0Lm9wdL79SEh9vJ8kZBLCuDhQXiMIZcmcs4IOkAjtXcA%2BESNCEFmEYEBAQDTAi3KAwsoM0CSaAKHMkTdtJyk5R4O9cOPKLirXee3%2Bvy%2FXvQPz%2FZ8ZDg4P7PvrEEhcPSjsfxQrlzpBpuOxFgAI3OAY2xQr55yMwm%2FIaUExlFGRIrEAxAXqcAOiKtZyWTVMIEs52lz%2F%2F4tDo0QVA%2FPeu4asoh3a%2B9dbk6yMnozhwLxAHMGgZBX6iYA2A8J4pQ8TydbKkLcYxUIQ26iqZg4ODNInADMyG5SE7HppQEPgzCDJfq8uNiT29enU4L%2F5bl%2BLLPq930e%2F%2B8EXEtZMwAvQL7KYhbBczMkcC1hm4nK%2BBrlewZEsqf8zILaQpoHd70ItgAu%2Bu5oiWVPGIgYdkDaZylp2Ok3AWvPTZZwcHBhQX%2FtsQw3zZ1XKx5tabD%2BGJ%2FhuMgSAdXk6XdotsDS27qpTAAJnPLAVNYluaAJFbHZxNK0mcSOb8ZgmaAMW2Zuh3GMRyFM275toFv%2F2tu709PAGOPVL8kR84Qtw0UF%2FruzXNY8CdZoMjHaAIIxOko0n8aoFxmgTgRRCzUA4EBLprJNNQZ%2BDW8QwkmCEzmAQXPNMFv4H0sdq6FOnbrKw%2BpzNcdYd6HSXswVEAQ8o%2BZuxzKHgpNeGH4kv%2FisVOI%2BlNZQMTDB4TpBPWQmIQpKCi26F7syy8gQ5Bg9bqWcjRkIcOSWxnuhTIFN0S6pAw10N3uHK%2B9B09Ep5BFIghfF2dnRdbLv4YL7a3t18c3fspjncVTe1ktM0p3GKOnqhFQM6UBIUCLM2jRg42DN%2Bn8KBBcyAUdAhIBxCmS0jqCJ4IR%2Bj%2ByvLBjnYZwXgHyaFu9u7d%2B9c%2F%2FWnhggUet6evr2%2FRwoW1h2p7enrOnTvn8Xgazjc4HA6bxfpdbd2%2Bvfv%2B%2Fpe%2FVpaXg%2FUqUFCcn3%2Baf91136g1BTgBhGKhmGpg8mDoLGHpaahM7woN2RmuAsHmJ2r3fPhxf1dXCEooTYwLcf%2B%2Bfb%2F%2B%2BS%2Fef%2Fe9mdNnFBYUPPbwI0%2F%2B%2FYnPP%2F1s7uw5AO7Tjz%2F56ssvwfr5x59OmTz5qb8%2F8carrxVOLoCF4Qtmqr6h4bUffpwTFQU7buA2Cw0QaUUUzsZJ0NuKmiwkyPnqRCg%2FabeH%2BEEBF8I3LsRNGzdNypvU2dX11BNP%2FOaXv3zx%2BRc%2B%2Bejjj97%2F4JuvvqqtrX3%2BmWf%2F8sc%2Fbd60qXhm0V233WGzWk%2BeOPHyiy9WV1cvWLCw%2B8oVZcHsLy4qIIhvrr1mLoYDicD2vorhLKB25fMMsgAjsq%2B93i5KTWvWjDOt%2FxLivr17S0tK29raJubmrFm9%2BoP33ptTPKuttXVqwZQ%2F%2FO53b7z66qrlKwEo%2BO%2B1l19Zsmhx4%2FeNebkTly5dumzpMgeE4ejVePDghr%2F9ZTdP16hiSuLVFQg6X6fLi0uAA%2FDciIiFd97ZumdviBf%2Bva9Xvb29Tqezv7%2B%2Fu7sb%2Fm1qauro6FAit3DKlHffeht%2Bt7S0QKBcuXLF7XbDeoW1GAgEfF5fiBauemVgYPjAntavP9%2F6yMML0tKsojjNYLQ9cP%2BRqYXKBxi52o%2FBF046YQpsTMCuW7vucP3hH597Qu%2BCj1bO5ubOEye7m5r6vJ4xk%2FtvXP8HRqcydA8Y1O8AAAAASUVORK5CYII%3D);
  background-size: 100% 100%;
}
.sms .mobile-logo.orange {
  height: 25px;
  width: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAIAAACVqM%2FbAAAEr0lEQVR42u2ZA5AkSxeFs%2FH%2Fz7Zt27ZttHv89o3XGqxt2zte2xytbVtj9PfiRlQvam3VxImJ7FOJc5G3KjIV59ifX5CvnPKys4x9gny%2Bc8hDmprtq1g%2BjZUzzgZmytLr54qTQEmwgKQYnJcQeq0g5JozirDrcVmp%2BxpFuwFFuQii7z%2F8qnCeDbgUvylqPUnRrv08NCCCvxUBZgSmM4ogKzZFwnPiof0EhfOXwmvCq840Aizii%2Fhn94XsHBdkCAo0PHScgnxGyAwPXWiCTnXIjBwy3mVGUhuVWoPxPWRseyNkxrY3Cc6hSu0WIB4y89fZDpmICL6coEtwKdwmRNAzhxEUYCLQjNcsoZWGkDI%2BUBh%2FB4sw8l8MQNoCaQRopDaPPNL1tOAxEXwpbX6h5U%2B0%2FJq2P1Hpfqo%2FTPEevSAZ5lH8IeB3pTFuxZ8CYVwKh%2BI3fwe7dOCvfR2EdyoCTdLzd40ROITE5md%2BUdR9k%2FofkRTLsEQq3Uf1Rw4lSOJqpu0fZPZhQlviX5fBEbfTO4wW35NSnfgXCL%2BD9Diy%2BjKkLpUekXxs9hWtfqLFd0ztRloNwm8XMvhqkiozrSsdbPQOp%2B4bIqX6s4xrTWZf2v5GyLWEXk3kbcTeIzbEHTJkNiWrlhWzfCZbVpO%2FlVpvEP2YNEqL2L6aRh%2BTXpslk%2BlXlQ1LWDQWz9VkJoGPnAxmJgMMqSMuHN%2BRgp2M78nyTIDuXv69nc3LmJFESjy7NtAtQHOnSx0qqQdG8rMi6n52rCEnnV%2BUeKJwJ9P7Enk3e7aQO5TQG3ApMSvuDZp8x4LxMm%2FkQ8wYKFpDbpWobV3BtN5E30N5KUPr8pmi8ecAHf%2Bgdwi%2BMrpXIOFTNixi0xKCbxRBwf8%2FVGFMiuJ7RfzbFGynRzA%2FSaRZPF5Q9RF2rGdwPeng%2FT9JVVmTy9Q%2BLJsuy4c%2FwMwkVufgtOL%2BPxsXMaET8S9TVkR3D18rKj4A0NXN0PoU5TF3GHOHkpPMyCZUuEVyK8h6SEGRIiL2EXZvYHJ3WTvoWnatJzuV6HvZuYGRzfhO0ehTgD6V%2BFAxpD47VhN%2BPzMGsHY23ivwXCKCJnYh9n6Asa1kSAcbQPvfGRBN4XZiX%2BAHRcx9RN2N%2B0ifsBFaDo1qDjC1H0szKSukwedEPQrljOvAt4rEtygpYM4IUuMo3EPhDiIekp%2FbV%2BO5Avel7N7E7CH8bZUcAsnFjYsButiJvp%2F8HSyZQloc21aTESfLeQ73cu0fLqzs2KvoGy6OzUqixTfaLhuSQKvvpIPbRLvfyBwomdszmPQahN1IFyfJFfH8D4%2BVlMp0dclK3kvpGUpyFTr8icwfyY%2BKxLeZ3IXcQbJPYx7AdaSXq5zCili35Dyu%2F%2BEwCSMFTTyHaJU6KaTNX3ikDikcWkES2OWp1L3RzSSZEt5hZAuAxp%2FIQIcMx26SsQ6pk7pT2EOdU7sE0sMuDWEc%2B0E66Bs6aKu2%2FZNlU1mZzfLpdPJgEx63X71LG64%2Fp9af5Idox%2Fj6I32trf%2B5X0P%2FFKeF4MuIuYvQq2QDBl9NqH5m%2FUm%2BJoi9dx3TT%2BUNxqpMlk9l8QSWTWHVTFbOPOa7jiPfBhn3Zf8BJ%2B8Y8W%2BpNZUAAAAASUVORK5CYII%3D);
  background-size: 100% 100%;
}
.sms .mobile-logo.play {
  height: 25px;
  width: 73px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJIAAAAyCAIAAAA4BRU3AAASA0lEQVR42u1chX%2FbSNP%2B%2FpSP%2BS0EGyduesx3bY%2FCYDsONWDHJCvMZYbDMjMzM0NSJofpgsWA7ffZldaVmzjgOgd9o9%2FT%2Fa2V1Wo1z%2B7M7IzUf7Lb7Tabrae7p7vrL4ARgClQRmhrrm89tuXcvtXHD204dXD9nxcjOLD2xIWD16xWK6Gt7NzdhAn8d%2F%2BdHOWtJfBCyeDqDDvP4OI8%2B%2Bnyr15S9Pqrh%2BDioQA3evAwBi%2FASC9N6P%2Bl5ETO6e7qJrTdung%2F%2FdP8aO%2BM%2BPFmtfztAKcO4uJ%2F9%2FvSO3LA8Nyai%2FXTF6sXQVUy2j4riPbNiA82g7k%2FOTB6lP%2BIkJsV%2FoaS%2BMW9afOQjORvmei5XgPmBnOVZ6ep2jVtw7lE5JL6UIY7ggFpGxEN9%2BemTe%2BatrdVNMHDe18106XDTBtcku7%2BaMMg3ipNBdreBiW5cADapEgI5t8cvVebWuh8vHMz%2BbAvShfD8%2BQlbowBcmAP3g9tLjYAva9Ed5Fe2rDRqWGj3EZK6KhUZYARPAGsW1LG%2BOlIg9EEaBMxVhMXyA0bbbgph%2FtGeWmkwwv9W0r4mDTFOIPABAT02uMr%2FfXhTo%2BDoaZEemvi5Ca31r1ZHWSOGKsNG5UeNipNQOjfUiPGpCsDDJQFzh2XxCEytn80ZUZNL0qYX5w4v5iUIkoSF9AzkpMJ5CSAirQBKrg8fgIH5l65lKgEmQ2Ti4uTFhQnoc28kqQFeco5yR9kqQJNMBUeJgwlOJObY%2Fz15tCpRQnzijE8OtTSpIW5sbOSP8ymzJnVvYwxHzJ1ZtoS%2BlwLhOeaOmWh8fsildwYF2QavE%2Bgpi3jAk2xAYbsmFnFiQuF3tBtafLCksSFuonFKpnxjT1JOe7BKQJ1J%2Feef3S7wnKvyj1U3K8Gtv2yN%2B2zXAxaYA7cqGSmtXO21zyus9xHs8rqhzWXjl83hZSQkE3wsNi2aG8tFzHt%2FOErlruVjuFVPqh5dNuycuZmRaAeUsPykkiAUwYZc2Nm37p413L31RNVPawpu3Ab5KHbuCD0zKsH5Awtg4lIo3w0883Lyi7cEYVDy9qK%2BiNbTxu%2FLUUoZCi0%2BfQtKdAWK9M%2Bvl1hf%2BOj88XL5TM3JX2QpQ4yYe4rZUaFzLB%2FzXFpm4bqpqyo6RFjtAmepI1JLYA8y%2F6NxzpfdvUe3uM7lUXx8yK80iW0AZxKbkp4J3PH8oNdna9fdfnE9eyomaogU5ycGwxtWG0xvjoubOq9skevddX6W%2FuKGZtUcoMq0JgwWNo%2B7Yc2k0KmvX3pLhwYJHns9h4KK0oJ%2Bjpp63bUbaTET3tjXXNp6mLIArMYtAE7lx5iI7fiX%2FWjOnPEVJjS4diNoNvZxp9am9pwIxtuR8EGaUNk%2FdiOs4nvm2P99fHBmfGCg0ChGKdXyPXHt58hzNnI49jwdPTYt%2F64bnKRElp9EKEimK7E9%2FjT%2By9Ze6xUmFYqGfvTJ8%2FWzd%2Be9F5mjB9YENYu776SlNB2H63ZQ5Jb9gW7q%2FMSvu1Hd5zJ%2BKowTmaEhlRJaLO9om0apY0XBOcJ8IAiwJj8cfbtK%2Fe7u7sFkQHPnz7v7OwkNNCxtTS2%2Fly4OtwrFTIiAxDsnJwMI8Y7I%2B3zPGi27u4umzgvySXPnz1bM3f7lA9zsEpYLN5Z3GIFutSsCNCtmbuN5sxsTJJ25NAObDyh%2FaqQTJcJrH0w88sG8CRdrjajIkAjoc0GdLR1wFY9KLc8vFlBYWGo6AXLg1uWF89e0OkJ2DvanszU%2FIxBKANMLlbbtAgvrZrS5pFNOhFlEBflp934w66uzm6HxJ92PDu17%2FyDm497eigTdIbduXrf8G0xEiXUfeCl%2FiT8PXhMlrvVSCpLlqm9rqphUeZyCBpTnCwUSvMrEN1ookvWODV1UXtLhw2H%2FdUdr50p58Onxfrr%2BntGCW3SxM2AtN0jtLGBXj19Y1r6IsO3RXz4VHNYKUUJLaeyUjzPhZboQwrLz9%2Fp7uoCbQI3W37Zn%2FpxLmyva9o8udqAWD9ddswMLCYbOcSnuHysLPXL3F9L1%2F9W10zXOxnAi%2Bcv96w%2BGuWrUckgxMwEZ1%2F0%2B%2F%2BbsjhnRUP1bz09dBKzZXrn2gO4wdG%2BGgi317Ch8TiFjNN9UwTzicaYwRiDoF1qLPUlyQsVMl1cEBYr57GYpBNtTBef3ndB83ne9%2F%2BXgm1WxNh0Bg2DFoikf4ocq530b3E%2FFa552vHcYeEuHr%2FGfV8K4%2ByStrGCbeM9Eazh4aMr5YbLx65be5ig6VKbZ%2FwF27WUj3KO7zwvHUNDbfM0zZLw0WnxwaAq0%2BGb4CcU3Xejkrb%2Bsr%2BtuYOKHhDn4tmDl9K%2FzIFxcgozoaQyVL%2FLn9h7ltmCbsE0QgktyV0VN95EFGwwGgMeo82kCBBdEqYZ7OcPXTWHTMcmrNdW3%2BwMnIHvpOdDp2GmMxfAbrlTWaCci%2FOuadM4aHszEFlgfizJX23FlBPnDSr23asOpXycrZIZQkenztH93FDd6PBTsB6vn70d%2Fw6HXXbv0AaURLRMc2rvxefPXtpEG0k8TJjM7UsPqIIwyw1ie5r3wKRRBRmWz9jCnhHoFsS45ec9ie%2FBozYw34dzWnDyYaCNC5lGN6cDyw7spn2aU2uph%2BDE6VzRVJq0CPERjNi1kvRMalEVYNRMzG%2BoabLhYPLCBjEzcoYi0BBPdt%2B6uPGGvasPS1wq%2B5P2Z%2BsX7IQxiw%2FqFTMKzowYo0n%2FIq%2F8IpMJIHo0bb8UrsMWIi4ILRGsIpxhahYlLnjx4iUaSFxu%2B7kjV1M%2FyRE4cwFP0gaAtisD08bcIZjitM%2Fyay11Vqt4eX1FIwIT0CfDSRvbdAbqD245iZ4ZZ4SVHwvWxE%2Fg42gsBgsINOTGzr5z%2FQGzcICtvrLRHD4tCuq6d8BlAh%2F6v8kF8fMf3a60WpmRo%2Fq%2F8l4Ngh2hY9LI5k9OpqxmUsHjOxWkY%2FTMzETFg2p4BkqZHm36ziTI3aUNF%2Fe32r6fFjvOoA5mLq8TeLGkairGR8%2BHTSdKkknNcrsyXzUnGqvNtUvyhkoSjihickp%2F49T0xXSV2xyW9eyhyymfZFF%2FnbErg5%2BZsXTaBvhNbCQ2%2BJznD12Gb6IOMhKvEpAyJ%2Be%2F%2B7%2FkJXmraisawAfgUH3YJGgm5sGoY4eT8G7W0e2nxD5t4gCw6yhMmg%2F9rMZSHmoGwDlxkz%2Bk1Xb2wGXEEqO9tNg%2FQpUrx0kQIEI1DtBjun33vyk%2F5K2CS%2BJg%2FfKpMnNIabTv8NHGYaFDaskfZWEHwjonInvW8TRPMScuiLk5zGLB49d8mX96%2F0WJBbJ1tD5dmLUs5G%2BpWDpOeZ9grFFjnMwU7p265ac9bc3tpD2blHAyT%2Bw%2BH%2BmXHu2nXT59o2TbahUaLC3diHUG%2FelO4kb9Brbt8vGyQvW8lM9yNJMKNRMFFGi%2BKkAphXZifvpXhYmfZl47VU4mMmN916rD6Z%2FlwbYPG208jcnp1y7awXoWzeqq2dswk2L9hbmlB8Sp5m9AmqI0eXFTbQsTNFaorfJ%2BdeLHPPKT0mUhbAwSgzmFr179jvHotjOdL%2BjTMbvV3vIEe8Rc5cyn7c8ckQRBdIc3n0beAPFYN9LLGEYfwa2EgWizsSmD6GJbU1tzfUtzQ2tzQxvQ8gqtEpAz%2BGtPtxAT6hIm4wJ%2BOSY4hOXKtrEoiZt7bbQHN9mxM54%2BeUopEKX58M5jQ2gxNGTqpzmpn%2Bamfpab%2BmkeKkDaZ3mJ7%2FPpE3N3rzkkWR%2B2ly869647HDImRe0cXWTBJx7K0PB18ZUTZWhMg14A4Q%2BasKm2STSWbAB3rj5I%2FigTEaIB35LyRExSstoksNmHcGDoOLqohrxu%2FLZEFWhQyfqmjQ8n%2BzaYEzeezRH6S3o%2F89Kx62ymM6XX%2FgTb2zpLQ11lY10FQ6UI1PHX5sYWm5XYKsGFQQWqsjBhQZRXRl8RXmLFsT1F7unujYcSx0fcSLAHJ4%2FWUt%2FChZUoSOrKpSKRblLdd0mAXrS5B5tgWnDL%2BdxSLDVYF1WfoeTHdXwE%2FDcMJnNoeXMGdAv8VLSG6SWrAzQ8gUqfhw2gh7i9o7oBpRUkIpKplOtgzNgGyzl2FWhCLmZh1opmMUjdLVHLIrpeds0x%2Fhzrq4uHSN3S%2F5Q24fXWbnc2ACQ45O6x5Zd9KR%2Fl0tgdMgB9xCSR%2BoIbNulf4sPHaMLHpCOK0R9Gp0VQwEw6QirYh8Fxr69qlNJG2aJgegx8vAaWrLAK%2BhwcO5IDSPSsmrs1wjtV3cd2HrGrTBjIOLlx%2FaKdL8X9mVUiK5S2LT%2FujfLX0wcHOLffJQFtQ3dJmG179vRZfXUjVkbNK9RT1EHP1FjImWqUtCKcrK9s2r58f%2Frn%2BbDGgh4AZ72VJPbF8zOXmkOn5avm5anm5CnnEqgolAwqEfnKuYWqeQi46CcWIVgMmcaO0yd%2BwB%2FYfIJ2SMkAYe4eVklaB1bc9H0p5juRu5yTuqzCewbRPvopH%2Bce2cbcfSYrrFZsJBDap9ETDlC7NNhs0%2Bbh7TbzlK6fuTUr4yc%2BbFpu9KycqFnZEuQA0aigpIgS6rNRT%2F4wRxko5IIZbc6rDUAaBWam8n5N1cO6waD6UX2tpWHNvO2xsJT%2BJLA0j1%2BKTkS1bKMKqrOz4mFN9aPamke11Qw1ItBDH8B5pOXYehUVDPJkikAS83V%2BYYIn%2B4EJ5rAxaeD1xrlb0i0Ejoc3H2sn58f4aukG142XuxnH0n2be1GSM%2FsvZ0wsCh%2BrweyGUhoEDCQmEmCSjpvRdlhKG8HQj10rj%2BAukWM0pu9Lbl%2BjwQ62%2BcVsX79oW2bEjHzFnALlHJSvIP6c6wQlynmYZwuylrY1U1tlc6jKzvn8MiQTnNJgNGiCtyiQ%2F9y79qi1h2ZcWXy5qa65JGUhojBsgb4BBnhzizUCJLTdk9J2jkZJENxibjpKVnEJLgGl5Ba9bVtf6JFUJHUJx4jn7lx6EBZONd6w%2BZe9rDciPhxXT96ICzYiNg1XmcC3P8SIFR3a4%2F2AbUv3s6AUC4Lfr4bphafKmCOxchi2aF%2Ft0tINyCqgDUsLYGv%2FfNn0jWFe6WoZZVf%2BO7xMLn%2B12mJlGovzuyRXTpbzodMpbdJ%2BeztI0jPS6cZWW6Bh%2F7rj9jc%2B9qw6EuGrWZSz8uXLTun5xtrfchUz4buz4Q1BRtj56b8tqnpQ43wrZOdPI3XgiHHApiLDuSR7RV1Fg7QZUtj71h2LDdDF%2BpE8CbFnw02bVJ9ifIog3e5VBy8du3b5xA289FJ24daGRTt1E4ucXw3j1EN8dRyBDKQ5fi5ce%2F3szSsny9D5UHEFOFl29XT5oqxV8e%2FxK2dtun3t%2FiX6J5y%2FcPQ63jiK9NaSdDMz9YPcwiegQSCHWbWAX3btdPnlk9fF250qP3PgEvadNCmDZlhqpqT3s9bO33blJBvYybIrp8v3rjuWMakASUfJ%2FuR3pI36Nua0z3N1kwsADEX%2FdSFiClDog5m%2FAybakaXUTS6kKCCYhFuQkpwRK6x0jSkfZuP9GTTTf1OcMalQuBwVqEfiuBLBcUMZGECfXW6CW88evFCPsU0uMIWUpnyYw9glHlbS%2B9m6SYWGb4oyxHGiUjTl42yYWxgRhFT%2BsC9u8FfyHaq3BmEnzKAYPz1NKXkA0LT4vBU9R3mTWwD4CbBvglERy17AeDIiaXtqbMgLzhhbtPjXdFxO9AGmlzs5IA4grMiMuAW7IwapwU%2BniCINHcT44tZCA4A0hudCDET%2FS00%2BnLQRf5emqgFUMH08NYOYAw3QLwGAYJSDhXAtrWBUmYjwsn7MBMH0PG02dEnxTi%2FrSz5USOyTiWAKdt8E8lN8aS7BY58lcm%2FN923cG8pieC%2F3EGF%2FctpGPjzkAJdjdq0kPT%2BOEXbfto%2BAIZohnB%2F5OtmDtLF17fpmI8vFfQEOnCbNZ2nS4b33CBg8mN1m%2FjFK548GXicGdQnMgLQN6v2zONhYuKQfac%2FAgIlgdRAp2c%2BhzTn2nwixMy46kT41aczqkogug5OIpAJkFVcXOo8KUbRiNft2u%2FzcvcR3skL%2BPwV7RjfhxyA94%2BtJIBHKbjTwLYZlDH6sdHFmgJv6SdtLfw522FhX4fh2JGqOSFtrY%2FvZfVeObzt3atfFkztH8OfFie3nr528abXaHP%2BfpBUR6xH8%2BUG%2FPrGDtr%2FeMXL8Hb%2Fwifnqa4QWAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.sms .mobile-logo.plus {
  height: 25px;
  width: 70px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAyCAYAAABs3ChCAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAAEsAAAAAQAAASwAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAIugAwAEAAAAAQAAADIAAAAAAtpWMQAAAAlwSFlzAAAuIwAALiMBeKU%2FdgAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAAIOZJREFUeAHtnAmYVdWV79e5Q01QCA6ogPMsxjmxP9MxYBujyGgC6TbRQEHQ%2BDpm6CH2yLXT7bM7%2FRKj6SgVGYSYzgMnKJxao0RjumOMxhiJkYBCFBSCBdR059O%2F%2Fzr3VN0qqiww2tqRXd8995x99rD22v%2B9pr1vme1NezmwlwPvMQ6EFrzdI37bO3i7B%2FCeaz%2BTSdiHLWGNmwJb31q2GctLvXiwbHrSDhgb2LhMCfiEvNMc6%2Ft3Tu8cWDSo%2FlLfwfdX5r2aJ%2BkRAaCHAzF4WtfvYxcv2dbzgrtHxqVs%2FOqihQBsNQAbnyn2er%2BHD%2B8cWPaQ0PdkcYFjdSZp46xsy58LXIq0zD3eyqWzEBZHWBA%2BYpMX%2FQC5EdiKWTMtEfwV9y%2FzWWxTFy5xnt37yWE24badfj9%2Fbto2jypZJlN%2BM%2Fx8Z8Ciwa1sOtgSqZSVCpGITKYDKxeLNnnh5l1Wz5sZ2f%2F%2BOv2rj1VzPmXD65ZaAe1TZM478%2F9iUxZ92YfbMnuq1Sbvsvq0WWvXE4BmmlkCdVSaY5a62yZ%2F%2Bzkv15%2BE2g1%2B%2Fc%2BCJSayZW6DhcVnoe8IPp0RnSF5tt6GhSfZ%2BMVZ8vpnVlT49%2F0ajx2J0fQlWDEFEHzCLmje7ANf2fQ5q0vdYNlizkY01NrrnX9vUxZ%2Bxd%2BtmH0OEme1Da0NrD230wrByZYuDrUweSccfcyC8j%2FbpMVr3wwDE2%2Bm0u9cp7UL3RvUW21KTBnin1okiwUNtrVDeW%2BRSeYt%2FW%2B6BPZIJoWaiHiwsulOG1H%2Fr7Zf%2FYesUIzUit5PXnijdRXvsoZ0rW3vzCJJ%2FsFWzvqwD3TKgkexTq6wPOZJOjnM0uGTNqr2BcB0HGBZbGFwnD1wxUjKBvYkakkLeDfTOwMWEVcOS3x0J6OrZCVEauD3ytP9eyvFkyYjVN6OJyZak%2F56ZzuS4jxbMXt6t5FaKlxhnYV2JrvOyjJBgpu9ihyHiQubLV9aZkmYWJfa3zYVH7GWuYeitn5h2fb77KM3b6FsaGc2F%2BBzCDh3Cwe7VciJeKsvsuujJHIlaQSQOO%2Bt7u3d3V6snjWBLU2X2dbn6pzgbP03AMQ2eDOUyYc%2F4d96%2FrLpNXbxUiY8uMaGUTRf6uD7eKTLF7td6UT2CtRUKx9VORu1%2F5IlE69ZXeMm%2Bvgx6q2Zz2RvTwbvQN6pF4gu7xxY1P97ExpV7I9vMxEnVjZdZ411t1q64UB%2FM%2BNb7QCl2RprzXLFThtSc7KtmHkxgMhbGAZ21M4bbGduo6USQ7BPBLWr7ZErsU%2Fg7MTvttLGX9j%2BaPl6VHwjNsywuhobXj%2BSvA%2FYqGGfsTH7rHDgCCgKWcjFfoOU2uWdi8MK8b1ezuNN0BPcUQdHjkjYTyl07KgovydQJLnYU7ZXO1UPg5eoKsytxOW83ln%2BFAziCr7ZemJe86aknUEvbZUxqsMXCIjFeXJrLSOu7elonHRf0QEBtJaZx5PxZVfHqeQU7r%2FmBcq20HZm5e3UR6o68Xnu77TFs2pt1vIsqulrgOF6a8t12j4AYUfXldDyL277jJu30Fpmnw5lgCB8Edd6J6q%2FiyeeE8PIO5QVOwVp813K%2FLGJjxrJAGPpu7b1%2FMaDFgNjn99HM8BFhljfIFBMyJJLh9jw9K8wwEbjAoJoyKtJJqxYetm62o4F5V20OjgtA3T9O2eL9h8Agj2JRyiGMXd%2BsdeC2h1C7v1crU24Mcekn2PqdXi92bbOBRixc7AzGmxScydhhvnYLHMBRMHSibSVSmfYpEVPOd9WXznE2rLrAMJIPliAJSTN0GO9TS2S3RnD3TM%2FZEFqh0255edvBJZqyRJNzoqmRsY4irmqCiOHRFsT22lsi6NPTFgx52Ss1I%2BgR4%2BHQftgZecQjeuo97DJIhdQ%2BgPM7jBwoDIrmqDLoK%2BKtkQpsGTjRmfOQPXumDPG6vC0im4JGgANAGpoo5Mb3MirrldNc8vMY6wcnE1%2FY4HuQTCynu8C62kn432FewBvz9iFC39ll2MsXt6spTbgyqzuxu%2B18IIM%2BoMUhNfa8AYB5UYm7mrPE1Ba5oyzsHymZek2MHk%2BaWsv6%2F0MWz2z1sajqlY2LQRMVyOBOlFjh1p7xyd4v8QmIhUzknyDpKmLH%2BspkQEHmX4FRg9Y5s9N%2BYAtnGINNUshLsvAie5YHl1Zb%2B35f%2BP%2BT23VZ0dYmJuPIJtuuPiU4cMlMlBlbM2D%2BCcZ2FUA5j%2FfEsDEOjWwBVaXvsByTptoR2AmEha2ncL9sy7Sq7cL4olLl2%2BzdOocRLDGlLIa6mDx2SulsdT7tetqiWD1I5CvnPMHvP8Hyv8Rup4J1Rj1qRonj7w368iFjFfBrlXQcr0Ft7zm9kS1ylbZ%2FtI1lcyVTS3YER%2B033ZegUSZ77krZh8NgL4KrVPxFaMA3NCaRjd0QxavbBYsGcMbho6lSBcBqM7fl%2B1K7pf4Qrhn5kGw6TDaOJIxHML9gczVMOItuM0BWwG2g%2FH9hs%2BTNmnhDwEvqshBvAvIesBC657CIIHBJOakEWtJCKlhFSJYCCMrlXOPEgg6yVo7SxhXZfJ7UugsTYL%2BM6n3I1s5%2BzKYv7QHMOK4xvhmE%2FSItiy0IU%2B6AVr0eM3AjQogaDkfU1yvHGohREmTFgNSAa%2FaxA3eT0deYCj42qwep2qJle69BSnc05MY80m2vWslua%2FZ8hkqXSWZeeqbpLYuzxTwSDK235CJSJRpNnnB3V6spekv4N8%2FsTDSGLZGPIXW8llrL3yHMXyLiO3TljksYR%2FYlkbNFGxqZg2e0HeRLpewqFGFdiYAvp2yAsnxjGWoDWGqtaAFeP9UCFKepi0HuSubfg6IPg5g1nbzo4ruXcEShGUIVRHiIGUGjcgvg%2BSyrcFyvpqBnUTgrB2QIFYgy4vyLTjFArizkAdoNVafWmJ3N20GMA85YKrVh3rY0xSKNgc8NKk3X130re7fKPkYVCCyj8Kw92SK6ROW52wVruSQ2huwDbRmQQqgDAVKetNqdm77iNV7NHIvWarFRX3RGstPOxXTl%2B%2ByKj0%2FvvgGH2qrZdbpVl8zz7ahNiYvvNukLtPlW5Hs51oXakdUhqi89sLNlijeYJOXvOJN9KjKSIWtmn0S5eqt4N2KGUm0wcd8OyBfDMkvWDEPvSyQFMEXLTgJVw0hBo7yDhtxsq3fdjMv%2Fsj76XPpByxYSY42kcoN2j0iHF8%2FDD9DgAhSuNf%2BgwwqJQXUOqXKfTWJuTU8FMhHOmHN3%2Fu5YwAMNk2GNjMxk6O6e3IVNTFtuhdK9DxYiwJVr3rUKTtgot6f2A%2FiSeXg2kjMm4JVGgMyCZFUl074CtciUr%2FpZCTh1G%2B2IMliTOjPfZtiABHu7ceXceNg2GqaD26yrnwGoCxz28TKy%2BjrAOdnmQBlZ%2FFGKxaui2IqVI53kaUq7%2Fr0UZZkCyAMpiM1T%2FUAXLYoaQaoSe35AnlpgKexp30vKVfsAEAb%2BayjxHpG8rKVwt9akIg8pHXbRpN3jt0z%2BzC7aMEG9z6rDORdweI9cdHKCWFWEiQWSm2M7GgyD3OQdOS3s4H1CCXQdRAShicCnA%2BD2CTMjgiWGsuX8vj2h9jOdunQr9ua59SfVuzvlpy2PW3CJ7oCq8p95ck9hpYm2T1jHRSsPe7LjD3BxL0K47%2FC2PE%2BwhzglzeyP2vhKHh0Gjx4v9Wghiz3E6fopxiVkZLyx10uUndylWUXBeXnsROuQfx%2FDCN2uU%2Bs5jtfbMH%2B%2BRKOwq%2B9fqwiddxg5ayJ0HI5%2BRdiT4nfKl8A3swV0rykQWneEmkWxKvWkX8UOn9M1k%2BtUHjBPvadzbvQ1Dvjq7Zs7j6eVQUUPQ8MlriBaEV2QMqR7HYmbUd2KQy8yqYt3h4X8W%2BJ1JyvjKPQfyjakLaxfxSutuBSLl%2B3scujFdyr4rvkoVQezWQZey5SMRjNrOwGJEpH%2FiqbtGD5G1K5cta5LJaXvMwqjgDsTgrCITb00Nmo9vORXre7dGrLYRwHn8MmifqL1Y0OM61o%2FAx0XQWNAJPUCWPbclkWax15WrCS7u28GUIetJPXkX8A2meqeHeSrXQIRvtI7M0zmzU58ZLpLmIzmnf0PPTcDQIWkCKkh7Yvm36fJuDzIOcnLvPqGoiCU3FAbnzmKVbLR1iZz8G4elAtIhDfzrtTPOg0afHzPV2%2Fy%2B6SCXkG4No%2F3DF22QDl8lS7a%2BaDuywOrXZDVa0Zm7PJmYd9NPJQgoBKb5DkrWkD78zm7wMUSbMHsC8M3t5j2eAym7HgdYzLGo%2FSumc2%2B3Jr2%2FhlG1Z7hEu9znwXdNba0BrNXQpAbLOOwkPQ%2FT0rJJ60dOlxS6UOBUzMW%2Fk8e4CY1o5slrKK0uYjj7dCn6K9rflDLBkeRuFDmK39%2BB7C2CXxbquUEkfEmd2QLM5ADCNJmLL9nTegQJJskOr0oy%2FW29lffxGR%2Bm0GfxWekqxyIb4EypMQT1zGnqfbwJZWV3y33KPLczog4lKFUSMZs6ClLn0JxusExvUUlGPAJlA3iWdsk62D8QQPEQLixxPPcm6EFT1Ycnce41aA2cTO8X4eW7kWu%2BVvuqtqUu9umgYl11pjzfEAgggyUiSZqEP11HOfx0t7gPL%2Fbom6%2B23iTa3ddVfMeggp1USZnNWmR1sxcYbNWPoo81C2lssbrFTE27EPAIiT2SI42lLhwYxRdmgECRm6mrs7L33QbaVl0xO%2BFUAHg0gWJ6GETk7CyA2Wb4dZJEUc%2B6bc05GKCcoPYEBdBUH0Sgql%2B3F5A9RYnEbUYw8Nzte4%2BNv%2BLSkhqbey6RkYdxoGfQR0AUdGYyoxHMkqVXOu2wSd%2BTIhuo1Ihscpcgv8WO007o5x20w8ywDLK8W%2FttHDjrBNO78IUK7vDi%2FcN%2FNwyyduQnIQT4JHmvQ6jiIkUTedhXXEUxZBw21Iupe6%2BSJJNGZMksWKoRqswkxogt8hUXHZM%2BdRDruFrZp7Zw1BzS0mShx42zpAVcIRyfoBtCR1kx4mGZJmoSRGUW%2BLn%2BfVgiANDha5jZHh%2BrKLsUjUuljyFuLL1gOivARGb7TTKTEd5bkgCxFx79okWnGry3%2FNpNwH0yQRZYiTj9dULJci19Pp12iSTMThHEg6HGZ%2FEtB8j22KT2O4ssGXIYSQ6V8VKfyu2IpSQODslR3fxD65nr6kvoocjfys5YNv4ETI3sgjIWqQJrXYUY9R40bL7bwzXuUuzYYjBgQQSaJILUJZ%2BEPUkgJt%2B0C3ZmC896f3ExZtZUE8hpQ%2FB8O4k7YbiM2kvVwXyCmzAHKEALL2CxZBZAhr26OSBgeLCkZGrvSe2TXX%2BNT7ffVl%2BliAIQSmc5wRJViHcetmC1kOGYJX79a0ZmzROP1hUxbfzx7NbO4WwMQaB71Wn0agv8B1MRITFhQYY%2BT5me3f8Me2DbvO7KMVoPTPoxM5R6u0Ys6BAPNxy7V%2FwZ9Xj08CuO8S45mOaqAnGFYDULLF%2B%2Bn6OgD1Ay8nFaZ9tcuWdnRL92Wz97XG0jC7EEkTGcQCxI%2BRRud7yCO0U01R3IsWv1pp41mAfg70N2CPrcXTW4R9iZ1Z%2FqUNZaFHpxS9qEZcDfzBJ1AVPEgXsktJmpfhsIzf9b5oc1EpHzZ6OF2xlzhFbyKwxXn6jvJ7cqIQdvQsgPV931Pyrb2bp74wPLX6pixYSFT1cWvP%2FiUi%2B6OsvtGs9JTTIuBI3pRdh2rvFgnE87bOLkT7%2BUzSXFRKs3VvnfQhc01lQZUUZQ3%2ByaWEJrstfAg77zQ3SnWcoCu%2Fmj7%2B3uI9G3kwIwjBBkgRAyhK0Z7RdMA0C8P2CXLGWdc2SUh0V%2FAgG47nIyGyeHRDiddoj%2FwePrJNnnJVKjulq%2FAkUeP%2F6%2Fn9XXoCj%2F52d8CS8ICOBUeYTooHlZPifRuXeyfJkg6PqcRi5PkrKBdJliCIkF1dT4yuTtKrY8ZEOX0IrS62m%2FesikpJbdGrLwFfKc73h6qLPBUPfLExaDbbPYlc8kRrD0%2Bn8llMMHGV8Dgmtt6lTklBDUkb1JY2%2BjRxGCR%2Bgr6q2e7bOG4x7chWVuw2WzSzDr%2Fm%2B9gnp7oqKIcv4T3%2BGR7nnV5n2fR6bIYCzoQaL3iwrFT%2BFCC%2BhAV5oqGtfG5yxdPt%2FrkH2wU3RqrDSj9wqaKRerS2%2FEHqR2ApB2vcXpE9Y3a0LoCbrQfsKKWWyw4FUecjXVe42qrauR4cLDJUi%2BUiDNqfFXA%2Bzd3evXXuYoqcTIbVUEF1OSSqqF4rCfPWBxSGL3iOJmoJZ3CHM9D%2BUq419BWuszJKZxALiOwrPVWJKxgh47mOwFm2MEIvrdXrSG%2FwDpoULf6pex1HddOk%2FgdKGs%2FqcXg376utxCG0in9S%2Bcz3ahLpHfmLKPn%2FCJnvgwSApjJjVMPBMbbqkhE2MdPaN%2FrpdeNLLIX3S97I%2BdpTbTtCt1j6pr2a%2FpJPmryr9leLSJ7I21IcJww%2Ba0U2eYchEhSIyxKIy2F8a6%2BrgQ3G9pwAcbv32%2FjSs7az%2FLKlgjER74Oz4q6tkN1g6ZrtmAnDyRsRuenNebYeriKCfQl5pzhf21MR1%2BeRk%2BFDGhwsUbnACUwEX8Ww%2Bg%2F05U7Pjld%2FhknRHolOcdUkp8JMTapEtIxjeRRt6OCfRU2RW7c%2F73co%2BBUlATKyDcZYZ%2FpQmCRgubHgBebHIAgw3Kik1qO6Jaz3BKuInzxwFmQEv9Dzg06ih4%2Foayn%2BCYX3A1CvIYIPRASr37hnb96u8S%2Flqh5iXKKcJBtAi6D91Qi4R44o2qpRW%2BhjAZukY3Fjv0gMQy5zqmKf1VuiYQg1Wy22T7yhqotUnSSYjj%2BkEnPYaWZrIZyOXbICgNMP4Ja3KepXzPoUbV%2BFoft%2B1CGbmqCkLQeA2F0egljJl2Sc5hgXwiBxLvm3%2B%2Bai7A7t%2FNemx6DS1PmJqNZGDm232b5Hb7X2jZsrYGm0%2BhEyL35Lf3%2BCGx%2BB6vXOxz0w18dY312wSDqUIPpw62p%2FCiPw84jcR71zTc5pLx9gifDTMOw6F6ciT0meVB1ysCP%2FQ%2F8ZQ8yo6V%2FPYtDpyKBKCWhKuOjsueig8comeQiasDP5vsOmNssbIHFeRtMWg1RheW36JTg91kIcZJJ%2BWMWCyFBGcYyVxWlER29l1d5DL4j81IG4n%2FSnfuNuuT3YQ%2FQFXMsTrRj8H17%2FO97NzxD%2FiohGwOGmO8lVDcKzXZzHIQIfCgsmS9BMqdvg764V3cTqOgwO8Yxy8Ic2beETpjhVkFHdMuMnssupucaaYzwwmCtytAJANhCISxLwVJyls%2FAflB0LSKJgXRh%2ByNv7DZFZT8F%2FUXYqrRUAxkHw7TCyf8GY8LqaOIsTnMAzJ62MQA8pDLbQpva6fggJX%2FK8PpfdBQs4xwfPEsavSR2F8bQKAGxhUNghG9XG4VjyDQSK6Edi2adU86E%2FEfJv3q9Ui6SQXMsWW8vKOgGDMSrD2gAoZQBzCpb8IpdkCli9svNl6kZgKeNBRDurUrhqmSmS6wDqalK3str%2FkpwNeBoNBLyOAqiHeNygrfhLypwL4ypJVatSTV7tsTOLNzNq2JX2GntZ9cM2w9TnyP81o5G9Vfl9U7A%2FY5xKf8ciMSWlqIvbm07yg7niWv8J6RtFcvUbZKUweJ6FNc2mLZBxypFqjNeVs6bQ1rWo%2FBPdJmrPIzVwnYfW1hFfCTGAH%2Bb9Muh5kBP86xnvl5Ew10UB0OB431yc1rzO2wtLT1WkNZBgiroKx5CPS0xKhAKL7tg%2FKhE%2BJgXhSICyFQM9Ap1stwBgVaXBwaJVnGR7uVj%2BFvU%2BBQHDXMrUpEaSP9LnTDpU5z50bkRAER0hlvg%2BdXWc3roPCcTKzij%2BUHBjSqsnxOBKBJP5jmZO%2FcgQlTsqt5SNdc7MNNDWAU6vJNiYTQ8Cgo0A6lDLY0dF%2B0%2FUxF3LAdK6lFbaWG9R2xQKqGWLHK8IfkRfMyrHG7y5Xpf31VDY03g8G2RcOc%2FkH0w%2F%2FGoyOK9XWTFZcaTYXvCXSME6PKZccZE%2FNl8uPkQGY6%2FKPGicuk5ZuInvu%2F31nZftZ6n0AiZ1ik9wO2p8CPtSYZIYS%2BFXgOE2Jvh7HKVc6%2BXjS1B%2BENf3OjXnHlsXJ%2BqMyLJSOvVL6OziVa0fRwiDYz1flxBnw7EC0Gt09EJ58DkIn%2FV7Sc7xxG76JAn1N07aKh9aK%2BQperuYE118EbDKlwoMREYWRxGYKD9V5%2FOuMyNZXw07u16xYvFS7yA26jaPiiZmVGoRRtl6XDshWyfYVDmSSt4WwHP0hwd5%2FROfq%2FWTX0E5gzgmiz6j8Dr1vGAk%2BbQ130lAK1dqB6yKHN%2BD5%2FATyo8imqleOBPj%2FcQAQdnhCcjTs%2BAMl2jqUONTYEwifycLob3y2ZnN84MvAUHs1srL2b4NdRx8ehg1eDPPmB2%2BQee3A1wiI14v75p5Kns5v7AGgKKIbS04Y6%2BbwNrtlstfwEbgCQDrK%2F4rQq12JXkvSjqHWw7XYMjCK55DHQElSd1feMsr3G1g8UTxriA8yt%2FpEoavd993xqDGnjNUl1LrCJ%2FI7jKVm8HB4iueuiGu2uSFn%2Bfg09OclKtHFcktxrDjGm2ewXwmTXaHJEpH7lkLas9ysSxDMT7uKPcxw6A1QWYXoyfbsfDrfFCx%2BoqIS7kK0flXpels2Ek6TVq0CKPyG8Q1alBjYp5UgaSaDEWZhbCNvaxhtUMp1wkNlzLxoymfwuALkD6c8WDV1iTZzvcTQN68FYlz7FM3ChWgCVPbmpAa2tVEyPUWJzQlHGkkT5PQgDRprK1FAq60beWLvCGXoJQYLEWeGyNO%2FDmq76Bo05IjBe25f0Q1Hw9AptvERQ%2FA0p62dEThDlzkuSy4GDhB%2BLADTA6CTsgpyS6KqH3BeaiYV9kO7SYpSMgWUypafdhmivUkCMkFiQc9N94c9oeeS4TUnudd78QgdWb8al8p1%2FYH2PrzyJ0FQxHV7BtpYStwx%2BJj0Ossn%2Fs2wPpnLx9FFbUCe1KGQUf5z9jdGJU7uyRKL0Dk78skMEzakrve2rWNvO9HFTM9TJu04AucalsDA%2BYx%2BaNgSCRKVVCldMqsLbvaiqnL7WI22VbhCWzvep43YpImXJNfQrRHxigZtr34JBWncqfzIh%2Fg%2BwhoaaTthHsbLrzIFW0enOOMT2eZH5%2BjnqcsjuMi0VkVig2a5LkpJcKv2aYdp8LDm6BpCV5R2y51dR7XyhdA18WYR2fbqo1n2aTVz3i5kF3rUvinDrbQjvMz0uNx3aO0BtonRzv%2FSI7umAnncqLxdHos5e6m8%2Bh7i2V3PObVZAT3kwYHizAqIISGfULSPoTZ3xCwutYKqVOso3QYgyB0HMq7WWdPr%2F%2BZCQxKEocDdOz5EWB%2BQ8lP2v2guxgcgefC72PY3AoS29gL2VjpT1MsGIgOJjsDVZlm2l%2FKYf9xGN4nk7svE8kxg%2FBloPBjAltPefmoj4e4l%2FU%2FUAo8hE4gngL6mAe58vkxxDZGckiJYCTelM4nh0EHcmWTFfJruw8SaRKUZlSMV38Y5BJLWqkSs%2BiMSnUVHV8IWUAhEisI34%2FqrXNPUyq4tfPjFI3AkmKsOe0F8QuLBCGCUhFgeWxIvPqVc00AD8LhduIWeT5aMNFJv8C2cg9ggwkUvtelf3WAzl%2F2XAYHi8r6GuC%2FHCiJMXI1P9qsgNWPKh%2B96UlyWxVMUwj9jZKAJEAdsDWw8Zzj4Fe9uxSP3e34hYMmE7renqEjAnZf5ROXiL7lkejg9EBg7VPaQagdYYlg1Yn%2BY0ElItq7cPdTzIt4c7D7xR7cqA2pZqmCBiLFoX2Qz0R4froNq4mcBT%2F9Rpu%2BF4XnFgQf4%2BnvnOZAm4OznkbCj2PSFYsR8LDRSGGw3qWg1pc8xPpiHbksalSOIrtm8vaUTuKowhf8LpZ4%2FtD7sntgkeAGml41Cllj0DLI1dbH5llNaGwcJ7Ayskd2L8UrLAaNjaPeajPtYmsvZaDVqvB0vzSoW%2BrrcPgMVE2cqved4rxqe8BB6HZUtCAUVBOInZ64QtX31udCm84ky156K1KKEHA5dZsdse9Ijx3J49I5ljDcCnDW08Wj9DURgJzARJ9ArOuDFix4POo68SgqcxyFkRkVGy96sckN9ZqkziOlLJGP5lsHLBTkK2PvtFw2mu9voo7WVEyDflWQmhsALBEuov4qVweM3%2BsOZQCjKjKnUqLytbr34%2B4%2BxaDxiY4rLY9v%2Bv8ekIZ%2BilcDo5%2FXvbLiPRzPXN3r1Vv%2B4FIF6ap%2F8XXfzLM4Xa%2BorVb%2FBti8ATW4vvuUXsvMn1kyjRvNFBTzn4CWCCxBSPyJdaGf7IThsd005pDUdfwuKElsCJ%2FVyjUxEI5zQJZK37cpS%2BQ16YN0799WidsbACwQI9sggkVcdu%2F328UBLRSpowszL9HFP%2B7STTQXoQ19aZm1Hfm3eGwnMD%2BT2KO72n%2FeWibYVii14uGNYM4P66m%2FE9AN20EUe3%2FQ1W5drfE2zUWEA%2B4FoC%2F4PKtCbBP2VN7lro8a4b2O3ymgFW3GI%2BoxNv20oYffd2lgb8ZbxIFYwiggJpW8okm%2F7HyNz1Y2%2BX7DdsYp5v9MMLyRCcapTx5O9HW89x79a7UXXOKYHegekV5MX6b563JvLrTN7izoX3pIatUnL%2FG6yzk2uRtAUdkesOjEg1KCHyvtO4Qdg5oGfjebJrjGs2xbRNne9PZyQBJG3qa%2Bp%2FATEeM0ndl3UEujAUjkpU1ZdBNBx7XEd5iScJoTpMkOgyj6apyQC7sqcyXVQMBTsaMgfMDLWoI9mdT77COc4O%2FrPEQFBrz2qCH9T9UoPWWbt3%2BTztshQRHQMoGzOgh%2BsfK%2BH4NmwPb3vngzHIjVzuSFd1D9Drtj9vWcE%2FovpMwtxK%2FmsMT%2FFSkyn%2FmZ4CGHC%2FAkQ1SR4mEJzuoWA22RrLXls0dYXXga53xftFT%2Beidl0i3%2F37%2F3ECiq0wMWodmJdL8%2FilF4q3sv%2F%2BMciNWCYkQ6IjHhxg3QcLCtmn2RHzXQvwFrmf1ZO2DIqbat%2FWLe3cI%2FpVxvaTxjBaU7CsOd5nRxBP8RdC7HJm6zCQuJgBNOiI7F7llMqMKAHrAoQ0TK0FIcpTrk678PeoH4QyXYVqm89%2Btt5kDknRR9e0SBzokL7unuMZn9MCG1U5EkO6K8mv%2Fkt0cf5yztFksWnvG8abeu41sfbFHmNdqW2asZnCG%2F3xf%2Bk%2BW4aHFLA1QnAWHXpDKBBy%2F7lt%2B17N6c32sOCCAKzcdAESD0LNW1Fxy%2F11O%2Fd3B7ObCXA3s58B7lwH8DmerXXwV%2BlMUAAAAASUVORK5CYII%3D);
  background-size: 100% 100%;
}
.sms .mobile-logo.tmobile {
  height: 25px;
  width: 48px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAyCAIAAAAsvEmTAAAFvklEQVQYGe3BT2zedQHH8ffn%2B%2Fv9nqdrn61sozHMbtVlgH%2ByTQyy4SY6DyKE7CAHwgm9EEWzCBzAgwcPRk6amCxRT15FD6AhUUnQE8TDQpSEw0KGugELY2yjpe3z%2FL6%2F78e2a7e2T%2FvwPO1MeJq%2BXrLNptUFNnUU2NRRYFNHgU0d5bRxM37wo7%2Fp%2FDRBQcwwc2wWCDAWywhsEJ2kpF2NoWeOKQ987Mk2S6Urzct7f5O9%2FwFkYEDIGAQJonECEwpyEyAZgYVMqkiBShgykZsgbBDXxPSJ7cNnHg2DBR97OW1cJtUyKCBjjiGgimbMi%2FDlseLYntpnb2ZXY%2Brxl4pT75pCGBAxHR7b8sxR3p6Ir1%2Bs%2Fn42vfxOSBEKsVhQPSMm%2BkFOG6dEMohZEjapJOmh2xtPHq5%2FaZeYNzVShwoCIJSwbhkY%2FOoYcwytV85N%2Fvwf6Q9v5AQTAIGRY3Ks6Ac5bRxNNHOETaqGstrJexuPHGARA5UNBoGxsaJZIKjfPVr7%2FejEb%2F8Zv%2F9imDQEY4HLKrWqjD4QaKMqqTKzBK4GwsCzxxuPHGBNBFu%2FfbD%2Bu%2BNxoAIzS6lZVVORfhBo16ocE0i4olX87J7B%2B%2FexEiHRlcEHbit%2Bck%2BiJcSMZJLpB4E2qRWJCTClD%2B1unLiT7kmsovHEIX9xl2kBilakLwTapOkqxSSUYOCpuxTEqswyZjUhD%2FWn7krMUplCM9IPAm2qiZKqElXau2Pgm3vpRPRiywP7PLYDKiozWdEPAm1kQ6qIxX2fClsKOjHLmdWFwSL7xh4ThdNUST8ItMmSBEbF18bolURHxdf3JAIky%2FSDQLtWJUgDtXz%2FCDdavn%2FEec0QTF8ItEmTLYhh52D2yQY3Wti9jZEBKD0Z6Qc5bbSz7j3DaWybGjU%2Bgkxvsq31NNoIReXhgn6Q02bgK2PFa4%2BmqVLceBLDz30rDNXCcJ1%2BkLOSbFs921bn%2F6PYtZX%2BEdjUUWBTRzltpl45O%2FnTl6XMzBIYRGR0ePsv71URWGAMiHkCm8WqZrz0g7%2BEdz60gphnsOPQj49uOTRK11JZXTrxV86Ni8AcM6tyHHz67sbRMbrmVrx04kW%2FNQ5BYGYJKuLQ00cGj%2BxmkZx2%2Fx3PXzgtcjNLyMyI1S07%2BYUpuEaIjlKs%2FMcz%2BbtXTCbEHONE9He%2BwCG655j03H%2By8%2B9BLmYZA6KVHvocR%2Bleiuj5f2fnL0IuMAYEpvTD%2BznCYjkrMTkUzDECjMJQjaVMF4YKKCAzYp5BykVPhBoZFJCbqyxmmCLQCwkNFVBAbmYYMAhCkbFUThsnQCAWEZi1EAKBuE6snbhO5irTI4MQ88QcsYLAOigLbHSBFRhEG9MmF4sYJJYxKxKInlggViTRGwvTnZxVievMSlxWdMHMEEuYtRPrJRAIxFJmuZx2ZUo0A4kFwpA80WSZxEcwTDRh2mQQWGBKykRv7PGWaULFIqZFWdET4%2FESpiFnEdOkrFgqp03Yf3N48nAIOdcI2%2FnIILnoRVbL8yfu0IVpFMRVYkaqwme204uQh%2ByHB7kwJYk5BgEp5vtH6IVqyh4%2F4AuTUgDMDAlIMXx%2BJ0vJNmtiuHTfs9mfz0DBnERLx2%2B76fkH2UAC66CMGWaeALPBBNbBbHw56yKxwQXWo0xmKbHBBNbBMbKEHBMbS2AdNFGBQFxzsWU2lMBauRnDe00xw8xSIOPCh25GNpDAWsU3LqVzVyDjusxvjcc3L7OBBNZq6uSroVUascA4NFtTJ19lA5FtepFaVXn6%2FemTp9Kv%2FpURjFggVGGI4XsHB757R3H7zlDP6XOyTRcu%2F%2FpU%2BtPpbFrp3LjfHA%2BtZqBmViCcaLko0qd3ZKONtMXF%2Ffu2PnYn%2FSmnO9VLZ%2FXCa4kaZIEMlGiyEoOxyjI%2F%2FbZPGybT1kEeo0%2FldKf24K3pphpZEbDpxCgwwyAgq8ri2Bh9S7bZtLrApo4Cmzr6H%2FlWYialTOAbAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}

.box.accept-terms {
  height: 500px;
  overflow: overlay;
}

@media (max-width: 767px) {
  #terms-page .container.box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0;
    border-radius: 0;
  }
  #terms-page .container.box:nth-child(2) {
    box-shadow: 0 0 0 0;
  }
  #terms-page--content {
    font-size: 0.9em;
    text-align: justify;
  }
  #terms-page--content h2 {
    font-size: 1em;
  }
  #terms-page--content table tbody {
    text-align: left;
    word-wrap: break-word;
  }
  #terms-page--content table tbody tr > td:last-of-type {
    word-break: break-word;
  }
}
#terms-page--content img {
  max-width: 100%;
}

#users-new .user_photo .hint, #user-edit .user_photo .hint {
  margin-bottom: 16px;
}

#users-new .header {
  padding: 2em;
  margin-top: 20px;
}
#users-new .ui.text.container.box {
  margin-top: 20px;
}
#users-new .content {
  padding: 30px;
}
#users-new .sp-button.green {
  margin-top: 20px;
}
#users-new .boolean .input {
  min-height: auto;
}
#users-new hr.with-margin {
  margin: 16px 0;
}

@media (max-width: 767px) {
  #user-edit .advanced-setting .ui.grid > .row {
    padding-top: 0;
    padding-bottom: 0;
  }
  #user-edit .advanced-setting .ui.grid > .row > .column {
    padding: 5px !important;
  }
  #user-edit .advanced-setting .ui.grid > .row > .column:first-child {
    padding-top: 1rem !important;
  }
  #user-edit .advanced-setting .ui.grid > .row > .column:last-child {
    padding-bottom: 1rem !important;
  }
}
@media (max-width: 767px) {
  #user-edit #save-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000;
    background: #ffffff;
    padding: 15px 0;
  }
}

#users-show .tabs {
  margin-top: 50px;
}
#users-show .user-header {
  background: linear-gradient(30deg, #3CAA0D 0%, #11A694 100%);
  color: #ffffff;
  position: relative;
}
#users-show .user-header .infos {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#users-show .user-header .infos .header h1 {
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  #users-show .user-header .infos .header h1 {
    text-align: center;
    margin-bottom: 0.5em;
  }
}
#users-show .user-header .infos .stats {
  display: flex;
  width: 100%;
  align-items: center;
  bottom: 1em;
  padding-right: 1em;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #users-show .user-header .infos .stats {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
}
#users-show .user-header .infos .stats .stat {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#users-show .user-header .infos .stats .stat:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 1199px) {
  #users-show .user-header .infos .stats .stat:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  #users-show .user-header .infos .stats .stat:not(:last-child) {
    margin-right: 10px;
  }
}
#users-show .user-header .infos .stats .stat.transparent {
  color: rgba(255, 255, 255, 0.7);
}
#users-show .user-header .infos .stats .stat .label {
  text-transform: uppercase;
  font-size: 0.8em;
}
@media (max-width: 767px) {
  #users-show .user-header .infos .stats .stat .label {
    font-size: 0.7em;
  }
}
#users-show .user-header .infos .stats .stat .value {
  font-size: 1.5em;
  font-weight: bold;
}
@media (max-width: 991px) {
  #users-show .user-header .infos .stats .stat .value {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  #users-show .user-header .infos .stats .stat .value {
    font-size: 1.2em;
  }
}
#users-show .user-header .infos .stats .stat .value a {
  color: #ffffff;
  display: inline-flex;
}
#users-show .user-header .infos .stats .stat .value a i.icon {
  font-size: 0.8em;
}
#users-show .user-header .avatar {
  text-align: right;
}
@media (max-width: 767px) {
  #users-show .user-header .avatar {
    text-align: center;
  }
}
#users-show .user-header .avatar img {
  width: 100%;
  max-width: 140px;
  border-radius: 10px;
  vertical-align: top;
}
#users-show .user-certificate {
  margin: 1rem auto -1.5rem auto;
  max-width: 45%;
}
#users-show .user-certificate .row {
  padding-left: 1rem;
  padding-right: 1rem;
}
#users-show .user-certificate .download-text {
  font-weight: bold;
  text-align: left;
  margin-top: -0.5rem;
  margin-bottom: -1rem;
}
@media (max-width: 1199px) {
  #users-show .user-certificate {
    min-width: 50%;
  }
}
@media (max-width: 991px) {
  #users-show .user-certificate {
    min-width: 65%;
  }
}
@media (max-width: 767px) {
  #users-show .user-certificate {
    max-width: 100%;
  }
}
#users-show .monochrome {
  filter: grayscale(100%);
}

#users-payments hr, #users-fundraises hr {
  margin: 30px 0;
}
#users-payments .column, #users-fundraises .column {
  flex-direction: row;
}
#users-payments .sp-user-payment-box, #users-fundraises .sp-user-payment-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
#users-payments .sp-user-payment-box > a, #users-fundraises .sp-user-payment-box > a {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
#users-payments .sp-user-payment-box .image, #users-fundraises .sp-user-payment-box .image {
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
}
#users-payments .sp-user-payment-box img, #users-fundraises .sp-user-payment-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
}
#users-payments .sp-user-payment-box h4, #users-fundraises .sp-user-payment-box h4 {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0 15px;
  text-align: center;
  color: #1274c3;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#users-payments .sp-user-payment-box .amount, #users-fundraises .sp-user-payment-box .amount {
  font-size: 2em;
  color: #00801c;
  line-height: 1.5em;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
}
#users-payments .sp-user-payment-box .amount.gray, #users-fundraises .sp-user-payment-box .amount.gray {
  color: #757575;
}
#users-payments .sp-user-payment-box .when, #users-fundraises .sp-user-payment-box .when {
  text-align: center;
  color: #757575;
  padding: 0 10px 5px;
  font-size: 0.8em;
}
#users-payments .sp-user-payment-box .link, #users-fundraises .sp-user-payment-box .link {
  position: absolute;
  background: rgba(0, 0, 0, 0.35);
  display: block;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 10px 5px;
  text-align: center;
  font-size: 0.9em;
  border-top-right-radius: 10px;
  transition: all 0.2s ease-in;
  width: 70px;
}
#users-payments .sp-user-payment-box .link:hover, #users-fundraises .sp-user-payment-box .link:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
#users-payments .sp-user-payment-box .link i, #users-fundraises .sp-user-payment-box .link i {
  display: block;
  font-size: 1.8em;
  margin: 0;
  width: auto;
}
#users-payments .sp-user-payment-box .link.edit, #users-fundraises .sp-user-payment-box .link.edit {
  bottom: 0;
  left: 0;
}
#users-payments .sp-user-payment-box .monochrome, #users-fundraises .sp-user-payment-box .monochrome {
  filter: grayscale(100%);
}

.user-profile-credit-cards .card-details {
  display: flex;
  flex-direction: column;
}
.user-profile-credit-cards .add-card-hint {
  color: #6C6C6C;
  font-size: 14px;
  padding-top: 16px;
}
.user-profile-credit-cards .credit-card {
  overflow: hidden;
}
.user-profile-credit-cards .credit-card .card-info {
  display: flex;
  align-items: center;
}
.user-profile-credit-cards .credit-card .card-info .logo {
  margin-right: 15px;
}
.user-profile-credit-cards .credit-card .card-info .number {
  font-size: 1.05em;
  margin-bottom: 4px;
}
.user-profile-credit-cards .credit-card .card-info .number span {
  color: rgb(193.5, 193.5, 193.5);
}
.user-profile-credit-cards .credit-card .card-info .expires {
  color: #00801c;
  font-size: 0.9em;
}
.user-profile-credit-cards .credit-card .card-info .expires.expired {
  color: #ba0000;
}
.user-profile-credit-cards .credit-card .hint {
  color: #757575;
  font-size: 14px;
  margin-top: 16px;
}
.user-profile-credit-cards .credit-card .buttons {
  text-align: center;
}
@media (max-width: 767px) {
  .user-profile-credit-cards .credit-card .buttons .sp-button.with-icon {
    font-size: 1em;
    padding-left: 40px;
  }
}
.user-profile-credit-cards .credit-card .buttons a {
  margin: 3px 6px;
}
.user-profile-credit-cards .credit-card .buttons a:first-child {
  margin-left: 0;
}
.user-profile-credit-cards .credit-card .buttons a:last-child {
  margin-right: 0;
}

#users-fundraises .column {
  flex-direction: row;
}
#users-fundraises .column .monochrome {
  filter: grayscale(100%);
}

#user-deletion-confirmation .deletion-info {
  display: flex;
  flex-direction: column;
}
#user-deletion-confirmation .deletion-info h2 {
  margin: 0.5em 0;
}
#user-deletion-confirmation .deletion-info .information {
  padding: 0 1em;
  margin-bottom: 2em;
  text-align: center;
  font-weight: bold;
}

.needyRegistrationBox ul {
  margin-block-start: 0;
  padding-left: 1.5em;
}
.needyRegistrationBox .box {
  margin-top: 1em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .needyRegistrationBox .box {
    border-radius: 0;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .needyRegistrationBox .box .form-section-separator {
    margin: 0 2em;
  }
}
.needyRegistrationBox__footer {
  margin-bottom: 0;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 2em;
}
.needyRegistrationBox__footer .sp-button {
  margin-left: auto;
}
.needyRegistrationBox__footer--withFillLater .sp-button {
  margin-left: 0;
}
@media (max-width: 767px) {
  .needyRegistrationBox__footer--withFillLater .sp-button {
    margin-left: auto;
  }
}
.needyRegistrationBox__footer--withCenteredButton .sp-button {
  margin: auto;
}
@media (max-width: 767px) {
  .needyRegistrationBox__footer--mobileColumnReverse {
    flex-direction: column-reverse;
    justify-content: center;
    height: 120px;
    padding-bottom: 0.5em;
  }
  .needyRegistrationBox__footer--mobileColumnReverse .sp-button {
    margin: 1em auto 1em;
    font-size: 1em;
  }
}
.needyRegistrationBox__fillLater {
  margin: 0 40px 0 auto;
}
@media (max-width: 767px) {
  .needyRegistrationBox__fillLater {
    margin: 0;
  }
  .needyRegistrationBox__fillLater i.icon {
    display: none;
  }
}
.needyRegistrationBox__fillLater--alone {
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .needyRegistrationBox__fillLater--alone {
    margin: auto;
  }
}
.needyRegistrationBox__columnContainer {
  display: flex;
  margin: 2em 0 !important;
}
.needyRegistrationBox__iconContainer {
  width: 100px;
  height: 100px;
  background: #DBECD7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-right: 2em;
  align-items: center;
}
.needyRegistrationBox__iconContainer img {
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  .needyRegistrationBox__iconContainer img {
    max-height: 80%;
  }
}
.needyRegistrationBox__rightColumn {
  flex-basis: 100%;
}
@media (min-width: 620px) {
  .needyRegistrationBox__actionBox {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .needyRegistrationBox__actionBox {
    margin-left: -2em;
    margin-right: -2em;
  }
}
@media (min-width: 767px) {
  .needyRegistrationBox__actionBox .sp-button {
    min-width: 370px;
  }
}
@media (max-width: 767px) {
  .needyRegistrationBox__actionBox .sp-button {
    min-width: 310px;
  }
}
.needyRegistrationBox__verificationLogo {
  margin-top: 1em;
}
.needyRegistrationBox__verificationText {
  display: inline-block;
  text-align: left;
  padding: 15px 5px;
}
@media (max-width: 767px) {
  .needyRegistrationBox__verificationText {
    max-width: 315px;
  }
}
.needyRegistrationBox__verificationBanks img {
  padding: 5px;
  max-width: 315px;
}
.needyRegistrationBox__exitVerificationLink {
  margin: 1.5em;
}
.needyRegistrationBox__header .needyRegistrationBox__iconContainer {
  display: none;
}
@media (max-width: 991px) {
  .needyRegistrationBox__header {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
  }
  .needyRegistrationBox__header .needyRegistrationBox__iconContainer {
    display: flex;
    flex-shrink: 0;
    margin-right: 1em;
    height: 50px;
    width: 50px;
  }
  .needyRegistrationBox__header .needyRegistrationBox__title {
    margin: 0;
  }
}
.needyRegistrationBox__title {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 1em;
}
.needyRegistrationBox__subtitle {
  padding-bottom: 1em;
}
.needyRegistrationBox__bottomLink {
  font-size: 0.8em;
  display: inline-block;
  position: relative;
  top: 1.7em;
}
.needyRegistrationBox .authologic-select-wrapper {
  margin: 0 !important;
}
.needyRegistrationBox__warningBox {
  margin: 2em;
  font-size: 15px;
}
.needyRegistrationBox__warningBox .box-icon {
  border-right: none !important;
  padding: 0 !important;
}

.needyRegistrationTerms .label {
  min-height: auto !important;
}
@media (max-width: 991px) {
  .needyRegistrationTerms .label {
    display: none !important;
  }
}
.needyRegistrationTerms .input {
  min-height: 30px !important;
}
@media (max-width: 767px) {
  .needyRegistrationTerms .input {
    min-height: 43px !important;
  }
}

.needyRegistrationMediaUploader__reminder {
  color: #757575;
  font-size: 0.8em;
  margin-bottom: 1em;
}
.needyRegistrationMediaUploader__box {
  background-color: #EEF6EC;
  min-height: auto;
}
.needyRegistrationMediaUploader__box .dz-default.dz-message, .needyRegistrationMediaUploader__box .dropzone .dz-preview .dz-default.new-file, .dropzone .dz-preview .needyRegistrationMediaUploader__box .dz-default.new-file {
  color: #00801c;
  font-size: 0.9em;
}
.needyRegistrationMediaUploader .dropzone {
  min-height: unset;
  background-color: #EEF6EC;
}
.needyRegistrationMediaUploader .dropzone .dz-preview {
  background: #f9fcf4 !important;
}

.needy-terms__accept-all-component__select-all.wrapper {
  margin: 1.2em 0;
  padding-bottom: 1.2em;
  border-bottom: 1px solid rgb(193.5, 193.5, 193.5);
}
.needy-terms__accept-all-component__select-all.wrapper .input {
  margin: 0;
  height: 25px;
}
.needy-terms__accept-all-component__select-all.wrapper .input i::before {
  color: #00801c;
}
.needy-terms__accept-all-component__select-all.wrapper .input i.checked:before {
  font-family: "Icons";
  content: "\f14a";
}

.needy-terms__general-information {
  text-align: justify;
}
.needy-terms__general-information__section:not(:last-child) {
  margin-bottom: 1em;
}
.needy-terms__general-information ol {
  margin-top: 5px;
  margin-bottom: 0;
}

.panelNeedyAttachmentsStateComponent__icon--negative {
  color: rgb(186, 0, 0);
}
.panelNeedyAttachmentsStateComponent__icon--pending {
  color: rgb(255, 204, 7);
}
.panelNeedyAttachmentsStateComponent__icon--positive {
  color: rgb(126, 174, 42);
}

.panelPersonVerification {
  border: 1px solid rgb(244.5, 244.5, 244.5);
  padding: 5px;
  border-radius: 10px;
}
.panelPersonVerification:not(:last-child) {
  margin-bottom: 10px;
}
.panelPersonVerification__generalTable {
  margin-bottom: 0 !important;
}
.panelPersonVerification__showDetailsTrigger {
  font-size: 0.7em !important;
  padding-bottom: 0 !important;
  display: inline-block;
}
.panelPersonVerification__details {
  padding-top: 5px !important;
}
.panelPersonVerification__details-table--collapsing {
  width: auto !important;
}
.panelPersonVerification__details-table--collapsing th, .panelPersonVerification__details-table--collapsing td {
  padding: 0.4em 0.7em !important;
}
.panelPersonVerification--alternative:not(:last-child) {
  margin-bottom: 15px;
}
.panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(1) {
  width: 80px;
}
.panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(2) {
  width: 110px;
}
.panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(3), .panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(4) {
  width: 200px;
}
.panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(6), .panelPersonVerification--alternative .panelPersonVerification__generalTable thead th:nth-of-type(7) {
  width: 120px;
}

.sidebar-icon {
  width: 1em;
  height: 1em;
  margin-right: 0.25rem;
  vertical-align: -0.125em;
  display: inline-block;
  fill: currentColor;
}

.panelSubmissionQuestions {
  margin: 0;
  line-height: 1.7em;
}
.panelSubmissionQuestions dt:not(:first-of-type) {
  margin-top: 5px;
}
.panelSubmissionQuestions {
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
}

.panel-standard-table.ui.table th, .panel-standard-table.ui.table td {
  text-align: left;
}
.panel-standard-table thead th,
.panel-standard-table tbody td {
  height: 50px;
}
.panel-standard-table tbody tr td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}

.warning-callout {
  display: flex;
  align-items: center;
  border-radius: 14px;
}
.warning-callout--inline {
  display: inline-block;
  margin-left: 100px;
  font-weight: bold;
  margin-bottom: 16px;
}
.warning-callout--inline.red {
  color: #CD141A;
}
.warning-callout.yellow {
  border: 2px solid #ffcd09;
  background: #fff8e6;
}
.warning-callout.red {
  border: 2px solid #CD141A;
  background: #FFF1F2;
}
.warning-callout.red .content,
.warning-callout.red .content p {
  color: #CD141A;
}
.warning-callout .content {
  color: #1b1c1d;
}
.warning-callout .content .header {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 6px;
}
.warning-callout .content p {
  font-size: 14px;
  color: rgba(27, 28, 29, 0.7);
  font-style: italic;
}
.warning-callout .content .callout-link {
  font-size: 14px;
  font-weight: bold;
}

.showMoreBoxComponent {
  position: relative;
}
.showMoreBoxComponent__textBox {
  border: 1px solid #00801c;
  border-radius: 10px;
  padding: 1em 1em;
  font-size: 0.8em;
  color: #757575;
  height: 125px;
  overflow: hidden;
  transition-property: height;
  transition-timing-function: ease-in-out;
}
.showMoreBoxComponent__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.showMoreBoxComponent__footerGradient {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  height: 50px;
}
.showMoreBoxComponent__footerTrigger {
  background: #ffffff;
  display: flex;
  align-items: center;
}
.showMoreBoxComponent__footerTrigger span {
  font-size: 0.625em;
  cursor: pointer;
  color: #1274c3;
  margin: 0 10px;
}
.showMoreBoxComponent__footerTrigger span:hover {
  color: #0063b5;
}
.showMoreBoxComponent__footerTrigger span i.icon {
  margin-right: 0;
}
.showMoreBoxComponent__footerLine {
  display: block;
  flex-grow: 1;
  background-image: linear-gradient(to right, #1274c3, #ffffff);
  height: 1px;
}

/**
 * This file sets CSS styles for V4 react components, which are embedded with
 * React On Rails.
 *
 * NOTE: The content of this file should match the content of the
 * `frontend/app/common/styles/theme/animations.ts` file.
 */
@keyframes fade-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-scale-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes modal-scale-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes modal-slide-in {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes modal-slide-out {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes skeleton-fade-opacity {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.75);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in-vertical {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-out-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-in-horizontal {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-out-horizontal {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes heartbeat {
  0%, 20%, 40%, 100% {
    transform: scale(1.2);
  }
  10%, 30% {
    transform: scale(1.3);
  }
}
@keyframes appear-slide-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**
 * This file sets CSS styles for V4 react components, which are embedded as
 * islands in the Rails server-side rendered pages.
 *
 * NOTE: The content of this file should match the content of the
 * `frontend/app/common/styles/theme/global.ts` file (without `html` and `body`
 * styling), except that the scope of these styles should be limited to elements
 * containing the "data-react-component" attribute.
 *
 * `:where` selector is used to target only `[data-react-component]` elements,
 * but without increasing specificity of styles.
 */
:where([data-react-component]) *,
:where([data-react-component]) *::before,
:where([data-react-component]) *::after {
  box-sizing: border-box;
}

:where([data-react-component]) {
  color: #404040;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif; /* ${fontFamily.primary}, Arial, Helvetica, sans-serif */
  font-size: 16px; /* ${fontSize.$16} */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-synthesis: none;
  font-weight: 400; /* ${fontWeight.regular} */
  text-size-adjust: 100%;
}

:where([data-react-component]) a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

:where([data-react-component]) button {
  padding: 0;
  border: none;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
}

:where([data-react-component]) input,
:where([data-react-component]) textarea,
:where([data-react-component]) select,
:where([data-react-component]) button {
  border-radius: 0;
  color: inherit;
  font: inherit;
}

:where([data-react-component]) input[type=checkbox] {
  background: transparent;
}

:where([data-react-component]) summary[role=button] {
  cursor: pointer;
}

:where([data-react-component]) option {
  font-weight: 400; /* ${fontWeight.regular} */
}

body {
  --layout-spacing: 16px;
  --header-height: 55px;
}
@media (min-width: 768px) {
  body {
    --layout-spacing: 20px;
    --header-height: 80px;
  }
}
@media (min-width: 1440px) {
  body {
    --header-height: 88px;
  }
}

/**
 * This file sets CSS styles for V4 react components, which are embedded as
 * islands in the Rails server-side rendered pages.
 *
 * NOTE: The content of this file should match the content of the
 * `frontend/app/common/styles/theme/reset.ts` file (without `html` and `body`
 * styling), except that the scope of these styles should be limited to elements
 * containing the "data-react-component" attribute.
 *
 * `:where` selector is used to target only `[data-react-component]` elements,
 * but without increasing specificity of styles.
 *
 * Additionally, file contains reset fallback for browsers, which not supports
 * `:where`. These styles contains such minimum resetting styles, which does
 * not break components by overriding styles with higher specificity.
 */
:where([data-react-component]) div,
:where([data-react-component]) span,
:where([data-react-component]) applet,
:where([data-react-component]) object,
:where([data-react-component]) iframe,
:where([data-react-component]) h1,
:where([data-react-component]) h2,
:where([data-react-component]) h3,
:where([data-react-component]) h4,
:where([data-react-component]) h5,
:where([data-react-component]) h6,
:where([data-react-component]) p,
:where([data-react-component]) blockquote,
:where([data-react-component]) pre,
:where([data-react-component]) a,
:where([data-react-component]) abbr,
:where([data-react-component]) acronym,
:where([data-react-component]) address,
:where([data-react-component]) big,
:where([data-react-component]) cite,
:where([data-react-component]) code,
:where([data-react-component]) del,
:where([data-react-component]) dfn,
:where([data-react-component]) em,
:where([data-react-component]) img,
:where([data-react-component]) ins,
:where([data-react-component]) kbd,
:where([data-react-component]) q,
:where([data-react-component]) s,
:where([data-react-component]) samp,
:where([data-react-component]) small,
:where([data-react-component]) strike,
:where([data-react-component]) strong,
:where([data-react-component]) sub,
:where([data-react-component]) sup,
:where([data-react-component]) tt,
:where([data-react-component]) var,
:where([data-react-component]) b,
:where([data-react-component]) u,
:where([data-react-component]) i,
:where([data-react-component]) center,
:where([data-react-component]) dl,
:where([data-react-component]) dt,
:where([data-react-component]) dd,
:where([data-react-component]) ol,
:where([data-react-component]) ul,
:where([data-react-component]) li,
:where([data-react-component]) fieldset,
:where([data-react-component]) form,
:where([data-react-component]) label,
:where([data-react-component]) legend,
:where([data-react-component]) table,
:where([data-react-component]) caption,
:where([data-react-component]) tbody,
:where([data-react-component]) tfoot,
:where([data-react-component]) thead,
:where([data-react-component]) tr,
:where([data-react-component]) th,
:where([data-react-component]) td,
:where([data-react-component]) article,
:where([data-react-component]) aside,
:where([data-react-component]) canvas,
:where([data-react-component]) details,
:where([data-react-component]) embed,
:where([data-react-component]) figure,
:where([data-react-component]) figcaption,
:where([data-react-component]) footer,
:where([data-react-component]) header,
:where([data-react-component]) hgroup,
:where([data-react-component]) menu,
:where([data-react-component]) nav,
:where([data-react-component]) output,
:where([data-react-component]) ruby,
:where([data-react-component]) section,
:where([data-react-component]) summary,
:where([data-react-component]) time,
:where([data-react-component]) mark,
:where([data-react-component]) audio,
:where([data-react-component]) video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
}

:where([data-react-component]) :focus {
  outline: 0;
}

:where([data-react-component]) ol,
:where([data-react-component]) ul {
  list-style: none;
}

:where([data-react-component]) blockquote,
:where([data-react-component]) q {
  quotes: none;
}

:where([data-react-component]) blockquote:before,
:where([data-react-component]) blockquote:after,
:where([data-react-component]) q:before,
:where([data-react-component]) q:after {
  content: "";
  content: none;
}

:where([data-react-component]) table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

dialog {
  height: auto;
  max-height: none;
  padding: 0;
  margin: 0;
  color: inherit;
  background: none;
  border: none;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
}

progress::-webkit-progress-bar,
progress::-webkit-progress-value {
  -webkit-appearance: none;
  background-color: transparent;
}

progress::-moz-progress-bar {
  background-color: transparent;
}

ul {
  padding: 0;
  list-style: none;
}

li {
  margin: 0;
}

html,
body {
  min-height: 100%;
}

html.mobile {
  overflow: auto;
}

body {
  background-color: transparent;
  width: 100%;
}

a {
  outline: none;
}

a p {
  color: #323232;
}

.reset-styles p,
.reset-styles span {
  font-family: "Nunito Sans", sans-serif, sans-serif !important;
  font-size: 1rem !important;
  text-align: justify !important;
  line-height: 1.8em;
}
.reset-styles .has-vertical-video {
  background: black;
  border-radius: 10px;
}
.reset-styles video {
  width: 100% !important;
}
.reset-styles iframe {
  display: block;
  width: 100% !important;
  height: 370px !important;
}
@media (max-width: 1199px) {
  .reset-styles iframe {
    height: 300px !important;
  }
}
@media (max-width: 991px) {
  .reset-styles iframe {
    height: 385px !important;
  }
}
@media (max-width: 767px) {
  .reset-styles iframe {
    height: 56vw !important;
  }
}
.reset-styles iframe[data-vertical=true] {
  margin: 0 auto;
  display: block;
  width: 270px !important;
  height: 545px !important;
}
.reset-styles .has-height-ratio {
  position: relative;
}
.reset-styles .has-height-ratio iframe {
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.reset-styles img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  max-height: 450px !important;
  height: auto !important;
  border-radius: 10px !important;
  margin: 0 auto !important;
}

#sp-env {
  position: fixed;
  width: 40px;
  border: 3px solid #ba0000;
  left: 2px;
  top: 2px;
  z-index: 100000;
  padding: 5px;
  pointer-events: none;
  color: #ba0000;
  background: rgba(255, 255, 255, 0.7);
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .tablet-hidden {
    display: none !important;
  }
}

.only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .only-mobile {
    display: block;
  }
}

@media (max-width: 991px) {
  .only-desktop {
    display: none;
  }
}

@media (min-width: 992px) {
  .only-tablet {
    display: none;
  }
}

.hidden {
  display: none;
}

.relative {
  position: relative;
}

.nowrap {
  white-space: nowrap;
}

.prewrap {
  white-space: pre-wrap;
}

.preline {
  white-space: pre-line;
}

.center-text {
  text-align: center;
}

.justify-text {
  text-align: justify;
}

.center-text-last {
  text-align-last: center;
}

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

.left-text {
  text-align: left;
}

.green-text {
  color: #00801c;
}

.gray-text {
  color: #757575;
}

.light-gray-text {
  color: rgb(193.5, 193.5, 193.5);
}

.red-text {
  color: #ba0000;
}

.orange-text {
  color: #e65000;
}

.blue-text {
  color: #1274c3;
}

.bold-text {
  font-weight: bold;
}

.normal-text {
  font-weight: normal;
}

.underline-text {
  text-decoration: underline;
}

.italic-text {
  font-style: italic;
}

.white-text {
  color: #ffffff;
}

.uppercase {
  text-transform: uppercase;
}

.full-width {
  width: 100%;
}

.float-right {
  float: right;
}

.with-shadow {
  text-shadow: 1px 1px 10px #000;
}

.with-top-margin {
  margin-top: 30px;
}

.with-bottom-margin {
  margin-bottom: 1rem;
}

.hover-glow:hover {
  box-shadow: 0 0 10px 4px rgba(74, 160, 64, 0.5);
}

.truncate200 {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hover-scale {
  transition: all 0.2s ease-in-out;
}
.hover-scale:hover {
  transform: scale(1.2);
}

.rounded {
  border-radius: 10px;
}

.scale-image:hover .image img {
  transform: scale(1.1);
}
.scale-image .image {
  transform: translate3d(0%, 0%, 0);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 1;
}
.scale-image .image img {
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: transform 4s;
  backface-visibility: hidden;
  vertical-align: top;
}
.scale-image .image:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.scale-image .image {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

h2.with-line,
h3.with-line {
  color: #00801c;
  display: table;
  white-space: nowrap;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
}
h2.with-line:after,
h3.with-line:after {
  border-top: 1px solid #DBECD7;
  content: "";
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 99%;
}
h2.with-line:after,
h3.with-line:after {
  left: 1.5%;
}
h2.with-line.without-margin,
h3.with-line.without-margin {
  margin-top: 0px;
}
h2.with-line.admin,
h3.with-line.admin {
  color: #1274c3;
}
h2.with-line.admin:after,
h3.with-line.admin:after {
  border-top-color: rgb(169.8591549296, 212.6478873239, 247.1408450704);
}

h2.with-white-line,
h3.with-white-line {
  color: #ffffff;
  display: table;
  white-space: nowrap;
  overflow: hidden;
}
h2.with-white-line:after,
h3.with-white-line:after {
  border-top: 1px solid #ffffff;
  content: "";
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 99%;
}
h2.with-white-line:after,
h3.with-white-line:after {
  left: 1.5%;
}
h2.with-white-line.without-margin,
h3.with-white-line.without-margin {
  margin-top: 0px;
}

h2.with-gray-line,
h3.with-gray-line,
h4.with-gray-line {
  color: #757575;
  display: table;
  white-space: nowrap;
  overflow: hidden;
}
h2.with-gray-line:after,
h3.with-gray-line:after,
h4.with-gray-line:after {
  border-top: 1px solid rgb(193.5, 193.5, 193.5);
  content: "";
  display: table-cell;
  position: relative;
  top: 0.7em;
  left: 1.5%;
  width: 99%;
}
h2.with-gray-line.without-margin,
h3.with-gray-line.without-margin,
h4.with-gray-line.without-margin {
  margin-top: 0;
}
h2.with-margin-top,
h3.with-margin-top,
h4.with-margin-top {
  margin-top: 3em;
}

.load_more {
  text-align: center;
  padding: 1em;
}

.gray-background {
  background-color: rgb(244.5, 244.5, 244.5) !important;
}

.turbolinks-progress-bar {
  background-color: #00801c !important;
  height: 3px !important;
}

.ellipsis {
  line-height: 1.25em;
  text-align: justify;
  height: 5em;
  overflow: hidden;
}

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.word-wrap--hyphens {
  hyphens: auto;
}

#page {
  overflow: hidden;
  background-color: #fbfaf9;
}

#root {
  position: relative;
  /* need to set z-index: 0 to initiate a stacking context and prevent */
  /* children with a negative z-index from hiding below the main background. */
  z-index: 0;
}

@media (max-width: 767px) {
  .ui.container.mobile-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .ui.container .box.mobile-full-width {
    margin-left: -1em;
    margin-right: -1em;
  }
}

.without-header {
  margin-top: -20px;
}

.page-content ul {
  padding: revert;
  list-style: revert;
}