.SurveyRunBackground {
position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  
  background: url('http://www.questionpro.com/userimages/sub-3/2509909/bg-hotel1.jpg') no-repeat center center fixed;
  background-color: rgba(0,0,0,0.66);
  background-size: 100% 100%;   
  
  
  

  
}

.SurveyRunBody{
/*
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  padding: 0; 
-webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; */
  background: rgba(0, 0, 0, 0);
  
}

.SurveyContentNew {
  background-color:rgba(0,0,0,0);
  height:100%
}

.SurveyContentNew textarea,.SurveyContentNew input,.SurveyContentNew select,.SurveyContentNew option {
  font-size:10pt;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  color:#000000
}

.SurveyContentNew a,.SurveyContentNew a:visited,.SurveyContentNew a:link,.SurveyContentNew a:hover {
  color:#000000
}

.newSurveyLogoContainer {
  
  
  
  
  
  
}

.newSurveyQuestionsTable {
  
  
  
  
}

.QuestionDescription,.QuestionText,.AnswerText,.AltQuestionText,.AltAnswerText,.SurveyHeader,.SurveyFooter,.QuestionError,.SurveyValidation,.SurveySectionHeading,.SurveySectionSubHeading,.SurveySectionHeadingSmall{
  font-size:10pt;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  color:#fff;
  -webkit-text-size-adjust: none;
}

.QuestionDescription,.QuestionText {
  font-weight:bold;
 font-size:1.5rem;
}

.SurveyTop {
  margin-top:10px
}

.SurveyTopToolbar {
  margin-top:65px
}

.QuestionDescription {
  padding-top:3px;
  padding-bottom:3px
}

.AltQuestionText {
  background:#f5f5f5
}

.AltAnswerText {
  //background:#f5f5f5;
  //color:#555555
}

.SurveyHeader {
  font-weight:bold;
  padding-bottom:15px;
}

.SurveyFooter {
  text-align:center;
}

.QuestionError {
  color:#cc0000;
}

.SurveyQuestionErrorBox {
  background:#ffebe8 url(/images/alert_error.gif) no-repeat scroll left center;
  border-color:#cc0000;
  color:#660000;
  border:1px solid #cc0000;
  font-size:10pt;
  font-weight:bold;
  margin-bottom:5px;
  margin-top:5px;
  padding:5px 5px 5px 30px;
  text-align:left
}

.SurveyValidation {
  color:#FF3330 !important
}

.SurveyTipContent {
  padding:5px 3px 5px 2px
}

.SurveySectionHeading{
  font-size:14pt !important;
  color:#555555 !important;
  font-weight:bold;
  background-color:#ffffff;
  padding:5px 3px 5px 2px
}

.SurveySectionSubHeading{
  font-size:14pt !important;
  font-weight:bold;
  padding:5px 3px 5px 2px
}

.SurveySectionHeadingSmall{
  font-weight:bold
}

.SurveyDivider {
  //border-bottom:1px solid #cccccc
}

.SurveyHighlight {
  background-color:#ffffcc;
  cursor:pointer;
  cursor:hand
}


.SurveyTableHeader {
  padding:2px 8px 2px 8px;
  text-align:center
}

.SurveyTableGrid {
  margin:2px 0px 5px 0px;
  border-collapse:collapse
}

.SurveyTableGrid th{
  border:1px solid #ccc;
  padding:2px 4px 2px 4px;
  background:#f5f5f5;
  text-align:center
}

.SurveyTableGrid td {
  border:1px solid #ccc;
  padding:3px 4px 3px 4px
}

.SurveyTableNoGrid td {
  border:none
}

.SurveyVoteUp {
        background:url('/images/ideascale/vote_up.png') center left no-repeat;
        text-align:left
}

.SurveyVoteDown {
        background:url('/images/ideascale/vote_down.png') 100% no-repeat;
        text-align:right
}

.SurveyNoVote {
        background:none;
        text-align:center;
}

.iconLink{
  font-size:8pt;
  vertical-align:middle;
  color:#3252b2
}

a.iconLink,a.iconLink:visited,a.iconLink:link{
  text-decoration:none;
  color:#3252b2
}

a.iconLink:hover {
  text-decoration:underline
}

.dashboard {
  background-color:#999999;
  color:#FFFFFF;
  float:left;
  padding:8px;
  border-radius: 5px;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif
}

.dashboardTitle {
  font-size:10px;
  margin-bottom:5px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif
}

.dashboardContent {
  font-size:70px;
  font-weight:bold;
  text-align:center;
  margin-bottom:-10px;
  color:#fff;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif
}

.shadowedBox,.shadowedBoxIE{
  display:none;
  position:absolute;
  margin-left:-16px;
  margin-top:-2px;
  z-index:1000
}

.shadowedBoxBody {
  font-family: "Lucida Grande", Verdana, sans-serif;
  border:solid 2px #333333;
  background-color:white;
  padding:10px;
  font-size:10pt;
}

.shadowedBoxBody {
  border-radius: 5px;
  border:solid 1px #565656 !important;
box-shadow:0 0 30px #000000 !important
}

.position-fixed-top {
  position:fixed !important;
  top:0;
  left:0
}

.position-fixed-center {
  position:fixed !important;
  top:50%
}
.position-fixed-bottom {
  position:fixed !important;
  bottom:0;
  left:0
}

.SurveyReport {
  background-color:#707070
}

.SurveyReportQuestionTotalRow {
  background-color:#707070;
  border-left:1px solid #707070;
  border-right:1px solid #707070;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif
}


.doneNew div,.doneNew td,.doneNew p,.doneNew span,.doneNew a {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif
}

.doneNew a {
  text-decoration:none
}

.tick{
  background:url("/images/tickII.gif") no-repeat left center;
  padding-left:23px;
  font-size:16px;
  margin-bottom:7px;
 color:white;
}

.freeSignupButton {
  background:url("/images/signupbuttons/sign-up-for-free.png") no-repeat top left;
  height:42px;
  width:140px;
  border: 0;
  cursor:pointer;
  cursor:hand
}

.freeSignupButtonHover {
  background:url("/images/signupbuttons/sign-up-for-free-hover.png") no-repeat top left;
  height:42px;
  width:140px;
  border: 0;
  cursor:pointer;
  cursor:hand
}

.allRoundCorners {
  border-radius:5px
}

.OptionHover {
  //background-color:#d5effa;
  //cursor:pointer
}

.newMatrixHover {
  background:#d5effa
}

.OptionHighlight,.OptionHighlight div {
  //color:#555
}

a.scalePeg,a.scalePeg:visited {
  background:url("/images/slider/newSliderPeg.png") no-repeat;
  height:19px;
  width:14px;
  display:block;
  text-decoration:none;
  position:relative;
  top:-2px;
  cursor:pointer;
  z-index:2
}

a.scalePeg:hover {
  background:url("/images/slider/newSliderPeg.png") no-repeat;
  display:block;
  text-decoration:none;
  height:19px;
  width:14px;
  cursor:pointer
}




.newSliderScaleValueBox {
  color:#fff;
  background:#a2a2a2;
  background-image:linear-gradient(to top, #a8a8a8 80%,#4a4a4a);
  font-size:11px;
  position:relative;
  white-space:nowrap;
  border-radius:3px;
  height:18px;
  line-height:17px;
  margin:0 5px !important;
  min-width:24px;
  padding:0 3px
}

.control_top {
  float:left;
  position:absolute;
  padding-left:60px;
  padding-top:5px
}

.control_bottom {
  float:left;
  position:absolute;
  padding-left:60px;
  padding-top:5px
}

.control_text_div_left {
  float:left
}

.control_text_div_right {
  float:right
}

.shadowedBoxBodyTitleBar {
  background:-moz-linear-gradient(center top, #737172, #717171) repeat scroll 0 0 #717171;
  background:-webkit-gradient(linear, center top, center bottom, from(#737172), to(#717171));
  background:#717171;
  margin:-10px -10px 8px -10px;
  height:30px;
  cursor:move;
 border-radius: 3px 3px 0px 0px;
}

.shadowedBoxBodyTitleBar .leftDiv {
  padding: 0 0px 0px 10px;
}

.shadowedBoxBodyTitleBar .closeButton {
  padding-top:3px;
}

.starNotSelected {
  background:url("/images/starrating/star_rating_not_selected.png") no-repeat 0 0 transparent;
  height:16px;
  width:16px;
  display:block;
  text-decoration:none;
  cursor:pointer
}

.starSelected {
  background:url("/images/starrating/star_rating_selected.png") no-repeat 0 0 transparent;
  height:16px;
  width:16px;
  display:block;
  text-decoration:none;
  cursor:pointer
}

.starHovered {
  background:url("/images/starrating/star_rating_selected.png") no-repeat 0 0 transparent !important;
  height:16px;
  width:16px;
  display:block;
  cursor:pointer;
  text-decoration:none
}

.starNotHovered {
  background:url("/images/starrating/star_rating_not_selected.png") no-repeat 0 0 transparent !important;
  height:16px;
  width:16px;
  display:block;
  cursor:pointer;
  text-decoration:none
}

.dragNDropContainer {
  background-color:none repeat scroll 0 0 #F6F6F6;
  border:1px solid #cccccc;
  border-radius:5px 5px 5px 5px;
  margin-bottom:5px;
  opacity:1;
  width:74%;
  max-width:480px;
  display:block
}

.dragNDropContainer:hover {
  background:#eeeeee
}

.dragNDropDotsImg{
  padding-left:8px;
  padding-top:5px
}

.dragNDropOptionText {
  float:left;
  padding-left:6px;
  padding-top:14px;
  padding-bottom:14px;
  position:inherit;
  width: 97%;
  max-width:360px;
  word-wrap: break-word;
  font-size: 9pt;
  font-weight: normal;
}

.dragNDropRankText {
  background:url("/images/drag-n-drop-round.png") no-repeat;
  height:28px;
  width:27px;
  text-align:center;
  color:#555555 !important;
  padding-left:1px;
  padding-right:23px
}

.dragNDropHand {
  padding-top:15px;
  cursor:url("/images/addquestion/grab.png"),move;
  list-style:none
}

.dragNDropGrabbed {
  cursor:url("/images/addquestion/grabbing.png"),move
}

.sortingList {
  list-style:none;
  padding-left: 0;
  padding-bottom: 0
}

.sortingList li{
  cursor:url("/images/addquestion/grab.png"),move;
  list-style:none;
  padding-left: 0;
  padding-bottom: 0
}

.sortingList li.ui-sortable-helper {
  cursor:url("/images/addquestion/grabbing.png"),move
}

.newFreeHeaderBar {
  font-family:Arial,Helvetica,sans-serif;
  color:#ffffff;
  font-size:8pt;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
  background-color:#0e254f;
  height:44px;
  border-bottom:1px solid #ADADAD;
  right:0;
  z-index:1000
}

.newFreePoweredText {
  font-size:11px;
  color:#bbb;
  position:relative;
  top:-3px
}

.newFreeHeaderLogo {
  position:relative;
  top:3px;
  padding-left:8px;
  padding-right:13px
}

.newSurveyContainerTablePadding{
  margin-bottom:70px;
  margin-top: 100px;
}

.newSurveynameContainer,.newSurveynameContainerWithoutLogo {
  padding:8px 0;
  background-image:linear-gradient(to top, #8d8d8d 20%,#c0c0c0);
  height:40px
}

.newSurveynameContainer .newSurveyTitle,.newSurveynameContainerWithoutLogo .newSurveyTitle {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-weight:bold;
  text-shadow:0px 0px 0px #fff;
  font-size:18px;
  color:#555;
  padding: 0 18px 0px 18px
}

.newSurveynameContainerWithoutLogo .newSurveyTitle {
  padding:14px 18px
}

.newSurveyTitle {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-weight:bold;
  text-shadow: 0 0px 4px rgba(2,3,3,0.75);
  font-size:18px;
  color:#fff;
  padding:14px 18px
}
.newSurveyExitSurveyContainer[style] {
 float: right;
  position: absolute;
}


a.newSurveyExit:link,a.newSurveyExit:visited {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-size:12px;
  color:#0073c9 !important;
  font-weight:bold;
  text-decoration:none;
  padding-left: 0;
  padding-right:13px
}

a.newSurveyExit:hover {
  text-decoration:underline
}

.newSurveyExitArrow {
  position:relative;
  top: 0
}

a.newSurveyBack:link,a.newSurveyBack:visited {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-size:12px;
  color:#0073c9 !important;
  font-weight:bold;
  text-decoration:none;
  padding-left:13px;
  padding-right: 0;
  line-height: 55px;
}

a.newSurveyBack:hover {
  text-decoration:underline
}


.newSurveyProgressText {
  opacity: 0;
  color:#707070;
  font-size:11px !important;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif !important;
  font-weight:normal;
  text-align:right;
  line-height:8px;
  padding-left:5px;
  padding-right: 5px;
  padding-bottom:3px
}

.newSurveyFooterTable {
  background-image:url("/images/run/themev1/header-gray-bg.png");
  background-repeat:repeat-x;
  display:table !important;
  height:35px;
  visibility:visible !important;
  right:0;
  z-index:100
}

.newSurveyShareTD{
  padding-left:20px
}

.newSurveyShareText {
  color:#555555;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8pt;
  font-weight:bold;
  position:relative;
  top:2px
}

.newSurveyShareIcons {
  position:relative;
  top:2px;
  padding-right:4px
}

.newSurveyFooterLogo {
  position:relative;
  top:3px;
  left: 0
}

.newSurveyProgressBarTableBottom {
  padding-right:9px;
  padding-left:16px
}

.newSurveyValidation {
  color:#BE1C22;
  font-size:13.5px;
  font-weight:bold;
  padding-left:19px;
  padding-top:24px
}

.SurveyContentNew textarea {
    border:solid 1px #bbb;
    box-shadow: 0 0 5px #ccc inset;
}

.SurveyContentNew input {
  padding-left:2px;
  padding-bottom:3px
}

.SurveyContentNew input[type="text"], .SurveyContentNew input[type="password"] {
  padding-left:2px;
  padding-bottom:3px;
  border:solid 1px #bbb;
box-shadow: 0 0 5px #ccc inset;
  font-family: arial;
}

.newSurveyQuestionErrorBox {
  background:#fff url(/images/run/error-icon.png) no-repeat scroll 8px 5px;
  color:#ff3330;
  font-size:12px;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  margin-bottom:5px;
  margin-top:5px;
  padding:3px 5px 3px 26px;
  text-align:left;
  border-radius:3px;
  background-color:#fff;
  box-shadow:0 0 5px #ff3434;
  border:solid 1px #ff5656
}

.SurveyBottomToolbar {
  margin-top:25px;
  width:930px
}

.newSurveyLogoContainer {
  padding-top:35px;
  padding-bottom:30px
}



.rowHeightColor {
  height:25px;
  color:#555555
}

.newMatrixPadding{
  border-radius: 0 !important;
}

.newNPSTable {
  border:1px solid #cfcfcf;
  margin:10px 0 5px !important
}

.newNPSHeader {
  background-color:#dddddd;
  box-shadow:0 0 0 1px rgba(0,0,0,0.05),inset 0 2px rgba(255,255,255,0.28);
  background-image:linear-gradient(to top, #c6c6c6 20%,#dddddd);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#c6c6c6',GradientType=0 );
  height:30px
}

.newNPSScores {
  background: #eeeeee url("/images/run/themev1/newNPSScores.gif") repeat top left scroll;
  border:1px solid #cfcfcf;
  height:25px
}

.newNPSSelect {
  background-color:#f6f6f6;
  border:1px solid #cfcfcf;
  height:25px;
  padding-left:10px
}

.newNPSSelect:hover {
  background-color:#d5effa
}

.newNPSText {
  color:#555555;
  font-weight:normal;
  padding-left:13px;
  padding-right:13px
}

.newSBSHeading{
  background: #dddddd url("/images/run/themev1/newSBSHeading.gif") repeat top left scroll;
  border:1px solid #d0d0d0;
  height:30px
}

.newSBSTopHeading {
  background: #c5c5c5 url("/images/run/themev1/newSBSTopHeading.gif") repeat top left scroll;
  height:28px;
  color:#ffffff
}

.newSBSScales {
  background: #efefef url("/images/run/themev1/newSBSScales.gif") repeat top left scroll;
  border:1px solid #d0d0d0;
  height:25px
}

.newSBSSelect {
  background-color:#f6f6f6;
  border:1px solid #d0d0d0;
  height:25px
}

.newSBSSelect:hover {
  background-color:#d5effa
}

.newSBSNoBorder {
  border:none !important
}

.newSBSHeadingText {
  color:#555555;
  font-weight:normal
}

.newSBSWidth {
  width:25%;
  word-wrap:break-word;
}

.newSliderBar {
  border-radius:7px;
  background:#e8e8e8;
  border-top:1px solid #bfbfbf;
  height:7px
}

a.newSliderScalePeg,a.newSliderScalePeg:visited {
  background:url("/images/slider/newScalePeg.png") no-repeat;
  display:block;
  height:18px;
  width:12px;
  text-decoration:none;
  position:relative;
  top:-2px
}

a.newSliderScalePeg:hover {
  background:url("/images/slider/newScalePeg.png") no-repeat;
  display:block;
  height:18px;
  width:12px;
  text-decoration:none;
  position:relative;
  top:-2px
}

.newSliderHeight {
  height:27px !important
}

.innerShadowThankYou{
    /*-webkit-box-shadow: 0 0 5px #000000 inset;
    -moz-box-shadow: 0 0 5px #000000 inset;
    box-shadow: 0 0 5px #000000 inset; */
}

.thankYouSubmit {
    background-color: #1f7fc0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.4), inset 0 2px rgba(255,255,255,.4);
    border: solid 1px #1677b3 !important;
    background-image: linear-gradient(to top, #218ad5, #43b5db) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b5db', endColorstr='#218ad5') !important;
    cursor: pointer;
    min-width: 85px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0,0,0,.22);
    border-radius: 3px !important;
    padding: 1px 12px !important;
    height: 34px !important;
    line-height:34px;
}

.thankYouSubmit:hover {
    color: #fff !important;
    background: #43b5db !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b5db', endColorstr='#43b5db');
    text-shadow: 0 1px rgba(0,0,0,.22);
    border-radius: 3px;
}

.horizontalTopPadding {
  padding-top:7px
}

.EditPageLayout {
    border:1px solid #cccccc;
    box-shadow: 0 0 2px 2px #CCCCCC inset;
}

.singleLine {
  border-bottom:1px solid #ccc;
  margin-bottom:5px
}

.newSurveyTitle>hr {
  display:none
}

.Pointer {
  cursor:pointer
}

.imageToppadding {
  margin-top:15px
}

.link_blueText a {
  color:#BBBBBB;
  font-size:12px;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-weight:bold;
  padding-top:5px
}

.textBoxBottomPadding {
  padding-bottom:6px !important
}



.newSurveynameContainer,.newSurveynameContainerWithoutLogo {
  display: none;
  background-color:#ffffff;
  
  
  background-size:100%;
  background-image:linear-gradient(#ffffff,#ffffff);
  box-shadow:0 0 0 0px transparent;
  border-width:0px 0px 1px 0px;
  border-color:#d5d5d5;
  border-style:solid
  
  
}

.newSurveynameContainer .newSurveyTitle,.newSurveynameContainerWithoutLogo .newSurveyTitle {
  color:#555;
  text-shadow:0px 0px 0px #fff;
  font-weight:bold
}

.newSurveynameContainer {
  
  
}

.v1ProgressAlign {
  padding-bottom: 0px !important;
  color: #413F3F;
  font-family: arial;
  font-size: 9pt;
}

.QuestionDescription,.QuestionText,.AltQuestionText,.AltAnswerText,.SurveyHeader,.SurveyFooter,.QuestionError,.SurveyValidation,.SurveySectionHeading,.SurveySectionSubHeading,.SurveySectionHeadingSmall{
  color:#
}

.AnswerText {
  color:#ffffff
}
.AltAnswerColor {
  color:#555555;
}

.QuestionText {
  
}

.newSurveyContainerTable {
  
  
  
  
  
}

.SurveyContentNew {
  
  
}

.radioTextValign {
  
}

.checkBoxTextValign {
  
}

.smileyBackground {
   background:#F6F6F6;
}

.smileyData {
  text-align:center !important;
  padding:20px 20px 10px 20px;
}


.smileyMobileData {
  text-align:center !important;
  padding: 4px 2px 2px 2px;
}


.lookupTableTextFieldSpan {
    background: url(/images/lightdownarrow.png) no-repeat center;
    width: 15px;
    height: 20px;
    float: right;
    position: relative;
    cursor: pointer;
    right: 20px;
    top: 3px;
}

.lookupTableTextFieldSpan:hover {
    background: url(/images/down-arrow.png) no-repeat center;
}

.lookupTableTextFieldSpanLeft {
    background: url(/images/lightdownarrow.png) no-repeat center;
    width: 15px;
    height: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    left: 20px;
    top: 3px;
}

.lookupTableTextFieldSpanLeft:hover {
    background: url(/images/down-arrow.png) no-repeat center;
}

.rewardDiv {
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding:30px 0px;
    font-size:16px;
    border:1px solid #B8B8B8;
    margin-top:50px;
    margin-bottom:15px;
}

.rewardHeading {
    font-size:30px;
    font-weight:normal;
    color:#172F4B;
}

.rewardSubHeading {
    font-size:26px;
    font-weight:bold;
    color:#172F4B
}

.rewardMessage {
    font-size:12px;
    padding-top:37px;
}

.rewardSeparator {
    border:1px solid #1276C2;
    margin:12px 0px;
    width:260px;
}

.couponHeading {
    color:#1276C2;
    font-weight:bold;
}

.couponDetails {
    font-size:12px;
    text-align:center;
    padding-bottom:25px;
    width:250px;
}

.rewardScoreBox {
    margin: 0 0px 20px 0px;
    padding:10px;
    width:150px;
    font-weight:bold;
}

.rewardWin {
    background: #0293FE;color:#ffffff;
}

.rewardLoose {
    border:1px solid #1A2D55;
}

.rewardCouponBackground {
    background:#FBFEF5;
}
.rewardCouponOuterBorder {
    border:1px solid #363634;
    margin-top:25px;
    width:375px;
}

.rewardCouponInnerBorder {
    border:1px dashed #363634;
    padding:10px;
    margin:10px;
}

.container {
    width: 930px;
    margin: auto;
    border-bottom: 8px solid #2096FA;
}

.contlogo {
    background-image: url("/images/run/background-giant.png");
    padding-top: 15px;
    padding-bottom: 5px;
}

.sub {
  background-color: #2096FA;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 0px 1px #000000;
}

.sub img {
    display: inline-block;
    margin-bottom: -1px;
    margin-left: 1px;
    vertical-align: bottom;
}

.centralcontent {
  background-color: #FFFFFF;
  padding-top: 28px;
}

.list {
  display: block;
  margin: auto;
  padding-left: 310px;
}

.list ul {
  text-align: left;
  display: block;
  padding-bottom: 7px;
}

.list ul li {
  color: #6B6B6B;
  list-style: none;
  background: url("/images/run/check-giant.png") 0px top no-repeat;
  padding-left: 35px;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  vertical-align: top;
}

.watermarkDiv {
    position:absolute;
    text-align:center;
    font-size:100px;
    padding-top:350px;
    color:#172F4B;
}

.rotateText {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.voteLike {
    background:#F6F6F6 url(/images/vote/0.png) center 20px no-repeat!important;
}
.voteLike:hover {
    background:#D3DAE2 url(/images/vote/s_0.png) center 20px no-repeat!important;
    cursor:pointer
}
.voteLike.voteLikeSelected {
    background:#D3DAE2 url(/images/vote/s_0.png) center 20px no-repeat !important;
}


.voteHate {
    background:#F6F6F6 url(/images/vote/1.png) center 25px no-repeat !important;
}
.voteHate:hover {
    background:#D3DAE2 url(/images/vote/s_1.png) center 25px no-repeat !important;
    cursor:pointer
}
.voteHate.voteHateSelected {
    background:#D3DAE2 url(/images/vote/s_1.png) center 25px no-repeat !important;
}

.bluebutton {
    font-family: 'lucida grande',arial,verdana,sans-serif !important;
    font-size: 15px!important;
    font-weight: bold !important;
    color: #fff !important;
    border-radius: 3px !important;
    background-color: #1f7fc0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 1px rgba(255,255,255,.4) !important;
    border: solid 1px #1677b3 !important;
    background-image: linear-gradient(to top, #218ad5, #43b5db) !important;
    padding:10px 10px!important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#218ad5', endColorstr='#43b5db');
    margin-top: 0px;
    text-decoration:none;
    text-shadow:1px 1px 0px #333333;
    cursor: pointer;
    margin-right: 7px;
    display: inline-block;
}

.disabledButton {
    background: #ccc !important;
    color: #999 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.question-tip {
  background-image: url("/images/tips.png");
  background-repeat: no-repeat;
  background-color: transparent;
  float: left;
  height: 17px;
  width: 20px;
}

table {
  border-collapse:initial !important;
}

form {
  margin: 0;
}

.footerTextSpan a:link {
   color:#ffffff;
}

/*------------------------- STORE LOCATOR CSS -------------------------*/

.sl_search_box {
    overflow:hidden;
}
.sl_search_box label {
  display:inline-block;
  text-align: right;
  width: 60px;
}
.sl_search_box input {
    width:70%;
    display:inline-block;
}

.sl_search_button_box {
  overflow:hidden;
    display:inline;
}
.sl_search_button_box label {
  width: 60px;
  display: inline-block;
}
.sl_search_button_box span {
  width: 70%;
  display: inline-block;
}

.sl_no_result_found {
  background: whiteSmoke;
  height: 90%;
  margin: 5px;
  padding: 8px;
  border-radius: 3px;
}
.sl_no_result_found span {
  font-weight: bolder;
  font-style: italic;
}

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

.step_count_outer {
  float: left;
  width: 80%;
  height: 38px;
  border: none;
}
.storeDisplay {
  border-radius: 3px;
  background-color: #F9F9F9;
  margin: 5px 8px;
  cursor: pointer;
  padding: 10px;
}

.storeSelected {
  color: white;
  text-decoration: none;
  background-color: #199AE4;
  border-radius: 3px;
  border-color: #35ACDF;
  padding: 10px;
  cursor: default;
  margin: 5px 8px;
  line-height: 1.5;
}

.sl_search_results {
  overflow: auto;
  height: 260px;
  margin: 3px 0px 6px 0px;
}

.sl_selected_stores_outer {
  vertical-align: top;
  margin: 5px 0px;
 border-radius: 3px 0px 0px 3px;
}

.sl_search_results_outer {
  vertical-align: top;
 border-radius: 0px 3px 3px 0px;
}

.sl_count {
  padding: 3px 7px;
  background-color: whiteSmoke;
  color: black;
  border-radius: 99px;
}

.sl_current_selection {
  font-size: 16;
  font-weight: bolder;
  padding: 2px 0px 4px 8px;
  text-decoration: underline;
}

.search_criteria_outer {
  text-decoration: none;
  background-color: whiteSmoke;
  border-radius: 3px;
  padding: 10px;
  cursor: default;
  margin: 5px 8px;
}
/*------------------------- STORE LOCATOR CSS END -------------------------*/


/*------------------------- CONJOINT CSS -------------------------*/

.conjoint-discrete-choice .floatLeft {
  float:left;
}

.conjoint-discrete-choice .column-outer {
  margin:10px 10px 0px 10px;
  width:90%;
}

.conjoint-discrete-choice .title_arrow {
  background:url(/images/arrow.jpg) right center no-repeat;
}

.conjoint-discrete-choice .top_td {
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-top-left-radius:6px;
  -moz-border-top-right-radius:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background:#FFF;
}

.conjoint-discrete-choice .mid_td {
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background:#FFF;
}

.conjoint-discrete-choice .bottom_td {
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
  background:#FFF;
}

.conjoint-discrete-choice .bg {
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-bottom-left-radius:6px;
  -moz-border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border: 1px solid #cccccc;
  height:auto;
  color:#666666;
  background:#003366;
  text-align:center;

}

.conjoint-discrete-choice .active {
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-bottom-left-radius:6px;
  -moz-border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border: 1px solid #3399cc;
  height:auto;
  text-align:center;
  color:#666666;
  background:#003366;
  background-color:#3399cc !important;
    box-shadow: 3px 2px 3px rgba(51, 153, 204, 0.80);
}

.conjoint-discrete-choice .bg:hover{
   background-color:#FF9933;
   border: 1px solid #FF9900;
    box-shadow: 2px 1px 2px rgba(250, 153, 51, 0.80);
}

.conjoint-discrete-choice .ui-shadow {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.20);
}

.conjoint-discrete-choice .inner-container {
    background-color:#fdfbfb;
    padding:15px;
    width:900px;
}

.conjoint-discrete-choice .inner_table {
    margin-left: auto;
    margin-right: auto;
}

.conjoint-discrete-choice .inner_table td {
  padding:4px;
  line-height:22px;
  text-align:center;
}

.conjoint-discrete-choice .round-corner, .step-outer {
  border: 1px solid #cccccc;
  border-radius: 3px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
}

.conjoint-discrete-choice .clear {
  width:100%;
  float:left;
  height:8px;
}
/*------------------------- CONJOINT CSS END -------------------------*/

#footerTextID a {
   color:#32383a;
   text-decoration: none !important;
}

#footerTextID a:hover {
   color: #32383a;
   text-decoration: none !important;
}


.smileyMobileData {
  text-align:center !important;
  padding: 4px 2px 2px 2px;
}


.voteLike {
    background:#F6F6F6 url(/images/vote/0.png) center 20px no-repeat!important;
}
.voteLike:hover {
    background:#D3DAE2 url(/images/vote/s_0.png) center 20px no-repeat!important;
    cursor:pointer
}
.voteLike.voteLikeSelected {
    background:#D3DAE2 url(/images/vote/s_0.png) center 20px no-repeat !important;
}


.voteHate {
    background:#F6F6F6 url(/images/vote/1.png) center 25px no-repeat !important;
}
.voteHate:hover {
    background:#D3DAE2 url(/images/vote/s_1.png) center 25px no-repeat !important;
    cursor:pointer
}
.voteHate.voteHateSelected {
    background:#D3DAE2 url(/images/vote/s_1.png) center 25px no-repeat !important;
}

.doneNewFooterBox {
    background-image:url("/images/run/themev1/doneNewBottomBG.png");
    background-repeat:repeat-x;
    height: auto;
    border-bottom: 1px solid #b4b4b4;
}

.newNPSTable {
    border:1px solid #cfcfcf;
    margin:10px 0 5px !important
}
.newNPSHeader {
    background-color:#dddddd;
    box-shadow:0 0 0 1px rgba(0,0,0,0.05),inset 0 2px rgba(255,255,255,0.28);
    background-image:linear-gradient(to top, #c6c6c6 20%,#dddddd);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#c6c6c6',GradientType=0 );
    height:30px
}
.newNPSScores {
    background: #eeeeee url("/images/run/themev1/newNPSScores.gif") repeat top left scroll;
    border:1px solid #cfcfcf;
    height:25px
}
.newNPSSelect {
    background-color:#f6f6f6;
    border:1px solid #cfcfcf;
    height:25px;
    padding-left:10px
}
.newNPSSelect:hover {
    background-color:#eaf1f9
}
.newNPSText {
    color:#555555;
    font-weight:normal;
    padding-left:13px;
    padding-right:13px
}


.newSliderScale {
background:#e9e9e9;
border-top:1px solid #bfbfbf;
height:5px !important;
cursor:pointer;
border-radius:4px;

}


.newSliderBlueScaled {
  background-image: url("/images/slider/newSliderBlueScaled.png");
  background-repeat: repeat-x;
  height:6px;
  position:absolute;
  z-index:1;
  border-radius: 4px;
  cursor:pointer;
}

.ui-widget-content {
    border-radius:4px;
    background: #e9e9e9;
    border: 1px solid #bfbfbf;
}

.ui-widget-header {
    background-image: url("/images/slider/newSliderBlueScaled.png");
    background-repeat: repeat-x;
    border-radius: 4px;
}

.ui-slider .ui-slider-handle {
    background: url("/images/slider/newSliderPeg.png") no-repeat;
    display: block;
    height: 19px;
    width: 14px;
    text-decoration: none;
    z-index: 2;
    position: relative;
    cursor: pointer;
    border: none;
}
.newSliderScaleValueBox {
  color:#fff;
  background:#a2a2a2;
  background-image: linear-gradient(to top, #a8a8a8 80%, #4a4a4a);
  font-size:11px;
  position:relative;
  white-space:nowrap;
  border-radius: 3px;
  line-height: 17px;
  height: 18px;
  margin: 0 5px;
  min-width: 24px;
  padding: 0 3px;
}

a.scalePeg, a.scalePeg:visited {
  background:url("/images/slider/newSliderPeg.png") no-repeat ;
  display:block;
  height:19px;
  width:14px;
  text-decoration:none;
  z-index:2;
  position:relative;
  top: -2px;
  cursor: pointer;
}

a.scalePeg:hover {
  background:url("/images/slider/newSliderPeg.png") no-repeat ;
  display:block;
  height:19px;
  width:14px;
  text-decoration:none;
  cursor: pointer;
}

/* progrees bar */
.newSurveyExitSurveyContainer {
 position: fixed;
 left: 0px;
 top: 0px;
right: 0px;
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1){
  display: none;
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3){
  display: none;
}

.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1){
  display: block;
  top: 0px;
  height: 7px !important;
  width: 100%;
  background: rgba(255, 255, 255, 0.2) !important;
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1){
  height: 7px;
  display: block;
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1){
  display: block;
  height: 7px !important;
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1)[style]{
    background: none !important;
    background: #23A2C0 !important;
    //animation: pulse 1s infinite;
    height: 7px;
    margin: 0px !important;
    position: fixed;
    display: block;
    -webkit-animation: progress 1s 1 forwards;
    animation: progress 1s 1 forwards;
  }
@keyframes progress { 
    from {width: 0% }
    to {  }
}
@-webkit-keyframes progress {
from {width: 0% }
    to {  }
}
.newSurveyProgressBarTable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)[style]{
  background: none !important;
}

/* submit bitton */
#SurveySubmitButton {
  text-align: right;
}
#SurveySubmitButton:after {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  color:#fff !important;
  top:51.5%;
  right: 35px;
  font-size: 4rem;
  cursor: pointer;
  z-index: -1;
  transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out;
  z-index:-1;
}
#SurveySubmitButton.special:after {
  content: "" !important;
}
#SurveySubmitButton:hover:after {
  color:#000 !important;
  transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
  
}
#SurveySubmitButtonElement{
  position: absolute;
  top:50%;
  right: 20px;
z-index:9999;
}
.surveySubmitButtonElement {
  background: rgba(255,255,255,0.3);
  width: 65px;
  border-radius: 50%;
  height: 60px;
  color: #fff !important;
  font-size: 20pt !important; 
}

.surveySubmitButtonElement:hover {
  background: rgba(255,255,255,0.2);
}
.surveyButton {
  background: rgba(255,255,255,0.3);
  width: 65px;
  border-radius: 50%;
  height: 65px;
  color: #fff !important;
  font-size: 20px !important; 
  text-align: center;
}

.surveyButton:hover {
  background: rgba(255,255,255,0.2);
}

/*done button*/
.submitBtn{
  width: 100px;
  height: 45px !important;
  background-color: #23a2c0 !important;
  border-radius: 60px !important;
  padding-right:5px; 
  
}




/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (max-width:320px) {  
#SurveySubmitButton { 
   position:fixed; 
   width:100%; 
   height:50px; 
   background-color: rgba(0, 0, 0, 0.6); 
   padding:3px; 
   bottom:0px; 
   color: #CCC; 
   box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3); 
   z-index: 1; 
   transition: max-height 0.2s linear 0s; 
   } 
  .surveySubmitButtonElement { 
    position: absolute;
    top: 0% !important;
    right: 0px !important;
    background: rgba(255,255,255,0); 
    margin:0px; 
    text-align:right; 
    float:right; 
    padding-right:10px !important; 
    padding-left:10px !important; 
    padding-bottom:20px !important; 
    border-radius: 0%; 
    height: 65px; 
    color: #fff !important; 
    font-size: 20pt !important; 
    line-height:2.5rem !important; 
    } 
    #SurveySubmitButton:after {
    content: "\f054";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     color:#fff !important;
     top:9px;
     right: 15px;
     font-size: 3.5rem;
     cursor: pointer;
     z-index: -1;
   }

/* back button */
.backNExitTable .QuestionText{
   position: fixed !important;
    top:auto !important;
    bottom: 0% !important;
    font-size: 20pt !important; 
    font-weight:bold !important;
    line-height:2.5rem !important;
    background: rgba(255,255,255,0.3);
    width: 0 !important;
    z-index:999;
  }
.backNExitTable .QuestionText:after{
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
     position: absolute !important;
     color:#fff !important;
     top:25px !important;
     left: 0px !important;
     font-size: 3.5rem !important;
     cursor: pointer;
     z-index: 999;

 }

 /*done button*/
.submitBtn{
  width: 80px !important;
  height: 100% !important;
  background-color: #23a2c0 !important;
  border-radius: 0px !important;
  padding-right:0px !important;
  padding-top:10px;
}

}/* end of 320*/

/* smartphones, Android phones, landscape iPhone */
@media (max-width:480px) { 
#SurveySubmitButton { 
   position:fixed; 
   width:100%; 
   height:50px; 
   background-color: rgba(0, 0, 0, 0.6); 
   padding:3px; 
   bottom:0px; 
   color: #CCC; 
   box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3); 
   z-index: 1; 
   transition: max-height 0.2s linear 0s; 
   } 
  .surveySubmitButtonElement { 
    position: absolute;
    top: 0% !important;
    right: 0px !important;
    background: rgba(255,255,255,0); 
    margin:0px; 
    text-align:right; 
    float:right; 
    padding-right:10px !important; 
    padding-left:10px !important; 
    padding-bottom:20px !important; 
    border-radius: 0%; 
    height: 65px; 
    color: #fff !important; 
    font-size: 20pt !important; 
    line-height:2.5rem !important; 
    } 
    #SurveySubmitButton:after {
     content: "\f054";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     color:#fff !important;
     top:9px;
     right: 15px;
     font-size: 3.5rem;
     cursor: pointer;
     z-index: -1;
   }

   /* back button */
.backNExitTable .QuestionText{
   position: fixed !important;
    top:auto !important;
    bottom: 0% !important;
    font-size: 20pt !important; 
    font-weight:bold !important;
    line-height:2.5rem !important;
    background: rgba(255,255,255,0.3);
    width: 0 !important;
    z-index:999;
  }
.backNExitTable .QuestionText:after{
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
     position: absolute !important;
     color:#fff !important;
     top:25px !important;
     left: 0px !important;
     font-size: 3.5rem !important;
     cursor: pointer;
     z-index: 999;

 }

/*done button*/
.submitBtn{
  width: 80px !important;
  height: 100% !important;
  background-color: #23a2c0 !important;
  border-radius: 0px !important;
  padding-right:0px !important;
  padding-top:10px;
}


}/* end of 480*/

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (max-width:600px) { 
 #SurveySubmitButton { 
   position:fixed; 
   width:100%; 
   height:50px; 
   background-color: rgba(0, 0, 0, 0.6); 
   padding:3px; 
   bottom:0px; 
   color: #CCC; 
   box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3); 
   z-index: 1; 
   transition: max-height 0.2s linear 0s; 
   } 
  .surveySubmitButtonElement {
    position: absolute;
    top: 0% !important;
    right: 0px !important;
    background: rgba(255,255,255,0);
    margin:0px;
    text-align:right;
    float:right;
    padding-right:10px !important;
    padding-left:10px !important;
    padding-bottom:20px !important;
    border-radius: 0%;
    height: 65px;
    color: #fff !important;
    font-size: 20pt !important;
    line-height:2.5rem !important;
    } 
    #SurveySubmitButton:after {
     content: "\f054";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     color:#fff !important;
     top:9px;
     right: 15px;
     font-size: 3.5rem;
     cursor: pointer;
     z-index: -1;
   }

/* back button */
.backNExitTable .QuestionText{
   position: fixed !important;
    top:auto !important;
    bottom: 0% !important;
    font-size: 20pt !important; 
    font-weight:bold !important;
    line-height:2.5rem !important;
    background: rgba(255,255,255,0.3);
    width: 0 !important;
    z-index:999;
  }
.backNExitTable .QuestionText:after{
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
     position: absolute !important;
     color:#fff !important;
     top:25px !important;
     left: 0px !important;
     font-size: 3.5rem !important;
     cursor: pointer;
     z-index: 999;

 }

/*done button*/
.submitBtn{
  width: 80px !important;
  height: 100% !important;
  background-color: #23a2c0 !important;
  border-radius: 0px !important;
  padding-right:0px !important;
  padding-top:10px;
}
 
}/* end of 600*/

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:801px) {  

#SurveySubmitButton { 
   position:fixed; 
   width:100%; 
   height:50px; 
   background-color: rgba(0, 0, 0, 0.6); 
   padding:3px; 
   bottom:0px; 
   color: #CCC; 
   box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3); 
   z-index: 1; 
   transition: max-height 0.2s linear 0s; 
   } 
  .surveySubmitButtonElement {
    position: absolute;
    top: 0% !important;
    right: 0px !important;
    background: rgba(255,255,255,0);
    margin:0px;
    text-align:right;
    float:right;
    padding-right:10px !important;
    padding-left:10px !important;
    padding-bottom:20px !important;
    border-radius: 0%;
    height: 65px;
    color: #fff !important;
    font-size: 20pt !important;
    line-height:2.5rem !important;
    z-index: 1; 
    } 
    #SurveySubmitButton:after {
     content: "\f054";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     color:#fff !important;
     top:9px;
     right: 15px;
     font-size: 3.5rem;
     cursor: pointer;
     z-index: 99;
   }

/* back button */
.backNExitTable .QuestionText{
   position: fixed !important;
    top:auto !important;
    bottom: 0% !important;
    font-size: 20pt !important; 
    font-weight:bold !important;
    line-height:2.5rem !important;
    background: rgba(255,255,255,0.3);
    width: 0 !important;
    z-index:999;
  }

.backNExitTable .QuestionText a{
    position:absolute;
    height:75px;
    z-index:9999;
  }
.backNExitTable .QuestionText:after{
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
     position: absolute !important;
     color:#fff !important;
     top:25px !important;
     left: 0px !important;
     font-size: 3.5rem !important;
     cursor: pointer;
     z-index: 999;

 }

/*done button*/
.submitBtn{
  width: 80px !important;
  height: 100% !important;
  background-color: #23a2c0 !important;
  border-radius: 0px !important;
  padding-right:0px !important;
  padding-top:10px;
  z-index: 99; 
}

}/* end of 801*/

/* big landscape tablets, laptops, and desktops */
@media (max-width:1025px) { 
  
}/* end of 1025*/

/* hi-res laptops and desktops */ 
@media (min-width:1281px) { 

}/* end of 1025*/

/* image layout */
div[id$="ImageDiv"]{
  position: relative;
  background: rgba(0,0,0,0.5) ;
  margin: 5px;
  border: 1px solid #393939;
  border-radius: 5px;
  height: 250px;
  max-height: 250px !important;
  max-width:450px !important;
  padding-bottom: 0px;
}
div[id$="ImageDiv"] img{
   width: 100%;
  height: 85%;
  padding:5px;
  overflow: hidden;
}

div[id^="QuestionSection"] input{
  display: none;
}
.SurveyQus-image-component.is-radio-on,
.SurveyQus-image-component.is-checked,.SurveyQus-image-component{
    height: 100%;
}
/*
.check{
  background: #23A2C0 !important;
}

.check:hover{
  background: #23A2C0 !important;
}
.checked:after{
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.5rem;
  color: white;
  float: right;
  padding-right: 20px;
  line-height: 2.0625rem !important;
}*/
@media screen and (min-width: 768px) {
/*  hover for desktop's & laptops */
 div[id$="ImageDiv"]:hover{
  background: rgba(0,0,0,0.3) !important;
} 
}

@media screen and (max-width: 768px) {
  .croppie-container > div{
   width:100% !important;
  display:inline;
 }
.croppie-container > div > img{
  width:100% !important; 
  display:inline;
  height: 125px !important;
}
div[id$="ImageDiv"]{
  height: 162px;
}
  div[id^='QuestionSection_'] > table > tbody > tr:nth-child(4) > td > table > tbody > tr > td > table > tbody > tr:nth-child(odd){
   display:inline-block;
   width:50%;
  }
  
  div[id^='QuestionSection_'] > table > tbody > tr:nth-child(4) > td > table > tbody > tr > td > table > tbody > tr:nth-child(even){
   display:inline-block;
   width:50%;
   }
}
.frame{
position: relative;
width: 100%;
background-color: rgba(255, 255, 255, 0.2);
padding: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
}
div[id^="AnswerRow_"]{
position: relative;
border: 1px solid #525252;
border-radius: 3px;
display: block;
width: 90%;
margin: 2px;
line-height: 3;
background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
}
div[id^="AnswerRow_"]:hover{
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
}
.act{
  background-color: #23A2C0 !important;
  color: #FFF !important;
  border-color: #1A7990;
}
.af:after{
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.5rem;
  color: white;
  float: right;
  padding-right: 20px;
  line-height: 3.625rem !important;
}
div[id^="rateit_"]{
  padding-left: 75px;
}

/*backbutton */

.backNExitTable tr td:nth-last-child(1){
  display: none;
}

.backNExitTable{
  text-align: right;
}

.backNExitTable .QuestionText{
  position: absolute;
  top: 50%;
  left: 20px;
}
.backNExitTable .QuestionText{
background: rgba(255,255,255,0.3);
width: 65px;
border-radius: 50%;
height: 65px;
color: #fff !important;
font-size: 20px !important;
text-align: center;
cursor: pointer;
padding-top: 10px;
  z-index: 9999;
}
.backNExitTable .QuestionText:after{
content: "\f053";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
color: #fff !important;
top: 20%;
right: 20px;
font-size: 4rem;
 cursor: pointer;z-index: -1;
transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out;
}
.backNExitTable .QuestionText:hover:after {
  color:#000 !important;
  transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
  
  
}
.newSurveyBack .newSurveyExitArrow{
display: none;
  
}
.newSurveyBack{
 opacity: 0;
}
/* questions slide effect */
div[id^="QuestionSection_"]{
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;  

  animation-duration: 0.3s; 
  -webkit-animation-duration: 0.3s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
}

@keyframes slideLeft {
  0% {
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
  }
  50%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  65%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  80%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  95%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }     
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(40%);
  }
  50%{
    -webkit-transform: translateX(0%);
  }
  65%{
    -webkit-transform: translateX(0%);
  }
  80%{
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

.SurveyQus-image-component .AnswerText {
width:100% !important;
}