/* -----------------------------------------------------------------------------
Engine:      Gametize
Author:     Gametize Pte Ltd
Description:  Claim challenge popup with feedback
----------------------------------------------------------------------------- */

/* CLAIM CHALLENGE */
/* Quiz Options */
.claimchallenge-quizoption { font-size : 1em; font-weight : normal; text-align : left; }
.claimchallenge-quizoption-multi {
  background : #ddd; color : #292929; text-align : left; padding : 10px; outline : none;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  border-radius : 10px;
}
.claimchallenge-quizoption-multi.selected { background: #d3e678 }

/* Multifield */
.claim-field-wrap { display : block; margin-bottom: 15px }
.claim-field-title, .claim-field-entry { display : block }
.claim-field-title { font-weight: bold }
.claim-field-entry {
  background : #f4f4f4; padding : 8px; min-width : 150px; min-height: 24px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* CLAIM CHALLENGE FEEDBACK */
.claimchallengefeedback-popup { width : 500px; background : #292929 }
  .claimchallengefeedback-popup h2 { font-size : 1.5em }
  .claimchallengefeedback-popup h5 { margin-bottom : 16px }
  .claimchallengefeedback-claimimage-wrap { text-align : center }
  .claimchallengefeedback-itemimage, .claimchallengefeedback-claimimage { max-width : 180px }
  .claimchallengefeedback-segment { border-top : 1px dashed #666; padding-top : 20px; padding-bottom : 20px }

  .feedback-icon { background-image : url(/images/core/consumer/game/claimfeedback/feedback_sprite.png); display : inline-block; width : 30px; height : 30px; vertical-align: middle; margin-right : 5px !important }
    .feedback-icon.points { background-position : 0 0 }
    .feedback-icon.quiz { background-position : -30px 0 }
    .feedback-icon.wins { background-position : -60px 0 }
    .feedback-icon.unlocked { background-position : -90px 0 }
    .feedback-icon.message { background-position : -120px 0 }

@media screen and (max-width: 767px) {
  .claimchallengefeedback-popup h2 { font-size : 1.25em }
}