/*****************************common-pm start**********************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Advent+Pro|Arima+Madurai|Arvo|Averia+Serif+Libre|Bad+Script|Convergence|Cormorant+Garamond|Dancing+Script:700|Dosis|Droid+Sans|Exo+2|Fira+Sans|Heebo|Indie+Flower|Jim+Nightshade|Josefin+Sans|Josefin+Slab|Lato|Libre+Baskerville|Merriweather|Montserrat|Oswald|Oxygen|PT+Sans+Narrow|Playfair+Display|Raleway:700|Revalia|Roboto|Rokkitt|Rufina|Shadows+Into+Light+Two|Ubuntu|Yanone+Kaffeesatz");
@font-face {
  font-family: 'star-rating_font';
  src:  url('../fonts/star-rating_font.eot?hk9e76');
  src:  url('../fonts/star-rating_font.eot?hk9e76#iefix') format('embedded-opentype'),
    url('../fonts/star-rating_font.ttf?hk9e76') format('truetype'),
    url('../fonts/star-rating_font.woff?hk9e76') format('woff'),
    url('../fonts/star-rating_font.svg?hk9e76#star-rating_font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pm_icon_font';
  src:  url('../PM/fonts/pm_icon_font.eot?j1b9ob');
  src:  url('../PM/fonts/pm_icon_font.eot?j1b9ob#iefix') format('embedded-opentype'),
    url('../PM/fonts/pm_icon_font.ttf?j1b9ob') format('truetype'),
    url('../PM/fonts/pm_icon_font.woff?j1b9ob') format('woff'),
    url('../PM/fonts/pm_icon_font.svg?j1b9ob#pm_icon_font') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mobile_fonts';
  src:  url('../fonts/mobile_fonts.eot?vcdy7z');
  src:  url('../fonts/mobile_fonts.eot?vcdy7z#iefix') format('embedded-opentype'),
    url('../fonts/mobile_fonts.ttf?vcdy7z') format('truetype'),
    url('../fonts/mobile_fonts.woff?vcdy7z') format('woff'),
    url('../fonts/mobile_fonts.svg?vcdy7z#mobile_fonts') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'info-icon';
  src:  url('fonts/info-icon.eot?vcdy7z');
  src:  url('fonts/info-icon.eot?vcdy7z#iefix') format('embedded-opentype'),
    url('fonts/info-icon.ttf?vcdy7z') format('truetype'),
    url('fonts/info-icon.woff?vcdy7z') format('woff'),
    url('fonts/info-icon.svg?vcdy7z#mobile_fonts') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima N W01 Light";
  src: url("../Fonts/1132144/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
  src: url("../Fonts/1132144/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"), url("../Fonts/1132144/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2") format("woff2"), url("../Fonts/1132144/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"), url("../Fonts/1132144/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype");
}
@font-face {
  font-family: "Proxima N W01 Reg";
  src: url("../Fonts/1132159/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix");
  src: url("../Fonts/1132159/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"), url("../Fonts/1132159/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"), url("../Fonts/1132159/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"), url("../Fonts/1132159/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype");
}
@font-face {
  font-family: "Proxima N W01 Smbd";
  src: url("../Fonts/1132171/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix");
  src: url("../Fonts/1132171/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix") format("eot"), url("../Fonts/1132171/ae47a7f5-89da-4879-b934-29722c3dd451.woff2") format("woff2"), url("../Fonts/1132171/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff"), url("../Fonts/1132171/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf") format("truetype");
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?75958932');
  src: url('../fonts/fontello.eot?75958932#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?75958932') format('woff'), url('../fonts/fontello.ttf?75958932') format('truetype'), url('../fonts/fontello.svg?75958932#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
#pace{display: none;}
*{box-sizing: border-box;}
.template16{background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);}
.template17{background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);}
.template18{background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.template19{background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);}
.template20{background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);}
.template21{background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);}
.template22{background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);}
.template23{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.template24{background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}
.template25{background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);}
.template26{background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);}
.template27{background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);}
.template28{background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);}
.template29{background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);}
.template30{background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);}
.template31{background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);}
.template32{background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);}
.template33{background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%);background-blend-mode: multiply,multiply;}
.template34{background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);}
.template35{background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);}
.template36{background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); background-blend-mode: normal, lighten, soft-light;}
.template37{background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);}
.template38{background-image: linear-gradient(to right, #868f96 0%, #596164 100%);}
.template39{background-image: linear-gradient(to top, #09203f 0%, #537895 100%);}
.template40{background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);}
.template41{background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);}
.template42{background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);}
.template43{background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);}
.template44{background-image: linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);}
.template45{background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);}
body, p, legend, .question-option-wrapper {margin: 0;padding: 0;}
.survey-width {max-width: 80%;margin: 0px auto;padding: 35px 0px;display: block;width: 1092.8px;}
/*.survey-header, .survey-footer {padding: 15px 50px;}*/
.new-participation-v .survey-header, .new-participation-v .survey-header-nb, .new-participation-focus .survey-header, .new-participation-focus .survey-header-nb {padding: 25px 50px 75px;}
.survey-header, .survey-header-nb{padding: 25px 64px 25px;}
.survey-footer{padding: 0px 50px 15px;}

.survey-logo.thank-you {padding: 30px 0 0 0;}
.test-survey.thank-you {padding: 10px 0;}

.questions-wrapper {padding: 20px 10px 10px;}
.question-data-comment {margin: 25px 20px 40px;}
.comment-wrapper {padding: 8px 30px;}
/*.fieldset-wrapper{padding: 15px 30px;}*/
fieldset {border: 0;margin: 0;padding: 0; min-width: 0; max-width: none;}
.answer-option {position:relative;}
input[type='radio'] , input[type='checkbox'] {position: absolute;opacity: 0;left:8px;top:6px}
input[type='radio'] + label , input[type='checkbox'] + label{display: block;padding: 5px 8px;border-radius: 5px;cursor: pointer;}
input[type='checkbox'] + label > span.structure:before{border-radius:4px !important;}
input[type='checkbox']:checked + label > span.structure:after {content: '';display: inline-block;height: 9px;width: 4px;background-color: transparent;border-radius: 0;position: absolute;top: 5px;left: 9px;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;transform: rotate(40deg);}
.answer-text , .structure { display: inline-block;vertical-align: middle;}
.answer-text-hrb {font-style: normal;width: calc(100% - 45px);word-break: normal;}
.structure {height: 22px;width: 22px;position: relative;min-width: 22px;}
.mandatory {border: 2px solid #0e555c;border-radius: 10px; }
.navigation-btns-wrapper {display: inline-block;margin: 0 25px;}
html,body{height:100%;}
body{margin:0;font-family:Roboto,'HelveticaNeue',sans-serif;}
.body-bg {background-image: url('../../ImagesNew/home/bg_login.png');width: 100%;height: 100%;margin: 0 auto;font-family: Open Sans, Arial, Helvetica, sans-serif;background-attachment: fixed;}
.languageWrapper{position:fixed;z-index:10000;height:100%;width:100%;background:#fff;opacity:.95;top: 0px;}
.languageCont{width:80%;position:absolute;margin:0auto;margin-top:0px;margin-left:-40%;left:48%;top:50%;}
.mobile-wrapper .languageCont{
    top: 0px;
    left: 0;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.languageHeader{padding:16px 35px 25px 39px;text-align:center; width: 100%; box-sizing: border-box;}
.mobile-wrapper .languageHeader{padding: 16px 0px 25px 0px;}
.languageTitle,.exitModal{font-family:montserrat;}
.language{font-family:montserrat;font-weight:normal;font-style:normal;border:1px Solid #e3e3e3;}
.language a{text-decoration:none;color:#000;font-weight:bold;display:block;padding:10px 40px;min-height:20px;line-height:21px;}
.mobile-wrapper .language a{padding: 8px 0px;}
.languageBody.mandatory .sel-lang, .languageBody.mandatory .sel-lang:hover a, .languageBody.mandatory .language.sel-lang a {background-color: #fff;color: #000;font-weight: bold;}
.languageBody .langModal{max-height: 214px; padding: 25px 35px 10px 39px;font-family:Open Sans;overflow:hidden;text-align:center;}
.mobile-wrapper .languageBody .langModal{padding: 25px 40px 5px 45px;}
.language{background: rgba(255,255,255,1);border-radius: 3px;display:inline-block;margin-right: 10px;margin-bottom:27px;cursor:pointer;font-size:12pt;}
.mobile-wrapper .language{margin-right:0px;margin-bottom:10px;cursor:pointer;font-size:12pt;box-sizing: border-box; width: 100%;}
.mobile-wrapper .languageBody{width: 100%;}
.languageCont {
    height: 100%;
    -moz-animation: slide 1s ease 0s forwards;
    -webkit-animation: slide 1s ease 0s forwards;
    -o-animation: slide 1s ease 0s forwards;
    -ms-animation: slide 1s ease 0s forwards;
    animation: slide 1s ease 0s forwards;
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
@keyframes slide{from {top: 160px}to {top: 0px}}
@-webkit-keyframes slide {from {top: 160px}to {top: 0px}}
.exitModal{height:50px;text-align:center;display:block;}
a.alanguageExit,a.alangCancel{color:#ffc800;font-size:16px;}
.mobile-wrapper a.alanguageExit,.mobile-wrapper a.alangCancel {display: inline-block; padding-top: 10px;}
.languageTitle{font-size:22px;font-weight:bold;}
.mobile-wrapper .languageTitle{font-size: 14pt;}
.exitModal{height:50px;text-align:center;display:block;}
a.alanguageExit,a.alangCancel{color:#ffc800;font-size:16px;}
.languageTitle{font-size:22px;font-weight:bold;}
.exitModal{height:50px;text-align:center;display:block;}
a.alanguageExit,a.alangCancel{color:#ffc800;font-size:16px;}
.languageTitle{font-size:22px;font-weight:bold;}
/*.soft-req-msg{color:#62c9f5;font-family:montserrat;font-size:11pt;font-weight:normal;font-style:normal;}*/
.multiLang{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;width:100px;height:100px;}
.newProgress {position: absolute;top:0;left:0;width:0;height:100%;border-radius: 5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px;}
.RTLDir .newProgress{left: auto; right: 0px;}
.progress{vertical-align:middle;}
.tblNewProgress td {vertical-align: middle;}
.newProgressTD {text-align:center;}
.tblNewProgress {position:absolute;top:0;left:0;height:100%;width:100%;table-layout:fixed;border-collapse:collapse;}    
.newProgressCont {display: inline-block;margin: 0 auto;overflow: hidden;position: relative;width: 100%;min-width: 120px;max-width: 600px;background: #BABEC2;min-height: 16px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;align-items: center;/*max-height: 16px;*/}
/*Header css*/
ul.drp-dwn-menu {text-align:left;display:inline-block;list-style:none;margin:0 0 0;font-size:12px;}
ul.drp-dwn-menu li.main-opt {display:inline-block;position:relative;padding:10px 12px 10px 20px;min-height:31px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;float:left;}
li.main-opt span a, li.main-opt span {text-decoration:none;}
.drpdwn - arrow:before {content:'>';top:34%;display:inline-block;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-left: 14px;font: bold 16px 'Consolas',monospace !important;}
.float-r {float: right;}
.hamburger-margin {
    margin-top:65px;
}
.float-l {float: left;}
.RTLDir{direction: rtl;}
.tooltip_container {position: relative;}
.tooltip_container:hover .plat_tooltip {display: block;}
.tooltip_container.tooltip_help {display: inline-block;width: 15px;height: 15px;background-image: url('../../i_help_2011.gif');background-repeat: no-repeat;background-size: cover;padding: 0;}
.tooltipMain{font-family: montserrat;position: absolute;top: 20px;left: -20px;font-size: 10pt;font-weight: bold;font-style: normal;z-index: 99;border-radius: 20px;box-shadow: none;background: #000;color: #fff;padding: 10px;max-width: 300px;min-width: 80px;margin: 10px 0 0;border-radius: 5px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white -space: -o-pre-wrap;word-wrap: break-word;border: 1px solid #3c3939;}
.tooltipMain::before {content: '';position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid rgba(0, 0, 0, 0.9);top: -7px;left: 15px;}

.ansopt-textbox, .na-textbox {border: 1px solid #d0d1d2;outline: none;padding: 3px 15px;border-radius: 5px;margin: 5px 0px;min-width: 180px;}
.na-textbox {width: 136px !important; min-width: 100px !important;}
.na-textbox[readonly]{color:#bac8d2;background-color: #EDF2F1;border: 1px solid #d0d1d2;pointer-events: none;} /*PRT 102967*/ 
.ansopt-textbox:hover {border: 1px solid #8791ab;}
.timeOutMsgWrapper {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(255,255,255,0.8);z-index: 10005;}
.timeOutMsg {max-width: 350px;width: 60%;z-index: 5;border: 3px solid rgb(14, 85, 92);padding: 15px;background-color: white;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 13px;color: rgb(18, 18, 18);}
.timeout-msg{padding: 28px 0 0 0;text-align: center;}
.footer-div {margin: 0 auto;text-align: center;font-size:12px;padding: 30px 0;font-family: Open sans;}
.mobile-wrapper .footer-div {margin: 0 auto;text-align: center;font-size:12px;padding: 15px 0 8px;font-family: Open sans;}
.footer-div a,.footer-div div{text-decoration:none;text-shadow: 1px 0px 6px #ffffff;color: #000000;}
.message-footer-wrapper span,.footer-div span{font-weight:bold;}
.timeout-msg{padding: 28px 0 0 0;text-align: center;}
.fieldset-wrapper legend, .fieldset-wrapper .question-option-wrapper,.drill-down-subqtn,.drill-down-wrapper {position: relative;}
.mobile-wrapper .drill-down-subqtn{margin-top: 15px;}
.demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: -20px;height: auto;top: 50%; transform: translate(0, -50%);}
.demographics-wrapper.dv-email-question .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: -20px;height: auto;top: 8px; transform: translate(0, 0);}
.tablet-wrapper .demographics-wrapper.dv-email-question .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: -20px;height: auto;top: 10px; transform: translate(0, 0);}
.mobile-wrapper .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: -14px !important;height: auto;top: 50%; transform: translate(0, -50%);}
.mobile-wrapper .answer-option-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{left: -6px}
.mobile-wrapper .RTLDir .answer-option-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{right: -6px}
.RTLDir .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > legend::before,
.RTLDir .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: auto;height: auto;right: -20px; top: 50%; transform: translate(0, -50%);}
.RTLDir .demographics-wrapper.dv-email-question .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: auto;height: auto;right: -20px; top: 8px; transform: translate(0, 0);}
.tablet-wrapper .RTLDir .demographics-wrapper.dv-email-question .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: auto; right: -20px; height: auto;top: 10px; transform: translate(0, 0);}
.mobile-wrapper .RTLDir .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {left: auto;height: auto;right: -13px !important; top: 50%; transform: translate(0, -50%);}
.RTLDir .fieldset-wrapper.isMandatory legend::before,  .RTLDir .fieldset-wrapper.isMandatory .question-option-wrapper:before {right: 10px; left: auto; top: 13px;}
.mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory legend::before,.mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	top: 22px;
}
.selectedAnsOpt .answer-text,.ld-box input[type='radio']:checked + .ld-common + .ld-label-text {font-weight: bold !important;}
.selected-lang-name:after {content: '>';display: inline-block;transform: rotate(90deg);font: bold 16px 'Consolas', monospace !important;position: absolute;top: 3px;right: -5px;color: #000000;}
.clearfix:after {content: '';clear: both;display: block;}
.BackGroundChanges {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:-1;}
.thankYouMsgWrapper {padding: 45px 0 35px !important;max-width: 60%;margin: 30px auto !important;}
.thankYouMsgWrapper.full-survey-width {
    margin: 30px 20px !important;
}
.progress-bar-wrapper {text-align: center;margin: 20px 0;}
.answer-opt-image {display: inline-block;vertical-align: middle;margin: 0px 10px 0; width: 150px;max-height: 150px;}
.answer-opt-image img {height: 100%; max-height: 150px; max-width: 100%;}
.mobile-sub-question {background-color: transparent !important;}
.RTLDir .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) label {margin-right: 170px; margin-left: 0;}
.answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) label {margin-left: 170px; margin-right: 0;}

.RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) label {margin-right: 340px; margin-left: 0;}
.answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) label {margin-left: 340px; margin-right: 0;}

.tablet-wrapper .RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) label {margin-right: 200px; margin-left: 0;}
.tablet-wrapper .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) label {margin-left: 200px; margin-right: 0;}

.RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label {margin-right: 170px; margin-left: 0;}
.answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label {margin-left: 170px; margin-right: 0;}

.tablet-wrapper .RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label {margin-right: 100px; margin-left: 0;}
.tablet-wrapper .answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label {margin-left: 100px; margin-right: 0;}

.tablet-wrapper .RTLDir .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) label {margin-right: 100px; margin-left: 0;}
.tablet-wrapper .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) label {margin-left: 100px; margin-right: 0;}

/* PRT 112143 */
form:not(.mobile-wrapper) .RTLDir .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) .other-textans {margin-right: 170px; margin-left: 0;}
form:not(.mobile-wrapper) .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) .other-textans {margin-left: 170px; margin-right: 0;}

form:not(.mobile-wrapper) .RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) .other-textans {margin-right: 340px; margin-left: 0;}
form:not(.mobile-wrapper) .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) .other-textans {margin-left: 340px; margin-right: 0;}

form.tablet-wrapper .RTLDir .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) .other-textans {margin-right: 200px; margin-left: 0;}
form.tablet-wrapper .answer-option-wrapper[data-ans-image='2'] div.answer-option:not(.multi-ans-image):not(.single-ans-image):not(.radio-hrb) .other-textans {margin-left: 200px; margin-right: 0;}

form.tablet-wrapper .RTLDir .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) .other-textans {margin-right: 100px; margin-left: 0;}
form.tablet-wrapper .answer-option-wrapper[data-ans-image='1'] div.answer-option:not(.single-ans-image):not(.radio-hrb) .other-textans {margin-left: 100px; margin-right: 0;}

.select-language-wrap {line-height: 15px;position: relative; top: -5px;cursor: pointer;}
.selected-lang-name {position: relative; padding:5px 15px 5px 35px; display:inline-block}
.mobile-wrapper .selected-lang-name{padding:5px 15px 5px 15px;}
/* PRT 102492 */
.saveandcontinue-aligncenter{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width:913px; max-width: 80%;}
/* PRT 102492 */
.clsThankYou {word-break: break-word;}
.mobile-wrapper .mndtry-txt-clr { margin: 25px 5px 10px !important; }
.mobile-wrapper .icon__mandatory:before{
    font-size: 8px !important;
}
.question-data.mandatory .question-option-wrapper, .question-data.mandatory .answer-option-wrapper,.question-data.soft-req .question-option-wrapper, .question-data.soft-req .answer-option-wrapper, .question-data.mandatory .rank-wrapper, .question-data.soft-req .rank-wrapper {background: #ffffff;}  
.question-data.mandatory .answer-text, .question-data.mandatory .question-no, .question-data.mandatory .question-text, .question-data.mandatory .question-text span, .question-data.mandatory .question-text font, .question-data mandatory .isMandatory .question-option-wrapper:before,.question-data.soft-req .answer-text, .question-data.soft-req .question-no, .question-data.soft-req .question-text, .question-data.soft-req .question-text span, .question-data.soft-req .question-text font, .question-data soft-req .issoft-req .question-option-wrapper:before, .question-data.mandatorycapcha .question-text.captcha-text{color: #000000 !important;}
.question-data.mandatory .answer-option:hover .answer-text, .question-data.soft-req .answer-option:hover .answer-text {color: #000000 !important;}
.question-data.mandatory .question-text-nb, .question-data.soft-req .question-text-nb, .question-data.mandatorycapcha .question-text-bn.captcha-text{color: #000000 !important;}

.mobile-wrapper .question-data.mandatory .selectedAnsOpt .answer-text, .mobile-wrapper .question-data.mandatory .ld-box input[type='radio']:checked + .ld-common + .ld-label-text,
.mobile-wrapper .question-data.soft-req .selectedAnsOpt .answer-text, .mobile-wrapper .question-data.soft-req .ld-box input[type='radio']:checked + .ld-common + .ld-label-text{
    color: #000000 !important;
}

.mandatory .demographics-wrapper .question-option-wrapper .question-no, .mandatory .demographics-wrapper .question-option-wrapper .question-text{
    color: #000000 !important;
}

.mandatory .na-tb-space, .mobile-wrapper .mandatory .reenter .question-text{
    color: #000000 !important;
}

.question-data.mandatory .question-media-text, .question-data.soft-req .question-media-text,
.question-data.mandatory .caption, .question-data.soft-req .caption,
.question-data.mandatory .matrix-standalone .question-option-wrapper .question-text-nb span,
.question-data.soft-req .matrix-standalone .question-option-wrapper .question-text-nb span {
    color: #000000 !important;
}

.question-data.mandatory .fieldset-wrapper.isMandatory .question-option-wrapper::before, .question-data.mandatory .symbol-subqtn .subqtn.isMandatory::before, .question-data.mandatory .drill-down-subqtn .isMandatory::before  {color: #000000 !important;}
.mobile-wrapper .symbol-subqtn .subqtn.isMandatory:before{
    top: 22px !important;
    left: -10px !important;
    font-size: 8px !important;
}

.mobile-wrapper .RTLDir .symbol-subqtn .subqtn.isMandatory:before{
    left: auto !important;
    right: -10px !important;
}

.mobile-wrapper .mandatory .symbol-subqtn .question-text{
    color: #000000 !important;
}

.mobile-wrapper .mandatory .question-text,
.mobile-wrapper .mandatory .question-text-nb{
    color: #000000 !important;
}

.symbol-subqtn .subqtn.isMandatory:before{left: -20px !important;}
.RTLDir .symbol-subqtn .subqtn.isMandatory:before{left: auto !important; right: -20px !important;}
.mobile-wrapper .fieldset-wrapper.isMandatory .symbol-subqtn .subqtn.isMandatory::before{left: -12px !important;}
.mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory .symbol-subqtn .subqtn.isMandatory::before{left: auto !important; right: -7px !important;}
.mobile-wrapper .question-data.mandatory .fieldset-wrapper.isMandatory .symbol-subqtn .subqtn.isMandatory::before{left: -12px !important;}
.mobile-wrapper .RTLDir .question-data.mandatory .fieldset-wrapper.isMandatory .symbol-subqtn .subqtn.isMandatory::before{left: auto !important; right: -7px !important;}
.anonymous-survey-wrapper {text-align: center;padding: 26px 0px 5px;}
.anonymous-survey:before {content: '';display: inline-block;left: -20px;width: 30px;background-image: url('../../ImagesNew/PM/anonymous-icon.svg');background-repeat: no-repeat;height: 18px;vertical-align: middle;background-size: 30px 18px;margin-right: 15px;}
.RTLDir .anonymous-survey:before {margin-left: 15px;margin-right: 0;}
.survey-logo {text-align: center; margin: 5px 30px 20px;}
.tablet-wrapper .survey-logo {margin: 0px 20px;}
.survey-logo img {max-height: 300px; max-width:100%;}
legend .question-no , .question-option-wrapper .question-no{display: table-cell;width: 15px;white-space: nowrap;}
legend.question-text, .question-option-wrapper.question-text {display: table-cell;}
/*.caption {padding: 10px 30px;}*/ /*PRT 102719 Moved to CsswriterUI1.cs file*/
.question-data.mandatorycapcha {border: 2px solid #ff0000 !important;border-radius: 4px; }
.ui-temp + form .question-data.mandatorycapcha{border: none !important;}
.showBackBtn{visibility: visible !important; opacity: 1 !important;}
.tblPageFooter{display: flex;max-width: 80%;margin: 0 auto;align-items: center;justify-content: center;}
.align-r{text-align: right;}.align-l{text-align: left;}.align-c{text-align: center;}
.back-button-wrap {float: left;}.next-button-wrap {float: right;}.clear-answers-button-wrap {flex-grow: 1;}
.mobile-wrapper .back-button-wrap {float: none;} .mobile-wrapper  .next-button-wrap {float: none;}
.mobile-wrapper .RTLDir .back-button-wrap {float: right;}.mobile-wrapper .RTLDir .next-button-wrap {float: left;}
.answer-option .question-data {margin: 10px 30px;}
.other-textans {padding: 0 0 0 30px; text-align:left;}
.RTLDir .other-textans {text-align:right}
.mobile-wrapper .other-textans {
	padding-left: 0px;
}
.answer-option .question-data .ansopt-textbox {margin: 5px 0px;}
.answer-option .question-data .char-remain {margin: 0;}
.char-remain{margin: 0px !important;}
.tooltip_container.active {display: block;}
.tooltip_icon:before {content: '\E800';font-family: fontello !important;display: inline-block;text-align: center;font-size: 12pt;line-height: 1em; vertical-align: top;}
.answer-option-wrapper .tooltip_icon{color:#000000;}
.answer-option-wrapper .tooltip_icon:before{font-size: 11pt;font-weight: 600;}
.tooltip_container::before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #3c3939;position: absolute;top: -8px;left: 30px; height: 0;}
 .tooltip_container.active {display: block;}
.modalWindow *{box-sizing: content-box; font-family: Open Sans}
.modalWindow {width: 60%;margin: 0 auto;position: absolute;display: none;border-radius: 10px;border: 1px solid transparent;font-size: 14px;font-weight: 400;z-index: 10001;box-sizing: content-box;}
.tablet-wrapper .modalWindow {width:80%; max-height:90%; overflow-y:auto}
.modal-header {background: #424960;color: #fff;padding: 10px 0;text-align: center;border-radius: 10px 10px 0 0;}
.modal-body {padding: 17px 35px;background: #fff;border-radius: 0 0 10px 10px;}
.modal-body p {line-height: 20px;margin: 0;}
body {font-size: 14px;}
.big-font {font-size: 16px;}
.bold-txt {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: ' ';visibility: hidden;display: block;height: 0;clear: both;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.width45 {width: 45%;}
.width-big {width: 55%;}
.q-space {padding: 12px 0;}
.head-space {padding: 0 0 20px;}
.width95 {width: 95%;}
#mask {position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;display: none;background-color: black;z-index: 9999;}
.close-icon {color: #fff;font-weight: bold;cursor: pointer;background: url('../../ImagesNew/PM/close_hover.png') no-repeat;width: 20px;height: 20px;margin-right: 18px;}
.bot-padding {padding-bottom: 15px;}
.modal-body .bot-padding {padding-bottom: 10px;}
.fq-space {padding-bottom: 12px;}
.ty-black-txt {color: #000000 !important;}
.ty-white-txt {color: #ffffff !important;}
table[id$='_tableHRadio'] input[type='text'] {margin: 0px 0px 10px 0 !important;}
.a-strip-hrb > td > div {margin: 3px 7px 0px -1px !important;}
.a-strip-tb-date td td[id$='_td_Test'] {padding: 0 0 0 0 !important;}
.msg-spacing {padding: 0 45px;}
.ui-temp.free-spirit + form input[type='radio'] + label,.ui-temp.free-spirit + form input[type='checkbox'] + label {padding: 9px 8px;}
.ui-temp.free-spirit + form input[type='radio']:checked + label,.ui-temp.free-spirit + form input[type='checkbox']:checked + label {background-color: transparent;}
.radio-hrb_1.answer-option{min-width: 100%;max-width: 100%;}
.radio-hrb_2.answer-option{min-width: 50%;max-width: 50%;}
.radio-hrb_3.answer-option{min-width: 33.33%;max-width: 33.33%;}
.radio-hrb_4.answer-option{min-width: 25%;max-width: 25%;}
.radio-hrb_5.answer-option{min-width: 20%;max-width: 20%;} 
@keyframes checkanimaterightleftmoon {0%   {width: 0px; height: 0px; bottom: 6px;}40%  {width: 3px; height: 0px; bottom: 4px;}100% {width: 3px; height: 8px; bottom: 0px;}}
@keyframes checkanimatefreespirit {0%   {width: 0px; height: 0px; bottom: 6px;}40%  {width: 6px; height: 0px; bottom: 3px;}100% {width: 6px; height: 18px; bottom: -5px;}}
.saveandcontinue:hover .ic-tooltip-wrapper{display: block;}
.saveandcontinue {display: inline-block;height: 16px;width: 16px;vertical-align: middle;margin: 0 5px;background-image: url(../../imagesNew/PM/help_icon.png);background-repeat: no-repeat;background-size: 100% 100%;cursor: pointer;position: relative;}
.ic-tooltip-wrapper {width: 425px;border-radius: 3px;box-shadow: 3px 3px 6px #000;background-color: #423f40;color: #fff;padding: 15px 20px;position: absolute;bottom: 20px;right: 0;text-align: left;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;display: none;z-index: 1;}
.ic-tooltip {display: inline-block;height: 25px;width: 25px;margin-right: 10px;background-image: url('../../imagesNew/PM/save_img.png');background-size: 100% 100%;vertical-align: middle;}
.ic-tooltip-header {display: inline-block;vertical-align: middle;}
.ic-tooltip-info {margin-top: 5px;}
.anonymous-iamge{margin-bottom: 25px;background-image: url('../../ImagesNew/PM/an_survey_icon.png');background-repeat: no-repeat;height: 200px;background-position: 64px;}
.ui-temp.free-spirit + form .answer-option-wrapper,.ui-temp.free-spirit + form .question-option-wrapper,.ui-temp.left-moon + form .answer-option-wrapper,.ui-temp.left-moon + form .question-option-wrapper,.ui-temp.right-moon + form .answer-option-wrapper,.ui-temp.right-moon + form .question-option-wrapper {border-radius: 0;}
.validator_message {box-shadow: 2px 2px 3px #888888;background: red;border-radius: 4px;color: #fff;font-size: 8pt;font-family: Montserrat;position: absolute;padding: 10px;max-width: 300px;z-index: 10;}
.validator_message::before {content: '';display: inline-block;position: absolute;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid red;top: -5px;left: 20px;}
.RTLDir .validator_message::before{left: auto;right: 20px;}
.rank-cont{list-style-type: none;padding: 0px;}
.RTLDir .rank-cont{list-style-type: none;padding: 0px;}
li.rank-option
{border: none;cursor: move;background-color: transparent;position: relative;display: table;width: 100%;margin-bottom: 10px;}
li.rank-option:before{
    content: '\f0c9';
    font-family: FontAwesome;
    display: inline-block;
    width: 32px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0, -50%);
    /*background: url('../../imagesNew/PM/drag-icon.png') no-repeat center;*/
    pointer-events: none;
    z-index: 1;
    font-size: 21px;
    text-align: center;
}

.RTLDir li.rank-option:before{
    right: auto;
    left: 5px;
}
.mobile-wrapper li.rank-option:before{
    top: 45%;
}
.dv-rank-handle{min-width: 32px;max-width: 32px;min-height: 24px;max-height: 24px;position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);left: auto;}
.RTLDir .dv-rank-handle{min-width: 32px;max-width: 32px;min-height: 24px;max-height: 24px;position: absolute;left: 5px;top: 50%;transform: translate(0, -50%);right: auto;}
li.rank-option .rank-option-content{padding: 5px 55px 5px 10px;margin-bottom: 5px;border-radius: 5px;cursor: move;position: relative;display: flex;width: 100%;vertical-align: middle; align-items: center;}
li.rank-option .oneImageWidth + .rank-option-content {
    max-width: calc(100% - 170px);
}
li.rank-option .twoImageWidth + .rank-option-content {
    max-width: calc(100% - 340px);
}
.rankDropDownCont{position: relative;float: right !important; height: auto; max-width: 50%;}
.rankDropDown{max-width: 100%;}
.rankDropDownCont select{margin: 0 0 0 0;}
.RTLDir .rankDropDownCont select{margin: 0 10px 0 0; padding: 3px 4px 3px 35px !important;}
.right-moon + form .RTLDir .rankDropDownCont .dropDownArrow,
.left-moon + form .RTLDir .rankDropDownCont .dropDownArrow,
free-spirit + form .RTLDir .rankDropDownCont .dropDownArrow{right: auto !important; left: 0 !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.RTLDir .rankDropDownCont .dropDownArrow{right: auto !important; left: 0 !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.rank-arrow{width: 5px;height: 5px;display: inline-block;border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
.rank-option-content-with-image{display: flex;width: 100%;}
.mobile-wrapper .rank-option-content-with-image{display: table; width: 100%;}
.RTLDir .ic-image-holder{float: none !important;margin-right: 0;margin-left: 2%; display: inline-block;}
.RTLDir .ic-tick{left: -5px;}
.RTLDir .selectImage{left: auto;right: 0px;}
.RTLDir li.rank-option .rank-option-content{padding: 5px 10px 5px 55px;}
.rank-option-text{margin-right: 10px; word-break: break-word; word-wrap: break-word;}
.RTLDir .rank-option-text{float: right !important; margin-right: 0; margin-left: 10px;}
.RTLDir .rankDropDownCont{float: left !important;}
/*.RTLDir li.rank-option{background: url('../../imagesNew/PM/drag-icon.png') no-repeat 2% center;}*/
.oneImageWidth{min-width: 170px;width: 170px;}
.oneImageWidth.twoImageWidth{min-width: 340px;width: 340px;}
.twoImageWidth{min-width: 340px;width: 340px;}
 .mobile-wrapper .oneImageWidth, .mobile-wrapper .oneImageWidth.twoImageWidth, .mobile-wrapper .twoImageWidth{min-width: auto;width: auto;}
.twoImageWidth .oneImageRank .rankImage{justify-content: space-between;}
.rank-wrapper{padding: 8px 30px;}
.rankImage{width: 100%;height: 152px;margin-right: 5px;float: left;background-size: contain;background-position: center;background-repeat: no-repeat;display: flex; align-items: center;}
.mobile-wrapper .rank-wrapper .answer-opt-image{background: transparent;padding: 5px 15px;}
.mobile-wrapper .rankImage{height: auto;}
.free-spirit + form .rank-arrow{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0;transform: translate(-50%, -50%) rotate(0deg);}
.left-moon + form .rank-arrow{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0;transform: translate(-50%, -50%) rotate(0deg);}
.right-moon + form .rank-arrow{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0; transform: translate(-50%, -50%) rotate(0deg);}
.nps-ans-option {float: left;width: 7.29%;margin: 0.85%;position: relative;}
.RTLDir .nps-ans-option {float: right;}
.nps-ans-option input[type='radio'] + label:hover,.nps-ans-option input[type='radio']:focus + label, .nps-ans-option input[type='radio']:checked + label {transform: scale(1.2);}
.nps-axis-text-wrapper .nps-axis-text:first-child,.RTLDir .nps-axis-text-wrapper .nps-axis-text:last-child {float: left;}
.nps-axis-text-wrapper .nps-axis-text:last-child, .RTLDir .nps-axis-text-wrapper .nps-axis-text:first-child {float: right;}
.nps-axis-text-wrapper {margin: 10px 0;}
/*.RTLDir .nps-ans-option{float: right;}*/

.IEcont {float: left;width: 105px;text-align: center;margin-right: 45px;}
.IEcontlast {float: left;width: 105px;text-align: center;margin-right: 0px;}
.IEimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px -235px;}
.IEtxt {color: #0479bb;line-height: 18px;text-decoration: underline;}
.Mozimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px -155px;}
.Safariimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px -77px;}
.Chromeimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px 0px;}
.AOLimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px -307px;}
.IEedgeimg {background-image: url('../../ImagesNew/PM/participation_browser_sprite_comp.png');height: 77px;background-repeat: no-repeat;background-position: 15px -385px;}
.Androideimg {background-image: url('../../images/icons/i-browse_android.png');height: 20px; width:18px;}
.BBimg {background-image: url('../../images/icons/i-browse_bb.png');height: 20px; width:18px;}
.surveybtn {padding: 55px 60px 0 60px;text-align: center;margin: 0 auto;}
.contsurvey {width: 200px;padding: 15px 0px;background: #33BCAE;margin: 0 auto;color: #fff;border-radius: 5px;font-weight: 600;}
.ResumeSurvey {padding: 15px 0px;color: #78909c;font-weight: 600;font-size: 16px;}
.subhead {Font-Size: 20px;Color: #2d3738;padding: 30px 0px;}
.browser-message-width {max-width: 80% !important}
.browsercont {padding: 55px 0px 0 0px;display:table-cell;}

/*CES and CSAT*/
.csat .smiley::before, .ces .smiley::before {content: '';width: 100%;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center center;display: block;margin-bottom: 10px;}
.ces-csat-ans-option {float: left;text-align: center;width: 14%;vertical-align: top;}
.RTLDir .ces-csat-ans-option {float: right;}
.ces-csat-ans-option input[type='radio'] + label {display: block;padding: 0;border-radius: 0;cursor: pointer;width: 100%;transition: 0.3s all ease-in-out;}
.ces-csat-ans-option input[type='radio'] + label:hover, .ces-csat-ans-option input[type='radio']:focus + label, .ces-csat-ans-option input[type='radio']:checked + label {background-color: transparent;transform: scale(1.3);}
.csat .smiley.smiley-1::before, .ces .smiley.smiley-1::before {background-image: url('../../ImagesNew/PM/ces-verysad.svg?k=1');}
.csat .smiley.smiley-2::before, .ces .smiley.smiley-2::before {background-image: url('../../ImagesNew/PM/ces-sad.svg?k=1');}
.csat .smiley.smiley-3::before, .ces .smiley.smiley-4::before {background-image: url('../../ImagesNew/PM/ces-neutral.svg?k=1');}
.csat .smiley.smiley-4::before, .ces .smiley.smiley-6::before {background-image: url('../../ImagesNew/PM/ces-happy.svg?k=1');}
.csat .smiley.smiley-5::before, .ces .smiley.smiley-7::before {background-image: url('../../ImagesNew/PM/ces-veryhappy.svg?k=1');}
.ces .smiley.smiley-3::before {background-image: url('../../ImagesNew/PM/ces-somewhatdisagree.svg?k=1');}
.ces .smiley.smiley-5::before {background-image: url('../../ImagesNew/PM/ces-somewhatagree.svg?k=1');}
.questionImageWrapper img {max-width: 100%; padding: 0px 15px 0 0;}
.mobile-wrapper .questionImageWrapper img{padding: 0px; max-width: 70%; border-radius: 5px;}
.ces-csat-wrapper{
    margin: 16px 0;
}
.ces-csat-ans-option{
  margin-right: 15px;
}

.RTLDir .ces-csat-ans-option{
    margin-right: 0px;
    margin-left: 15px;
  }

.ces-csat-ans-option:last-child{
  margin-right: 0px;
}

@media only screen and (min-width: 1250px)  {
  .ces-csat-ans-option{
    width: 11%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 60px;
  }
}

@media only screen and (min-width: 1500px)  {
  .ces-csat-ans-option{
    width: 12%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 70px;
  }
}

@media only screen and (min-width: 1650px) {
  .ces-csat-ans-option{
    width: 12%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 80px;
  }
}

@media only screen and (min-width: 1800px) {
  .ces-csat-ans-option{
    width: 11%;
  }

  .csat .smiley::before, .ces .smiley::before{
    height: 80px;
  }
}

@media only screen and (max-width: 1250px) {
  .ces-csat-ans-option{
    width: 11%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 50px;
  }
}
@media only screen and (max-width: 1120px) {
  .ces-csat-ans-option{
    width: 11%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 45px;
  }

  .ces-csat-smiley-text{
    display: none;
  }

  .ces .ces-csat-wrapper{
    min-width: 375px;
  }

  .csat .ces-csat-wrapper{
    min-width: 250px;
  }
}
@media only screen and (max-width: 1060px) {
  .ces-csat-ans-option{
    width: 11%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 45px;
  }
}
@media only screen and (max-width: 950px) {
  .ces-csat-ans-option{
    width: 11%;
  }
  .csat .smiley::before, .ces .smiley::before{
    height: 40px;
  }
}

@media only screen and (max-width: 850px) {
  .ces-csat-ans-option{
    width: 10%;
  }

  .csat .ces-csat-ans-option{
    margin-right: 10px;
  }

  .ces-csat-ans-option:last-child{
    margin-right: 0px;
  }
}

@media only screen and (max-width: 500px) {
  .csat .smiley::before, .ces .smiley::before{
    height: 30px;
  }
}
.tablet-wrapper .ces-csat-smiley-text{
    display: block !important;
}
/* Dropdown */
.custom-select-wrapper{position: relative;display: inline-block;}
.arr-symbol{width: 5px;height: 5px;display: inline-block;border-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.RTLDir .arr{right: auto;left: 0;border-radius: 4px 0 0 4px;}
.free-spirit + form .arr-symbol{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0;transform: translate(-50%, -50%) rotate(0deg);}
.left-moon + form .arr-symbol{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0;transform: translate(-50%, -50%) rotate(0deg);}
.right-moon + form .arr-symbol{border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0px solid transparent;border-top: 7px solid rgb(255, 255, 255);width: 0;height: 0;transform: translate(-50%, -50%) rotate(0deg);}
.constraint-error-msg {background: red;padding: 3px !important;color: #fff !important;box-shadow: 2px 2px 3px #888888;display: inline-block;border-radius: 4px;line-height: 120%;}
.ui-temp.free-spirit + form input[type='checkbox']:checked + label > span.structure:before,.ui-temp.left-moon + form input[type='checkbox']:checked + label > span.structure:before,.ui-temp.right-moon + form input[type='checkbox']:checked + label > span.structure:before {background-color: #ffffff !important;}
.free-spirit + form:not(.mobile-wrapper) .arr,
.left-moon + form:not(.mobile-wrapper) .arr,
.right-moon + form:not(.mobile-wrapper) .arr,
.free-spirit + form:not(.mobile-wrapper) .dropDownArrow,
.left-moon + form:not(.mobile-wrapper) .dropDownArrow,
.right-moon + form:not(.mobile-wrapper) .dropDownArrow{
    border-radius: 0 20px 20px 0px !important;
}

.free-spirit + form:not(.mobile-wrapper) .RTLDir .arr,
.left-moon + form:not(.mobile-wrapper) .RTLDir .arr,
.right-moon + form:not(.mobile-wrapper) .RTLDir .arr,
.free-spirit + form:not(.mobile-wrapper) .RTLDir .dropDownArrow,
.left-moon + form:not(.mobile-wrapper) .RTLDir .dropDownArrow,
.right-moon + form:not(.mobile-wrapper) .RTLDir .dropDownArrow{
    border-radius: 20px 0px 0px 20px !important;
}

.free-spirit + form:not(.mobile-wrapper) .arr .arr-symbol,
.free-spirit + form:not(.mobile-wrapper) .rank-arrow{
    top: 52%;
}

.left-moon + form:not(.mobile-wrapper) .arr-symbol,
.right-moon + form:not(.mobile-wrapper) .arr-symbol,
.left-moon + form:not(.mobile-wrapper) .rank-arrow,
.right-moon + form:not(.mobile-wrapper) .rank-arrow{
    top: 54%;
}

.custom-select-wrapper select{
    height: 30px;
}

.mobile-wrapper .custom-select-wrapper select{
    height: auto;
}
/* Dropdown ends */
select option,.custom-select-wrapper select, .custom-select-wrapper select option, .custom-select-wrapper .ui-autocomplete-input, .ui-corner-all {color: #000 !important}
/* Image choice */
.image-choice-wrapper{width: 100%;}
.ic-image-holder{width: 21%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);box-sizing: border-box;margin-right: 2%;margin-bottom: 20px;cursor: pointer;position: relative;float:none !important; display: inline-block;}
.alignVertical{display: block;float:none !important;} /* 102969 */
.RTLDir .ic-image-holder.alignVertical{display: block;float:none !important;} /* 102969 */
.ic-image-holder.medium{width: 21%;}
.ic-image-holder.small{width: 18%;}
.ic-image-holder.large{width: 30%;}
.ic-tick{width: 11px;height: 5px;border-bottom: 2px solid #ffffff;border-left: 2px solid #ffffff;transform: rotate(-45deg);display: inline-block;box-sizing: content-box;position: relative;left: 5px;top: 0px;}
input:checked + label.ic-label .selectImage{display: block;}
.showReportValue .ic-report-value {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left:5px;padding-right:5px;}
.showReportValue .ic-label{border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;}
.ic-image-holder input + label.ic-label {border-radius:0px !important;}
.answer-option-wrapper .ic-image-holder .tooltip_icon{position: absolute;top: 7px;right: -3px;}
.quotaGrayedOut{
  cursor: not-allowed !important;
  opacity:0.3;
}

.quotaGrayedOut:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.7);
}
/* image choice end */
/*Rating Scale*/
.rs-wrapper {margin: 20px 0;}
.rs-smiley-wrapper {margin: 10px 0;white-space: nowrap;position: relative;}
.rs-slider-axis-val, .smiley-rs-slider-axis-val {display: inline-block;}
.rs-slider-axis-val {position: absolute;width: 20px;margin-left: -10px;text-align: center;}
.rs-smiley-slider.ui-slider {display: inline-block;width: 75%;min-width: 75%;}
.smiley-rs-slider-axis-wrapper {display: inline-block;vertical-align: middle;}
.smiley-rs-wrapper {display: inline-block; vertical-align: top;width: calc(100% - 140px);}
.na-checkbox {margin-top: 20px;margin-left: -16px;}
.RTLDir .na-checkbox {margin-right:-16px;}
.na-checkbox label {display: inline-block !important;background: transparent !important;}
.ui-slider-handle, .ui-slider-range {opacity: 0;}
.rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon{background-position: 0 -90px;}
.rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon{background-position: 0 -180px;}
.rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon{background-position: 0 -270px;}
.rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon {background-position: 0 0;}
.rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon {background-position: 0 -360px;}

.RTLDir .smiley-rs-icon{margin-right: 0;margin-left: 50px;}
.RTLDir .smiley-seperator{left: auto !important;right: 140px;}
#modalIframe {max-width: 600px;position: relative;margin: auto;}

.rs-mobile-wrapper .rs-slider-axis-val:last-child .slider-value-text{transform: translate(0px); left: auto; right: 0px;; text-align: right;}
.rs-mobile-wrapper .rs-slider-axis-val:first-child .slider-value-text{transform: translate(0px); left: 0px; text-align: left;}
.rs-mobile-wrapper .rs-slider-axis-val:last-child .slider-value-text.tooltip-weight::after{left: auto; right: 4px;}
.rs-mobile-wrapper .rs-slider-axis-val:first-child .slider-value-text.tooltip-weight::after{left: 10px;}

.rs-mobile-wrapper .rs-slider-axis-val:last-child .slider-value-text:not(.tooltip-weight){
  animation: rsLastTooltip 0.3s linear;
}

.rs-mobile-wrapper .rs-slider-axis-val:first-child .slider-value-text:not(.tooltip-weight){
  animation: rsFirstTooltip 0.3s linear;
}

@keyframes rsLastTooltip {
  0% {top: -46px;transform: translate(0px) scale(1); left: auto;}
  50% {top: -30px;transform: translate(0px) scale(0.1); left: auto;}
  100% {top: 15px;transform: translate(0px) scale(1); left: auto;}
}

@keyframes rsFirstTooltip {
  0% {top: -46px;transform: translate(0px) scale(1); left: 0px;}
  50% {top: -30px;transform: translate(0px) scale(0.1); left: 0px;}
  100% {top: 15px;transform: translate(0px) scale(1); left: 0px;}
}

.rs-slider.ui-slider{
    margin-bottom: 50px;
}

.mobile-wrapper .rs-slider.ui-slider{
    margin-bottom: 0px;
}

.mobile-wrapper .rs-wrapper-scroll{
    overflow: visible !important;
}
/*End Rating Scale*/
.a-strip-na { padding: 2px 0px 16px 3px; }
/* CSS for Scoll */
.question-data{position: relative;}
.divScroll{position: relative;}
.divScroll .fieldset-wrapper{/*overflow-x: auto;*/position: relative;}
.div-scroll-btn:visible + .divScroll .fieldset-wrapper{margin-right: 30px;}
.div-scroll-symbol{position: absolute;border-right: 3px solid #ffffff;border-bottom: 3px solid #ffffff;transform: translate(-50% , -50%) rotate(-45deg);top: 50%;left: 40%;width: 11px;height: 11px;display: inline-block;}
.RTLDir .div-scroll-symbol{border-left: 3px solid #FFFFFF !important;}
.hrb-table{width: 100%;white-space: nowrap;}
.hrb-table:hover{cursor: pointer;}
.hrb-table .answer-option .question-data{margin: 0px 10px;}
.question-data.mandatory .hrb-table .question-option-wrapper, .question-data.mandatory .hrb-table .answer-option-wrapper, .question-data.soft-req .hrb-table .question-option-wrapper, .question-data.soft-req .hrb-table .answer-option-wrapper,
.question-data.mandatory .fieldset-wrapper .hrb-table fieldset, .question-data.soft-req .fieldset-wrapper .hrb-table fieldset, .question-data.mandatory .hrb-table .questionImageWrapper, .question-data.soft-req .hrb-table .questionImageWrapper{
    background: transparent;
}
.question-data.mandatory .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset,
.question-data .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset{
    background: transparent;
}

.question-data.mandatory .fieldset-wrapper .answer-option.check input[type='checkbox'] + label .question-data fieldset,
.question-data .fieldset-wrapper .answer-option.check input[type='checkbox'] + label .question-data fieldset{
    background: transparent;
}

.question-data.mandatory .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset .question-option-wrapper,
.question-data.mandatory .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset .answer-option-wrapper,
.question-data.soft-req .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset .question-option-wrapper,
.question-data.soft-req .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset .answer-option-wrapper,
.question-data.soft-req .fieldset-wrapper .answer-option.radio input[type='radio'] + label .question-data fieldset{
    background: transparent;
}
.radio-hrb.answer-option{min-width: 20%;}
.answer-text-hrb {font-style: normal;width: calc(100% - 45px);word-break: normal;cursor: pointer; margin: 0; white-space: normal;margin-left: 10px; min-width: 60px;}
.radio-hrb input[type='radio'] + label{height: 100%;}
.hrb-text-label{display: inline-block; height: 100%; width: 100%; min-height: 34px; padding: 8px 0; box-sizing: border-box;cursor: pointer;}
.radio-hrb input[type='radio'] + label:hover,  input[type='radio']:focus + label, .radio-hrb input[type='radio']:checked + label{background-color: transparent;}
/* Answer option images */
.singleImageAnswer td:first-child{min-width: 170px; width: 170px;}
.multiImageAnswer td:first-child{min-width: 340px; width: 340px}

.singleImageAnswer .other-textans {padding:0 0 0 200px}
.multiImageAnswer .other-textans {padding:0 0 0 370px}

.RTLDir .singleImageAnswer .other-textans {padding:0 200px 0 0}
.RTLDir .multiImageAnswer .other-textans {padding:0 370px 0 0}
/* Answer option image end */
/* List Box Changes*/
.ML_Main{float:left; width: 100%; padding: 5px 26px 14px 26px !important;}
.answer-option-wrapper.ML-inner-scroll {width:60%; border-radius: 0px;}
.ML-inner-scroll{overflow-y:scroll; overflow-x:hidden; height: 143px; margin: 0px 2px 0px 1px; border: 1px; border-style:solid; border-color:#7F9DB9;position:relative;border-radius: 0px;padding: 0px 10px !important;}
.ML-inner{width: 100%; padding: 0px !important;} /* 103205,103521 */ 
.answer-option-wrapper.ML-inner-scroll{background-color: transparent;}
.horizontal-radio.answer-option {display: inline-block;margin: 0 5px;}
.mobile-wrapper .horizontal-radio.answer-option {display: block;margin: 0 5px;}
.mobile-wrapper .hrb-other-textbox.answer-option { width:auto !important;}

.horizontal-radio.answer-option .answer-text {width: auto;}
input[type='radio']:disabled + label span.structure, input[type='checkbox']:disabled + label span.structure {cursor: no-drop;}
/*input[type='radio']:disabled + label span.structure:before, input[type='checkbox']:disabled + label span.structure:before {border-width: 1px;}*/
input[type='radio']:disabled + label .answer-text, input[type='checkbox']:disabled + label .answer-text{color: #DAC8C8 !important;}
.ui-temp.free-spirit + form input[type='radio']:disabled + label span.structure:before,.ui-temp.free-spirit + form input[type='checkbox']:disabled + label span.structure:before,.ui-temp.left-moon + form input[type='radio']:disabled + label span.structure:before,.ui-temp.left-moon + form input[type='checkbox']:disabled + label span.structure:before,.ui-temp.right-moon + form input[type='radio']:disabled + label span.structure:before,.ui-temp.right-moon + form input[type='checkbox']:disabled + label span.structure:before {border-width: 3px;}
.calendar-qtn .dtpOpener {display: inline-block;vertical-align: middle;cursor: pointer;}
.calendar-qtn input.txtDate {min-width: 120px !important;}
.calendar-qtn .custom-select-wrapper {position: relative;display: inline-block;margin: 0 5px 0 0; vertical-align: middle;}
.calendar-qtn .date-format-text {font-size: 12pt !important}
.calendar-qtn .date-format-text {margin: 0 10px;}
/*jQuery Datepicker*/
.calendar-qtn .dtpOpener {cursor: pointer; margin-left: 5px; position: relative; top: 0px;}
.RTLDir .calendar-qtn .dtpOpener {margin-right: 5px}
.dtpContainer {background: transparent;position: absolute;z-index: 10002;margin: 10px 0;width: 320px;box-shadow: 2px 2px 2px #888888;}
.ui-datepicker.ui-corner-all, .ui-datepicker .ui-datepicker-header.ui-corner-all {border-radius: 0px;}
.dtpContainer .ui-datepicker select.ui-datepicker-month, .dtpContainer .ui-datepicker select.ui-datepicker-year {height: 32px;margin: 3px 5px;width: auto;padding-right: 20px;border-width: 0;background: url('../../images/participation_icons/dtpArrowDown.png') no-repeat right 12px transparent;font-weight: normal;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;border: 0 none;outline: none;}
.dtpContainer .ui-datepicker select.ui-datepicker-month {width: 60px;}
.dtpContainer .ui-datepicker select.ui-datepicker-year {width: 75px;}
.dtpContainer .ui-datepicker .ui-datepicker-prev {background: url('../../images/participation_icons/dtpLeft.png') no-repeat 0 0 transparent;width: 12px;height: 16px;top: 15px;left: 15px;cursor: pointer;}
.dtpContainer .ui-datepicker .ui-datepicker-next {background: url('../../images/participation_icons/dtpRight.png') no-repeat 0 0 transparent;width: 12px;height: 16px;top: 15px;right: 15px;cursor: pointer;}
.dtpContainer .ui-datepicker .ui-datepicker-title select {font-family: Open Sans;font-size: 16px;color: #fff;}
.dtpContainer .ui-datepicker-calendar tbody tr:first-child td {padding-top: 5px;}
.dtpContainer .ui-datepicker-calendar td a, .dtpContainer .ui-datepicker-calendar td span {font-size: 14px;font-weight: normal;color: #232323;}
.dtpContainer .ui-datepicker-calendar a.ui-state-default {padding: 8px !important;margin: 0 auto;width: 20px;height: 18px;box-sizing: content-box;text-align: center;text-decoration: none;font-size: 14px;}
.dtpContainer .ui-datepicker-calendar .ui-state-default,.dtpContainer .ui-datepicker-calendar .ui-widget-content .ui-state-default,.dtpContainer .ui-datepicker-calendar .ui-widget-header .ui-state-default,.dtpContainer .ui-datepicker-calendar .ui-button,.dtpContainer .ui-datepicker-calendar .ui-button.ui-state-disabled:hover,.dtpContainer .ui-datepicker-calendar .ui-button.ui-state-disabled:active {background: none; border: none;}
.dtpContainer .ui-datepicker-calendar .ui-state-hover,.dtpContainer .ui-datepicker-calendar .ui-widget-content .ui-state-hover,.dtpContainer .ui-datepicker-calendar .ui-widget-header .ui-state-hover,.dtpContainer .ui-datepicker-calendar .ui-state-focus,.dtpContainer .ui-datepicker-calendar .ui-widget-content .ui-state-focus,.dtpContainer .ui-datepicker-calendar .ui-widget-header .ui-state-focus,.dtpContainer .ui-datepicker-calendar .ui-button:hover,.dtpContainer .ui-datepicker-calendar .ui-button:focus {background: none;border: none;}
.dtpContainer div.hasDatepicker {display: block;padding: 0;overflow: visible;max-width: 340px;background: #ffffff;}
.dtpContainer .ui-state-hover,.dtpContainer .ui-widget-content .ui-state-hover,.dtpContainer .ui-widget-header .ui-state-hover{border:none;}
.dtpContainer .ui-datepicker {width: 100%;padding: 0;}
.date-picker-cont{
  position: relative;
  /*z-index: 999;*/ /*PRT 103149 Date Picker Overlap*/
}
/*jQuery Datepicker*/
/*DemoGraphic*/
.demographics-wrapper{position: relative;}
.demographics-wrapper .question-option-wrapper{min-width: 110px;max-width: 400px;width: auto;line-height: 23px;display: table-cell;white-space: nowrap;}
.demographics-wrapper .answer-option-wrapper{display: table-cell;max-width: 450px;width: 450px;padding: 2px 25px 2px !important;}
 /*.demographics-wrapper.dv-email-question .answer-option-wrapper{transform: translate(0, 0); top: 0;}*/
.demographics-wrapper .fieldset-wrapper{overflow: visible;}
.dv-email-question{/*min-height: 100px;*/overflow: visible;}
.demographics-wrapper fieldset{height: 100%;}
.longTextBox input[type='text']{width: 100% !important;}

 .answer-option-wrapper .demographics-wrapper .question-option-wrapper .question-text{font-weight: normal; word-break: break-word; word-wrap: break-word;}
.answer-option-wrapper .demographics-wrapper .ansopt-textbox{margin: 5px 0;}
.answer-option-wrapper .demographics-wrapper .question-option-wrapper{padding: 2px 5px 2px 5px !important;}
.RTLDir .answer-option-wrapper .demographics-wrapper .question-option-wrapper{padding: 2px 5px 2px 5px !important;}

.demographics-wrapper .custom-select-wrapper{
    margin: 5px 5px 5px 0;
    max-width: 250px !important;
    /*width: 100%;*/
}

.demographics-wrapper .custom-select-wrapper:last-child{
    margin-right: 0px;
}

.demographics-wrapper .custom-select-wrapper select{
    max-width: 250px !important;
}

.mobile-wrapper .demographics-wrapper .custom-select-wrapper{
    margin-bottom: 11px !important;
}

.demographics-wrapper .calendar-qtn .custom-select-wrapper select, .demographics-wrapper .calendar-qtn .date-format-text{
    width: 100px;
}
/*Symbol Rating Scale*/
.symbol-subqtn {margin: 0 0 15px; white-space:nowrap;}
.symbol-wrapper {display: table-cell;vertical-align: middle;padding: 10px 0;}
.symbol-wrapper .answer-option {display: inline-block;}
.symbol-wrapper input[type='radio'] + label {display: inline-block;border-radius: 0;cursor: pointer;margin: 5px;padding: 0;font-size: 32px !important;line-height: 1;font-style: normal;font-weight: normal;font-family: star-rating_font;}
.symbol-wrapper input[type='radio'] + label,.symbol-wrapper input[type='radio'] + label:hover,.symbol-wrapper input[type='radio']:focus + label,.symbol-wrapper input[type='radio']:checked + label,.symbol-wrapper input[type='checkbox'] + label:hover {background-color: transparent !important;}
.symbol-wrapper.star input[type='radio'] + label::before {content: '\e906';}
.symbol-wrapper.star input[type='radio'] + label.selectedSymbol::before {content: '\e907';}
.symbol-wrapper.thumbs input[type='radio'] + label::before {content: '\e908';}
.symbol-wrapper.thumbs input[type='radio'] + label.selectedSymbol::before {content: '\e909';}
.symbol-wrapper.hearts input[type='radio'] + label::before {content: '\e902';}
.symbol-wrapper.hearts input[type='radio'] + label.selectedSymbol::before {content: '\e903';}
.symbol-wrapper.checkmark input[type='radio'] + label::before {content: '\e90a';}
.symbol-wrapper.checkmark input[type='radio'] + label.selectedSymbol::before {content: '\e90b';}
.symbol-wrapper.dollar input[type='radio'] + label::before {content: '\e900';}
.symbol-wrapper.dollar input[type='radio'] + label.selectedSymbol::before {content: '\e901';}
.symbol-wrapper.humans input[type='radio'] + label::before {content: '\e904';}
.symbol-wrapper.humans input[type='radio'] + label.selectedSymbol::before {content: '\e905';}
.symbol-wrapper input[type='radio'] + label:hover {transition: all 0.5s;transform: scale(1.2);}
.symbolratingscale .questionImageWrapper {padding: 8px 30px;}
.symbolratingscale .questionImageWrapper img {width: auto;max-width: 100%;}
.symbolratingscale .question-text {margin: 0 5px;max-width: 450px;white-space: pre-wrap;display: inline-block;vertical-align: middle;}
.symbol-subqtn {white-space: nowrap;display: table-row;}
.unit > div {margin: 10px;width: 154px;display: inline-block;zoom: 1;vertical-align:top}
/* radio cb alignment and spacing */
.radio-hrb input[type='radio'] + label,.radio-hrb  input[type='checkbox'] + label{
  padding: 0;
}
.radio-hrb.answer-option{border-radius: 5px;padding: 0px;}

.hrb-disabled {cursor:no-drop !important}
.radio-hrb.selected .answer-text{font-weight: bold;}


.slider-value-text {position: absolute;bottom: 35px;right: 50%;transform: translate(50%);white-space: nowrap;}
.RTLDir .slider-value-text{right: auto; left: 50%; transform: translate(-50%);}
.mobile-wrapper .slider-value-text, .mobile-wrapper .RTLDir .slider-value-text{left: 50%; right: auto; transform: translate(-50%)}
.rs-smiley-parent .slider-value-text {bottom: 20px;}
.rs-smiley-parent {display: inline-block;vertical-align: middle;width: calc(100% - 141px);}
.nps-ans-option input[type='radio'] + label{opacity: 0.7;}
.nps-ans-option input[type='radio']:checked + label {opacity: 1 !important; box-shadow: 0px 8px 6px rgba(157, 167, 196, 0.7);}
.custom-select-wrapper select option {font-weight: inherit !important;}
.RTLDir .custom-select-wrapper select{padding: 3px 10px 3px 45px !important;}
.select-language-wrap:before {content: '';display: block;background-repeat: no-repeat;width: 26px;height: 22px;position: absolute;left: 0px;background-position: 0px -66px;top: 2px;background-image: url('../../ImagesNew/PM/sprite.png')}
.print-survey-wrapper { background-position: 0px -33px;width: 26px;height: 22px;display: inline-block;background-image: url(../../ImagesNew/PM/sprite.png);background-repeat: no-repeat;cursor: pointer;margin: 0 15px 0 25px;position: relative;top: -2px;text-indent:-9999px;text-align:left}

.ui-temp.free-spirit + form .symbolratingscale .symbol-wrapper {padding: 5px 0;}
.ui-temp.free-spirit + form .symbolratingscale input[type='radio'] + label,.ui-temp.free-spirit + form .symbolratingscale input[type='checkbox'] + label {padding: 0;}
.ui-temp.left-moon + form .symbolratingscale input[type='radio'] + label,.ui-temp.left-moon + form .symbolratingscale input[type='checkbox'] + label {margin: 0;padding: 0 5px;}
.ui-temp.right-moon + form .symbolratingscale input[type='radio'] + label,.ui-temp.right-moon + form .symbolratingscale input[type='checkbox'] + label {margin: 0 !important;padding: 0 5px !important;}
.ui-temp + form .rs-wrapper .ui-slider .ui-slider-handle, .ui-temp + form .rs-wrapper .ui-slider .ui-slider-handle{box-shadow: none !important;height: 25px !important;margin-top: -7px;border-radius: 10px !important;}
.ui-temp.left-moon + form .horizontal-radio input[type='radio'] + label,
.ui-temp.right-moon + form .horizontal-radio input[type='radio'] + label {
    margin: 5px 0;
    padding: 7px 8px;
}

.message-footer-wrapper div {
    color:white;
} 

.message-footer-wrapper a {
    color:white;
} 

.message-footer-wrapper span {
    color:#475153 !important;
} 
.ui-temp.free-spirit + form .horizontal-radio input[type='radio'] + label {
    padding: 7px 8px;
}

.ui-temp.left-moon + form .hrb-table input[type='radio'] + label, .ui-temp.right-moon + form .hrb-table input[type='radio'] + label,
.ui-temp.left-moon + form .hrb-table input[type='checkbox'] + label, .ui-temp.right-moon + form .hrb-table input[type='checkbox'] + label {
    margin: 0;
}

.ui-temp.left-moon + form table.main-hrb-cont, .ui-temp.right-moon + form table.main-hrb-cont {
    border-spacing: 6px 10px;
}

.ui-temp.right-moon + form .radio-hrb.answer-option {
    border-radius: 20px;
}

.other-textans.dropdown{
 padding: 5px;
 margin: 15px 0 0;
}

.mobile-wrapper .other-textans.dropdown{
    padding: 5px 0;
    margin: 15px 0 0;
}

.other-textans.dropdown input.ansopt-textbox {
    margin: 5px 0;
}

.ui-temp.free-spirit + form .answer-option.radio-hrb input[type='radio'] + label,
.ui-temp.free-spirit + form .answer-option.radio-hrb input[type='checkbox'] + label,
.ui-temp.left-moon + form .answer-option.radio-hrb input[type='radio'] + label,
.ui-temp.left-moon + form .answer-option.radio-hrb input[type='checkbox'] + label,
.ui-temp.right-moon + form .answer-option.radio-hrb input[type='radio'] + label,
.ui-temp.right-moon + form .answer-option.radio-hrb input[type='checkbox'] + label {
    background: transparent;
	padding: 0px;
}

.answer-option.radio-hrb input[type='radio'] + label, .answer-option.radio-hrb input[type='checkbox'] + label {
	padding: 0px;
}

.radio-hrb.answer-option{border-radius: 5px;padding: 5px 8px;}

.ui-temp.free-spirit + form .answer-option.radio-hrb,
.ui-temp.left-moon + form .answer-option.radio-hrb,
.ui-temp.right-moon + form .answer-option.radio-hrb{
	padding: 8px 8px;
}

.hrb-other-textbox {
    display: block;
    width : 100% !important;
}

.hrb-other-textbox .other-textans {
    display: inline-block;
}
.mobile-wrapper .hrb-other-textbox .other-textans {
    display: block;
}

.nps-wrapper .nps-ans-option input[type='radio'] + label {
        border-radius: 5px !important;
}

.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.right-moon .bg-overlay{
    background: rgba(0,0,0,0.75);
}

.ansopt-textbox.currency, .ansopt-textbox.ssn, .ansopt-textbox.number {
    max-width: 170px;
    min-width: 170px;
}

.reenter + input.ansopt-textbox,.ansopt-textbox.email {
    max-width: 250px;
    min-width: auto;
    width: 100% !important;
}

.demographics-wrapper.demoFName input[type='text'], .demographics-wrapper.demoMName input[type='text'],
.demographics-wrapper.demoLName input[type='text'], .demographics-wrapper.demoCity input[type='text'],
.demographics-wrapper.demoCounty input[type='text'], .demographics-wrapper.demoTelePhone input[type='text'],
.demographics-wrapper.demoFax input[type='text']{
    min-width: auto;
    max-width: 250px !important;
    width: 100% !important;
}

.demographics-wrapper.demoFullName input[type='text'], .demographics-wrapper.demoStreet1 input[type='text'],
.demographics-wrapper.demoStreet2 input[type='text']{
    max-width: 450px !important;
    width: 100% !important;
    min-width: auto;
}

.demographics-wrapper.demoTitle input[type='text'], .demographics-wrapper.demoZip input[type='text'],
.demographics-wrapper.demoZip4 input[type='text'], .demographics-wrapper.demoExtc input[type='text']{
    min-width: auto;
    max-width: 140px !important;
    width: 100% !important;
}

.mobile-wrapper .demographics-wrapper input[type='text'], .mobile-wrapper .demographics-wrapper input[type='password']{
    min-width: 100%;
    min-height: 100%;
    width: 100% !important;
}

legend.reenter .question-text
{
    font-size:11pt !important;
    font-weight:normal !important;
}

.ansopt-textbox.phone {
    max-width: 220px;
    min-width: 220px;
}

.ansopt-textbox.percentage {
    max-width: 100px;
    min-width: 100px;
}

.ansopt-textbox.zipcode {
    max-width: 140px;
    min-width: 140px;
}

.clsThankYou h1 {
    font-weight: normal;
}

.width55 {
    margin: 20px auto;
    width: 550px;
}

.unit a {
    text-decoration: none;
}

.unit p {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    width: 140px;
    padding-top: 10px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}


 /*Messages*/

.message-header-wrapper{
    display: table;
}

.message-icon{
    min-width: 60px;
}

 .message-wrapper {
  border: 1px solid #cfd8dc;
  border-radius: 5px;
  background-color: #fff;
  padding: 30px 60px;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  position: relative;
 }

.message-icon.partial-data-saved-icon {
  background-repeat: no-repeat;
  height: 70px;
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../ImagesNew/PM/participation_sprite.png);
  background-position: 0px -192px;
}

.cookie-wrapper .message-icon.partial-data-saved-icon {
  background-repeat: no-repeat;
  height: 50px;
  width: 63px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../ImagesNew/PM/cookieSprite.svg);
  background-position: -15px -460px;
}


.message-icon.quota-saved-icon {
  background-repeat: no-repeat;
  height: 70px;
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../ImagesNew/PM/participation_sprite_r_quota.png);
  background-position: 0px -192px;
}

.message-icon.already-participated, .message-icon.browser-message {
  background-repeat: no-repeat;
  height: 60px;
  width: 70px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../ImagesNew/PM/participation_sprite.png);
  background-position: 0px -58px;
}

 .message-heading-text {
  font-Size: 30px;
  Color: #16bba9;
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
 }

 .quota-message-heading-text {
  font-Size: 30px;
  Color: #ff0000 !important;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
 }

 .message-info-wrapper {
   padding: 20px 0;
 }

 .message-info-wrapper .message-text {
   font-size: 20px;
   color: #2d3738;
 }

 .message-info-wrapper .message-text .IEtxt.no-support-msg{
     font-size: 14px;
 }

 .data-question-text {
   font-weight: 600;
 }

 .message-info-wrapper .message-text, .message-info-wrapper .url-info,
 .message-info-wrapper .send-container {
   margin: 15px 0;
   word-break: break-word;
   word-wrap: break-word;
 }

 .message-info-wrapper .url-info a {
  color: #28a9e1;
  font-size: 17px;
  cursor: pointer;
  text-decoration: underline;
 }

 .send-container input.send-email-text {
  width: 300px;
  padding: 13px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #62c9f5;
  font-family: montserrat;
  font-size: 11pt;
  border: 1px solid #d0d1d2;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  height: 46px;
 }

 .send-container input.send-email-submit {
  border: 1px solid transparent;
  padding: 0 13px;
  background-color: #33BCAE;
  color: #fff;
  border-top-right-radius: 5px;
  text-align: center;
  border-bottom-right-radius: 5px;
  font-weight: 600;
  font-size: 20px;
  font-family: inherit;
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-family: montserrat;
  font-size: 12pt;
  }

 .send-container input[type='text']:focus, .send-container input[type='text']:hover {
   border: 1px solid #8791ab;
 }

 .message-footer-wrapper {
  text-align: center;
  background-color: #b9c8d2;
  padding: 5px 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
 }

 .message-footer-wrapper a.online-survey-software {
  color: #475153;
  font-weight: 600;
 }

 .message-footer-wrapper .powered-by {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
 }

 .resume-survey-wrapper .resume-link {
  color: #78909c;
  padding: 15px 0px;
  font-weight: 600;
  font-size: 16px;
  display: block;
 }

 .resume-survey-wrapper .sub-resume-text {
  color: #78909C;
  font-weight: 600;
  font-size: 12px;
 }

 .view-responses-wrapper {
  text-align: center;
 }

 .view-response {
  color: #fff;
  border: 1px solid #a0a2a5;
  border-radius: 15px;
  padding: 20px 15px;
  background: #0e555c;
  display: inline-block;
 }

 .view-response p {
   color: #ffffff;
   font-weight: 700;
   font-size: 14px;
   padding: 20px 0 10px;
 }

 .sogo-logo-wrapper {
  margin: 50px auto;
 }

 .sogo-info {
  color: #666666;
  font: normal 300 12px 'Whitney SSm 3r','Whitney SSm A','Whitney SSm B',sans-serif;
  margin: 15px 0;
  padding: 0;
 }

 .sogo-logo-wrapper, .sogo-signup-wrapper, .sogo-footer-wrapper {
  text-align: center;
}

 .sogo-signup-wrapper .signup-title{
  border-top: 1px solid #DDDDDD;
  color: #F05A28;
  font: normal 300 20px 'Whitney SSm 3r','Whitney SSm A','Whitney SSm B',sans-serif;
  padding: 30px 0;
 }

 .sogo-signup-wrapper .signup-button {
  background: #F05A28;
  color: #ffffff;
  display: inline-block;
  font: normal 600 16px 'Whitney SSm 6r','Whitney SSm A','Whitney SSm B',sans-serif;
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
 }

 .sogo-footer-wrapper {
  margin: 30px 0 0 0;
 }

 .sogo-poweredby, .sogo-sample-surveys {
  color: #666666;
  margin: 0;
  padding: 0;
  font: normal 600 13px 'Whitney SSm 6r','Whitney SSm A','Whitney SSm B',sans-serif;
  line-height: 20px;
 }

 .sogo-poweredby a {
  color: #3D4D54;
  text-decoration: underline;
  font: normal 500 20px 'Whitney SSm 5r','Whitney SSm A','Whitney SSm B',sans-serif;
  margin: 10px 0;
 }

 .sogo-sample-surveys a {
  color: #00AAC2;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font: normal 600 13px 'Whitney SSm 6r','Whitney SSm A','Whitney SSm B',sans-serif;
  margin: 10px 0;
 }

/*MDD*/

.mdd-wrapper{
  position: relative;
  white-space: nowrap;
 }

 .mdd-wrapper .question-option-wrapper{
  max-width: 450px;

 }

 /*.mdd-wrapper .answer-option-wrapper{
  position: absolute;
  width: auto;
  left: 450px;
  top: 50%;
  transform: translate(0,-50%);
 }*/

 .mdd-wrapper .answer-option-wrapper.relativeMdd{
  position: relative;
  padding: 0;
  left: 0 !important;
 }

 .mdd-wrapper legend .question-no,  .mdd-wrapper legend .question-text {
  display: table-cell;
 }

 .mdd-wrapper .fieldset-wrapper{
  overflow: visible;
 }

 .mdd-wrapper fieldset{
  height: 100%;
 }

 .mdd-wrapper .question-option-wrapper.subqtn {
  line-height: normal;
  border: none !important;
 }

.mdd-wrapper .question-option-wrapper.subqtn + .answer-option-wrapper {
    border: none !important;
}

 .question-option-wrapper.subqtn .question-text, .question-option-wrapper.subqtn .question-no {font-weight: normal;font-size: 11pt;}

 .mdd-wrapper .question-option-wrapper.subqtn .question-text {
   padding: 0 5px;
   display: table-cell;
   white-space: normal;
 }

 .mdd-wrapper .custom-select-wrapper select {
  max-width: 100%;
 }

 /*.question-data.comment-question-type {
  border: none;
 }*/

 .question-data {
   border-radius: 11px;
 }

 .question-data fieldset{
     border-radius: 8px
 }

 .ui-temp.free-spirit + form .question-data, .ui-temp.left-moon + form .question-data, .ui-temp.right-moon + form .question-data {
  border-radius: 0;
}

.RTLDir input[type='radio']:disabled + label span.structure:after {
    left: 7px;
}

.mobile-wrapper .mdd-wrapper .answer-option-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    left: -11px;
}

.mobile-wrapper .RTLDir .mdd-wrapper .answer-option-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    right: -11px
}

.mobile-wrapper .multiple-dropdown .question-data.mandatory{
    /*border: 0px !important;*/
}

.mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: -20px;
    top: 15px;
}

.RTLDir .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: -15px;
    left: auto;
}

 /*Column Structure MDD*/

 .column-struct-mdd .mdd-wrapper .answer-option-wrapper{
  position: relative;
  top: auto;
  transform: none;
  left: auto !important;
  display: inline-block;
  vertical-align: middle;
 }

.column-struct-mdd .mdd-wrapper .question-option-wrapper.subqtn {
    vertical-align: middle;
}

select::-ms-expand {
  display: none;
}

.custom-select-wrapper {
    margin: 0 10px;
}

.question-option-wrapper.subqtn + .answer-option-wrapper {
    padding: 8px 5px 10px !important;
}

.question-option-wrapper.subqtn + .answer-option-wrapper .custom-select-wrapper {
    margin: 0;
}

.other-textans.dropdown {
    padding: 5px;
    margin: 15px 5px;
}

.tblPageFooter.single-page-submit {
    display: block;
    position: relative;
    width: 60% !important;
}

.tablet-wrapper .tblPageFooter.single-page-submit .submit-button{
    max-width: 250px;
}

.mobile-wrapper .tblPageFooter.single-page-submit{
    width: 100% !important;
}

.tblPageFooter.single-page-submit .back-button-wrap {
    display: none;
}

.tblPageFooter.single-page-submit .clear-answers-button-wrap {
    position: absolute;
    left: 80%;
    top: 50%;
    transform: translate(0,-50%);
    white-space: nowrap;
    z-index: 10000;
}

.tblPageFooter.single-page-submit .clear-answers-button-wrap:nth-child(1)  {
    left: auto;
    right: 80%;
    white-space: nowrap;
}

.tablet-wrapper .tblPageFooter.single-page-submit .clear-answers-button-wrap{
    white-space: normal;
    width: 180px;
    max-width: 180px;
    text-align: center !important;
}

.tablet-wrapper .tblPageFooter.single-page-submit .clear-answers-button-wrap:nth-child(1){
    white-space: normal;
    width: 180px;
    max-width: 180px;
    text-align: center !important;
}

@media screen and (max-width: 600px) {
    .tblPageFooter.single-page-submit .clear-answers-button-wrap {
        left: 68%;
    }

    .tblPageFooter.single-page-submit .clear-answers-button-wrap:nth-child(1)  {
        right: 68%;
    }
}

#mask {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    background-color: black;
    z-index: 9999;
}

.symbol-subqtn .question-option-wrapper.subqtn {
  position: relative;
  padding: 8px 30px 8px 3px !important;
}

.RTLDir .symbol-subqtn .question-option-wrapper.subqtn {
  position: relative;
  padding: 8px 3px 8px 30px !important;
}


.question-data.mandatory .symbol-subqtn .question-option-wrapper.subqtn {
    border: 0;
}

.btn_nxt:after, .btn_back:after {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-radius: 100%;
    background: transparent;
    animation: load .75s linear infinite;
}

.btn_nxt, .btn_back {
    margin-top: -10px;
}

.btn_nxt, .btn_back {
    width: 15px;
    height: 15px;
    display: inline-block;
    color: #c31515;
    top: 50%;
    right: 50%;
    margin-right: -7px;
    margin-top: -9px;
}

.btn_nxt, .btn_back {
    position: absolute;
    box-sizing: border-box;
}

.loader {
    width: 112px;
    height: 36px;
    border-radius: 5px;
    position: relative;
}

.answer-option-wrapper .question-option-wrapper{
  background: transparent;
}

.answer-option-wrapper .answer-option-wrapper{
  background: transparent;
}

/* Mobile */
.mobile-wrapper .surveyWidth{
  width: 100% !important;
  max-width: 100%;
  padding: 0;
  margin: 10px auto 60px !important;
  width: 90%;
}

.mobile-wrapper .custom-select-wrapper{
  width: 100%;
  max-width: 400px;
}

.mobile-wrapper .custom-select-wrapper select, .mobile-wrapper .rankDropDownCont select{
  padding: 11px 37px 12px 7px !important;
  border: 1px solid #b9b9b9;
  border-radius: 4px !important;
  border-color: #b9b9b9 !important;
}

.mobile-wrapper .custom-select-wrapper select:disabled,
.mobile-wrapper .rankDropDownCont select:disabled{
    background-color: #f4f4f4;
    color: #aaaaaa !important;
}

.free-spirit + form .custom-select-wrapper:not(.drill-down-search) select:disabled,
.right-moon + form .custom-select-wrapper:not(.drill-down-search) select:disabled,
.left-moon + form .custom-select-wrapper:not(.drill-down-search) select:disabled{
    color: #aaaaaa !important;
}

.mobile-wrapper .RTLDir .custom-select-wrapper select, .mobile-wrapper .RTLDir .rankDropDownCont select{
    padding: 11px 7px 12px 37px !important;
}

.free-spirit + form.mobile-wrapper .custom-select-wrapper select, .free-spirit + form.mobile-wrapper .rankDropDownCont select{
  border-color: #b9b9b9 !important;
}

.mobile-wrapper .custom-select-wrapper .arr, .mobile-wrapper .rankDropDownCont .dropDownArrow{
  background-color: transparent !important;
}

.mobile-wrapper .custom-select-wrapper .arr .arr-symbol, .mobile-wrapper .rankDropDownCont .dropDownArrow .rank-arrow{
  width: 8px;
  height: 8px;
  border-color: #988e8e;
  color: #988e8e;
  left: 30%;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-top: none;
  border-right: none;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-wrapper .RTLDir .custom-select-wrapper .arr .arr-symbol, .mobile-wrapper .RTLDir .rankDropDownCont .dropDownArrow .rank-arrow {
    left: 60%;
}

.mobile-wrapper .answer-opt-image{
  display: block;
  margin: 10px auto;
  width: 100%;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
  background-color: #dff4fa;
  border-radius: 5px;
}

.mobile-wrapper .answer-option-wrapper div.answer-option label{
  margin-left: 0px !important;
  padding: 10px 8px;
  margin-right: auto !important;
}

.mobile-wrapper .radio-btn.structure{
  width: 26px;
  height: 26px;
}

.mobile-wrapper .radio-btn.structure:before{
  width: 20px;
  height: 20px;
}

.mobile-wrapper .radio-btn.structure:after{
  width: 13px !important;
  height: 13px !important;
  border: none !important;
}

.mobile-wrapper .answer-text{
  width: calc(100% - 55px);
}

.mobile-wrapper .ic-image-holder{
  width: 100% !important;
  margin: 0 0 10px !important;
}

.mobile-wrapper .rankImageCont, .mobile-wrapper .rank-option-content{
  display: block !important;
}

.mobile-wrapper .rankImage{
  float: none !important;
  display: block;
  margin: 0 auto;
}

.mobile-wrapper .mdd-wrapper .answer-option-wrapper{
  padding: 5px 0;
  left: 0 !important;
  transform: none;
  top: 0;
  position: relative;
}

.header-div.hamburger-menu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 99;
  display: none;
}

.mobile-wrapper .header-div.hamburger-menu .selected-lang-name{
  color: #ffffff;
  font-size: 14px !important;
  /*font-family: Roboto,"HelveticaNeue",sans-serif;*/
  font-family: montserrat !important;
}

.mobile-wrapper .header-div.hamburger-menu .select-language-wrap{
 margin: 0px 20px 0 20px;
}

.mobile-wrapper .header-div.hamburger-menu .selected-lang-name:after{
  content: '>';
  transform: none;
  font: 20px 'Consolas', monospace !important;
  top: -1px;
  right: -25px;
  color: #ffffff;
}

.mobile-wrapper .header-div.hamburger-menu .select-language-wrap:before{
  background-image: url(../../ImagesNew/PM/language-material.svg);
  background-position: 0 0;
  background-size: 18px 18px;
  left: -12px;
}

.mobile-wrapper .header-div.hamburger-menu .clear-answer-div, .mobile-wrapper .header-div.hamburger-menu .save-answer-div{
  color: #ffffff;
  font-size: 14px;
  margin-top: 20px;
  font-family: montserrat !important;
  padding: 0 35px;
}

.mobile-wrapper .header-div.hamburger-menu .print-survey-div a{
  color: #ffffff;
  text-decoration: none;
}


.mobile-wrapper .header-div.hamburger-menu .clear-answer-div{
  background-image: url(../../ImagesNew/PM/clear-all-material.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 10px 2px;
  cursor:pointer;
}

.mobile-wrapper .header-div.hamburger-menu .save-answer-div{
  background-image: url(../../ImagesNew/PM/save-material.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding: 2px 35px 10px;
  cursor:pointer;
}

.mobile-wrapper .header-div.hamburger-menu .print-survey-div{
    background-image: url(../../ImagesNew/PM/local-printshop-material.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding: 2px 35px 10px;
  cursor:pointer;
}
.mobile-wrapper .header-div.hamburger-menu .print-survey-div{
  padding-bottom: 10px;
  background-image: url(../../ImagesNew/PM/local-printshop-material.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  margin-top: 20px;
}


.hamburger{outline: none;
           border-radius:2px;
           padding:6px 0px 1px 10px;
           float:left;
           display:inline-block;
           cursor:pointer;
           transition-property:opacity,filter;
           transition-duration:.15s;
           transition-timing-function:linear;
           font:inherit;
           color:inherit;
           text-transform:none;
           background-color:transparent;
           border:0;
           margin:10px 8px 10px 17px;
           overflow:visible; 
           position: fixed; top: 0; left: 0; z-index: 101;}

.hamburger.beta{
    margin:44px 8px 10px 17px;
}
.hamburger-box{width:36px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:25px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-7px}
.hamburger-inner::after{bottom:-7px}
.hamburger--slider .hamburger-inner {top: 4px; }
.hamburger--slider .hamburger-inner::before { top: 8px;transition-property: transform, opacity;transition-timing-function: ease;transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {top: 16px; }
.hamburgerActive .hamburger--slider .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburgerActive .hamburger--slider .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0; }
.hamburgerActive .hamburger--slider .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0; }
.hamburgerActive .hamburger--slider .hamburger-inner::after {transform: translate3d(0, -16px, 0) rotate(-90deg); }

.hamburgerActive .header-div.hamburger-menu{
  display: block;
}

form.hamburgerActive .surveyWidth,form.hamburgerActive .navigation-band,form.hamburgerActive .footer-div{
  filter: blur(15px);
}

.mobile-wrapper .nps-ans-option{
  float: none;
  width: 70%;
  margin: 0 auto 3%;
}

.mobile-wrapper .nps-ans-option input[type='radio'] + label{
  padding: 3% 0 !important;
  font-size: 11px;
}

.mobile-wrapper .nps-axis-text-wrapper{
  display: none;
}

.mobile-wrapper input[type='text'], .mobile-wrapper input[type='tel'], .mobile-wrapper input[type='password']{
  width: 100% !important;
  box-sizing: border-box;
  height: 42px;
  padding: 11px 2%;
  border-radius: 2px;
}

.mobile-wrapper textarea{
    width: 100% !important;
}

.mobile-wrapper .calendar-qtn input.txtDate{
  min-width: 100px !important;
  max-width: 100px !important;
  margin-right: 10px;
}

.mobile-wrapper .calendar-qtn .date-format-text{
    font-size: 9pt !important;
    font-weight: bold !important
}

.mobile-wrapper .demographics-wrapper .calendar-qtn input.txtDate{
  min-width: 100px !important;
  max-width: 100px !important;
}

.mobile-wrapper .demographics-wrapper .calendar-qtn .dtpOpener{
    margin-left: 0px;
}

.mobile-wrapper .question-option-wrapper{
  padding: 8px 20px;
  border-radius: 0px !important;
  margin-bottom: 3px;
}

.mobile-wrapper .mandatory .question-option-wrapper{
    border-radius: 10px 10px 0px 0px !important;
}

.mobile-wrapper .answer-option-wrapper{
  padding: 6px 20px 8px;
  background: transparent;
}

.mobile-wrapper .clear-answers-button-wrap, .mobile-wrapper .SaveAndContinue-button-wrap{
  display: none;
}

.mobile-wrapper .navigation-band{
  position: relative;
}

.mobile-progress-bar{
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mobile-wrapper .mobile-progress-bar .newProgressCont{
  width: 100%;
  height: 4px;
  min-height: 4px;
  background-color: transparent;
  border-radius: 0px;
}

.mobile-wrapper .mobile-progress-bar .newProgress{
  border-radius: 0px;
}

.newProgressMainCount{
    vertical-align: middle;
    display: inline-block;
}

.mobile-wrapper .mobile-progress-bar .newProgressMainCount{
  display: none;
}

.mobile-wrapper .clsPageNo{
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);*/
  flex-grow: 1;
}

/*.mobile-wrapper .next-btn-icon, .mobile-wrapper .RTLDir .back-btn-icon{
  width: 12px;
  height: 12px;
  border-top: 3px solid #56B8DF;
  border-right: 3px solid #56B8DF;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
  display: inline-block;
}

.mobile-wrapper .back-btn-icon, .mobile-wrapper .RTLDir .next-btn-icon{
  width: 12px;
  height: 12px;
  border-top: 3px solid #56B8DF;
  border-left: 3px solid #56B8DF;
  border-right: 0px;
  border-bottom: 0px;
  transform: rotate(-45deg);
  display: inline-block;
}*/

.mobile-wrapper .tblPageFooter{
  display: flex;
  max-width: 100%;
}

.mobile-wrapper .next-button, .mobile-wrapper .back-button{
  padding: 10px 12px;
  background-color: transparent !important;
}

.mobile-wrapper .submit-btn-wrap{
  float: right;
}

.mobile-wrapper .RTLDir .submit-btn-wrap{
    float: left;
}

.mobile-wrapper .submit-btn-wrap .submit-button{
  margin-top: 5px;
  max-width: 130px !important;
}

.submit-button, .next-button, .back-button{
  outline: none;
  position: relative;
}

.next-button.active .next-btn-icon, .back-button.active .back-btn-icon{
  visibility: hidden;
}

.next-button.active:before, .back-button.active:before{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid #56B8DF;
  border-bottom-color: transparent;
  position: absolute;
  top: 10%;

  left: 5px;
  animation: load 2s linear infinite;
}

@keyframes load {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

.mobile-wrapper .demographics-wrapper .answer-option-wrapper{
  /*position: relative;*/
  left: 0;
  width: 100%;
  padding: 5px 0 10px !important;
  display: block;
}

.mobile-wrapper .demographics-wrapper .fieldset-wrapper{
  height: auto;
}

.mobile-wrapper .demographics-wrapper .question-option-wrapper{
  width: 100%;
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

.mobile-wrapper .demographics-wrapper input[type='text'], .mobile-wrapper .demographics-wrapper input[type='password']{
  margin-top: 0;
}

.mobile-wrapper .reenter{
  margin-top: 14px;
  margin-bottom: 5px;
}

.mobile-wrapper .ansopt-textbox, .mobile-wrapper .na-textbox{
  margin: 5px 0;
}


.footer-div.thank-you-footer{
  bottom: 0;
  padding: 15px 0;
  width: 100%;
}

.mobile-wrapper .thankYouMsgWrapper{
  max-width: 80%;
}

.mobile-wrapper .reenter + input.ansopt-textbox, .mobile-wrapper .ansopt-textbox.email{
  min-width: 0px;
  margin: 5px 0;
}

.mobile-wrapper .demographics-wrapper .ansopt-textbox{
  margin: 10px 0px;
}

.mobile-wrapper .answer-opt-image img{
    max-height:120px;
}
.rs-mobile-wrapper .rs-slider.ui-slider{
  border: 1px solid #dddddd !important;
  background-color: #423f40 !important;
  height: 5px !important;
}

.rs-mobile-wrapper .ui-slider-handle{
  background: #ffffff !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05) !important;
  height: 24px !important;
  width: 24px !important;
  padding: 0px;
  display: block;
  border-radius: 50% !important;
  top: -11px !important;
}

.rs-mobile-wrapper{
  padding: 30px 0;
}

.rs-mobile-wrapper .rs-slider-axis-val{
  display: none;
}

.rs-mobile-wrapper .rs-weight{
  display: none;
}

.rs-mobile-wrapper .slider-value-text:not(.tooltip-weight){
  bottom: auto;
  top: 15px;
  left: 50%;
  font-size: 12px;
  transform: translate(-50%);
  animation: rstooltip 0.3s linear;
}

.rs-mobile-wrapper .slider-value-text.tooltip-weight{
    max-width: 115px;
}

.rs-mobile-wrapper .slider-value-text.tooltip-weight .slider-value-text-span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

.rs-mobile-wrapper .slider-label-width:not(.tooltip-weight){
    width: 115px;
    white-space: normal;
}

.rs-mobile-wrapper .slider-value-text{
    font-size: 12px;
}

@keyframes rstooltip {
  0% {top: -46px;transform: translate(-50%) scale(1); left: 50%;}
  50% {top: -30px;transform: translate(-50%) scale(0.1); left: 0%;}
  100% {top: 15px;transform: translate(-50%) scale(1); left: 50%;}
}

.rs-mobile-wrapper .slider-value-text{
  height: auto !important;
  padding: 5px;
}

.rs-mobile-wrapper .slider-value-text.tooltip-weight{
  color: #ffffff;
  background-color: #000000;
  border-radius: 5px;
  top: auto;
  bottom: 22px;
}

.rs-mobile-wrapper .slider-value-text.tooltip-weight::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.rs-mobile-wrapper .rs-slider-axis-val{
  margin-left: -5px;
}

.rs-overlay{
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  background: rgba(0,0,0,0.2);
  display: none;
}

.rs-mobile-wrapper .rs-slider.active-slider{
  z-index: 10;
}

.rs-end-values-cont{
  position: relative;
  width: 100%;
  margin-top: 20px;
  z-index: 10;
}

.rs-end-values{
  width: 100%;
}



.rs-high-value{
  text-align: right;
}

.RTLDir .rs-low-value{
    text-align: left;
}

.rs-end-values-cont.white-font .rs-low-value, .rs-end-values-cont.white-font .rs-high-value{
  color: #ffffff;
}

.rs-mobile-wrapper .na-checkbox{
  margin-top: 20px;
  margin-left:0;
  margin-right:0;
}
.rs-single-line-text{
  max-height: 30px;
  overflow: hidden;
}

.white-font .rs-low-value, .white-font .rs-high-value{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40%;
}

.anonymous-btn{
  width: calc(100% - 83px);
  position: fixed;
  left: 73px;
  padding: 9px 0;
  text-align: center;
  background-color: rgba(255,255,255, 0.2);
  border-radius: 2px;
  color: #ffffff;
  font-size: 14px;
  top: 10px;
  cursor:pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.anonymous-msg-wrap{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 101;
  display: none;
}

.anonymous-msg{
  background-color: #ffffff;
  color: #000000;
  font-size: 16px;
  width: calc(95% - 28px);
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 24px;
  text-align: center;
  font-weight: normal;
  font-family: "gravitybook", Arial, helvetica, sans-serif;
}

.anonymous-msg-btn{
  border-top: 1px solid #b9b9b9;
  padding: 14px 0;
  line-height: normal;
  cursor: pointer;
}

.rs-smiley-cont{
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -13px;
  left: -4px;
  background-position: center;
  background-size: contain;
  z-index: 9;
  pointer-events: none;
}

.rs-smiley-cont.smiley-active{
  bottom: 57px;
}

.rs-smiley-cont:not(.smiley-active){
  animation: rssmiley 0.3s linear;
}

@keyframes rssmiley {
  0% {bottom: 57px;transform: scale(1); left: -3px;}
  50% {bottom: 24px;transform: scale(0.1); left: 0px;}
  100% {bottom: -13px;transform: scale(1); left: -3px;}
}

.rs-smiley-cont.very-sad-smiley{
  background-image: url(../../ImagesNew/PM/verysad.svg);
}

.rs-smiley-cont.sad-smiley{
  background-image: url(../../ImagesNew/PM/sad.svg);
}

.rs-smiley-cont.neutral-smiley{
  background-image: url(../../ImagesNew/PM/neutral.svg);
}

.rs-smiley-cont.happy-smiley{
  background-image: url(../../ImagesNew/PM/happy.svg);
}

.rs-smiley-cont.very-happy-smiley{
  background-image: url(../../ImagesNew/PM/veryhappy.svg);
}

.mobile-wrapper .symbol-subqtn{
  white-space: normal;
}

.mobile-wrapper .symbol-subqtn .question-option-wrapper.subqtn{
  padding-left: 0px;
  padding-bottom: 2px;
}

.mobile-wrapper .answer-option-wrapper .symbol-wrapper div.answer-option label, .ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper div.answer-option input[type='radio'] + label, .ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper div.answer-option input[type='checkbox'] + label{
  padding: 0px 1px !important;
  outline: none;
}

.mobile-wrapper .symbol-wrapper{
  display: block;
  padding: 0px;
}

.mobile-wrapper .symbol-subqtn{
  margin: 0 0 5px;
  display: block;
}

.mobile-timeout{
  position: fixed;
  bottom: 0;
  padding: 5px 40px;
  width: 100%;
  color: #ffffff;
  font-size: 11px;
  left: 0;
  font-family: 'Open Sans';
}

.mobile-wrapper .na-textbox{
  position: relative;
  left: auto;
  margin: 5px 0px;
}

.mobile-wrapper .answer-option-wrapper.ML-inner-scroll{
  overflow-y: auto;
  overflow-x: auto;
  height: auto;
  width: 100%;
  padding: 6px 20px 8px !important;
  border: none;
  margin: 0;
}

.mobile-wrapper .ML_Main{
  padding: 0px !important;
  background: transparent;
}
.mobile-wrapper .answer-option-wrapper .question-option-wrapper{
  background: transparent;
}

.mobile-wrapper .answer-option-wrapper .answer-option-wrapper{
  background: transparent;
}

.mobile-wrapper .survey-logo img{
  max-height: 110px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.mobile-wrapper .survey-logo > div {
    text-align: center !important;
}

.mobile-wrapper .new-participation-v .survey-header, .mobile-wrapper .new-participation-v .survey-header-nb{
 padding: 25px 30px 50px 30px;
}

.mobile-wrapper .survey-header, .mobile-wrapper .survey-header-nb{
 padding: 25px 30px 0px 30px;
}

.mobile-wrapper .survey-footer{
 padding: 0px 30px 50px;
}

.mobile-wrapper .nps-ans-option input[type='radio'] + label:hover{
  transform: scale(1);
}

.mobile-wrapper .nps-ans-option input[type='radio']:checked + label:hover{
  transform: scale(1.2);
}

.mobile-wrapper .custom-select-wrapper{
  margin: 0;
}

.mobile-wrapper .ansopt-textbox.currency, .mobile-wrapper .ansopt-textbox.ssn, .mobile-wrapper .ansopt-textbox.number{
  margin: 5px 0 5px 10px;
}

.mobile-wrapper .rank-cont{
  padding: 0;
}

.mobile-wrapper .rank-wrapper{
  padding: 6px 5px 8px;
  margin: 0;
  background:transparent;
}

.mobile-wrapper li.rank-option{
  margin-bottom: 3px;
}


.mobile-wrapper .symbolratingscale .question-text-normal{
  font-family: montserrat;
  font-size: 12pt;
  color: #2e4d45;
  font-weight:  normal;
  font-style: normal;
}


.mobile-wrapper .dtpContainer{
  width: auto;
  left: 0;
}

.mobile-wrapper .divScroll .fieldset-wrapper, .mobile-wrapper .divScroll .fieldset-wrapper-scroll{
  overflow-x: visible;
  overflow-y: visible;
}

.mobile-wrapper .question-data{
  margin: 15px 20px 40px;
}

.mobile-wrapper .rs-slider-axis-wrapper, .mobile-wrapper .smiley-rs-slider-axis-wrapper{
  margin: 0 0 20px;
}

/*.free-spirit + form.mobile-wrapper .clsPageNo{
  color: #e0a204;
}*/



/*.free-spirit + form.mobile-wrapper .custom-select-wrapper select, .free-spirit + form.mobile-wrapper .rankDropDownCont select{
  border: 1px solid #b9b9b9 !important;
}*/

.ui-temp.free-spirit + form.mobile-wrapper input[type='radio']:checked + label > span.structure:after,
.ui-temp.left-moon + form.mobile-wrapper input[type='radio']:checked + label > span.structure:after,
.ui-temp.right-moon + form.mobile-wrapper input[type='radio']:checked + label > span.structure:after{
  content: '';
  display: inline-block;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 0;
  border-left: 0;
  border-radius: 3px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  animation: none;
}


.ui-temp.free-spirit + form.mobile-wrapper input[type='checkbox']:checked + label > span.structure:after,
.ui-temp.left-moon + form.mobile-wrapper input[type='checkbox']:checked + label > span.structure:after,
.ui-temp.right-moon + form.mobile-wrapper input[type='checkbox']:checked + label > span.structure:after{
  height: 12px;
  width: 5px;
  animation: none;
  transform: rotate(45deg) translate(-50%,-50%);
}

.mobile-wrapper input[type='checkbox']:checked + label > span.structure:after{
  top: 12px !important;
  left: 6px !important;
  height: 12px;
  width: 5px;
  animation: none;
  transform: rotate(45deg) translate(-50%,-50%);
  border-color: #ffffff;
  border-width: 3px;
}

.mobile-wrapper .RTLDir input[type='checkbox']:checked + label > span.structure:after{
    left: 3px !important;
}

/*.mobile-wrapper input[type='checkbox']:checked + label > span.structure:before{
  background-color: #ffffff !important;
}*/


/*.free-spirit + form.mobile-wrapper .next-button.active:before, .free-spirit + form.mobile-wrapper .back-button.active:before{
  border: 3px solid #e0a204;
  border-bottom-color: transparent;
}*/
.mobile-wrapper input[type='radio'] + label > span.structure:before, .mobile-wrapper input[type='checkbox'] + label > span.structure:before{
  width: 20px;
  height: 20px;
}

/*.left-moon + form.mobile-wrapper .clsPageNo{
  color: #9da7c4;
}

.left-moon + form.mobile-wrapper .next-btn-icon{
  border-top: 3px solid #9da7c4;
  border-right: 3px solid #9da7c4;
}*/

/*.left-moon + form.mobile-wrapper .back-btn-icon{
  border-top: 3px solid #9da7c4;
  border-left: 3px solid #9da7c4;
}*/

.free-spirit + form.mobile-wrapper .RTLDir .next-btn-icon, .right-moon + form.mobile-wrapper .RTLDir .next-btn-icon,
.left-moon + form.mobile-wrapper .RTLDir .next-btn-icon {
    border-right: 0px !important;
}

.free-spirit + form.mobile-wrapper .RTLDir .back-btn-icon, .right-moon + form.mobile-wrapper .RTLDir .back-btn-icon,
.left-moon + form.mobile-wrapper .RTLDir .back-btn-icon {
    border-left: 0px !important;
}

/*.left-moon + form.mobile-wrapper .next-button.active:before, .left-moon + form.mobile-wrapper .back-button.active:before{
  border: 3px solid #9da7c4;
  border-bottom-color: transparent;
}

.right-moon + form.mobile-wrapper .clsPageNo{
  color: #6ea803;
}


.right-moon + form.mobile-wrapper .next-button.active:before, .right-moon + form.mobile-wrapper .back-button.active:before {
    border: 3px solid #6ea803;
}
.right-moon + form.mobile-wrapper .rs-low-value, .right-moon + form.mobile-wrapper .rs-high-value{
  color: #d9d9d9;
}*/
/* Mobile ends */



/* CSS for MatrixGrid */
.matrix-grid .matrix-grid-mandatory:before {
  content: '\e902';
  font-size: 12px;
  color: rgba(14,85,92,1.000);
  font-weight: normal;
  left: -15px;
  top: 50%;
  position: absolute;
  font-family: pm_icon_font;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  height: 15px;
}

.matrix-grid.multiquestion-matrix-grid .matrix-grid-mandatory:before {
  content: '\e902';
  font-size: 12px;
  color: rgba(14,85,92,1.000);
  font-weight: normal;
  left: 0;
  top: 50%;
  position: absolute;
  font-family: pm_icon_font;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  height: 15px;
}


.matrix-grid .sub-category-td{
  font-weight: bold;
  padding: 15px 5px 5px;
  word-break: normal;
}

.matrix-grid .custom-select-wrapper{
    margin: 0 10px 0 0;
}

.matrix-grid .answer-option{
    text-align: left !important;
}

.gridQuestionNo{
    margin-right: 4px;
}

.RTLDir .gridQuestionNo{
    margin-right: 0px;
    margin-left: 4px;
}

.matrix-grid .ansopt-textbox{
    margin: 5px 0 5px 0;
}

.RTLDir .matrix-grid .ansopt-textbox{
    margin: 5px 0 5px 0;
}

.RTLDir .matrix-grid.multiquestion-matrix-grid .matrix-grid-mandatory::before{
    left: auto !important;
    right: 0;
}

.matrixMandatory{
  padding: 10px 0px 10px 20px !important;
}

.RTLDir .matrixMandatory{
  padding: 10px 20px 10px 0px !important;
}

.matrix-grid .matrixMandatory .matrix-grid-mandatory:before{
  left: 15px;
}

.RTLDir .matrix-grid .matrixMandatory .matrix-grid-mandatory:before{
  left: auto;
  right: 15px;
}

.main-matrix .matrix-subQ{
  padding: 15px 10px 5px;
}

.main-matrix{
  padding: 0px !important;
}

.main-matrix .matrixTitleTd{
  padding-left: 30px !important;
  word-break: break-word;
  word-wrap: break-word;
}

.RTLDir .main-matrix .matrixTitleTd{
  padding-left: 0px !important;
  padding-right: 30px !important;
}

.matrix-grid input[type='radio'], .matrix-grid input[type='checkbox']{
    top: 0;
    left: 0;
    pointer-events: none;
}

.matrix-grid .matrixTitleTd .matrix-grid-mandatory::before{
    left: 15px !important;
    height: 9px;
}

.RTLDir .matrix-grid .matrixTitleTd .matrix-grid-mandatory::before{
    left: 0px !important;
    right: 15px !important;
}

.matrix-grid.answer-option-wrapper{
    background: rgba(0,0,0,0) !important;
}

.grid-border{
  border-left: 1px solid;
  border-right: none;
}
.RTLDir .grid-border{
  border-right: 1px solid;
  border-left: none;
}

.ui-temp.left-moon + form input[type='radio'] + label, .ui-temp.left-moon + form input[type='checkbox'] + label,
.ui-temp.right-moon + form input[type='radio'] + label, .ui-temp.right-moon + form input[type='checkbox'] + label{
    margin: 10px 0px;
}

.ui-temp.left-moon + form .matrix-grid input[type='radio'] + label, .ui-temp.left-moon + form .matrix-grid input[type='checkbox'] + label,
.ui-temp.right-moon + form .matrix-grid input[type='radio'] + label, .ui-temp.right-moon + form .matrix-grid input[type='checkbox'] + label{
    margin: 0px;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .matrix-standalone-ques input[type='radio'] + label,
.ui-temp.left-moon + form:not(.mobile-wrapper) .matrix-standalone-ques input[type='checkbox'] + label,
.ui-temp.right-moon + form:not(.mobile-wrapper) .matrix-standalone-ques input[type='radio'] + label,
.ui-temp.right-moon + form:not(.mobile-wrapper) .matrix-standalone-ques input[type='checkbox'] + label
{
    background-color:transparent;
    margin: 0px !important;
}

form:not(.mobile-wrapper) .matrix-standalone-ques .fieldset-wrapper .answer-option-wrapper, form:not(.mobile-wrapper) .matrix-standalone-ques .fieldset-wrapper .rank-wrapper{
    padding: 0px 30px 0px;
}

.qno-margin{
    margin: 0px 3px 0px 0px;
}

.RTLDir .qno-margin{
    margin: 0px 0px 0px 3px;
}
/*MatrixGrid Ends*/
/* MTB */
.mtb-wrapper:not(.mtb-left-title):not(.mtb-right-title){
  margin-bottom: 10px;
}

.mtb-wrapper .question-option-wrapper, .mdd-wrapper .question-option-wrapper{
  padding: 0px 5px !important;
}

.mtb-wrapper.mtb-left-title .question-option-wrapper, .mtb-wrapper.mtb-right-title .question-option-wrapper {
  padding: 16px 5px !important;
}

.mtb-wrapper legend .question-no, .mtb-wrapper .question-option-wrapper .question-no{
  display: table-cell;
  width: 25px;
}

.mtb-wrapper .answer-option-wrapper{
  padding: 6px 25px 8px 5px !important;
  width: 100%;
  min-width: 230px;
}

.mobile-wrapper .mtb-wrapper .answer-option-wrapper{
    padding: 6px 5px 8px 5px !important;
}

.mtb-wrapper input[type='text']{
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
  margin: 1px 0px;
}

.mtb-wrapper:not(.mtb-left-title):not(.mtb-right-title) input[type='text']{
  margin: 5px 10px 5px 0;
  min-width: 100px;
}

.RTLDir .mtb-wrapper:not(.mtb-left-title):not(.mtb-right-title) input[type='text']{
  margin: 5px 0px 5px 10px;
}

.column-struct-mtb .mtb-left-title .question-option-wrapper.subqtn{
  display: table-cell;
  width: 40%;
  white-space: nowrap;
  vertical-align: top;
  padding-top: 0px;
}

.column-struct-mtb .mtb-left-title .question-option-wrapper.subqtn + .answer-option-wrapper{
  display: table-cell;
  width: 50%;
  margin-left: 5px;
  white-space: normal;
  vertical-align: top;
  padding-top: 0px;
  min-width: 220px;
}

.mtb-left-title .question-option-wrapper.subqtn{
   display: table-cell;
  /* width: 40%; */
  white-space: nowrap;
  vertical-align: top;
  padding-top: 14px;
}

.mtb-left-title .question-option-wrapper.subqtn + .answer-option-wrapper{
  display: table-cell;
  /* width: 50%; */
  margin-left: 5px;
  vertical-align: top;
}

.mtb-wrapper.mtb-left-title input[type='text']{
  min-width: 100px;
}

.column-struct-mtb .mtb-right-title .question-option-wrapper.subqtn{
  display: table-cell;
  width: 40%;
  white-space: nowrap;
  vertical-align: top;
  padding-top: 0px;
  min-width: 200px;
}

.column-struct-mtb .mtb-right-title .answer-option-wrapper{
  display: table-cell;
  width: 100%;
  margin-right: 5px;
  white-space: normal;
  vertical-align: top;
  padding-top: 0px;
  min-width: 235px;
}

.mtb-right-title .question-option-wrapper.subqtn{
  display: table-cell;
  /* width: 40%; */
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 14px;
}

.mtb-right-title .answer-option-wrapper{
  display: table-cell;
  /* width: 50%; */
  margin-right: 5px;
  vertical-align: top;
}

.mtb-wrapper .question-no{
  vertical-align: top;
}

.mtb-wrapper.mtb-right-title input[type='text']{
  min-width: 100px;
}

.mtb-wrapper.mtb-left-title legend .question-no, .mtb-wrapper.mtb-left-title .question-option-wrapper .question-no,
.mtb-wrapper.mtb-right-title legend .question-no, .mtb-wrapper.mtb-right-title .question-option-wrapper .question-no{
  display: inline-block;
  width: 25px;
}

.mtb-left-title .question-option-wrapper .question-text, .mtb-right-title .question-option-wrapper .question-text{
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: top;
}

.mtb-single-col.mtb-wrapper .answer-option-wrapper{
  width: 100%;
}

.RTLDir .mtb-wrapper .answer-option-wrapper{
  padding: 6px 5px 8px 25px !important;
}
.mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{
  left: -20px;
  top: 18px;
}

.RTLDir .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{
  right: -20px;
  top: 17px;
  left: auto;
}

/* PRT 102554 */

.mtb-wrapper input.percentage[type="text"] {
  /* width: auto !important; */
  margin: 5px 10px 5px 0px;
  max-width: 50%;
}

.mtb-wrapper input.currency[type="text"] {
  /* width: auto !important; */
  margin: 5px 4px 5px 0;
  max-width: 50%;
}

.mtb-wrapper .spcl-char{
  margin-right: 10px;
}

.RTLDir .mtb-wrapper .spcl-char{
  margin-left: 10px;
  margin-right: 0px;
}

/* PRT 102554 */

/*111709*/
.mtb-single-image.mtb-wrapper{
    /*padding-left: 175px;*/
    position: relative;
    /*min-height: 160px;*/
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.mobile-wrapper .mtb-single-image.mtb-wrapper{
    display: block;
    margin-top: 0px;
}

.RTLDir .mtb-single-image.mtb-wrapper{
    /*padding-left: 0px;*/
    /*padding-right: 175px;*/
}

.mtb-multi-image.mtb-wrapper{
    /*padding-left: 350px;*/
    position: relative;
    /*min-height: 160px;*/
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.mobile-wrapper .mtb-multi-image.mtb-wrapper{
    display: block;
    margin-top: 0px;
}

.RTLDir .mtb-multi-image.mtb-wrapper{
    /*padding-left: 0px;*/
    /*padding-right: 350px;*/
}

.mtb-single-image.mtb-wrapper .mtb-media{
    /*position: absolute;*/
    /*left: 0px;*/
    min-width: 180px;
    width: 180px;
    display: flex;
}

.mobile-wrapper .mtb-single-image.mtb-wrapper .mtb-media{
    width: auto;
    display: block;
    min-width: auto;
}

.mtb-multi-image.mtb-wrapper .mtb-media{
    min-width: 360px;
    width: 360px;
    display: flex;
}

.mobile-wrapper .mtb-multi-image.mtb-wrapper .mtb-media{
    display: block;
    width: auto;
    min-width: auto;
}

.RTLDir .mtb-single-image.mtb-wrapper .mtb-media,
.RTLDir .mtb-multi-image.mtb-wrapper .mtb-media{
    /*position: absolute;*/
    /*left: auto;
    right: 0px;*/
}

.mtb-single-image .mtb-tb-container,
.mtb-multi-image .mtb-tb-container{
    flex-grow: 1;
}
/*111709 ends*/

.v-xlarge {
    height: 45px;
    padding: 0px;
}
.v-large {
    height: 30px;
    padding: 0px;
}
.v-medium {
    height: 15px;
    padding: 0px;
}
.v-small {
    height: 0px;
    padding: 0px;
}

/*mtb email*/
.mtb-wrapper.mtb-email .question-option-wrapper .question-no, .mtb-wrapper.mtb-email .question-option-wrapper .question-text{
    vertical-align: top;
}

.mtb-left-title.mtb-email .question-option-wrapper.subqtn,
.mtb-right-title.mtb-email .question-option-wrapper.subqtn{
    vertical-align: top;
    padding-top: 16px !important;
}

.mtb-wrapper.mtb-left-title.mtb-email .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.mtb-wrapper.mtb-right-title.mtb-email .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-email .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.RTLDir .mtb-wrapper.mtb-left-title.mtb-email .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.RTLDir .mtb-wrapper.mtb-right-title.mtb-email .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    top: 19px;
    transform: none;
}

.column-struct-mtb .mtb-left-title.mtb-email .question-option-wrapper.subqtn,
.column-struct-mtb .mtb-right-title.mtb-email .question-option-wrapper.subqtn{
    vertical-align: top;
}
/*mtb email ends*/

.custm_msg_text{
    display: block;
}

/* MTB ends */
/* Drill down */
.drill-down-wrapper{
  margin-bottom: 5px;
}

.drill-down-wrapper .question-text{
  padding-right: 15px;
}

.drill-down-search.custom-select-wrapper{
  cursor: pointer;
}

.drill-down-search.custom-select-wrapper select{
  color: rgba(0,0,0,0) !important;
  padding: 3px 35px 3px 25px;
  pointer-events: none;
  min-width: 110px;
}

.drill-down-search.custom-select-wrapper .arr{
  pointer-events: all;
  z-index: 1;
}

.mobile-wrapper .drill-down-search.custom-select-wrapper input[type='text']{
    padding: 3px 42px 3px 23px !important
}

.mobile-wrapper .RTLDir .drill-down-search.custom-select-wrapper input[type='text']{
    padding: 3px 23px 3px 42px !important
}

.drill-down-input{
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 32px);
  top: 1px;
  left: 1px;
  border: 0px !important;
  background-color: transparent !important;
  color: #000000 !important;
  padding: 3px 5px 3px 23px !important;
  background-image: url(../../images/search_box_icon.svg);
  background-size: 13px;
  background-position: 5px center;
  background-repeat: no-repeat;
}

.drill-down-search.no-search-icon .drill-down-input{
    background: none;
}

.RTLDir .drill-down-input{
    left: auto;
    right: 1px;
    padding: 3px 23px 3px 5px !important;
    background-position: right 5px center;
}

.drill-down-list{
  position: absolute;
  top: 100%;
  min-width: 100%;
  width: auto;
  white-space: normal;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #0098f7;
  z-index: 11111 !important;
  display: none;
}

.drill-down-list-item{
  padding: 3px;
  cursor: pointer;
}

.drill-down-list-item:hover{
  background-color: #0098f7;
  color: #ffffff;
}

.drill-down-search.custom-select-wrapper:focus .drill-down-list{
  /*display: block;*/
}

.showDrillList .drill-down-list{
  display: block;
}

.quotaDisable{
    color: #DAC8C8 !important;
    pointer-events: none;
}

.ddItemHidden{
    display: none !important;
}

.drill-down-subqtn .isMandatory:before{
    left: -26px !important;
}

.RTLDir .drill-down-subqtn .isMandatory:before{
    right: -26px !important;
    left: auto;
}
/* Drill down ends */

/* Grid */
.matrix-grid .answer-option{
  text-align: center;
    word-break: break-all;
}

.matrix-standalone .answer-option-wrapper{
  padding: 5px 5px 8px 50px;
}

.RTLDir .matrix-standalone .answer-option-wrapper{
  padding: 5px 50px 8px 5px;
}

.matrix-standalone .question-data {
    margin: 0px;
}

.matrix-standalone .fieldset-wrapper.isMandatory > fieldset > legend::before{
    top: 14px;
}

.mobile-wrapper .matrix-standalone .fieldset-wrapper.isMandatory > fieldset > legend::before{
    left: 3px !important;
    top: 22px;
}

.mobile-wrapper .RTLDir .matrix-standalone .fieldset-wrapper.isMandatory legend::before{
    right: 3px !important;
    top: 22px;
}

form:not(.mobile-wrapper) .matrix-standalone .matrix-standalone-ques .question-data.mandatory{
    /*margin: 10px 0px;*/
    border: none !important;
}

/*form:not(.mobile-wrapper) .matrix-standalone .question-data{
    border: 0px !important;
}*/
/* Grid ends */

/* Redirect Button */
.nav-btn-class .button_participate {
    background: rgba(98,201,245,1.000) !important;
    color: #0e555c;
    font-family: montserrat !important;
    font-size: 12pt !important;
    font-weight: normal;
    font-style: normal;
    padding: 3px 30px !important;
    border-radius: 5px;
    cursor: pointer;
}
/*Attachment */
.new-participation-v .attachment-cont .answer-option-wrapper,
.new-participation-focus .attachment-cont .answer-option-wrapper{
    position: relative;
}

.desktopfile-icon:before {
  position: absolute;
  font-family: 'mobile_fonts';
  content: '\e903';
  display: inline-block;
  font-size: 18px;
  top: 6px;
  text-align: right;
  left: 11px;
  color: #ffffff;
}

.desktopfile-icon.disabled:before {
    color: #9c9c9c !important
}

.mobile-wrapper .desktopfile-icon:before{
  font-size: 20px;
  top: 10px;
  font-size: 21px;
}

.mobile-wrapper .attachment-cont .question-option-wrapper{
  padding-bottom: 0px;
}

.mobile-wrapper .attachment-cont .answer-option-wrapper input:disabled.ansopt-textbox{
  background-color: #ffffff !important;
}

.browse-btn-class {
  height: 30px;
  min-width: 39px;
  text-align: center;
  float: left;
  border-radius: 4px;
  background: #62c9f5;
  border: 1px solid #62c9f5;
  /*margin: 2px 10px;*/
  opacity: 1 !important;
  -webkit-appearance: none;
}

.mobile-wrapper .browse-btn-class{
  height: 42px !important;
  width: 42px;
}

.common-icon {
  background-image: url(../../ImagesNew/PM/pm_icon_sprite.png);
  background-color: transparent;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
}
.delete-icon-light, .delete-icon-dark {
    background-color: rgb(0, 0, 0);
    background-size: 21px;
    width: 37px;
    height: 28px;
    background-position: 9px -20px;
    padding: 0px 1px 1px;
    border-radius: 4px;
    float: left;
    margin: 3px 0px 0px 10px;
}


.RTLDir .delete-icon-light, .RTLDir .delete-icon-dark {
    background-color: rgb(0, 0, 0);
    background-size: 21px;
    width: 37px;
    height: 28px;
    background-position: 9px -20px;
    padding: 0px 1px 1px;
    border-radius: 4px;
    float: left;
    margin: 3px 10px 0px 0px;
}


.attach-file-btn {
  position: absolute;
  height: 30px;
  width: 38px;
  border-radius: 4px;
  opacity: 0;
  cursor: pointer;
  left: 0px;
}

.mtb-left-title.attachment-cont .question-option-wrapper.subqtn + .answer-option-wrapper{
  min-width: 360px;
  width: auto;
  padding: 3px 25px 0px 5px;
}

.mtb-right-title.attachment-cont .question-option-wrapper.subqtn + .answer-option-wrapper{
  min-width: 400px;
  width: auto;
  padding: 3px 25px 0px 5px;
}

.mtb-left-title.attachment-cont .question-option-wrapper.subqtn, .mtb-right-title.attachment-cont .question-option-wrapper.subqtn{
  vertical-align: middle;
  width: auto;
  padding-top: 3px;
}

.divScroll .attachment-cont .fieldset-wrapper{
  overflow: visible;
}

.attachment-cont .validator_message{
  margin: 0;
  top: 100%;
}

.RTLDir .mtb-wrapper.attachment-cont .answer-option-wrapper{
  padding: 6px 5px 8px;
}

/*Attachment Ends*/

.timer-style {
    border-radius: 5px;
    padding: 6px 16px;
    margin: 7px 0 0 37px;
    z-index: 995;
    position: fixed;
    top: 0;
}
.drk-bg--black {
    background: #000;
    color: #fff;
}

/* SignUp starts */

.sign-up-container {
  z-index: 9999;
  position: fixed;
  bottom: 0;
  right: 5%;
  width: 250px;
  font-family: 'Proxima N W01 Reg';
  zoom: 1;
  box-shadow: 0 0 13px grey;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.sign-up-container-header {
  padding: 5px 10px;
  cursor: pointer;
  background-color: black;
  opacity: .7;
  color: white;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;
  text-align: left;
}
.sign-up-container-header p{
  margin: 8px 5px 1px 5px;
  display: inline-block;
}

.sign-up-container-header .slide-up {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  top: 40%;
  right: 20px;
  -webkit-transform: rotate(135deg) translate(0,-50%);
  transform: rotate(135deg) translate(0,-50%);
}

.sign-up-container-header .slide-down {
  position: absolute;
  display: none;
  width: 5px;
  height: 5px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  top: 40%;
  right: 15px;
  -webkit-transform: rotate(-45deg) translate(0,-50%);
  transform: rotate(-45deg) translate(0,-50%);
  cursor: pointer;
}

.sign-up-container-body {
  display: none;
  text-align: center;
  background: white;
}

.sign-up-container-body p{
  margin: 8px 5px 1px 5px;
  display: inline-block;
}

.sign-up-container-body input[type=button] {
  width: 90%;
  background-color: #00aff9;
  border: 1px solid #00aff9;
  color: white;
  padding: 8px 10px;
  cursor: pointer;
}

.orText {
  float: left;
  font-weight: 500;
  font-size: 12px;
  margin: -3px 5px;
}

div.borderLines {
  border-top: 1px solid #ccc;
  float: left;
  margin: 5px 0 12px;
  position: relative;
  width: 65px;
}

.sign-up-container input.signupEmail {
  color: #333;
  font-size: 15px;
  font-family: Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif;
}

.sign-up-container-body input {
  width: 80%;
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 0;
  border: 1px solid #d0d1d2;
  outline: none;
  border-radius: 3px;
}

.sign-up-container .fbandGoogleButtons{
  border-radius:0;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  float:none;
  height:41px;
  margin-top:5px;
  margin-left:5px;
  margin-bottom:5px;
  background-image: url("../../Images/sogo/Google_logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
}

.sign-up-container .bandGoogleButtons{
  border-radius:0;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  float:none;
  height:41px;
  margin-top:5px;
  background-size: contain;
  background-image: url("../../Images/sogo/facebook_logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
}

/* SignUp ends */

/* Loader */
.mainLoader
{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  background: rgba(0,0,0,0.4);
  z-index: 99999;
}

.insideLoader
{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: rgba(0,0,0,0.4);
        z-index: 99999;
}

.attachedLoader
{
  display: inline-block;
}

.loader-parent
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.line
{
  animation: expand 1s ease-in-out infinite;
  border-radius: 10px;
  display: inline-block;
  transform-origin: center center;
  margin: 0 6px;
  width: 5px;
  height: 40px;
}

.line:nth-child(1) {background: #EA5B2D;}
.line:nth-child(2) {animation-delay: 180ms;background: #83C340;}
.line:nth-child(3) {animation-delay: 360ms;background: #01AAC1;}
.line:nth-child(4) {animation-delay: 540ms;background: #83C340;}

.line.k12:nth-child(1) {background: #F4B639;}
.line.k12:nth-child(2) {animation-delay: 180ms;background: #EF5032;}
.line.k12:nth-child(3) {animation-delay: 360ms;background: #1860A2;}
.line.k12:nth-child(4) {animation-delay: 540ms;background: #63B054;}

.line.zarca:nth-child(1) {background: #FCBD21;}
.line.zarca:nth-child(2) {animation-delay: 180ms;background: #90B0D3;}
.line.zarca:nth-child(3) {animation-delay: 360ms;background: #FFFFFF;}
.line.zarca:nth-child(4) {animation-delay: 540ms;background: #63B054;}

@keyframes expand {0% {transform: scale(1);}25% {transform: scale(2);}}
/* Loader ends */

/* Question media */
.questionImageMain.small img{
  width: 30%;
}

.questionImageMain.medium img{
  width: 50%;
}

.questionImageMain.large img{
  width: 70%;
}
/* Question media ends */

/* Timer */
.countdown-timer{
  position: fixed;
  background-color: #000000;
  color: #ffffff;
  padding: 6px 16px;
  border-radius: 5px;
  top: 7px;
  left: 37px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Times New Roman', Times, serif;
}

.mobile-wrapper .countdown-timer{
    padding: 12px 10px;
    font-family: "Courier New", Courier, monospace;
    font-size: 19px;
    color: #ffffff;
    background-color: rgba(0,0,0,0.5);
    font-weight: bold;
    left: auto;
    right: 15px;
    top: 10px;
    z-index: 99999;
}

.beta-msg{
  position: absolute;
  background-color: #00aefc;
  color: #ffffff;
  padding: 8px 15px 8px 10px;
  border-radius: 5px;
  top: 10px;
  left: 0px;
  font-size: 13px;
  font-weight: 600;
  font-family: montserrat;
  border-radius: 0px 20px 20px 0;
  z-index: 1;
}

.noLangBeta.beta-msg{
    top: 60px;
}

.mobile-wrapper .beta-msg{
    padding: 5px 10px;
    font-family: montserrat;
    font-size: 14px;
    color: #ffffff;
    background-color: #00aefc;
    font-weight: bold;
    left: 0px;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    z-index: 8;
    text-align: center;
    position: relative;
}

.beta-version-icon {
  height: 20px;
  width: 20px;
  background-image: url('../../ImagesNew/PM/Attention.svg');
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-left: 5px;
  background-position: 0 1px;
}

.mobile-wrapper .countdown-timer.beta{
  top: 44px;
}

.hamburger.beta{
  margin-top: 44px;
}

.hamburger-margin.beta{
  margin-top: 99px;
}

.anonymous-btn.beta{
    top: 44px;
}
/* Timer ends */

/* Descriptive Text */
.descriptive-text-wrap{
  clear: both;
}
/* Descriptive Text Ends */

/*Numeric Allocation*/

.a-strip-na.na-tb-space + div input[type="text"], .a-strip-na.na-tb-space .na-textbox {
  width: 130px !important;
  min-width: 100px !important;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.twoColumns .scrollMain,
.threeColumns .scrollMain,
.fourColumns .scrollMain,
.fiveColumns .scrollMain {
  table-layout: auto;
  width: 100%;
}

.twoColumns .a-strip-na.na-tb-space,
.threeColumns .a-strip-na.na-tb-space,
.fourColumns .a-strip-na.na-tb-space,
.fiveColumns .a-strip-na.na-tb-space {
  display: table-cell !important;
  vertical-align: middle;
  min-width: 40%;
  width: 40%;
}

.twoColumns .a-strip-na.na-tb-space + div,
.threeColumns .a-strip-na.na-tb-space + div,
.fourColumns .a-strip-na.na-tb-space + div,
.fiveColumns .a-strip-na.na-tb-space + div {
  display: table-cell !important;
  vertical-align: middle;
  min-width: 50%;
  width: 50%;
}

.twoColumns .a-strip-na.na-tb-space + div input[type="text"],
.threeColumns .a-strip-na.na-tb-space + div input[type="text"],
.fourColumns .a-strip-na.na-tb-space + div input[type="text"],
.fiveColumns .a-strip-na.na-tb-space + div input[type="text"]{
  width: 80% !important;
  margin: 0;
}

input[type='text'],input[type='tel'], textarea, input[type='password'] {
    border: 1px solid #d0d1d2;
    outline: none;
    padding: 5px 15px;
    border-radius: 5px;
}

input[type='text'],input[type='tel'], input[type='password'] {
    height: 30px;
}

.custom-select-wrapper input[type='text']{
    height: 30px;
}

.mobile-wrapper .custom-select-wrapper input[type='text']{
    height: 100%;
}

.mobile-wrapper .a-strip-na.na-tb-space .na-textbox {
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    padding: 11px 2%;
    border-radius: 2px;
    margin: 5px 0px;
}

/*Validator message CSS for NA question only */

.a-strip.a-strip-na .validator_message, .a-strip.a-strip-na + div .validator_message {
  box-shadow: 2px 2px 3px #888888;
  background: red;
  border-radius: 4px;
  color: #fff;
  font-size: 8pt;
  font-family: Montserrat;
  position: absolute;
  padding: 10px;
  max-width: 300px;
  z-index: 10;
  top: calc(100% + 5px);
  left: 10px;
  margin: 0;
  }

  .a-strip.a-strip-na + div .validator_message {
    left: 0;
  }

  form:not(.mobile-wrapper) .radio-hrb .a-strip-na .answer-text-hrb,
  form:not(.mobile-wrapper) .radio-hrb .a-strip-na .na-total{
      padding: 0px 10px 0px 0px !important;
  }

  form:not(.mobile-wrapper) .RTLDir .radio-hrb .a-strip-na .answer-text-hrb,
  form:not(.mobile-wrapper) .RTLDir .radio-hrb .a-strip-na .na-total{
      padding: 0px 0px 0px 10px !important;
  }

 /* Radio and Checkbox flex */
.answer-option.radio input[type='radio'] + label, .answer-option.check input[type='checkbox'] + label{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 90px;
}

.answer-option.radio-hrb input[type='radio'] + label, .answer-option.radio-hrb input[type='checkbox'] + label, 
.mobile-wrapper .answer-option.radio input[type='radio'] + label, .mobile-wrapper .answer-option.check input[type='checkbox'] + label {
    display: block;
}

.matrix-grid .answer-option.radio input[type='radio'] + label, .matrix-grid .answer-option.check input[type='checkbox'] + label,
.matrix-grid .answer-option.radio-hrb input[type='radio'] + label, .matrix-grid .answer-option.radio-hrb input[type='checkbox'] + label{
  flex-wrap: nowrap;
  border-radius: 0px;
  min-width: auto;
}

.answer-option.radio input[type='radio'] + label .answer-text, .answer-option.check input[type='checkbox'] + label .answer-text,
.answer-option.radio-hrb input[type='radio'] + label .answer-text, .answer-option.radio-hrb input[type='checkbox'] + label .answer-text{
  width: calc(100% - 42px);
}

.mobile-wrapper .answer-option.radio input[type='radio'] + label .answer-text, .mobile-wrapper .answer-option.check input[type='checkbox'] + label .answer-text,
.mobile-wrapper .answer-option.radio-hrb input[type='radio'] + label .answer-text, .mobile-wrapper .answer-option.radio-hrb input[type='checkbox'] + label .answer-text{
  width: calc(100% - 55px);
}

.hrb-other-textbox.horizontal-radio .answer-text {width:auto !important;}
.hrb-other-textbox.horizontal-radio .other-textans .ansopt-textbox {margin:0px;}
.mobile-wrapper .hrb-other-textbox.horizontal-radio .other-textans .ansopt-textbox {margin:5px 0px;}
.hrb-other-textbox.horizontal-radio > div {display: flex;align-items: center;}
.hrb-other-textbox.horizontal-radio  > div label {flex-wrap: nowrap !important;}

.answer-option.radio-hrb input[type='radio'] + label, .answer-option.radio-hrb input[type='checkbox'] + label{
  justify-content: center;
  flex-wrap: nowrap;
}

.answer-option.radio .answer-opt-image, .answer-option.check .answer-opt-image,
.answer-option.radio-hrb .answer-opt-image, .answer-option.radio-hrb .answer-opt-image{
  text-align: center;
}

.multiImageAnswer td:first-child{
  text-align: right;
}

.answer-option-wrapper[data-ans-image='1'] div.answer-option.single-ans-image label .answer-text{
  width: calc(100% - 215px);
}

.answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label .answer-text{
  width: calc(100% - 215px);
}

.answer-option-wrapper[data-ans-image='2'] div.answer-option.multi-ans-image label .answer-text{
  width: calc(100% - 385px);
}

/*mobile*/
.mobile-wrapper .answer-option.radio input[type='radio'] + label, .mobile-wrapper .answer-option.check input[type='checkbox'] + label,
.mobile-wrapper .answer-option.radio-hrb input[type='radio'] + label, .mobile-wrapper .answer-option.radio-hrb input[type='checkbox'] + label{
    flex-wrap: wrap;
}

.mobile-wrapper .answer-option-wrapper[data-ans-image='1'] div.answer-option.single-ans-image label .answer-text,
.mobile-wrapper .answer-option-wrapper[data-ans-image='2'] div.answer-option.single-ans-image label .answer-text,
.mobile-wrapper .answer-option-wrapper[data-ans-image='2'] div.answer-option.multi-ans-image label .answer-text{
    width: calc(100% - 55px);
}
/*mobile ends*/
/* Radio and Checkbox flex ends */

/*Answer quota exhausted in RTL*/

.RTLDir input[type='checkbox']:disabled + label span.structure:after {
  left: 6px;
}

.answer-option-wrapper.matrix-grid input[type='checkbox']:disabled + label span.structure:after,
.RTLDir .answer-option-wrapper.matrix-grid input[type='checkbox']:disabled + label span.structure:after {
  left: 4px;
}

.answer-option-wrapper.matrix-grid input[type='radio']:disabled + label span.structure:after,
.RTLDir .answer-option-wrapper.matrix-grid input[type='radio']:disabled + label span.structure:after  {
  left: 5px;
}

.mobile-wrapper input[type='radio']:disabled + label span.structure:after,
.mobile-wrapper input[type='checkbox']:disabled + label span.structure:after {
    display: none;
}

.mobile-wrapper input[type='radio']:disabled + label span.structure:before,
.mobile-wrapper input[type='checkbox']:disabled + label span.structure:before {
    opacity: 0.5;
    background: #eeeded;
}

/*Iframe Resizing*/

.questionImageMain iframe{
  max-width: 100%;
  max-height: 100%;
}

.clsThankYou iframe,.clsThankYou img{
    max-width: 100%;
    max-height: 100%;
}

.mobile-wrapper .clsThankYou iframe,.mobile-wrapper .clsThankYou img{
    max-width: 100%;
    max-height: 110px;
}

/*Survey header and footer text alignment*/

.survey-header-nb, .survey-footer-nb {
  padding: 0 50px;
}

.mobile-wrapper .survey-header-nb, .mobile-wrapper .survey-footer-nb {
  padding: 0 40px;
}

.survey-footer-nb, .survey-footer{
    padding: 0 50px 0px;
}

.survey-footer-nb.new-participation-v, .survey-footer.new-participation-v,
.survey-footer-nb.new-participation-focus, .survey-footer.new-participation-focus
{
    padding: 0 50px 20px;
}

.mobile-wrapper .survey-footer-nb, .mobile-wrapper .survey-footer{
    padding: 0 40px 75px;
}

.mobile-wrapper .survey-footer-nb.new-participation-v, .mobile-wrapper .survey-footer.new-participation-v{
    padding: 0 40px 100px;
}

/*Survey header and footer text alignment ends*/

/* Quota Tool Tip CSS */
.tooltip_container.answer::before {
    content: '';
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
    position: absolute;
    top: -6px;
    left: 30px;
    height: 0;
}

.tooltip_container.answer {
    font-family: Open Sans, sans-serif;
    position: absolute;
    font-size: 8pt;
     font-weight: normal; 
    font-style: normal;
    z-index: 10;
    background: #000;
    color: #fff;
    padding: 10px !important;
    max-width: 300px;
    min-width: 80px;
    border-radius: 5px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border: 1px solid #000000;
}
/* Override Default ol ul css*/
ol,ul{
    margin: 0px;
    padding: 16px 40px;
}

/*DG subquestion font weight starts*/

.demographics-wrapper .question-option-wrapper .question-no {
    font-weight: normal;
    padding-right: 5px;
    padding-left: 0;
}

.RTLDir .demographics-wrapper .question-option-wrapper .question-no {
    font-weight: normal;
    padding-left: 5px;
    padding-right: 0;
}

.mobile-wrapper .demographics-wrapper .question-option-wrapper .question-no , 
.mobile-wrapper .answer-option-wrapper .demographics-wrapper .question-option-wrapper .question-text{
    font-weight: bold;
}

/*DG subquestion font weight ends*/

/*MDD changes for single column calculation starts*/

.mdd-wrapper .question-option-wrapper.subqtn {
  display: table-cell;
}

.mdd-wrapper .question-option-wrapper.subqtn + .answer-option-wrapper {
  display: table-cell;
  width: auto;
  vertical-align: middle;
}

/*MDD changes for single column calculation ends*/

/* Thankyou media query */
@media screen and (max-width: 900px) {
  form:not(.mobile-wrapper) .thankYouMsgWrapper .clsThankYou .unit{
    width: auto !important;
  }

  form:not(.mobile-wrapper) .thankYouMsgWrapper .clsThankYou .unit > div{
    display: block;
    margin: 15px auto;
  }
}

/* Semi-Anonymous Modal Width */
.semi-anonymous-modal {
    width: 36%;
    text-align:left;
}

/* Event Messages for Mobile*/

.mobile-message-icon {
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: center;
    height: 63px;
    margin: 10px 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../images/PM/under_construction_icon.png);
 
}
.cookie-icon.mobile-message-icon {
    background-repeat: no-repeat;
    background-size: auto !important;
    background-position: center;
    height: 50px !important;
    width: 63px;
    margin: 10px 0;
    /* width: 100%; */
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../ImagesNew/PM/cookieSprite.svg);
    background-position: -15px -460px;
    /* margin-left: 125px; */
    left: 50%;
    transform: translate(-50%, 0px);
    position: absolute;
    top: 5px;
}


.mobile-wrapper .message-heading-text{
    font-size:22px;
    text-align:center;
    font-weight: normal;
    font-family: "gravitybook", Arial, helvetica, sans-serif;
    color: #2d3738;
    display: block;
}

.mobile-wrapper .message-info-wrapper{
        padding:0px;
}

.mobile-wrapper .message-info-wrapper .message-text{
   font-size:22px;
   color: #2d3738;
}

.mobile-wrapper .message-info-wrapper .message-text-mobile{
    font-size:22px;
    color: #2d3738;
    text-align: justify;
    padding-top: 10px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.mobile-wrapper .message-wrapper {
  border: 1px solid #cfd8dc;
  border-radius: 5px;
  background-color: #fff;
  padding: 8px;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  position: relative;
 }

.mobile-wrapper .message-footer-wrapper {
  text-align: center;
  padding: 13px 9px;
  border-top: 1px solid gray;
  background: transparent;
  position: relative;
}

.mobile-wrapper .resume-survey-wrapper{
    padding:16px 9px;
}

.mobile-wrapper .resume-survey-wrapper .resume-link {
  color: rgb(0, 0, 238);
  padding:0px;
  padding-top: 15px;
  font-weight: normal;
  font-size: 16px;
  display: block;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
 }

.mobile-wrapper .SurveyMsgWrapper{
    padding:10px;
}

.mobile-wrapper .url-info > a {
    display:block;
    word-break:break-word;
    font-size:18px;
}

.mobile-wrapper .send-container input.send-email-submit{
    width: 100%;
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid #868686;
    color: #000000;
    padding: 9px 0;
    font-size:21px !important;
    font-family: "gravitybook", Arial, helvetica, sans-serif;
    letter-spacing: 0.5px;

}

.btmNote.onlyMessage, .btmNote.onlyMessage font a {
    text-shadow: 1px 0px 6px #ffffff;
    color: #000000 !important;
    font-weight: bold !important;
    font-family: Open Sans;
    font-size: 12px !important;
    padding-bottom:3px;
}

.full-survey-width.survey-border {
    margin: 35px 20px !important;
}

.mobile-wrapper .full-survey-width.survey-border{
    margin: 10px auto 60px !important;
}
.question-data .answer-option-wrapper .fieldset-wrapper
{
    padding-bottom: 0;
}

select option:disabled{
  color: #DAC8C8 !important;
}

/*Survey width changes for Tab and Mobile Starts*/

.mobile-wrapper .question-data {
    margin: 15px 10px 40px;
}

.mobile-wrapper .questions-wrapper {
    padding: 20px 0px 10px;
}


@media screen and (min-width: 600px) and (max-width: 1024px) {
    .questions-wrapper {
        padding: 20px 0px 10px;
    }
}

/*Survey width changes for Tab and Mobile Ends*/

.page-preview{
  pointer-events: none;
  cursor: auto;
}

/*Rating scale, ranking, NA mandatory colour starts*/

.question-data.mandatory .rs-slider-axis-wrapper, .question-data.mandatory .smiley-rs-slider-axis-wrapper,
.question-data.soft-req .na-tb-space, .question-data.mandatory .na-tb-space,
.question-data.soft-req .rank-option-text, .question-data.mandatory .rank-option-text,
.question-data.mandatory .char-remain,.question-data.soft-req .char-remain,
.question-data.mandatory .questionImageMain .caption,.question-data.soft-req .questionImageMain .caption,
.question-data.mandatory .nps-axis-text,.question-data.soft-req .nps-axis-text,
.question-data.mandatory .tooltip_icon,.question-data.soft-req .tooltip_icon,
.question-data.mandatory .slider-value-text,.question-data.soft-req .slider-value-text,
.question-data.mandatory .rs-slider-axis-val,.question-data.soft-req .rs-slider-axis-val
 {
    color: #000000 !important;
}

.question-data.mandatory .rs-mobile-wrapper .slider-value-text.tooltip-weight,.question-data.soft-req .rs-mobile-wrapper .slider-value-text.tooltip-weight{
    color: #ffffff !important;
}

/*Rating scale, ranking, NA mandatory colour ends*/

/*Background white to fieldset for IE/Egde issue starts*/

.question-data.mandatory .fieldset-wrapper fieldset,
.question-data.soft-req .fieldset-wrapper fieldset,
.question-data.mandatory .questionImageWrapper,
.question-data.soft-req .questionImageWrapper,
.question-data.mandatorycapcha .fieldset-wrapper.descriptive-text-wrap {
    background-color: #ffffff;
}

.question-data.mandatory .fieldset-wrapper fieldset .csat .smiley,
.question-data.mandatory .fieldset-wrapper fieldset .ces .smiley,
.question-data.soft-req .fieldset-wrapper fieldset .csat .smiley,
.question-data.soft-req .fieldset-wrapper fieldset .ces .smiley {
    color: #000000 !important;
}

/*Background white to fieldset for IE/Egde issue ends*/

.hidden-message{
    font-family: montserrat;
    font-size: 12pt;
    color:#0e555c;
    font-weight: bold;
    font-style: normal;
}

.mobile-wrapper .hidden-message {
    margin: 40px 0;
    padding: 6px 16px 0;
}


.tablet-wrapper .page-preview-all-hdn{
  width: auto !important;
  margin-left:4%;
}

.mobile-wrapper .page-preview-all-hdn{
  width: auto !important;
  margin: 2px !important;
}

.page-preview-all-hdn{
  width: 913px !important;
  margin: 0 0 0 -25px;
  margin-left:14%;
}

/*Mobile alignment issues section starts*/

.mobile-wrapper .comment-wrapper {
    padding: 8px 20px;
    line-height: 28px;
}

.mobile-wrapper .question-data {
    margin: 15px 10px 0px;
}

.mobile-wrapper .char-remain {
    margin: 0;
}

.mobile-wrapper .symbol-wrapper {
    margin: 5px 0;
}

.mobile-wrapper .symbol-wrapper input[type='radio'] + label:hover {
    transition: none;
    transform: none;
}

.mobile-wrapper .mtb-wrapper .question-option-wrapper.subqtn {
    font-weight: bold;
}

.mobile-wrapper .matrix-standalone .question-option-wrapper {
    padding: 8px 10px;
}

.mobile-wrapper .matrix-standalone .answer-option-wrapper {
    padding: 5px 20px 8px;
}

.mobile-wrapper .multiple-dropdown .question-option-wrapper.subqtn {
    width: auto !important;
    display: block;
    padding: 8px 0;
}

.mobile-wrapper .multiple-dropdown .answer-option-wrapper {
    display: block !important;
}

.mobile-wrapper .a-strip-na > label, .mobile-wrapper .a-strip-na > div {
    max-width: 100% !important;
    width: 100%;
    display: block !important;
}

.mobile-wrapper .answer-option.radio > div > span {
    display: block !important;
}

.mobile-wrapper re-captcha iframe {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

/*Mobile alignment issues section ends*/

/*Tablet CSS*/
.tablet-wrapper .full-survey-width.survey-border{
    margin: 10px !important;
}

.tablet-wrapper .full-survey-width{
    padding: 33px 11px 35px;
}

.tablet-wrapper .answer-option-wrapper{
    padding: 5px 30px 8px;
}

.tablet-wrapper .nps-wrapper{
    margin: 0 0 0 10px;
}

.tablet-wrapper .nps-axis-text-wrapper{
    margin: 10px 0 10px 2px;
}

.tablet-wrapper .char-remain{
    margin: 0 10px 0 0;
}

.tablet-wrapper .answer-option-wrapper .demographics-wrapper .question-option-wrapper{
    padding: 2px 5px 2px 2px !important;
}

.tablet-wrapper .rs-wrapper{
    margin: 20px 0px;
}

.tablet-wrapper .rs-wrapper.rs-smiley-wrapper{
    margin: 20px 0px;
}

.tablet-wrapper .smiley-rs-icon{
    margin-right: 30px;
}

.tablet-wrapper .RTLDir .smiley-rs-icon {
    margin-right: auto;
	margin-left: 30px;
}

.tablet-wrapper .question-option-wrapper.subqtn{
    padding: 8px 30px 8px 0px;
}

.tablet-wrapper .rankDropDown{
    padding: 5px 35px 5px 4px;
    max-width: 200px;
    height: auto;
}

.tablet-wrapper .answer-opt-image{
    width: 80px;
    max-height: 80px;
}

.tablet-wrapper .answer-opt-image img{
    height: 100%;
    width: 100%;
    max-height: 80px;
    max-width: 100%;
}

.tablet-wrapper .oneImageWidth{
    min-width: 100px;
    width: 105px;
}

.tablet-wrapper .twoImageWidth{
    min-width: 200px;
    width: 210px;
}

.tablet-wrapper li.rank-option .oneImageWidth + .rank-option-content {
    max-width: calc(100% - 105px);
}

.tablet-wrapper li.rank-option .twoImageWidth + .rank-option-content {
    max-width: calc(100% - 210px);
}

.tablet-wrapper .mdd-wrapper .question-option-wrapper{
    padding: 8px 30px 8px 0;
}

.tablet-wrapper .mtb-wrapper .question-option-wrapper{
    padding: 14px 30px 8px 5px;
}

.tablet-wrapper .mtb-wrapper .answer-option-wrapper{
    padding: 6px 5px 8px;
}

.tablet-wrapper .mtb-wrapper.mtb-right-title .answer-option-wrapper{
    padding: 6px 25px 8px 5px;
}

.tablet-wrapper .ic-tooltip-wrapper{
    width: 350px;
}

.tablet-wrapper .RTLDir .ic-tooltip-wrapper{
    right: auto;
    left: 0px;
}

.tablet-wrapper .rankDropDownCont{
    height: auto;
}

.tablet-wrapper .tblPageFooter{
    width: 100%;
    max-width: 100%;
}
/*Tablet CSS ends*/

/* Hidden Question Tooltip for Preview start */

.hidden-question-tooltip-icon{
    background-image: url('../../ImagesNew/PM/EyeLight.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    position: absolute;
    top: 9px;
    left: 9px;
}

.RTLDir .hidden-question-tooltip-icon{
    left: 0;
    right: 0;
}

.hidden-question-tooltip-icon.hdn-demo,
.hidden-question-tooltip-icon.hdn-mdd
{
    top: 13px;
    left: -21px;
}

.RTLDir .hidden-question-tooltip-icon.hdn-demo,
.RTLDir .hidden-question-tooltip-icon.hdn-mtb,
.RTLDir .hidden-question-tooltip-icon.hdn-mdd
{
    right: -30px;
}

.hidden-question-tooltip-icon.hdn-mtb {
    top: 15px;
    left: -21px;
}

.RTLDir .hidden-question-tooltip-icon.hdn-symbol {
    right: -30px;
}

.hidden-question-tooltip-icon.hdn-symbol.single-ans {
    top: 9px;
    left: 9px;
    right: 0;
}

.hidden-question-tooltip-icon.hdn-symbol {
    top: 24px;
    left: -21px;
}

.mobile-wrapper .hidden-question-tooltip-icon {
    left: 0;
}

.mobile-wrapper .RTLDir .hidden-question-tooltip-icon.hdn-symbol {
    right: -20px;
}

.mobile-wrapper .hidden-question-tooltip-icon.hdn-symbol.single-ans {
    left: 0;
    right: 0;
}

.mobile-wrapper .hidden-question-tooltip-icon.hdn-symbol {
    top: 9px;
    left: -21px;
}



.mobile-wrapper .hidden-question-tooltip-icon.hdn-mtb,
.mobile-wrapper .hidden-question-tooltip-icon.hdn-mdd {
    top: 9px;
    left: -20px;
}

.mobile-wrapper .hidden-question-tooltip-icon.hdn-demo {
    top: 6px;
    left: -20px;
}

.mobile-wrapper .RTLDir .hidden-question-tooltip-icon.hdn-demo,
.mobile-wrapper .RTLDir .hidden-question-tooltip-icon.hdn-mtb,
.mobile-wrapper .RTLDir .hidden-question-tooltip-icon.hdn-mdd {
    right: -20px;
}

.hidden-question-tooltip-icon.hdn-drill-down{
    left:-15px;
}

.mobile-wrapper .hidden-question-tooltip-icon.hdn-drill-down {
    left: -21px;
    top: 3px;
    right: 0;
}

.mobile-wrapper .RTLDir .hidden-question-tooltip-icon.hdn-drill-down {
    right: -20px;
}

.tooltip_container.hiddenQ-tooltip{
    background-color: #423f40;
    color:#fff !important;
    border-radius: 3px;
    font-size: 14px; 
    box-shadow:0px 0px 6px #000; 
    font-weight:400;
    font-family:Open Sans;
    border:1px solid #423f40;
    display:block;
    opacity:0;
    transition: all 0.5s;
    pointer-events:none;
}

.tooltip_container.hiddenQ-tooltip:before{
    left:2px;
}

.tooltip_container.hiddenQ-tooltip.hiddenQ-right-arrow::before{
    left:auto;
    right:2px;
}

.tooltip_container.hiddenQ-tooltip.hiddenQ-down-arrow::before{
    left: 2px;
    top: 100%;
    border-bottom: none;
    border-top: 7px solid #3c3939;
}

.tooltip_container.hiddenQ-tooltip.active{
    opacity:1;
}


.hdn-icn-div img,.hdn-icn-div span{
    display:inline-block;
    vertical-align:middle;
    margin: 5px;
}

.hdn-icn-div span{
    width: calc(100% - 60px);
}

/* Hidden Question Tooltip for Preview end */

.mobile-wrapper li.rank-option .rank-option-content{
    position: static;
    width: 100%;
    max-width: 100%;
}

.mobile-wrapper .dv-rank-handle{
    top: 45%;
}

.mobile-wrapper li.rank-option .rank-option-content .rank-option-text {
    display: inline-block;
    max-width: 50%;
    min-width: 50%;
    vertical-align: middle;
    float: none !important;
    word-break: break-word;
     word-wrap: break-word;
}

.mobile-wrapper li.rank-option .rank-option-content .rankDropDownCont {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    height: auto;
    max-width: 100px;
}

.mobile-wrapper .rankDropDownCont select{
    max-width: 100px;
    margin: 0 0 0 0px;
}

.mobile-wrapper .RTLDir .rankDropDownCont select{
    margin: 0 0px 0 0;
}

/*Spacing between qno and qtext*/

legend .question-text {
    padding: 0 3px;
    width: 100%;
}

legend .question-text.comment-text{
    word-break: break-word;
    word-wrap: break-word;
    outline: none;
}

/*Spacing between qno and qtext*/

/*Mobile view for CES, CSAT*/

.mobile-wrapper .ces .ces-csat-wrapper, .mobile-wrapper .csat .ces-csat-wrapper {
    min-width: 100%;
    max-width: 100%;
}

.mobile-wrapper .ces-csat-ans-option {
    float: none;
    text-align: center;
    width: 50%;
    margin: 0 auto 15px !important;
    position: relative;
}

.mobile-wrapper .csat .smiley::before, .mobile-wrapper .ces .smiley::before {
    height: 40px;
}

.mobile-wrapper .csat .smiley::before, .mobile-wrapper .ces .smiley::before {
    margin-bottom: 5px;
}

.mobile-wrapper .ces-csat-smiley-text {
    display: block;
}

/*focus on tab*/
input[type='radio']:focus + label, input[type='checkbox']:focus + label, select:focus, input[type='text']:focus{
  outline: dotted 1px !important;
}

.submit-button:focus span, .next-button:focus span, .back-button:focus span {
  outline: dotted 1px !important;
}

.mobile-wrapper .submit-button:focus span, .mobile-wrapper .next-button:focus span,.mobile-wrapper .back-button:focus span {
  outline: none !important;
}

.mobile-wrapper input[type='radio']:focus + label, .mobile-wrapper input[type='checkbox']:focus + label, .mobile-wrapper select:focus, .mobile-wrapper input[type='text']:focus{
  outline: none !important;
}
/*focus on tab ends*/

.qhint-tooltip-arrow {
    content: '';
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3c3939;
    position: absolute;
    height: 0;
    top: -7px;
}

.tooltip_container.mobile-hint::before {
    display: none;
}

.RTLDir .fieldset-wrapper.symbolratingscale.isMandatory .question-option-wrapper.subqtn:before {
    right: -13px;
}

.mobile-wrapper .symbol-wrapper[symbol-count="10"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='radio'] + label, 
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='checkbox'] + label {
    font-size: 15px !important;
    margin-right: 8px !important;
}

.mobile-wrapper .symbol-wrapper[symbol-count="9"] input[type='radio'] + label, 
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='radio'] + label, 
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='checkbox'] + label {
    font-size: 17px !important;
    margin-right: 8px !important;
}

.mobile-wrapper .symbol-wrapper[symbol-count="8"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='checkbox'] + label {
    font-size: 19px !important;
    margin-right: 8px !important;
}

.mobile-wrapper .RTLDir .symbol-wrapper[symbol-count="10"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='checkbox'] + label {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

.mobile-wrapper .RTLDir .symbol-wrapper[symbol-count="9"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='checkbox'] + label {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

.mobile-wrapper .RTLDir .symbol-wrapper[symbol-count="8"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .RTLDir .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='checkbox'] + label {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* question image */
.ques-img-row{
  display: flex;
  align-items: center;
  text-align: center;
  align-items: baseline;
  margin-left: 25px;
}

.ques-img-row-item{
  flex-grow: 1;
  padding: 10px 0;
}

.ques-img-row-item img{
  /* max-height: 550px; */
}

.ques-img-row-item.small-fit img, .ques-img-row-item.small-fit iframe{
  width: 50%;
  /* height: 50%; */
}

.ques-img-row-item.medium-fit img, .ques-img-row-item.medium-fit iframe{
  width: 70%;
  /* height: 70%; */
}

.ques-img-row-item.large-fit img, .ques-img-row-item.large-fit iframe{
  width: 95%;
  /* height: 95%; */
}

.ques-img-row-item.best-fit img{
  max-width: 95%;
  /* height: auto; */
}

.ques-img-row-item.best-fit iframe{
  width: 95%;
  max-width: 95%;
}

.ques-img-row-item .audio-file img{
  max-width: 95%;
  width: auto;
}

.ques-img-row-item:first-child.small-fit,
.ques-img-row-item:first-child.medium-fit,
.ques-img-row-item:first-child.large-fit{
  text-align: left;
}

.RTLDir .ques-img-row-item:first-child.small-fit,
.RTLDir .ques-img-row-item:first-child.medium-fit,
.RTLDir .ques-img-row-item:first-child.large-fit{
  text-align: right;
}

.ques-img-row-item:last-child.small-fit,
.ques-img-row-item:last-child.medium-fit,
.ques-img-row-item:last-child.large-fit{
  text-align: right;
}

.RTLDir .ques-img-row-item:last-child.small-fit,
.RTLDir .ques-img-row-item:last-child.medium-fit,
.RTLDir .ques-img-row-item:last-child.large-fit{
  text-align: left;
}

.ques-img-row-item:nth-child(2).small-fit,
.ques-img-row-item:nth-child(2).medium-fit,
.ques-img-row-item:nth-child(2).large-fit{
  text-align: center;
}

.RTLDir .ques-img-row-item.best-fit .align-l{
  text-align: right;
}

.RTLDir .ques-img-row-item.best-fit .align-r{
  text-align: left;
}

.mobile-wrapper .ques-img-row img{
  margin-bottom: 5px;
}
/* question image ends */

/*Thankyou page options*/
.thank-you-options{
    display: flex;
    justify-content: center;
    width: 100%;
}

.tablet-wrapper .thank-you-options{
    display: block;
}

.thankYouMsgWrapper .survey-options, .message-wrapper .survey-options{
    min-height: 150px;
    height: 100% !important;
}
/*Thankyou page options ends*/

/*Free spirit sunset CSS*/

.ui-temp.free-spirit + form.mobile-wrapper .question-option-wrapper {
    margin-bottom: 3px;
}

.ui-temp.free-spirit + form.mobile-wrapper .matrix-standalone .question-data {
    margin-left: 5px;
    margin-right: 5px;
}

.ui-temp.free-spirit + form.mobile-wrapper .question-data.sunset {
	margin-left: 0px;
    margin-right: 0px;
}

.ui-temp.free-spirit + form.mobile-wrapper .matrix-standalone .question-data .question-option-wrapper,
.ui-temp.free-spirit + form.mobile-wrapper .question-data.sunset .question-option-wrapper {
	background: none;
}

.data-policy-body {
    text-align:center;
    margin-top:10px;
}
.data-policy-link{
    cursor:pointer;
    text-decoration:underline;
}

/*Free spirit sunset CSS*/

/*div scroll*/
.fieldset-wrapper-scroll{
  overflow-x: auto;
    overflow-y: hidden;
}

.fieldset-wrapper-scroll-cont{
  position: relative;
}

.div-scroll-btn{
    z-index: 9999 !important;
}

.mobile-wrapper .div-scroll-btn{
    display: none !important;
}
/*div scroll ends*/

/*CB RB Textbox QDL*/

.answer-option.check app-text-box legend.question-option-wrapper::before,
.answer-option.radio app-text-box legend.question-option-wrapper::before,
.answer-option.radio-hrb app-text-box legend.question-option-wrapper::before{
    content: '' !important;
}

.answer-option.check app-text-box .fieldset-wrapper.isMandatory legend.question-option-wrapper::before,
.answer-option.radio app-text-box .fieldset-wrapper.isMandatory legend.question-option-wrapper::before,
.answer-option.radio-hrb app-text-box .fieldset-wrapper.isMandatory legend.question-option-wrapper::before{
   content: '\e902' !important;
}

/*CB RB Textbox QDL Ends*/

.mobile-wrapper .dtpContainer{
    position: relative;
}

/*Mobile other textbox*/

.hrb-other-textbox.horizontal-radio > div.mobile-other {
    display: block !important;
}

/*Mobile other textbox ends*/

.constraint-error-msg{
    color: #ffffff !important;
}

.mobile-wrapper .attachment-cont .attach-tb input.ansopt-textbox {
    max-width: calc(100% - 62px) !important;
    min-width: 150px !important;
}

.attach-tb .attachedLoader {
    position: relative;
    top: 8px;
}

.mobile-wrapper .attach-tb .attachedLoader {
    position: relative;
    top: 12px;
}

.question-data.comment-question-type {
    border: none;
}

/*Thank you page/Mobile view issues*/

.mobile-wrapper .medium-survey-width.surveyWidth,
.mobile-wrapper .full-survey-width.surveyWidth,
.mobile-wrapper .small-survey-width.surveyWidth {
    margin: 0px auto 0px !important;
}

.mobile-wrapper .thankYouMsgWrapper {
    max-width: 100%;
    padding: 45px 10px 35px !important;
    margin: 0 !important;
}

.SurveyMsgWrapper {
    background-color: transparent !important;
}

.mobile-wrapper .surveyWidth {
    padding-top: 20px;
}

.mobile-wrapper .surveyWidth .survey-header,
.mobile-wrapper .surveyWidth .survey-header-nb {
    padding-top: 30px;
    word-break: break-word;
    word-wrap: break-word;
}

.mobile-wrapper .surveyWidth .survey-logo {
    padding-top: 30px;
}

/*Thank you page/Mobile view issues ends*/

.currentActiveDDITem{
  background-color: #0098f7 !important;
  color: #ffffff;
}

/*Attachment for firefox*/

@-moz-document url-prefix() {
    .attach-tb .desktopfile-icon::before {
       top: 4px;
    }

    .mobile-wrapper .attach-tb .desktopfile-icon::before {
        top: 9px;
    }


}

/*Mobile attachment delete*/

.mobile-wrapper .attach-tb .ansopt-textbox + div{
  position: relative;
}

.mobile-wrapper .attach-tb.delete-on .delete-icon-light {
  position: absolute !important;
  background: transparent !important;
  height: 42px !important;
  margin: 0 !important;
  width: 42px !important;
  left: 10px !important;
  top: 5px;
}

.mobile-wrapper .attach-tb.delete-on .delete-icon-light::before {
    content: '';
    display: inline-block;
    height: 25px;
    width: 25px;
    background-image: url(../../ImagesNew/PM/pm_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    top: 7px;
    left: 7px;
}

.mobile-wrapper .attach-tb.delete-on .desktopfile-icon::before {
  content: '';
}

.mobile-wrapper .attach-tb .attachedLoader {
  position: absolute;
  left: 10px;
  top: 0;
  height: 42px;
  width: 42px;
  z-index: 10;
  border-radius: 4px;
}

.mobile-wrapper .attach-tb .attachedLoader > div{
  position: absolute;
  top: 12px;
  left: 6px;
}

/*Mobile attachment delete ends*/

input[type='text']::-ms-clear {
    display: none;
}

.mtb-wrapper.attachment-cont.attachment-validator {
    position: relative;
}

.column-struct-mtb .mtb-wrapper.attachment-cont.mtb-left-title {
    position: relative;
}

/*mobile css*/
.mobile-sub-question {
    background-color: transparent !important;
}

.question-data.mandatory .question-option-wrapper.mobile-sub-question{
    background-color: #ffffff !important;
}

.mw-sub-question-text{
    display: table !important;
}

.mw-sub-question-text span{
    display: table-cell !important;
}

.mw-sub-question-text span:first-child{
    white-space: nowrap;
    padding-right: 5px
}

.mtb-wrapper .mw-sub-question-text span:first-child{
    white-space: normal;
}

.RTLDir .mw-sub-question-text span:first-child {
    padding-right: 0px;
    padding-left: 5px;
}

.mw-sub-question-text span:nth-child(2){
    width: 100%;
}

/*.mw-sub-question-text span:last-child{
    margin-left: 5px;
    width: 100%;
}*/
/*mobile css ends*/

.quota-ex-msg {
    padding: 0 50px;
}

.mobile-wrapper .quota-ex-msg {
    padding: 0 30px;
}

.page-bg-img{
    background-position: center;
}

@-moz-document url-prefix() {
    .anonymous-msg {
        word-wrap: break-word;
    }
}

/*Search drop down no icon starts*/

input.drill-down-input.no-search-icon {
  background-image: none;
}

/*Search drop down no icon starts*/

.mtb-wrapper.attachment-cont {
    min-height: 52px;
}

.mtb-wrapper.attachment-cont.attachment-validator .validator_message {
    top: 75%;
}

.new-participation-v .mtb-wrapper.attachment-cont.attachment-validator .validator_message,
.new-participation-focus .mtb-wrapper.attachment-cont.attachment-validator .validator_message {
    top: 83%;
}

.mobile-wrapper .mtb-wrapper.attachment-cont.attachment-validator .validator_message {
    top: 108%;
}

.attachment-cont .validator_message {
    top: 83%;
}

.tablet-wrapper .attachment-cont .validator_message {
    top: 80%;
}

.mobile-wrapper .attachment-cont .validator_message {
    top: 94%;
}

.question-data:focus, .top-question-spacer:focus{
    outline: none;
}

.send-container input.send-email-submit.quota-button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.RTLDir .send-container input.send-email-submit.partial-data-button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.RTLDir .send-container input.send-email-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.mobile-wrapper .RTLDir .attach-tb.delete-on .delete-icon-light {
    left: 0px !important;
    z-index: 10;
}

.mobile-wrapper .RTLDir .attach-tb.delete-on .delete-icon-light::before {
	left: -8px;
}

.mobile-wrapper .RTLDir .attach-tb .attachedLoader {
	left: 0px;
}

/*MTB Mandatory Alignment Starts*/

.mtb-wrapper:not(.mtb-left-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.mtb-wrapper:not(.mtb-right-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper:not(.mtb-left-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper:not(.mtb-right-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	top: 4px;
    left: -20px;
}

.tablet-wrapper .RTLDir .mtb-wrapper:not(.mtb-left-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .RTLDir .mtb-wrapper:not(.mtb-right-title) .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    top: 4px;
}

.mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	top: 20px;
}

.mobile-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top: 14px;
}

/*MTB Mandatory Alignment Ends*/

/*Edge Specific Disabled Intelli Starts*/

@supports (-ms-ime-align: auto) {
  
input[type='radio'][disabled=""]+ label span.structure, input[type='checkbox'][disabled=""] + label span.structure {cursor: no-drop;}
input[type='radio'][disabled=""] + label span.structure:before, input[type='checkbox'][disabled=""] + label span.structure:before {border-width: 1px;}
input[type='radio'][disabled=""] + label .answer-text, input[type='checkbox'][disabled=""] + label .answer-text{color: #DAC8C8 !important;}
.ui-temp.free-spirit + form input[type='radio'][disabled=""] + label span.structure:before,.ui-temp.free-spirit + form input[type='checkbox'][disabled=""] + label span.structure:before,.ui-temp.left-moon + form input[type='radio'][disabled=""] + label span.structure:before,.ui-temp.left-moon + form input[type='checkbox'][disabled=""] + label span.structure:before,.ui-temp.right-moon + form input[type='radio'][disabled=""] + label span.structure:before,.ui-temp.right-moon + form input[type='checkbox'][disabled=""] + label span.structure:before {border-width: 3px;}

}

/*Edge Specific Disabled Intelli Ends*/

/*Drill down mandatory position starts*/

.mobile-wrapper .drill-down-subqtn .isMandatory:before { 
    left: -16px !important;
    top: 7px !important;
	right: auto !important;
    font-size: 8px;
}

.mobile-wrapper .RTLDir .drill-down-subqtn .isMandatory:before {
	right: -3px !important;
    top: 7px !important;
	left: auto !important;
}

/*Drill down mandatory position ends*/

input[type='radio'], input[type='radio'] + label ,
input[type='checkbox'],
input[type='checkbox'] + label {
touch-action: manipulation;
}

.worryimg {background-image: url('../../ImagesNew/PM/participation_sprite.png');background-position: 0px -192px;background-repeat: no-repeat;height: 70px;float: left;width: 60px;}
.innerfootr {text-align: center;background-color: #b9c8d2;padding: 4px 10px;/*margin-top: 40px;*/border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.worrytitlejs {
    float: left;
    color: #16bba9;
    padding-top: 20px;
}
.headcontjs {
    Font-Size: 35px;
    Color: #16bba9;
    padding: 40px 60px 0 60px;
}
.subheadjs {
    font-Size: 20px;
    Color: #2d3738;
    padding: 30px 60px 30px 60px;
}


/* thumbs up thumbs down*/
@font-face {
  font-family: 'like-dislike';
  src:  url('../fonts/like-dislike.eot?q8ao3c');
  src:url('../fonts/like-dislike.eot?q8ao3c#iefix') format('embedded-opentype'),
      url('../fonts/like-dislike.ttf?q8ao3c') format('truetype'),
      url('../fonts/like-dislike.woff?q8ao3c') format('woff'),
      url('../fonts/like-dislike.svg?q8ao3c#like-dislike') format('svg');

  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ld-box{
  display: inline-block;
  margin-right: 20px;
  max-width: 150px;
  vertical-align: top;
}

.ld-box:last-child{
  margin-right: 0;
}

.RTLDir .ld-box{
    margin-right: 0px;
    margin-left: 20px;
}

.RTLDir .ld-box:last-child{
    margin-right: 0px;
    margin-left: 0px;
}

.ld-common{
  display: block !important;
  padding: 33px 50px 40px !important;
  /*box-shadow: 0 2px 9px -2px rgba(0, 0, 0, 0.16);*/
  font-family: 'like-dislike' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #25CCFA;
  font-size: 50px;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.ld-common:hover{
    background-color: transparent !important;
}

.like-box:before{
  content: "\e903";
}

.ld-box input[type='radio']:checked + .like-box:before{
  content: "\e901";
}

.dislike-box:before{
  content: "\e902";
}

.ld-box input[type='radio']:checked + .dislike-box:before{
  content: "\e900";
}

.matrix-grid .ld-box{
    width: 100%;
    max-width: 100%;
}
.matrix-grid .ld-common{
    padding: 0px !important;
    box-shadow: none;
    width: 100%;
    display: block !important;
    text-align: center;
    font-size: 28px;
}
.mobile-wrapper .ld-common{
  padding: 30px 30px 30px !important;
  font-size: 40px;
}
.mobile-wrapper .ld-box{
  margin-right: 10px;
  max-width: 100px;
}
.mobile-wrapper .RTLDir .ld-box{
  margin-right: 0px;
  margin-left: 10px;
}
.ld-answer-option{
  display: inline-block;
  margin: 0 10px !important;
}

.ld-label-text{
    margin-top: 10px !important;
    word-break: break-word;
    text-align: center;
    word-wrap: break-word;
}

/* PRT 109011 Fixed */
.matrix-mobile-subQ .question-option-wrapper .question-text span:first-child{
    margin-right: 3px;
}

.RTLDir .matrix-mobile-subQ .question-option-wrapper .question-text span:first-child {
    margin-right: 0;
    margin-left: 3px;
}
.descriptive-text-wrap .questionImageWrapper{ background: none !important; }
form input[type='radio'] + .ld-common,form input[type='radio']:checked + ld-common {background-color:transparent !important}
.matrix-grid .ld-common { border: none !important}
.comment-text p {margin:15px 0;}

/* Rating scale crt */
.rs-clear-inp {
  color: #62c9f5;
  font-family: montserrat;
  font-size: 11pt;
  border: 1px solid #d0d1d2;
  outline: none;
  padding: 3px 5px;
  border-radius: 5px;
  text-align: center;
}

.ui-slider-handle, .ui-slider-range{
  opacity: 1 !important;
}

.rating-scale-cont{
  display: table;
  width: 100%;
}

.rating-scale-cont .rs-wrapper{
  display: table-cell;
  padding-left: 30px;
}

.RTLDir .rating-scale-cont .rs-wrapper{
  padding-left: 0px;
  padding-right: 30px;
}

.rating-scale-cont .rs-clear-cont{
  display: table-cell;
  width: 50px;
  vertical-align: top;
  padding-left: 40px;
}

.RTLDir .rating-scale-cont .rs-clear-cont{
  padding-left: 0px !important;
  padding-right: 40px;
}

.rating-scale-cont .ui-slider{
  /* max-width: 90%; */
  /* margin-left: 20px !important;
  margin-right: 20px !important; */
  margin-bottom: 50px;
}

.rating-scale-cont .slider-value-text{
  top: calc(100% + 4px);
  display: none;
  /*word-break: break-word;*/
  max-width: 270px;
}

.rating-scale-cont .slider-value-text.show-rs-val{
  display: block;
  /*color: #000000 !important;*/
  font-weight: bold;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text,
.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text{
  top: auto;
  bottom: 35px;
  display: block;
  transform: translate(0) !important;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text{
  left: 0px !important;
  text-align: left;
}

/*.RTLDir .rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text{
  left: auto !important;
  right: 0px !important;
  text-align: right;
}*/

.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text{
  left: auto !important;
  right: 0px !important;
  text-align: right;
}

/*.RTLDir .rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text{
  left: 0px !important;
  right: auto !important;
  text-align: left;
}*/

.rs-clear-inp{
  width: 46px;
}

.rs-clear-text-cont{
  text-align: left;
  padding: 7px 0 0 7px;
}

.RTLDir .rs-clear-text-cont{
  text-align: right;
  padding: 7px 7px 0 0;
}

.rs-clear-text{
  cursor: pointer;
  font-size: 14px;
  color: #000000;
}


.mandatory .rs-clear-text, .soft-req .rs-clear-text{
    color: #000000 !important;
    opacity:1;
}

.rs-clear-text:focus
{
    outline: dotted 1px !important;
}

/* Chrome, Safari, Edge, Opera */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type='number'].rs-clear-inp {
  -moz-appearance: textfield;
}

.inactive-scale .ui-slider-handle{
  box-shadow: 0 0 0 4px #D8D8D8, 0 0 0 5px #A3A3A3 !important;
  background-color: #d8d8d8 !important;
}

.inactive-scale.rs-slider, .inactive-scale.rs-smiley-slider{
  background-color: #f0f0f0 !important;
  border-color: #eaeaea !important;
}

.rs-smiley-wrapper .smiley-rs-icon{
  background-image: url('../../ImagesNew/PM/ces-neutral.svg?k=1') !important;
  background-position: 0 0 !important;
  background-color: transparent !important;
}

.rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon{
  background-image: url('../../ImagesNew/PM/ces-sad.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon{
  background-image: url('../../ImagesNew/PM/ces-neutral.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon, .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon{
  background-image: url('../../ImagesNew/PM/ces-happy.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon {
  background-image: url('../../ImagesNew/PM/ces-verysad.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon {
  background-image: url('../../ImagesNew/PM/ces-veryhappy.svg?k=1') !important;
}

.ces-csat-ans-option, .RTLDir .ces-csat-ans-option{
  float: none;
  display: table-cell;
  width: 14.28%;
}

.mobile-wrapper .ces-csat-ans-option{
  display: block;
  width: 100%;
}

.ces-csat-ans-option input[type='radio'] + label{
  opacity: 0.5;
  background-color: transparent !important;
}

.ces-csat-ans-option input[type='radio'] + label:hover,
.ces-csat-ans-option input[type='radio']:focus + label,
.ces-csat-ans-option input[type='radio']:checked + label{
  opacity: 1;
}

.ces-csat-wrapper{
  display: table;
  width: 100%;
}

.mobile-wrapper .ces .ces-csat-wrapper, .mobile-wrapper .csat .ces-csat-wrapper{
  display: block;
}

.rating-scale-cont .rs-wrapper.rs-smiley-wrapper{
  width: 95%;
}

.rating-scale-cont .rs-smiley-slider.ui-slider{
  width: calc(100% - 60px) !important;
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.rating-smiley-cont.rating-scale-cont .rs-clear-cont{
  padding-left: 10px;
}

.rating-smiley-cont.rating-scale-cont .slider-value-text{
  bottom: 35px;
  top: auto !important;
  display: block;
}

.rs-mobile-cont .rs-clear-cont{
  margin-top: 22px;
  display: table;
}

.ui-temp.left-moon + form .rs-mobile-cont .rs-clear-cont,
.ui-temp.right-moon + form .rs-mobile-cont .rs-clear-cont,
.ui-temp.free-spirit + form .rs-mobile-cont .rs-clear-cont{
    margin-top: 35px;
}

.rs-mobile-cont .rs-clear-inp,
.rs-mobile-cont .rs-clear-text-cont{
  display: table-cell;
}

.rs-mobile-cont .rs-clear-text-cont{
    vertical-align: middle;
    padding-top: 0px;
}

.rs-mobile-cont .rs-clear-inp{
  width: 40px;
}

.rating-scale-cont .rs-smiley-slider.ui-slider{
  margin-bottom: 0px !important;
}

.smiley-seperator {
  left: 140px !important;
}

.disabled{
  opacity: 0.5;
  pointer-events: none;
}

.disabled3{
  opacity: 0.3;
  pointer-events: none;
}

.rating-scale-cont .validator_message, .rs-mobile-cont .validator_message{
    margin-top: 8px;
}
/* Rating scale crt ends */

/*109303*/
.modalIframeDiv{
    box-sizing: border-box;
}
/*109303 ends*/

/*Text box inside rb mandatory icon*/
.mobile-wrapper .answer-option-wrapper app-text-box .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: 6px;
}

.mobile-wrapper .RTLDir .answer-option-wrapper app-text-box .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: 6px;
}
/*Text box inside rb mandatory icon ends*/

/*scroll for mobile*/
.mobile-scroll{
    overflow: auto !important;
}
/*scroll for mobile ends*/
/* new participation-v */
.new-participation-v .main-ques-cont.inactive-ques,
.new-participation-v .main-ques-cont.active-ques,
.new-participation-focus .main-ques-cont.inactive-ques,
.new-participation-focus .main-ques-cont.active-ques{
  transition: 0.2s all ease-in-out;
}

.new-participation-v .inactive-ques,.new-participation-focus .inactive-ques{
  opacity: 0.3;
}

.new-participation-v .inactive-ques .question-data,.new-participation-focus .inactive-ques .question-data{
  position: relative;
}

.new-participation-v .ques-response-btn-div:after,
.new-participation-focus .ques-response-btn-div:after{
    content: '';
    clear: both;
    display: block;
}

.new-participation-v .ques-overlay,
.new-participation-focus .ques-overlay{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.new-participation-v .inactive-ques .ques-overlay,
.new-participation-focus .inactive-ques .ques-overlay{
  display: block;
}

.new-participation-v .active-ques .ques-response-btn-div,
.new-participation-focus .active-ques .ques-response-btn-div{
    height: 55px;
}

.new-participation-v .active-ques .main-matrix .ques-response-btn-div,
.new-participation-focus .active-ques .main-matrix .ques-response-btn-div{
    height: 75px !important;
}

.new-participation-v .ques-response-btn,
.new-participation-focus .ques-response-btn{
  padding: 7px 15px;
  border: none;
  background-color: #10aff9;
  color: #ffffff;
  font-size: 0px !important;
  cursor: pointer;
  margin: 20px 0 0 0px;
  display: none;
  border-radius: 5px;
  float: left;
  position: absolute;
  font-style: normal !important;
}

.new-participation-v .ques-response-btn:before,
.new-participation-focus .ques-response-btn:before{
  content: '\f063';
  font-family: FontAwesome;
  font-size: 18px !important;
}

.new-participation-v .main-matrix .ques-response-btn,
.new-participation-focus .main-matrix .ques-response-btn{
    margin: 20px 0 20px 30px;
}

.RTLDir .new-participation-v .ques-response-btn,
.RTLDir .new-participation-focus .ques-response-btn{
    float: right;
}

.RTLDir .new-participation-v .main-matrix .ques-response-btn,
.RTLDir .new-participation-focus .main-matrix .ques-response-btn{
    margin: 20px 30px 20px 0;
}

.new-participation-v .comment-question-type .ques-response-btn,
.new-participation-focus .comment-question-type .ques-response-btn{
    margin: 20px 0 0px 30px;
}

.RTLDir .new-participation-v .comment-question-type .ques-response-btn,
.RTLDir .new-participation-focus .comment-question-type .ques-response-btn{
    margin: 20px 30px 0px 0px;
}

.new-participation-v .active-ques .ques-response-btn,
.new-participation-focus .active-ques .ques-response-btn{
  display: block;
}


.mobile-wrapper .new-participation-v .multiple-dropdown .ques-response-btn,
.mobile-wrapper .new-participation-v .matrix-standalone .ques-response-btn{
    margin-left: 30px;
}


.mobile-wrapper .RTLDir .new-participation-v .multiple-dropdown .ques-response-btn,
.mobile-wrapper .RTLDir .new-participation-v .matrix-standalone .ques-response-btn{
    margin-left: auto;
    margin-right: 30px;
}

.header-spacer, .footer-spacer{
    height: 0px;
}

@media only screen and (min-width: 1600px) {
  .header-spacer, .footer-spacer{
      height: 100px;
  }
}

@media only screen and (min-width: 1800px) {
  .header-spacer{
      height: 150px;
  }

   .footer-spacer{
       height: 250px;
   }
}

@media only screen and (min-width: 2100px) {
  .header-spacer{
      height: 250px;
  }

   .footer-spacer{
       height: 250px;
   }
}

.new-participation-v .main-ques-cont.inactive-ques .ques-response-btn-div{
    pointer-events: none !important;
}

/* new participation */

/*dj changes*/ 
form:not(.mobile-wrapper) .fieldset-wrapper legend, form:not(.mobile-wrapper) .fieldset-wrapper .question-option-wrapper{
    padding: 10px 30px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper, form:not(.mobile-wrapper) .fieldset-wrapper .rank-wrapper{
    padding: 16px 30px 16px;
}
/*dj changes ends*/
/*participation 2 CSS Starts*/

full-survey-width{ max-width: 90%; margin: 0px auto; padding: 35px 0px; display: block; }
.medium-survey-width{ max-width: 90%; margin: 0px auto; padding: 35px 0px; display: block; }
.small-survey-width{ max-width: 90%;}
.new-participation-h .inactive-ques{
  opacity: 0 !important;
  position: fixed;
  pointer-events: none;
} 
 .new-participation-h .active-ques{
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.ques-arrow{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.3);
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.back-arrow.ques-arrow{
  left: 10px;
}
.next-arrow.ques-arrow{
  right: 10px;
}
.ques-arrow:after{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 16px;
  pointer-events: none;
}
.ques-arrow.next-arrow:after{
  left: 15px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}
.ques-arrow.back-arrow:after{
  right: 15px;
  border-top: 1px solid;
  border-left: 1px solid;
  transform: rotate(-45deg);
}
.survey-footer-cont{
  bottom: 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 999;
}

/*participation 2 CSS Ends*/
input[type='text'].red-zone{
    border-color: red !important;
}
.mobile-wrapper .rs-wrapper-scroll{
    overflow: visible !important;
}

/*safari issue*/
_::-webkit-full-page-media,
_:future,
:root .mobile-wrapper .footer-div{
   padding-bottom: 20px !important;
}
/*safari issue ends*/

.rating-scale-cont .rs-clear-cont.hide-clear-box input{
  display: none;
}

input[type='text'][disabled], input[type='text'][disabled]:hover {
    background-color: #EDF2F1;
    color: #bac8d2;
    border: 1px solid #d0d1d2;
}

.mobile-wrapper .answer-option-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{left: -6px}
.mobile-wrapper .RTLDir .answer-option-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before{right: -6px}

/*MDD MTB mandatory icon position changes for desktop/iPad view*/
.mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: 0px;
    top: 23px;
}

.RTLDir .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: 0;
    left: auto;
    top: 23px;
}

.mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before, .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before, .tablet-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top: 20px;
    left: -15px;
}

.tablet-wrapper .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    left: -15px;
}

.mtb-wrapper.mtb-left-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.mtb-wrapper.mtb-right-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-left-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-right-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: -20px;
}

.tablet-wrapper .mtb-wrapper.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-left-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-right-title.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    top: 20px;
}

.RTLDir .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.RTLDir .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .RTLDir .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .RTLDir .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .RTLDir .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    top: 18px;
}

.mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: 0;
}

.RTLDir .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: -15px;
    left: auto;
}

.RTLDir .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.RTLDir .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    top: 18px;
}

.RTLDir .mtb-wrapper.mtb-single-col .fieldset-wrapper.isMandatory .question-option-wrapper:before{
    right: -20px;
}
/*MDD MTB mandatory icon position changes for desktop/iPad view*/

/*Grid subqtns mobile spacing*/

.matrix-mobile-subQ .question-data {
    margin: 0px 10px 0px;
}

.matrix-mobile-subQ .mobile-sub-question{
    padding-bottom: 0px !important
}

.matrix-mobile-subQ{
    margin-bottom: 15px;
}

.mobile-wrapper .matrix-standalone .mobile-sub-question{
    padding-bottom: 0px !important;
}
/*Grid subqtns mobile spacing*/

/*Telephone CSS*/
.demographics-wrapper.geo-code-container .question-option-wrapper,
.demographics-wrapper.geo-code-container .answer-option-wrapper {
    vertical-align: middle;
}
.geo-code-val {
    display: inline-block;
    vertical-align: middle;
    min-width: 65px;
    padding: 5px 20px 5px 10px;
    border-radius: 5px;
    border: 1px solid #D0D1D2;
    box-sizing: border-box;
    height: 26px;
    position: absolute;
    pointer-events: none;
    background: white;
    font-family: montserrat;
    font-size: 11pt;
    width: 100%;
    height: 30px;
}
.RTLDir .geo-code-val {
    padding: 5px 10px 5px 20px;
}
.geo-code-dropdown, .geo-code-input {
    float: left;
}
.RTLDir .geo-code-dropdown, .RTLDir .geo-code-input {
    float: right;
}

.geo-code-input input.ansopt-textbox{
    margin: 0 0 0 5px !important;
}

.RTLDir .geo-code-input input.ansopt-textbox{
    margin: 0 5px 0 0 !important;
}

.geo-code-dropdown {
    margin: 5px 5px 5px 0px;
    width: 80px !important;
}

.demographics-wrapper .custom-select-wrapper.geo-code-dropdown{
    margin: 0px;
}
.RTLDir .geo-code-dropdown {
    /*margin: 5px 0px 5px 5px;*/
}
.geo-code-val::after {
    content: '>';
    position: absolute;
    color: #D0D1D2;
    height: 22px;
    width: 20px;
    background-color: transparent;
    top: 3px;
    right: 0;
    color: #000000;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font: 13px "Consolas", monospace;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RTLDir .geo-code-val::after{
    right: auto;
    left: 0px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.geo-code-dropdown select {
    height: 26px;
    width: 65px;
    margin: 0;
    border: 1px solid transparent;
}
.geo-code-dropdown.readonly {
    pointer-events: none;
    opacity: 0.5;
}
.geo-code-dropdown.readonly .geo-code-val {
    min-width: 55px;
    padding: 3px 10px 3px 10px;
    position: relative;
}
.geo-code-dropdown.readonly .geo-code-val::after {
    content: '';
}
.geo-code-dropdown.readonly select {
    width: 65px;
}

/* Mobbile  */
.mobile-wrapper .custom-select-wrapper.geo-code-dropdown {
    width: auto;
    margin-top: 0;
    height: 40px;
    margin-bottom: 0;
}
.mobile-wrapper .geo-code-val {
    height: 42px !important;
    padding: 10px 20px 10px 10px !important;
}
.mobile-wrapper .geo-code-val::after {
    top: 8px !important;
}
.mobile-wrapper .geo-code-dropdown select {
    height: 42px !important;
}

::-webkit-input-placeholder { /* Edge */
    opacity: 0.5;
    font-style: italic;
  }
  :-ms-input-placeholder { /* Internet Explorer */
    opacity: 0.5;
    font-style: italic;
  }
  ::placeholder {
    opacity: 0.5;
    font-style: italic;
  }

  .demographics-wrapper.geo-code-container .validator_message {
    margin-left: 70px;
  }

  .geo-code-input {
    width: calc(100% - 80px);
   }

  form:not(.mobile-wrapper) .geo-code-wrapper{
      margin: 5px 0;
  }

/*END Telephone*/

/*symbol ui changes for tb*/
.spclCharMobile{
  display: flex;
  align-items: center;
}

.spclCharMobile .currencySymbol{
  margin-right: 10px;
  margin-left: 0px;
}

.spclCharMobile .percentSymbol{
  margin-left: 10px;
  margin-right: 0px;
}

.RTLDir .spclCharMobile .percentSymbol{
   margin-left: 0px;
   margin-right: 10px;
}

.spclCharMobile *:not(.spcl-char){
  flex-grow: 1;
}
/*symbol ui changes for tb ends*/

/* Sign Up CSS */
.signupSubmit1 {
    background: none repeat scroll 0 0 rgb(0, 170, 193);
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 1em;
    width: auto;
    padding: 10px 30px;
    margin: 0px;
    text-align: center;
    border-radius: 4px !important;
}

.btn-cancel-account {
    display: inline-block;
    padding: 8px 30px;
    background: rgb(184, 184, 184);
    color: #fff !important;
    line-height: normal;
    border: none;
    border-radius: 4px;
    font-size: 1em;
    /*font-weight: 600;*/
    margin: 0 20px 0 0px;
    text-decoration: none !important;
    font-family: "Proxima N W01 Smbd";
}

.modal {
    background-color: #fff;
    padding: 0 20px 30px;
    text-align: center;
    border: 2px solid #dbdbdb;
    -webkit-box-shadow: 2px 2px 10px rgba(50,50,50,.6);
    -moz-box-shadow: 2px 2px 10px rgba(50,50,50,.6);
    box-shadow: 2px 2px 10px rgba(50,50,50,.6);
}

/*Mdd & mtb mandatory all solved*/

.mdd-wrapper .question-option-wrapper .question-no, .mdd-wrapper .question-option-wrapper .question-text,
.mtb-wrapper .question-option-wrapper .question-no, .mtb-wrapper .question-option-wrapper .question-text {
	vertical-align: top;
}

.mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	left: -10px;
	top: 50%;
	transform: translate(0,-50%);
}

.RTLDir .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	left: auto;
	right: -10px;
	top: 50%;
	transform: translate(0,-50%);
}

.mobile-wrapper .multiple-dropdown .fieldset-wrapper.isMandatory > fieldset > legend::before, .mobile-wrapper .multiple-dropdown .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before, .mobile-wrapper .multiple-dropdown .fieldset-wrapper.isMandatory .question-option-wrapper:before, .mobile-wrapper .multiple-dropdown .fieldset-wrapper.isMandatory .answer-option-wrapper .question-option-wrapper:before {
	left: 6px;
    top: 22px;
}

.mobile-wrapper .RTLDir .multiple-dropdown .fieldset-wrapper.isMandatory legend::before, .mobile-wrapper .RTLDir .multiple-dropdown .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	right: 6px;
    top: 22px;
	left: auto;
}

.mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before, .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before, .tablet-wrapper .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
.tablet-wrapper .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	left: -10px;
	top: 20px !important;
	transform: none !important;
}

.tablet-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	top: 4px !important;
}

.RTLDir .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before, .RTLDir .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before {
	left: auto;
	right: -10px;
	top: 50%;
	transform: translate(0,-50%);
}

.mobile-wrapper .mtb-wrapper .question-option-wrapper .question-no, .mobile-wrapper .mtb-wrapper .question-option-wrapper .question-text {
	vertical-align: top;
}

/*Mdd & mtb mandatory all solved*/

/*Spacing increased between mobile footer and navigation strip*/

.mobile-wrapper .survey-footer-nb {
    /*padding-bottom: 60px;*/
}

/*Spacing increased between mobile footer and navigation strip*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    form:not(.mobile-wrapper) .answer-option-wrapper .demographics-wrapper .question-option-wrapper {
		vertical-align: middle !important;
	}
    form:not(.mobile-wrapper) .answer-option-wrapper .demographics-wrapper.demoEmail .question-option-wrapper{
        vertical-align: top !important;
        padding-top: 12px !important;
    }
	form:not(.mobile-wrapper) .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {
		transform: none !important;
		top: auto !important;
	}
}

/*footer text issue*/
.survey-footer-nb p{
    margin-top: 16px;
}

.survey-footer-nb p:first-child{
    margin-top: 0px;
}

.mobile-wrapper .survey-footer-nb,
.mobile-wrapper .survey-footer{
    line-height: 24px;
}
/*footer text issue*/

/*Grid qtns column height on hover*/

@-moz-document url-prefix() {
	
    .answer-option-wrapper.matrix-grid tr.even-row td, 
	.answer-option-wrapper.matrix-grid tr.odd-row td {
		height: 100% !important;
	}
	
	.answer-option-wrapper.matrix-grid tr.even-row .matrixTitleTd + td .answer-option,
	.answer-option-wrapper.matrix-grid tr.odd-row .matrixTitleTd + td .answer-option {
		height: 100%;
	}
}

/*Grid qtns column height on hover*/

/*Question hint in alignemnt with question text*/

.question-text span *:not(ul):not(li):not(div):not(p):not(style):not(script):not(table):not(tr):not(td):not(ol) {
    display: inline;
}

/*Question hint in alignemnt with question text*/

/*Question hint scroll*/

.tooltip_container {
	padding: 0 !important;
	max-width: 400px !important;
}

.tooltip_container.mobile-hint {
	max-width: 300px !important;
}

.tooltip-text-wrapper {
	max-height: 300px;
    padding: 10px;
}

.tooltip_container.active .nicescroll-rails-vr {
	border-radius: 5px;
}

/*Question hint scroll*/

.ui-temp.left-moon + form input[type='radio'] + label, .ui-temp.left-moon + form input[type='checkbox'] + label {
    padding: 9px 15px !important;
}

.ui-temp.right-moon + form input[type='radio'] + label, .ui-temp.right-moon + form input[type='checkbox'] + label {
    padding: 9px 15px !important;
}

/*SRS Text and mandatory icon changes*/

form:not(.mobile-wrapper) .symbol-subqtn .question-option-wrapper.subqtn .question-text span {
    display: table-cell !important;
	padding: 0 3px;
    vertical-align: middle;
}

.mobile-wrapper .symbol-subqtn .question-option-wrapper.subqtn {
	word-break: break-word;
    word-wrap: break-word;
}

.answer-option-wrapper.hasImage .symbol-subqtn .subqtn.isMandatory:before {
    left: -7px !important;
}

.RTLDir .answer-option-wrapper.hasImage .symbol-subqtn .subqtn.isMandatory:before {
    right: -7px !important;
    left: auto !important;
}

/*SRS Text and mandatory icon changes*/

/*Tooltip icon margin changes*/

.tooltip_icon {
    margin: 0 7px !important;
}

/*Tooltip icon margin changes*/

.survey-header img, .survey-header-nb img,
.survey-footer img, .survey-footer-nb img,
.question-text img {
    max-width: 100%;
    /*width: 100%;*/
}

/*mandatory issue in IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper::before,
    .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper::before,
    .tablet-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper::before,
    .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper::before{
        top: 100%;
        transform:translate(0, 0);
    }

    form:not(.mobile-wrapper) .symbol-subqtn .subqtn.isMandatory::before {
        position: relative !important;
        top: 18px !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    form:not(.mobile-wrapper) .symbol-subqtn .question-option-wrapper.subqtn .question-text span:first-child {
        vertical-align: top;
        width: 27px;
    }

    form:not(.mobile-wrapper) .answer-option-wrapper.hasImage .symbol-subqtn .subqtn.isMandatory::before {
        left: -9px !important;
    }

    form:not(.mobile-wrapper) .RTLDir .answer-option-wrapper.hasImage .symbol-subqtn .subqtn.isMandatory:before {
        right: -10px !important;
        left: auto !important;
    }

    .mobile-wrapper .RTLDir re-captcha iframe {
		transform-origin: 0 0 !important;
		-webkit-transform-origin: 0 0 !important;
	}
}
/*mandatory issue in IE ends*/

/*SRS spacing between two rows when ans image exists*/

form:not(.mobile-wrapper) .symbol-subqtn .symbol-wrapper-parent {
	display: inline-block;
	vertical-align: middle;
}

form:not(.mobile-wrapper) .symbol-subqtn .answer-opt-image {
	margin: 15px 10px;
}

/*SRS spacing between two rows when ans image exists*/

/*anonymous issue*/
.modalWindow.anonymous-modal{
    max-height: 95%;
    overflow: auto;
    z-index: 10001;
}

#mask{
    z-index: 10001;
}
/*anonymous issue ends*/

/*Mobile captcha rtl issue*/

.mobile-wrapper .RTLDir re-captcha iframe {
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
}

@supports (-ms-ime-align: auto) {
  .mobile-wrapper .RTLDir re-captcha iframe {
		transform-origin: 0 0 !important;
		-webkit-transform-origin: 0 0 !important;
	}
}

/*Mobile captcha rtl issue*/

/*NA validator msg alignment in moile RTL*/

.mobile-wrapper .RTLDir .na-tb-space .validator_message {
	right: 10px;
	left: auto;
}

/*NA validator msg alignment in moile RTL*/

/*Rating scale CRT changes*/

.rating-scale-cont .slider-value-text.tooltip-info.show-rs-val {
    max-width: 200px !important;
    height: auto !important;
    top: auto !important;
    line-height: 18px;
    background-color: black;
    color: white !important;
    left: 50% !important;
    right: auto !important;
    border-radius: 3px;
    transform: translate(-50%,0);
    z-index: 10;
    bottom: 55px !important;
	margin-bottom: 0 !important;
    display: block !important;
}

.rating-scale-cont .slider-value-text.tooltip-info.show-rs-val::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    bottom: -5px !important;
    top: auto !important;
    left: 49%;
    transform: translate(-50%, 0) !important;
}

.rating-scale-cont .slider-value-text.tooltip-info.show-rs-val span {
    max-width: 200px !important;
    white-space: normal !important;
    display: inline-block;
    padding: 5px;
    font-size: 13px;
	width: 100% !important;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text.tooltip-info.show-rs-val::after {
    top: 35px;
    left: 9px;
    transform: none;
}

.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text.tooltip-info.show-rs-val::after {
    top: 35px;
    right: -2px;
    left: auto;
    transform: none;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text.tooltip-info.show-rs-val,
.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text.tooltip-info.show-rs-val {
  top: auto;
  bottom: 35px;
  display: block;
  transform: translate(0) !important;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text.tooltip-info.show-rs-val {
  left: 0px !important;
  text-align: center;
}

.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text.tooltip-info.show-rs-val {
  left: auto !important;
  right: 0px !important;
  text-align: center;
}

.rating-scale-cont.rating-smiley-cont .slider-value-text.tooltip-info.show-rs-val {
	bottom: 40px !important;
}

/*.rs-mobile-wrapper .slider-value-text.tooltip-weight {
    max-width: 100px;
    padding: 5px;
	margin-bottom: 0 !important;
    min-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

.rating-scale-cont .ui-slider {
    margin-bottom: 50px !important;
}

.rs-clear-text {
    font-size: 12px !important;
    outline: none;
    text-decoration: underline;
}

/*Rating scale CRT changes*/

/*DD width changes for MDD and Matrix Grid DD*/

form:not(.mobile-wrapper) .mdd-wrapper .custom-select-wrapper select,
form:not(.mobile-wrapper) .matrix-grid .custom-select-wrapper select {
    max-width: 200px;
}

/*DD width changes for MDD and Matrix Grid DD*/

.headcont-IE8 {Font-Size: 29px;Color: #16BBA9;padding: 30px 0px 0 0px;font-weight: 600;}
.oopsimg {background-image: url('../../ImagesNew/PM/participation_sprite.png');background-position: 0px -58px;background-repeat: no-repeat;height: 60px;float: left;width: 70px;}
.maincont {width: 100%;height: 100%;background-size: cover;margin: 0 auto;font-family: Open Sans, Arial, Helvetica, sans-serif;}


/*cookie msg*/
.cookie-browser-cont{
    padding: 20px 0;
}

.cookie-browser-link {
    padding: 10px 0;
}

.cookie-browser{
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url('../../ImagesNew/PM/cookieSprite.svg');
    margin-right: 5%;
}

.cookie-browser.chrome{
    background-position: -3px -8px;
}

.cookie-browser.firefox{
    background-position: -3px -100px;
}

.cookie-browser.edge{
    background-position: -7px -190px;
}

.cookie-browser.safari{
    background-position: -10px -280px;
}

.cookie-browser.ie{
    background-position: -10px -370px;
}

.mobile-wrapper .cookie-browser{
    display: inline-block;
    width: 38px;
    height: 42px;
    background-image: url('../../ImagesNew/PM/cookieSprite.svg');
    margin-right: 10px;
    background-size: 45px 319px;
}

.mobile-wrapper .cookie-browser.chrome{
    background-position: 1px -30px;
}

.mobile-wrapper .cookie-browser.firefox{
    background-position: 1px -76px;
}

.mobile-wrapper .cookie-browser.edge{
    background-position: -1px -120px;
}

.mobile-wrapper .cookie-browser.safari{
    background-position: -3px -163px;
}

.mobile-wrapper .cookie-browser.ie{
    background-position: -3px -208px;
}

.tablet-wrapper .cookie-browser{
    display: inline-block;
    width: 55px;
    height: 55px;
    background-image: url('../../ImagesNew/PM/cookieSprite.svg');
    margin-right: 15px;
    background-size: 55px 390px;
}

.tablet-wrapper .cookie-browser.chrome{
    background-position: 5px -35px;
}

.tablet-wrapper .cookie-browser.firefox{
    background-position: 5px -91px;
}

.tablet-wrapper .cookie-browser.edge{
    background-position: 2px -144px;
}

.tablet-wrapper .cookie-browser.safari{
    background-position: 1px -198px;
}

.tablet-wrapper .cookie-browser.ie{
    background-position: 0px -252px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tablet-wrapper .cookie-browser{
        background-size: 55px 340px;
    }

    .tablet-wrapper .cookie-browser.chrome{
        background-position: 5px 0px;
    }

    .tablet-wrapper .cookie-browser.firefox{
        background-position: 5px -60px;
    }

    .tablet-wrapper .cookie-browser.edge{
        background-position: 2px -117px;
    }

    .tablet-wrapper .cookie-browser.safari{
        background-position: 1px -174px;
    }

    .tablet-wrapper .cookie-browser.ie{
        background-position: 0px -233px;
    }

    .mobile-wrapper .cookie-browser{
        background-size: 45px 289px;
    }

    .mobile-wrapper .cookie-browser.chrome{
        background-position: 1px -2px;
    }

    .mobile-wrapper .cookie-browser.firefox{
        background-position: 1px -52px;
    }

    .mobile-wrapper .cookie-browser.edge{
        background-position: -2px -102px;
    }

    .mobile-wrapper .cookie-browser.safari{
        background-position: -3px -150px;
    }

    .mobile-wrapper .cookie-browser.ie{
        background-position: -3px -200px;
    }
}

/**/
.cookie-wrapper .message-footer-wrapper div {
    padding: 5px 0px;
} 

 .message-wrapper.cookie-wrapper {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14);
 }

.cookie-wrapper .message-icon.partial-data-saved-icon {
  background-repeat: no-repeat;
  height: 50px;
  width: 63px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../ImagesNew/PM/cookieSprite.svg);
  background-position: -15px -460px;
}

.cookie-wrapper .message-heading-text {
  font-Size: 26px;
  color: #20232a;
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 20px;
 }

.RTLDir .cookie-wrapper .message-heading-text{
     padding-right: 20px;
     padding-left: 10px;
 }

.cookie-wrapper .message-info-wrapper .message-text {
   font-size: 18px;
   color: #20232a;
 }

.mobile-wrapper .cookie-wrapper .message-heading-text{
    color: #20232a;
    font-weight: bold;
    padding-left: 10px;
    text-align: center;
    display: block;
    padding-top: 80px;
}

.mobile-wrapper .message-info-wrapper .message-text{
   font-size:16px;
   color: #20232a;
   text-align: center;
   font-weight: bold;
   padding: 0px 10px;
}

.mobile-wrapper .message-wrapper.cookie-wrapper {
  border: none;
  padding: 0px;
 }

.mobile-wrapper .cookie-wrapper .message-footer-wrapper {
  background: #d1d8dc;
}

.mobile-wrapper .SurveyMsgWrapper{
    padding:10px 0px;
}

.cookie-wrapper .subhead {font-Size: 18px;Color: #2d3738;padding: 0px;}

.cookie-wrapper .subheadjs {
    font-Size: 18px;
    Color: #2d3738;
    padding: 30px 60px 30px 60px;
}

.mobile-wrapper .message-wrapper.cookie-wrapper{
    box-shadow: none;
}
/*cookie msg ends*/

/*Demographics mandatory issue*/

.question-data.mandatory .answer-option-wrapper .demographics-wrapper,
.answer-option-wrapper .demographics-wrapper,
.question-data.mandatory .answer-option-wrapper .demographics-wrapper:focus,
.answer-option-wrapper .demographics-wrapper:focus {
    outline: none !important;
}

/*Demographics mandatory issue*/

.RTLDir .demographics-wrapper.geo-code-container .validator_message {
	margin-left: 0px;
	margin-right: 70px;
}

/*RS tooltip changes*/

.rating-scale-cont .slider-value-text.tooltip-info.show-rs-val {
  padding: 5px;
  max-height: none !important;
}

.rating-scale-cont .slider-value-text span { 
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.rating-scale-cont .slider-value-text.tooltip-info.show-rs-val span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-weight: normal;
  line-height: 16px;
  max-height: 64px !important;
  padding: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .rating-scale-cont .slider-value-text span {
	   display: inline-block;
   }
   
   .mobile-wrapper .rs-low-value, .mobile-wrapper .rs-high-value  {
	   display: inline-block;
	   max-height: 70px;
	   overflow: hidden;
   }
   
    .mobile-wrapper .slider-value-text-span {
	   display: inline-block;
	   max-height: 60px;
	   overflow: hidden;
   }

    .rating-scale-cont .slider-value-text.tooltip-info.show-rs-val {
        max-width: 190px !important;
    }

}

.mobile-wrapper .rs-low-value, .mobile-wrapper .rs-high-value {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.mobile-wrapper .slider-value-text-span {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.title-section {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 50%;
  transform: translate(-50%);
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.rating-scale-cont .rs-slider-axis-val:first-child .slider-value-text .title-section {
	left: 0 !important;
	transform: none;
}

.rating-scale-cont .rs-slider-axis-val:last-child .slider-value-text .title-section {
	right: 0 !important;
	transform: none;
	left: auto !important;
}

.show-rs-val.tooltip-info .title-section {
    width: 100% !important;
    height: 100%;
}

/*RS tooltip changes*/

.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0px, 0px, 0px, 0px);
    clip-path: inset(100%);
    margin: -1px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px;
    overflow: hidden;
}

/*See more*/

.see-more-webview a{
   text-decoration:none;color:#000;font-weight:bold;display:block;
}
.see-more-overlay{
    position: fixed;
    z-index: 10010;
    height: 100%;
    width: 100%;
    top: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255,0), rgba(255, 255, 255, 1));
    cursor: pointer;
}
.see-more-webview {
    display: inline-block;
    position: fixed;
    bottom: 35%;
    margin-bottom: 25px;
    z-index: 10011;
    border-radius: 3px;
    box-shadow: 0 4px 12px 0 rgba(62, 66, 75, 0.16);
    background-color: rgba(255, 255, 255, 0.8) !important;
    width: 225px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    color: #3e424b;
    font-size: 14px !important;
    font-family: Proxima N W01 Smbd !important;
    margin: auto;
    left: 0;
    right: 0;
    padding: 5px 10px;
    cursor: pointer;
}
/*See more ends*/

.new-participation-focus .inactive-ques{
  transform: scale(0.99);
}
.new-participation-focus .ques-response-btn-div{
    height: 55px !important;
}
.new-participation-focus .main-matrix .ques-response-btn-div{
    height: 55px !important;
}
.new-participation-focus .ques-response-btn-div,
.new-participation-focus .inactive-ques .ques-response-btn{
  display: block !important;
}

.new-participation-focus .inactive-ques .ques-response-btn {
  opacity: 0;
  transition: 0.2s all ease-in-out;
}
.new-participation-focus .active-ques .ques-response-btn {
  opacity: 1;
  transition: 0.2s all ease-in-out;
}
.mobile-wrapper .new-participation-focus .ques-overlay{
  display: none !important;
}
.mobile-wrapper .new-participation-focus .inactive-ques{
  opacity: 1 !important;
}
/*.mobile-wrapper .ques-response-btn-div {
	position: relative;
}
.mobile-wrapper .ques-response-btn {
	right: 0px;
}
.mobile-wrapper .RTLDir .ques-response-btn {
	right: auto;
	left: 0;
}*/

.animateFooterIncrease{
  transform: scale(1.05);
  transition: 0.1s all ease-in-out;
}

.animateFooterIncrease.animateFooterDecrease{
  transform: scale(1);
  transition: 0.1s all ease-in-out;
}

.cookie-container{
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10015;
}

.cookie-strip{
  background-color: #ffffff;
  padding: 30px 90px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  align-items: center;
}

.cookie-text-cont{
  flex-grow: 1;
  margin-right: 15px;
}

.cookie-main-text{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  display: inline-block;
}

.cookie-sub-text{
  color:#333333;
  font-size: 12px;
}

.acceptCookieBtn{
  background-color: #0aacf6;
  padding: 8px 24px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 3px;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}

.cookie-image{
  width: 43px;
  height: 43px;
  min-width: 43px;
  box-sizing: border-box;
  margin-right: 25px;
  background-image: url(../../ImagesNew/PM/cookie_new.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.manage-preference{
  color: #0aacf6;
  cursor: pointer;
}

.manage-cont{
  background-color: #ffffff;
  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px 5px 0px 0px;
  width: 90%;
  max-width: 670px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: none;
}

.manage-header{
  background-color: #ffffff;
  padding: 30px 40px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  box-sizing: border-box;
}

.manage-body{
  padding: 30px 40px;
}

.flex-body{
  display: flex;
}

.toggle-container{
  min-width: 43px;
  width: 43px;
  margin-right: 25px;
}

.cookie-details{
  flex-grow: 1;
}

.cd-title{
  font-size: 16px;
  margin-right: 5px;
  color: #000000;
  font-weight: bold;
}

.blue-muted-text{
  color: #0aacf6;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
}

.cd-text{
  font-size: 12px;
  color: #333333;
  line-height: 1.33;
  margin-top: 5px;
}

.cd-list{
  padding-left: 15px;
}

.cd-list-item{
  color: #333333;
  line-height: 1.5;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

.manage-footer{
  padding: 16px 30px;
  text-align: right;
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}

.acceptChoiceBtn{
  background-color: #0aacf6;
  padding: 6px 28px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 3px;
  font-size: 13px;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
}

.cancel-btn{
  color: #0aacf6;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.17;
  margin-right: 25px;
  cursor: pointer;
  margin-top: 7px;
}

.toggle-body,
.ui-temp.left-moon + form input[type='checkbox'] + label.toggle-body,
.ui-temp.right-moon + form input[type='checkbox'] + label.toggle-body{
  width: 20px !important;
  height: 13px !important;
  box-sizing: border-box !important;
  border: solid 1px #b5b5b5 !important;
  background-color: #ffffff !important;
  border-radius: 7px !important;
  margin: 3px auto 0 !important;
  cursor: pointer !important;
  position: relative !important;
  display: block !important;
  padding: 0px !important;
}

.toggle-body:before,
.ui-temp.left-moon + form input[type='checkbox'] + label.toggle-body:before,
.ui-temp.right-moon + form input[type='checkbox'] + label.toggle-body:before{
  content: '';
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background-color: #b5b5b5 !important;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.15s all ease-in-out;
  border: 0px !important;
}

.toggle-body.active,
.ui-temp.left-moon + form input[type='checkbox'] + label.toggle-body.active,
.ui-temp.right-moon + form input[type='checkbox'] + label.toggle-body.active{
  cursor: default !important;
}

.cookie-toggle:checked + .toggle-body, .toggle-body.active,
.ui-temp.left-moon + form input[type='checkbox']:checked + label.toggle-body,
.ui-temp.right-moon + form input[type='checkbox']:checked + label.toggle-body,
.ui-temp.left-moon + form input[type='checkbox'] + label.toggle-body.active,
.ui-temp.right-moon + form input[type='checkbox'] + label.toggle-body.active{
  border: solid 1px #0aacf6 !important;
  background-color: #0aacf6 !important;
}

.cookie-toggle:checked + .toggle-body:before, .toggle-body.active:before,
.ui-temp.left-moon + form input[type='checkbox']:checked + label.toggle-body:before,
.ui-temp.right-moon + form input[type='checkbox']:checked + label.toggle-body:before,
.ui-temp.left-moon + form input[type='checkbox'] + label.toggle-body.active:before,
.ui-temp.right-moon + form input[type='checkbox'] + label.toggle-body.active:before{
  left: 8px !important;
  background-color: #ffffff !important;
}

.cd-tooltip{
  padding: 12px 10px;
  width: 142px;
  left: -10px;
  top: calc(100% + 10px);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.21);
  background-color: #202020;
  position: absolute;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.25;
  border-radius: 3px;
  display: none;
}

.cd-tooltip:after{
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 19px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #202020 transparent;
}

.mobile-wrapper .cookie-strip{
  display: block;
  width: 90%;
  padding: 20px 30px;
  right: 0;
  margin: auto;
}

.mobile-wrapper .cookie-text-cont{
  margin-right: 0px;
  margin-bottom: 30px;
}

.mobile-wrapper .cookie-image{
  position: absolute;
}

.mobile-wrapper .cookie-main-text{
  padding: 10px 0px 10px 60px;
}

.mobile-wrapper .cookie-strip:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(51,51,51,0.2);
  top: 80px;
  left: 0px;
  position: absolute;
}

.mobile-wrapper .cookie-sub-text {
  margin-top: 30px;
  line-height: 1.5;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.mobile-wrapper .acceptCookieBtn{
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.mobile-wrapper .toggle-container{
  margin: 0px;
}

.mobile-wrapper .toggle-body{
  margin: 3px 0px;
}

.mobile-wrapper .manage-body{
  padding: 60px 20px 10px;
}

.mobile-wrapper .manage-cont .cookie-text-cont{
  margin-right: 0px;
  margin-bottom: 0px;
}

.mobile-wrapper .manage-cont .cookie-image{
  position: static;
}

.mobile-wrapper .manage-cont .cookie-main-text{
  padding: 0px;
}

.mobile-wrapper .manage-cont .cookie-sub-text {
  margin-top: 0px;
  line-height: 1.5;
  font-size: 13px;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 103px;
  left: 20px;
}

.mobile-wrapper .manage-header {
  padding: 20px 20px 20px;
}

.mobile-wrapper .acceptChoiceBtn{
  display: block;
  text-align: center;
  float: none;
  padding-top: 12px;
  padding-bottom: 12px;
}

.mobile-wrapper .cancel-btn{
  float: none;
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 5px;
}

.mobile-wrapper .manage-footer{
  border: 0px;
  text-align: center;
  padding: 16px 20px;
}

.mobile-wrapper .manage-cont .cookie-main-text{
  margin-bottom: 0px;
}

.mobile-wrapper .manage-cont {
    max-height: 97%;
    overflow: auto;
}

[hidden] {
    display: none;
}

.SingleclsPageNO{
    display:none;
}

/*107124*/
.test-strip{
  background-color: #FF0103;
  color: rgba(255,255,255,0.9);
  font-size: 15px;
  text-align: center;
  padding: 10px 0;
}

.test-modal-overlay{
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.test-modal{
  max-width: 400px;
  width: 90%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.test-modal-title{
  background-color: #FF0103;
  color: rgba(255,255,255,0.9);
  font-size: 16px;
  padding: 10px 0px;
  position: relative;
}

.test-modal-body{
  background-color: #ffffff;
  padding: 30px;
  color: #20232a;
  line-height: 20px;
  font-size: 14px;
}

.test-modal-footer{
  background-color: #ffffff;
  border-top: 1px solid #b1bbc4;
  padding: 12px 0px;
}

.test-modal-btn{
  background-color: #78c900;
  color: #ffffff;
  font-size: 15px;
  padding: 0 15px;
  line-height: 25px;
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
}

.test-modal-close{
  font-family: 'Consolas';
  font-size: 27px;
  color: #ffffff;
  position: absolute;
  top: 1px;
  right: 15px;
  cursor: pointer;
}

/* Media player CSS*/
  .media-player-wrapper .modal-header{
    position: relative;
    top: 5px;
    background: #ffffff;
}

.media-player-wrapper .close-icon {
    position: absolute;
    top: -20px !important;
    right: -30px !important;
    width: 30px;
    height: 30px;
    margin-right: 0px;
    background-size: 30px;
}

.media-player-wrapper .modal-body {
    padding: 15px 25px 25px;
}

.mobile-wrapper .media-player-wrapper {
    width: 80%;
}

.mobile-wrapper .media-player-wrapper .close-icon {
    position: absolute;
    top: -20px !important;
    right: -25px !important;
    width: 25px;
    height: 25px;
    margin-right: 0px;
    background-size: 25px;
}

.media-player-wrapper .modal-body {
    padding: 5px 15px 15px;
}

.media-player-wrapper video, .media-player-wrapper audio {
    width: 100% !important;
}

.tablet-wrapper .media-player-wrapper {
    padding: 35px;
}

.media-player-wrapper video, .media-player-wrapper audio {
    width: 100% !important;
    outline: none;
    max-height: 85vh;
}

/*End Media player CSS*/

.image-width .message-text img, .image-width .message-text iframe, .media-width-headerfooter iframe, .question-option-wrapper iframe {
    max-width: 100%;
    width: 100%;
}

.image-center img {
    margin: 0 auto;
    display: block;
}

.embedImage > a >img {
    height: 140px;
    width: 140px;
}

.mobile-wrapper  .embedImage > a >img {
    height: 50px;
    width: 50px;
}

/* offline participation CSS*/

.clearfix1:after {
    content: '';
    display: block;
    clear: both;
}

.offline-wrapper{
    padding: 25px;
}

.offline-table-wrapper{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    max-height: calc(100% - 105px);
    overflow: auto;
}

.offline-table{
    width: 100%;
}

.offline-header{
    background-color: #6c7ae0;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    padding: 12px 25px;
    text-align: left;
    position: sticky;
    top: 0px;
}

.offline-header:first-child{
    width: 30px;
}

.offline-header.sr-no{
    width: 60px;
}

.offline-header.edit, .offline-header.remove{
    width: 25px;
}

.offline-cell{
    padding: 12px 25px;
    line-height: 1.4;
    color: #808080;
}

.offline-table tbody tr:nth-child(even){
    background-color: #f8f6ff;
}

.icn-cell .material-icons{
    cursor: pointer;
}

.offline-cb, .main-cb {
    cursor: pointer;
}

.offline-cb, .main-cb{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    }

.offline-btns-wrapper{
    margin-bottom: 15px;
}

.ob-upload{
    background-color: #ffffff;
    color: #6c7ae0;
    border: 2px solid #6c7ae0;
    padding: 10px 10px 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 15px;
}

.btn-disabled{
    opacity: 0.5;
    pointer-events: none;
}

.ob-cont{
    position: relative;
}

.ob-cont .upload-icn{
    color: #6c7ae0;
    position: absolute;
    top: 7px;
    left: 9px;
    pointer-events: none;
}

.ob-download{
    background-color: #2EB92F;
    color: #ffffff;
    border: 2px solid #2EB92F;
    padding: 10px 10px 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.ob-cont .download-icn{
    color: #ffffff;
    position: absolute;
    top: 7px;
    left: 9px;
    pointer-events: none;
}

/* End offline participation CSS*/

/*Start Launch Now*/
  .survey-launch-container{
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.64);
    background: #fff;
    padding: 5px;
    width: 220px;
    max-width: 220px;
    cursor: pointer;
    display: inline-block;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    z-index: 9999;
}
.survey-launch-container-banner{
    background-image: url(../../Images/sogo/survey-launch-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}
.survey-launch-container-info{
    font-family: Proxima N W01 Smbd;
    font-size: 22px;
    line-height: normal;
    color: #1f2229;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
}
.survey-launch-hover-text{
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(0, 0, 0, 0.9);
    padding: 10px 20px;
    width: 240px;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.3;
    border-radius: 5px;
    transition: all 0.25s ease;
    left: -15px;
    bottom: 70px;
    z-index: 9999;
    white-space: normal;
}
.survey-launch-hover-text:before {
    content: '';
    position: absolute;
    left: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.9);
    bottom: -10px;
}
.survey-launch-container:hover .survey-launch-hover-text{
    display: block;
}
/*End Launch Now*/

body{
    margin: 0px;
    padding: 0px;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

.clearfix:after{
    content: '';
    display: block;
    clear: both;
}

/* Instructions */
.instructions-wrapper{
    padding: 40px 40px 0px;
    font-family: 'Open Sans', sans-serif;
}

.i-header{
    width: 100%;
    height: 161px;
    border-radius: 9px;
    background-image: linear-gradient(#0065D6, #0035AC);
    margin-top: 30px;
    padding: 0px 55px;
    box-sizing: border-box;
}

.i-header-img{
    width: 300px;
    height: 206px;
    background-image: url('../../ImagesNew/PM/illus_blue.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    bottom: 45px;
    display: inline-block;
    margin-right: 40px;
}

.i-header-text{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.i-header-small-text{
    font-size: 17px;
    margin-top: 45px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
    opacity: 0.7;
}

.i-header-big-text{
    font-size: 36px;
    color: #ffffff;
    opacity: 0.7;
}

.i-body-text{
    font-size: 18px;
    font-weight: 600;
    color: #20232a;
}

.i-body-instruction{
    padding: 25px 0px 20px;
}

.i-options-cont{
    display: flex;
    flex-wrap: wrap;
}

.i-option{
    padding: 30px 20px 30px 103px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 66, 180, 0.2);
    border-radius: 8px;
    width: calc(50% - 6px);
    margin-right: 12px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    cursor: default;
    display: flex;
    align-items: center;
}

.i-option:nth-child(2n){
    margin-right: 0px;
}

.i-body-number{
    background-image: linear-gradient(#0065D6, #0035AC);
    position: absolute;
    top: 50%;
    left: -175px;
    width: 250px;
    height: calc(100% + 150px);
    border-radius: 50%;
    transform: translate(0, -50%);
}

.i-body-number-text{
    color: #ffffff;
    font-size: 38px;
    right: 26px;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
}

.i-option.got-it{
    background-image: linear-gradient(#0065D6, #0035AC);
    border: none;
    padding: 30px 20px;
    text-align: center;
    cursor: pointer;
    justify-content: center;
}

.i-body-got-it{
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

/*New Note*/
.newNoteContent{
    border-radius: 4px;
    border: solid 1px rgba(180, 191, 201, 0.5);
    background-color: #ffffff;
    padding: 20px 20px 20px 60px;
    display: inline-block;
    margin: 0px 0 15px;
    font-size: 14px;
    color: rgb(31, 35, 43);
    line-height: 1.43;
    position: relative;
    background-image: url('../../ImagesNew/PM/info-icon-new.svg');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 17px center;
}

.newNoteContent:before{
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f6a622;
    border-radius: 4px 0 0 4px;
}
/*New Note ends*/
/* Instructions ends */

/* Response */
.response-wrapper{
    padding: 40px;
    font-family: 'Open Sans', sans-serif;
    /* max-height: calc(100vh - 255px);
    overflow: auto; */
}

/* .response-wrapper:before{
    content: '';
    display: block;
    width: 100%;
    height: 175px;
} */

.r-header{
    width: 100%;
    height: 142px;
    border-radius: 9px;
    background-image: linear-gradient(#0065D6, #0035AC);
    margin-top: 30px;
    padding: 0px 55px;
    box-sizing: border-box;
}

.r-header-img{
    width: 113px;
    height: 180px;
    background-image: url(../../ImagesNew/PM/illus_red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    bottom: 38px;
    display: inline-block;
    margin-right: 40px;
}

.r-header-text{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.r-header-big-text{
    font-size: 36px;
    color: #ffffff;
    opacity: 0.7;
    margin-top: 45px;
}

.r-tabs-cont{
    margin: 25px 0 10px;
    border-bottom: 1px solid #E2E3E3;
}

.r-tab{
    color: rgb(0, 28, 85);
    font-size: 12px;
    padding: 3px 2px 12px;
    margin-right: 15px;
    opacity: 0.7;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.r-tab:nth-child(2){
    margin-right: 0px;
}

.r-tab.active{
    font-weight: 700;
    color: rgb(0, 28, 85);
    cursor: default;
    opacity: 1;
}

.r-tab.active:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: rgb(0, 55, 169);
    bottom: 0px;
    left: 0px;
}

.r-tab-number{
    width: 35px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
    margin-left: 5px;
    border: 1px solid rgb(226, 227, 227);
    color: rgb(0, 28, 85);
}

.active .r-tab-number{
    color: rgb(0, 55, 169);
    border: 1px solid rgb(0, 55, 169);
    font-weight: 600;
}

.r-empty-box{
    border: 2px dashed #E2E3E3;
    border-radius: 3px;
    height: 313px;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: default;
}

.r-empty-img{
    display: inline-block;
    height: 110px;
    width: 140px;
    background-size: contain;
    background-image: url(../../ImagesNew/PM/no-data-icon.svg);
}

.r-empty-text{
    color: #78909c;
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    font-weight: 700;
}

.r-record-btn{
    width: 324px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-image: linear-gradient(#0065D6, #0035AC);
    border-radius: 7px;
    margin-right: 25px;
    cursor: pointer;
}

.r-plus{
    font-size: 50px;
    font-weight: normal;
    margin-right: 12px;
    position: relative;
    top: -3px;
}

.r-kiosk{
    width: 324px;
    height: 76px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 28, 85, 0.54);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(0, 28, 85);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.r-kiosk-img{
    width: 25px;
    height: 40px;
    background-image: url(../../ImagesNew/PM/tab.svg);
    background-size: contain;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

.r-numbers-cont{
    margin-top: 25px;
    overflow: hidden;
}

.r-number-box{
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(0, 66, 180, 0.11);
    border-radius: 3px;
    padding: 18px 35px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.r-number-box:last-child{
    margin-right: 0px;
}

.r-number-text{
    color: rgb(0, 28, 85);
    font-size: 16px;
    margin-right: 14px;
}

.r-number{
    font-size: 24px;
    color: rgb(0, 28, 85);
    font-weight: 600;
}

.r-upload{
    display: flex;
    padding: 5px 5px 5px 40px;
    align-items: center;
    background-image: url(../../ImagesNew/PM/upload.svg);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 5px 5px;
    cursor: pointer;
}

.r-upload-text{
    color: #20232A;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    margin-right: 7px;
}

.r-help{
    width: 16px;
    height: 16px;
    background-image: url(../../ImagesNew/PM/new-help-black.svg);
    background-size: 15px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

.r-response-body{
    margin-bottom: 25px;
    /* height: calc(100% - 535px);
    overflow: auto; */
}

.r-response-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1em;
}

.r-response-table tr td{
    border: 1px solid rgb(226, 227, 227);
    border-left: 0px;
    border-right: 0px;
    padding: 15px;
    vertical-align: middle;
}

.r-response-table tr td:first-child{
    border-left: 1px solid rgb(226, 227, 227);
    white-space: nowrap;
    border-radius: 3px 0px 0px 3px;
}

.r-response-table tr td:last-child{
    border-right: 1px solid rgb(226, 227, 227);
    border-radius: 0px 3px 3px 0px;
}

.r-response-table tr td:nth-child(2){
    width: 100%;
}

.response-numero{
    font-size: 16px;
    color: rgb(31, 35, 43);
    font-weight: 600;
}

.pm-time-text{
    color: rgb(31, 35, 43);
    opacity: 0.7;
    font-size: 11px;
}

.pm-time{
    display: inline-block;
    margin-left: 5px;
}

.response-actions-cont{
    display: flex;
    height: 16px;
}

.response-action{
    color: rgb(22, 134, 255);
    font-size: 11px;
    padding: 0px 10px;
    cursor: pointer;
}

.response-action:first-child{
    border-right: 1px solid rgb(226, 227, 227);
}

.loading-wrapper, .alert-wrapper{
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(31, 35, 43, 0.71);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.loading-progress-cont{
    text-align: center;
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: center;
}

.loading-progress{
    max-width: 370px;
    width: 100%;
    height: 12px;
    border-radius: 6px;
    background-color: rgb(216, 216, 216);
    margin-right: 15px;
    overflow: hidden;
    flex-grow: 1;
}

.loading-filler{
    width: 25%;
    height: 100%;
    background-image: linear-gradient(rgb(182, 231, 90), rgb(140, 199, 60));
}

.loading-progress-no{
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    opacity: 0.9;
}

.responses-completed-cont{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    opacity: 0.9;
}

.alert-cont{
    padding: 20px;
    background-color: #ffffff;
    border-radius: 3px;
    width: 340px;
    box-sizing: border-box;
    position: relative;
}

.alert-img{
    width: 83px;
    height: 83px;
    margin: 0 auto;
    border: 1px solid rgb(253, 77, 17);
    border-radius: 50%;
    background-image: url(../../ImagesNew/PM/alert_filled.svg);
    background-position: 20px 18px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}

.alert-title{
    text-align: center;
    color: rgb(0, 28, 85);
    font-size: 20px;
    margin-bottom: 5px;
}

.alert-text{
    color: #20232a;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.alert-close{
    width: 25px;
    height: 25px;
    background-image: url(../../ImagesNew/PM/Close_Black.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
/* Response ends */

/* Contact admin */
.contact-admin-wrapper{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.contact-admin-img{
    height: 467px;
    background-image: url(../../ImagesNew/PM/illus_not_active.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center -60px;
}

.contact-admin-title{
    color: rgb(63, 91, 101);
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0 15px;
}

.contact-admin-text{
    width: 490px;
    font-size: 18px;
    line-height: 28px;
    color: #20232a;
    opacity: 0.7;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.contact-admin-btn-cont{
    text-align: center;
}

.contact-admin-btn{
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    padding: 15px 45px;
    background-image: linear-gradient(#0065D6, #0035AC);
    border-radius: 4px;
    border: 0px;
    width: 280px;
}
/* Contact admin */

/* Mobile */
.mobile-wrapper .response-wrapper{
    padding: 0px 0px 140px;
}

.mobile-wrapper .r-numbers-cont, .mobile-wrapper .r-tabs-cont,
.mobile-wrapper .r-mobile-body, .mobile-wrapper .r-btns-cont{
    margin-left: 17px !important;
    margin-right: 17px !important;
}

.mobile-wrapper .r-tabs-cont{
    margin: 70px 0 20px;
    position: relative;
}

.mobile-wrapper .r-upload-cont{
    position: absolute;
    top: -60px;
    right: 0;
}

.mobile-wrapper .r-tab-number{
    /* display: none; */
    font-size: 9px;
    line-height: 17px;
    width: 26px;
}

.rm-reponse-row{
    border: 1px solid rgb(226, 227, 227);
    border-radius: 3px;
    padding: 10px 12px;
    margin-bottom: 15px;
}

.rm-details-actions{
    margin-top: 3px;
    display: flex;
    justify-content: space-between;
}

.r-mobile-body .response-numero{
    font-size: 14px;
}

.r-mobile-body .pm-time-text{
    max-width: calc(100% - 105px);
}

.r-mobile-body{
    display: none;
}

.mobile-wrapper .r-response-body{
    display: none;
}

.mobile-wrapper .r-mobile-body{
    display: block;
}

.mobile-wrapper .r-record-btn{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.mobile-wrapper .r-kiosk{
    border: 0px;
    width: 100%;
}

.mobile-wrapper .r-header-img{
    display: none;
}

.mobile-wrapper .r-header-big-text{
    font-size: 20px;
    opacity: 0.9;
    margin-top: 29px;
}

.mobile-wrapper .r-header{
    height: 90px;
    margin-top: 0px;
    border-radius: 0px;
    padding: 0px 18px;
}

.mobile-wrapper .r-empty-box{
    margin: 0 17px;
}

.mobile-wrapper .instructions-wrapper{
    padding: 0px;
}

.mobile-wrapper .i-header{
    border-radius: 0px;
    margin-top: 0px;
    border-radius: 0px;
    height: 300px;
}

.mobile-wrapper .i-header-img{
    width: 100%;
    height: 160px;
    margin-right: 0px;
    bottom: -20px;
    background-size: contain;
}

.mobile-wrapper .i-header{
    text-align: center;
}

.mobile-wrapper .i-header-small-text{
    font-size: 12px;
    opacity: 0.9;
    margin-top: 50px;
    margin-bottom: 5px;
}

.mobile-wrapper .i-header-big-text{
    font-size: 20px;
    opacity: 0.9;
}

.mobile-wrapper .i-body{
    padding: 0px 27px;
}

.mobile-wrapper .i-body-instruction{
    padding: 41px 0px 14px;
    font-size: 14px;
}

.mobile-wrapper .i-body-text{
    font-size: 16px;
}

.mobile-wrapper .i-body-number-text{
    font-size: 32px;
    right: 15px;
}

.mobile-wrapper .i-option{
    margin-right: 0px;
    width: 100%;
}

.mobile-wrapper .i-option{
    padding: 20px 20px 20px 70px;
}

.mobile-wrapper .i-body-number{
    left: -100px;
    width: 150px;
    border-radius: 50%;
}

.mobile-wrapper .newNoteContent{
    margin-left: 27px;
    margin-right: 27px;
}

.mobile-wrapper .i-option.got-it{
    padding: 20px;
    font-size: 20px;
    margin-top: 30px;
}

.mobile-wrapper .i-body-got-it{
    font-size: 20px;
}

.mobile-wrapper .contact-admin-img{
    height: 370px;
}

.mobile-wrapper .contact-admin-title{
    margin: 10px 30px 15px;
    font-size: 20px;
}

.mobile-wrapper .contact-admin-text{
    margin: 0 50px 50px;
    text-align: center;
    font-size: 15px;
    width: auto;
    line-height: 22px;
}

.mobile-wrapper .contact-admin-btn{
    width: calc(100% - 36px);
    text-align: center;
    font-size: 16px;
    padding: 20px 0px;
}

.mobile-wrapper .r-number-box{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-right: 0px;
    justify-content: center;
}

.mobile-wrapper .r-number-box:last-child{
    margin-bottom: 0px;
}

.mobile-wrapper .r-tab{
    font-size: 9px;
    margin-right: 7px;
}

.mobile-wrapper .r-tab:nth-child(2) {
    margin-right: 0px;
}
/* Mobile ends */

/* Toast */
#lblError.whitefont {
    color: #ffffff;
}
div.Plat_Alert {
    background-color: #3c3c3d;
    color: #ffffff;
    max-width: 700px;
    padding: 20px 65px 20px 70px;
    text-align: center;
    position: fixed !important;
    top: auto !important;
    /* top: 52px !important; */
    /* right: 25px; */
    border: 1px solid #83c340;
    z-index: 12100 !important;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    box-sizing: content-box;
    bottom: 25px;
    margin: 0px !important;
    line-height: 18px;
    right: -1000px;
    border-radius: 6px;
    display: none;
}
div.Plat_Alert.active{
    display: block;
    right: 0px;
    -webkit-animation-name: showalert;
    -webkit-animation-duration: 0.75s;
    /* Safari 4.0 - 8.0 */
    animation-name: showalert;
    animation-duration: 0.75s;
}
@-webkit-keyframes showalert {
    from {
        right: -1000px;
    }
    to {
        right: 0px;
    }
}
/* Standard syntax */
@keyframes showalert {
    from {
        right: -1000px;
    }
    to {
        right: 0px;
    }
}
.Plat_Alert span.closebtn,
div.Plat_Alert span.closebtn {
    background: url("../../ImagesNew/PM/invalid-name.svg") no-repeat 0 0;
    background-size: 12px;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    cursor: pointer;
}
.Plat_Alert .success,
div.Plat_Alert .success {
    background: url("../../ImagesNew/PM/success.svg") no-repeat 0 0;
    background-size: 24px;
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #83c340;
    display: inline-block;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-position: center center;
}
.Plat_Alert.Warning .success, div.Plat_Alert.Warning .success{
    background: url("../../ImagesNew/PM/weather.svg") no-repeat 0 0;
    background-size: 24px;
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #f6a623;//Out of Palette colours given by Ajit Pai
    display: inline-block;
    background-position: center center;
}
.Plat_Alert.Error .success, div.Plat_Alert.Error .success{
background: url("../../ImagesNew/PM/alert.svg") no-repeat 0 0;
    background-size: 24px;
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ea5b2e;
    display: inline-block;
    background-position: center center;
}
.Plat_Alert .success + span {
    display: inline-block;
    color: #fff;
}
div.Plat_Alert .spnMsg {
    max-width: 490px;
    color: #ffffff;
}
div.Plat_Alert.Warning{border: 1px solid #f6a623;}
div.Plat_Alert.Error{border: 1px solid #ea5b2e;}

/* tooltip */
.r-help{
    position: relative;
}

.r-help:hover .r-help-tooltip{
    display: block;
}

.r-help-tooltip{
    padding: 15px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #20232a;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    display: none;
    line-height: 1.43;
    letter-spacing: normal;
    white-space: normal;
    z-index: 9999;
    box-sizing: content-box;
    cursor: default !important;
    box-shadow: 0 9px 21px 0 rgba(42, 45, 49, 0.18);
    bottom: calc(100% + 10px);
    right: -10px;
    width: 280px;
}

.r-help-tooltip:after{
    content: " ";
    position: absolute;
    top: 100%;
    right: 12px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}

.r-upload.r-home{
    background-image: url(../../ImagesNew/PM/home_btn_icn.svg);
    position: static;
    background-position: 7px 1px;
}

.mobile-wrapper .r-upload.r-home{
    position: static;
}

.r-upload.r-home .r-upload-text{
    text-decoration: none;
}

.thankYouMsgWrapper .offline-btns-wrapper{
    margin-top: 70px;
}

.mobile-wrapper .thankYouMsgWrapper .r-home{
    margin-top: 20px !important;
}

/* scroll effect */
.response-wrapper{
    padding-bottom: 116px;
}

.r-header{
    position: fixed;
    width: calc(100% - 80px);
    left: 40px;
    top: 40px;
    z-index: 2;
}

.response-wrapper:before{
    content: '';
    display: block;
    height: 172px;
}

.response-wrapper:after{
    content: '';
    display: block;
    position: fixed;
    width: calc(100% - 80px);
    height: 80px;
    left: 40px;
    top: 0px;
    background-color: #ffffff;
    z-index: 1;
}

.r-tabs-cont.fixed-tabs{
    position: fixed;
    width: calc(100% - 80px);
    top: 54px;
    left: 40px;
    background-color: #ffffff;
    z-index: 1;
}

.r-btns-cont{
    position: fixed;
    bottom: 40px;
    background-color: #ffffff;
    left: 40px;
    width: calc(100% - 80px);
    z-index: 1;
    padding-top: 10px;
}

.r-btns-cont:before{
    content: '';
    display: block;
    height: 40px;
    background-color: #ffffff;
    position: fixed;
    width: calc(100% - 80px);
    bottom: 0px;
    left: 40px;
}

.mobile-wrapper .r-header{
    left: 0px;
    width: 100%;
    top: 0px;
}

.mobile-wrapper .response-wrapper:before{
    height: 90px;
}

.mobile-wrapper .r-btns-cont{
    width: calc(100% - 34px);
    left: 0px;
    bottom: 15px;
}

.mobile-wrapper .r-btns-cont:before{
    width: calc(100% - 34px);
    left: 17px;
    height: 15px;
}

/*.r-mobile-body{
    padding-bottom: 123px;
}*/
/* scroll effect ends */

.btn-link{
    color: #1686ff;
    text-align: center;
    font-size: 14px;
}

.btn-link a{
    cursor: pointer;
}

.loading-wrapper .btn-link{
    margin-top: 15px;
}

.alert-wrapper .btn-link{
    margin-top: 5px;
}

.mobile-wrapper .clsThankYou a.thnk-option {
    text-align: center;
    margin: 20px 0;
}


/*121350*/
.r-number-box{
    padding: 12px 35px;
}

.r-btns-cont{
    bottom: 20px;
}

.r-btns-cont:before{
    height: 20px;
}

.response-wrapper{
    padding-bottom: 75px;
}

.r-empty-box{
    height: 293px;
}

.r-record-btn{
    height: 56px;
}

.r-plus{
    font-size: 40px;
}

.r-empty-box{
    margin-bottom: 25px;
}

.border-top.r-btns-cont{
    border-top: 1px solid rgb(226, 227, 227);
}

.mobile-wrapper .r-number-text{
    font-size: 12px;
}

.mobile-wrapper .r-number{
    font-size: 16px;
}

.mobile-wrapper .r-number-box{
    padding: 8px 14px;
    justify-content: start;
}

.mobile-wrapper .r-upload{
    height: 32px;
    padding-right: 0px;
    padding-left: 33px;
}

.mobile-wrapper .r-upload-text{
    display: none;
}

.mobile-wrapper .r-home .r-upload-text{
    display: block
}

.mobile-wrapper .r-upload-cont{
    position: static;
}

.mobile-wrapper .r-tab{
    font-size: 0px;
    margin-right: 20px;
}

.mobile-wrapper .r-tab:first-child:before{
    content: 'Completed';
    font-size: 12px;
}

.mobile-wrapper .r-tab:nth-child(2):before{
    content: 'Incompleted';
    font-size: 12px;
}

.mobile-wrapper .r-tab-number{
    /*display: none;*/
}

.mobile-wrapper .r-tabs-cont{
    margin-top: 30px;
}

.mobile-wrapper .r-btns-cont{
    bottom: 0px;
}

.mobile-wrapper .response-wrapper{
    padding: 0px 0px 90px;
}

.mobile-wrapper .r-empty-box{
    margin-bottom: 10px;
}
/*121350 ends*/

.r-upload-cont .r-upload-text {color: #20232A !important;}