/* This extends the app.css and default bootstrap classes for embedded polls created by display/index */

/* Fontello */
@font-face {
  font-family: "fontello";
  src: url("/fonts/fontello/fontello.eot");
  src: url("/fonts/fontello/fontello.eot") format("embedded-opentype"),
    url("/fonts/fontello/fontello.woff") format("woff"),
    url("/fonts/fontello/fontello.ttf") format("truetype"),
    url("/fonts/fontello/fontello.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
}

.icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Custom CSS */
a {
  color: #288bd1;
  text-decoration: none;
  transition: 0.2s color;
  -webkit-transition: 0.2s color;
  -moz-transition: 0.2s color;
  -o-transition: 0.2s color;
  transition: 0.2s color;
}

a:hover {
  color: #33adff;
}
body {
  padding-top: 0;
  background-color: transparent;
  color: #788288;
  font-size: 13px;
  background: transparent;
  font: normal 14px/1.6 "Libre Franklin", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.53846154;
}
.arrow-outer {
  display: inline-block;
  width: 10px;
  cursor: pointer;
}
.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid #888;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.btn {
  display: inline-block;
  margin-bottom: 5px;
  padding: 10px 12px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: 0.2s background-color, 0.2s box-shadow;
  -webkit-transition: 0.2s background-color, 0.2s box-shadow;
  -moz-transition: 0.2s background-color, 0.2s box-shadow;
  -o-transition: 0.2s background-color, 0.2s box-shadow;
}
.btn:active {
  background-color: #1474b9;
}
.btn-success {
  color: #fff;
  background-color: #1aae88;
  border-color: #1aae88;
}

.btn.btn-primary {
  border: 0px;
  background-color: #0073e6;
  font-weight: 600;
  transition: 0.2s ease-in-out;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #0461cf;
}

.btn.btn-primary:active {
  background-color: #0461cf !important;
}

.btn-default {
  color: #788288 !important;
  background-color: #fcfcfd;
  border-color: #d2dae1;
  border-bottom-color: #cbd5dd;
  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}

.changeAnswersBtn {
  color: #788288 !important;
  background-color: #fcfcfd;
  border-color: #d2dae1;
  border-bottom-color: #cbd5dd;
  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}

.changeAnswersBtn:hover {
  color: #fff !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #788288 !important;
  background-color: #ebeef4;
  border-color: #b9c6d0;
}

.embedded-question-container .social {
  height: 44px;
  margin: 6px 0 8px;
  border-radius: 2px;
}
.embedded-question-container .fb {
  background-color: #4e69a2;
  margin-right: 10px;
  width: 60px;
  font-size: 2em;
}
.embedded-question-container .tw {
  background-color: #55acee;
  margin-right: 10px;
  width: 60px;
  font-size: 2.1em;
}
.embedded-question-container .proj.social {
  margin-left: 8px;
  margin-right: 10px;
  padding: 10px 13px 10px;
  line-height: 1.95em;
  background-color: #6f6f6f;
  color: #fff;
}
.embedded-question-container .viz {
  background-color: #00bcd4;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.6em;
  font-weight: 500;
  font-family: "Libre Franklin", "Gill Sans", "Gill Sans MT", Calibri,
    "Trebuchet MS", sans-serif;
}
.embedded-question-container #viz-btn .icon {
  transform: scale(2);
  margin-right: 1em;
}
.embedded-question-container .social-bar {
  text-align: left;
  line-height: 1.3;
}
.embedded-question-container .bottom-bar {
  width: 100%;
  padding: 1em 10px;
  font-size: 90%;
  text-transform: uppercase;
  line-height: 1.3;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  color: #555555;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.hide {
  display: none;
}
.show {
  display: block;
}

.m-t-sm {
  margin-top: 10px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.text-right {
  text-align: right;
}
.poll-div {
  margin-bottom: 12px;
}

.poll-content-div img,
.pollContentDiv3 img,
.pollContentDiv4 img {
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(118, 118, 118, 1);
}

.border-box {
  box-sizing: border-box;
}

.pointer {
  cursor: pointer;
}

.post-vote-tooltip:last-child {
  border-top: none;
}
.post-vote-tooltip:first-child:last-child {
  border-top: thin solid #cccccc;
}
.embedded-question-container .circular {
  width: 48px;
  height: 48px;
  border-radius: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border: medium solid #019dda;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain !important;
}
textarea,
input,
button {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.btn.active {
  color: white;
  border-bottom-color: transparent !important;
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}
.no_touch .btn:focus {
  color: white;
  text-decoration: none;
  background: #2ab27b;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  outline: 0;
}

.pull-left {
  float: left;
}

.media-body {
  overflow: hidden;
  zoom: 1;
}

.pad-r {
  padding-right: 10px;
}

.pad-40 {
  padding: 0 40px;
}

.pad-45 {
  padding: 0 45px;
}

.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.parsley-errors-list {
  padding: 0 0 0 15px;
  margin-top: 5px;
  margin-bottom: 0;
}
.parsley-errors-list li {
  display: block;
  color: #dd8e00;
}

.parsley-error {
  background-color: #ffefe8;
}

.wrapper {
  padding: 15px;
}

.bg-grey {
  background-color: #fbfbfb;
}

.block {
  display: block;
}
.pull-right {
  float: right;
}
.relative {
  position: relative;
}

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