/* line 6, ../scss/pdd.sass */
header .site-name-title a {
  color: white;
  text-decoration: none;
}

/* line 10, ../scss/pdd.sass */
#logo {
  max-width: 100%;
}

/* line 13, ../scss/pdd.sass */
button.like {
  background-color: white;
  background-image: url("../images/hearts.gif");
  background-position: 0 -30px;
  border: none;
  width: 19px;
  height: 20px;
  cursor: pointer;
  display: inline;
  position: relative;
}

/* line 24, ../scss/pdd.sass */
button.like:hover:after {
  font-size: 115%;
  background: #333333;
  border-radius: 5px;
  color: white;
  left: 22px;
  position: absolute;
  z-index: 98;
  width: 280px;
  content: "Favourite me to save in your profile";
}

/* line 35, ../scss/pdd.sass */
button.unlike {
  background-color: white;
  background-image: url("../images/hearts.gif");
  background-position: 0 0;
  border: none;
  width: 19px;
  height: 20px;
  cursor: pointer;
}

/* line 44, ../scss/pdd.sass */
.hidden {
  display: none;
  visibility: hidden;
}

/* line 49, ../scss/pdd.sass */
.func li {
  display: inline;
}

/* line 53, ../scss/pdd.sass */
a #like:hover:after {
  font-size: 110%;
  background: #333333;
  border-radius: 5px;
  color: white;
  position: absolute;
  z-index: 98;
  width: 140px;
  text-align: center;
  content: "Like this move";
}

/* line 64, ../scss/pdd.sass */
.delete_button {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("../images/redcross_small.png");
  right: 0;
  cursor: pointer;
}

/* line 74, ../scss/pdd.sass */
.move_item:hover .delete_button {
  display: block;
}

/* line 77, ../scss/pdd.sass */
.rotate-left, .rotate-right {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

/* line 84, ../scss/pdd.sass */
.rotate-left {
  background-image: url("../images/rotate-left-icon.png");
}

/* line 87, ../scss/pdd.sass */
.rotate-right {
  margin-left: 50px;
  background-image: url("../images/rotate-right-icon.png");
}

/* line 91, ../scss/pdd.sass */
img.r90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 94, ../scss/pdd.sass */
img.r180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 97, ../scss/pdd.sass */
img.r270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 100, ../scss/pdd.sass */
img.r0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 104, ../scss/pdd.sass */
.move_approve_container img {
  display: block;
  clear: both;
}

/* line 108, ../scss/pdd.sass */
.radio_container {
  height: 32px;
  padding: 0;
  float: left;
  border: none;
}
/* line 114, ../scss/pdd.sass */
.radio_container .left_edge, .radio_container .right_edge {
  height: 32px;
  width: 11px;
  float: left;
}
/* line 119, ../scss/pdd.sass */
.radio_container .separator {
  width: 18px;
  height: 32px;
  float: left;
}
/* line 124, ../scss/pdd.sass */
.radio_container label {
  width: 150px;
  height: 32px;
  line-height: 32px;
  float: left;
  cursor: pointer;
  text-align: center;
}

/* line 132, ../scss/pdd.sass */
.progression input[type='radio'] {
  position: absolute;
  left: -999em;
}

/* line 136, ../scss/pdd.sass */
.progression input[type=submit] {
  display: none;
}

/* line 139, ../scss/pdd.sass */
.radio_container {
  width: 100%;
}
/* line 141, ../scss/pdd.sass */
.radio_container label {
  width: calc(33% - 18px);
}

/* line 144, ../scss/pdd.sass */
.mdl-card__supporting-text {
  width: auto;
}

/* line 148, ../scss/pdd.sass */
.mdl-color--primary h2 {
  color: white;
}

/* line 151, ../scss/pdd.sass */
.personal_data .info, .notification .info {
  width: 20px;
  height: 20px;
  float: left;
  margin: 6px 0 5px 15px;
}

/* line 157, ../scss/pdd.sass */
.info.success {
  background-image: url("../images/success_20x20.png");
}

/* line 160, ../scss/pdd.sass */
.info.error {
  background-image: url("../images/redcross_small.png");
}

/* line 163, ../scss/pdd.sass */
.info.progress {
  background-image: url("../images/ajax-loader_20x20.GIF");
}
