/*  NYC - Business - Survey
    -------------------
*/

.module-survey {
    position: relative;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    padding-bottom: 5px;
    margin-top: 0px;
    overflow: hidden !important;
    z-index: 10001;
}
.module-survey .close-button {
    background: rgba(0, 0, 0, 0) url("../../../../static/img/modules/events-slider/slider-close.png") no-repeat scroll 0 0;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 21px;
    float: right;
}
.module-survey  .closeBtn .close-button {
    float: right;
    margin: 10px 0px 15px 0px;
}

/***************** Survey scroll **************/

.module-survey .template-scroll {
    height: 94%;
    margin: 40px 15px 30px 20px;
    margin: 35px 15px 30px;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.module-survey, .scroll-pane {
    overflow-x: hidden !important;
    overflow-y: auto;
    position: relative;
}


/**************** Survey-title /instruction Help text / **************/
.module-survey .instructionalContent p {
    width: 98%;
    font-size: 16px;
}
.module-survey .surveyTitle {
    border-bottom: 1px solid #eee;
    width: 100%;
}
.module-survey .surveyTitle h2{
   margin-top: 0px;
    font-weight:bold;
}
.instructionalContent{
   border-bottom: solid 1px #eee;
}
.instructionalContent *{
    color:#000; 
    text-decoration: none; 
    border-bottom: none;
}

/*************** Survey Pagination ****************/
.module-survey,  .module-pagination {
    box-sizing: border-box;
    display: inline;
    float: right;
    margin-right: 0;
    position: relative;
    width: 100%;
}
.module-survey .module-page-counter {
    margin: 15px 0;
}
.module-survey .module-page-counter ul {
    border: 1px solid #ddd;
    display: inline-block;
    float: left;
    list-style-type: none;
    margin: 0;
}
.module-survey  .module-page-counter ul li {
    float: left;
    border: 1px solid #ddd;
    cursor: pointer;
}
.module-survey  .module-page-counter ul li.active {
    background-color: #ddd;
}
.module-survey .module-page-counter ul li span {
    font-size: 14px;
    padding: 5px 8px;
}
.module-survey .module-page-counter ul::before,
.module-survey .module-page-counter ul::after {
    content: "";
    display: table;
    line-height: 0;
}
.module-survey .module-page-counter ul::after {
    clear: both;
}

/************** Survey Question Forms ************/
.module-survey  #surveyform div {
    margin-bottom: 15px;
}
.module-survey #surveyform input[type="text"] {
    width: 40%;
    height:27px;
    margin-right: 1.69492%;
    display: inline !important;
    font-weight:normal;
    margin-bottom: 10px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0px 1px #bfbfbf;
    -webkit-box-shadow: 0 0px 1px #bfbfbf;
    -moz-box-shadow: 0 0px 1px #bfbfbf;
}
.module-survey #mySurvey #surveyform input[type="radio"] {
  margin-top: 5px;
}
.module-survey #mySurvey #surveyform select {
    width: 50%;
    height: 38px;
    margin-right: 1.69492%;
    display: inline;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
@media (max-width: 780px) {
    .module-survey #surveyform input[type="text"]{
       width: 90%;
       resize: none;
   }
    .module-survey #surveyform select{
        width:90% !important;
    }
    .module-survey #surveyform textarea {
        width:90% !important;
        resize: none;
    }  
}
@media (max-width: 760px) {
    .module-survey #mySurvey > .container{
        padding-left:10px;
   }
    
}
.module-survey #surveyform textarea {
    width: 70%;
    resize: none;
    font-weight: normal;
}
.module-survey p.checkbox_grid {
    display: inline-table;
    padding-right:35px;
    width: 45%;
}
.module-survey p.checkbox_grid label {
    display: inline-table;
    font-size: 16px;
    text-transform: none;
    color: #333;
    font-weight: normal;
    padding-left:20px;
}
.module-survey #surveyform label{
    margin-left:0px;
    display: inline !important;
}
    .module-survey #surveyform input[type="checkbox"], input[type="radio"]{
    margin-top: 5px;
    position: absolute;
}

/* Survey button [Back, continue & submit Button] */
.module-survey .module-button-row .btn-back {
    float: left;
}
.module-survey .module-button-row .btn-continue {
    float: right;
}
.module-survey .module-button-row .link-arrow-green:before,
.module-survey .module-button-row .link-arrow-white:after {
    position: relative;
    top: -1px;
}
@media (max-width: 767px) {
    .module-survey .module-button-row .link-arrow-green:before,
    .module-survey .module-button-row .link-arrow-white:after {
        content: '' !important;
        margin: 0;
        width: auto;
    }
}
.module-survey .link-arrow-blue:before {
    content: url("../../../../static/img/global/link-arrow-blue-sm-left.png");
    width: 5px;
    height: 8px;
    margin: 0 10px 0 0;
    top: -2px;
    position: relative;
}
.link-arrow-white:after {
  content: url("../../../../static/img/global/link-arrow-white.png");
  width: 5px;
  height: 8px;
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 767px) {
  .link-arrow-white:after {
  float:none;
}
}
.module-survey .button-container .disabled {
    pointer-events: none !important;
    opacity: 0.4;
    display:none !important;
}
.module-survey .button-row {
    display: inline;
    float: left;
    margin-right: 1.69492%;
    width: 100%;
}
.module-survey .button-row .button-container {
    background-color: #efefef;
    border: 0 none;
    display: inline;
    float: left;
    margin: 20px 1.69492% 10px 0;
    padding: 5px 20px;
    width: 90%;
}
.module-survey .btn-blue {
    background-color: #1771b7;
    border-color: -moz-use-text-color -moz-use-text-color #1771b7;
    border-style: none none solid;
    border-width: 0 0 1px medium;
    box-shadow: 0 3px 0 #059;
    padding: 10px 90px;
    float: right;
}
.module-survey .button-row .button-container a.btn-back {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #1771b7;
    border-radius: 3px;
    color: #1771b7 !important;
    float: left;
    padding: 10px 45px;
}
.module-survey .responseHtml {
    padding: 0px 20px;
}

.module-survey #captcha_response { 
    color: #ff4800;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding:7px;
}
.module-survey #captcha_response1 { 
    color: #ff4800;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding:7px;
}
@media(max-width:780px){
    .module-survey p.checkbox_grid {
    display: inline-block;
    width: 100%;
  }
}

#uvModal, #uvModal1{       
   display:none;        
   position:fixed;      
   background-color:rgba(0, 0, 0, 0.75);        
   width:100%;      
   height:100%;     
   top:0px;     
   left:0px;        
}       
            
#uvModal_container, #uvModal_container1{                     
    margin: 0px auto;       
    background: #fff;       
    position: relative;     
    padding-right: 12px;        
    padding-left: 10px;     
}       
            
#uvModal_wrapper{                           
  height: 90%;      
  overflow-y: scroll;       
  overflow-x: hidden;        
}

#uvModal_wrapper1{                          
  height: 90%;          
  overflow-x: hidden;
  margin-top:15px;
}
 
#cls_btn, #cls_btn1{                       
  display: inline-block;                    
}       
                        
.closeBtn, .closeBtn1{      
  padding-top: 5px;     
}
input:focus, textarea:focus {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.surveyPage label{
    text-transform:initial;
}
@media (max-width: 780px) {
  .responseHtml{overflow-y:scroll !important; height:80%;}
}
#random-survey-pop-up{
 background-color:rgba(0, 0, 0, 0.95); 
 width: 100%; height: 100%; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 opacity:.8;
  z-index: 9999!important;
}

.survey-container{
    padding:20px; 
    padding-bottom:0px;
}
#global_survey_popup{
    position:fixed; 
    z-index:9999; 
    top:331.5px; 
    left:406.5px; 
    height: 250px; 
    background: rgb(255, 255, 255);
}
#global_survey_popup p {
    margin-bottom: 5px;
    font-size: 15px;
    color: #000;
}
.random-survey-btn{
    color:#fff; 
    font-size: 13px; 
    line-height:20px; 
    margin-top: 30px;
}

.random-survey-btn .survey_link{
    width:40%; cursor:pointer; 
    padding:10px; background-color:#000;
    color:#fff; border-radius:5px; 
    float:right; text-align:center;
}
.random-survey-btn .survey_skip_link{
    width:40%; cursor:pointer;
    padding:10px; background-color:#000; 
    color:#fff; border-radius:5px; 
    float:left; text-align:center;
}

@media (max-width: 480px) {
  .random-survey-btn a,.survey_skip_link a,.survey_link{float: none !important; display: block; width: 95% !important;}
    .random-survey-btn .survey_skip_link{margin-left:0px;}
    .random-survey-btn .survey_skip_link{margin-top:10px}
    .survey-container{padding:20px;}
    #uvModal_wrapper { height: 85%;}
    #uvModal_wrapper1 { height: 85%;}
}

/*over-written mvp2 style*/
h4{
    font-weight: bold !important;
}
.module-survey .btn{
    margin: 20px 0 20px 0 !important;
}
@media (min-width: 1200px){
   .module-survey .container {
        width: inherit !important;
  }
}