﻿.poll-overview {
  width: 100%;
}
.poll-overview .holder {
  max-width: 588px !important;
}
.poll-overview .title {
  text-align: center;
}
.poll-overview .title img {
  box-shadow: none;
}
.poll-overview .poll-author {
  color: #627281;
  font: 13px/20px;
  border-top: 1px solid #dae4ee;
  padding: 11px 0;
}
@media (min-width: 768px) {
  .poll-overview .poll-author {
    font-size: 14px;
    padding: 15px 0;
    margin-bottom: 10px;
  }
}
.poll-overview .poll-author .name {
  font-family: "arimobold", sans-serif;
}
.poll-overview .poll-item {
  width: 50%;
  margin-bottom: 20px;
  display: inline-grid;
}
.poll-overview .poll-item .poll-image img {
  width: 100%;
}
.poll-overview .poll-item.selected img {
  border: 2px solid #000000;
}
.poll-overview .poll-item.selected button {
  background: #ffffff url("../../images/check.png") 50% 50% no-repeat;
}
.poll-overview .poll-item.selected button .icon {
  display: none;
}
.poll-overview .poll-item.selected .poll-image .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.poll-overview .poll-item.pool-item-big {
  width: 100%;
}
.poll-overview .poll-item.col-6, .poll-overview .poll-item.col-12 {
  padding: 0 10px;
}
.poll-overview .poll-image {
  position: relative;
}
.poll-overview .poll-image button {
  position: absolute;
  right: 11px;
  bottom: 11px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  background-color: #fde85e;
  border-width: 0;
  filter: drop-shadow(0px 3px 2px rgba(38, 42, 53, 0.17));
}
.poll-overview .poll-image button:disabled {
  background-color: #e1eaf3;
}
.poll-overview .poll-image button .icon {
  background: linear-gradient(#000, #000), linear-gradient(#000, #000);
  background-position: center;
  background-size: 50% 2px, 2px 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto;
}
.poll-overview .poll-image button:focus {
  border-width: 0;
}
.poll-overview.only-image-poll .poll-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.poll-overview.image-text-poll img {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.poll-overview .poll-item .item-result {
  position: absolute;
  right: 10px;
  bottom: 10px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-color: #fde85e;
  border-width: 0;
  filter: drop-shadow(0px 3px 2px rgba(38, 42, 53, 0.17));
  text-align: center;
  font: 400 14px/28px "arimobold", sans-serif;
}
@media (min-width: 768px) {
  .poll-overview .poll-item .item-result {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 18px;
  }
}
.poll-overview .poll-item.pool-item-big .item-result {
  right: 10px;
  bottom: 10px;
}
.poll-overview.image-text-poll .poll-text {
  border-radius: 0 0 8px 8px;
  background: #ffffff;
  box-shadow: 0 4px 10px 0 rgba(141, 176, 211, 0.2);
  font: 400 18px/22px "arimobold", sans-serif;
  padding: 15px 18px;
}
@media (min-width: 768px) {
  .poll-overview.image-text-poll .poll-text {
    padding: 30px 26px;
  }
}
.poll-overview.only-text-poll .poll-image {
  display: none;
}
.poll-overview.only-text-poll .poll-item {
  width: 100%;
  margin-bottom: 0;
  border-radius: 5px;
  margin-bottom: 10px;
}
.poll-overview.only-text-poll .poll-item .poll-text button, .poll-overview.only-text-poll .poll-item .poll-text .result {
  border: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  min-height: 88px;
  box-shadow: 0 4px 10px rgba(141, 176, 211, 0.2);
  background-color: #ffffff;
  font: 400 18px/22px "arimobold", sans-serif;
  padding: 18px 0;
  width: 100%;
  text-align: inherit;
  outline: none;
}
.poll-overview.only-text-poll .poll-item .poll-text .counter {
  width: 73px;
  display: inline-block;
  color: #30323f;
  font: 400 50px/50px "narkisblockmf_condensedbold", sans-serif;
  border-left: solid 4px #fde85e;
  margin-left: 25px;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.poll-overview.only-text-poll .poll-item.selected {
  box-shadow: 0 5px 15px rgba(141, 176, 211, 0.5);
  border: 3px solid #262a35;
}
.poll-overview.only-text-poll .poll-item.selected button {
  background: none;
}
.poll-overview .btn-submit {
  margin: 30px auto 0 auto;
  display: block;
}
.poll-overview .btn-submit:disabled {
  background-color: #e1eaf3;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/poll.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIA;EACI;;AAEA;EACI;;AAGJ;EAKI;;AAJA;EACI;;AAMR;EACI,OCZS;EDaT;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;IACA;;;AAGJ;EACI,aCeO;;ADXf;EACI;EACA;EACA;;AAGI;EACI;;AAKJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAMJ;EACI;EACA;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;;AAKR;EACI;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBCzEM;ED0EN;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBC9HM;ED+HN;EACA;EACA;EACA;;AAEA;EAbJ;IAcQ;IACA;IACA;IACA;;;AAKJ;EACI;EACA;;AAMR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAMR;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAII;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;;AAQhB;EACI;EACA;;AAEA;EACI%22%7D */