/*****************************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");
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Charmonman:wght@400;700&family=Dawning+of+a+New+Day&family=Fuggles&family=Homemade+Apple&family=Kristi&family=WindSong:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&family=Nothing+You+Could+Do&family=Zeyada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap" rel="stylesheet');

@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;
}

@font-face {
    font-family: 'emojis';
    src: url('../fonts/smiley.eot?75958932');
    src: url('../fonts/smiley.eot?75958932#iefix') format('embedded-opentype'), url('../fonts/smiley.woff?75958932') format('woff'), url('../fonts/smiley.ttf?75958932') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'plain';
    src: url('../fonts/plain.eot?75958932');
    src: url('../fonts/plain.eot?75958932#iefix') format('embedded-opentype'), url('../fonts/plain.woff?75958932') format('woff'), url('../fonts/plain.ttf?75958932') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'cescsat';
    src: url('../fonts/cescsat.eot?75958932');
    src: url('../fonts/cescsat.eot?75958932#iefix') format('embedded-opentype'), url('../fonts/cescsat.woff?75958932') format('woff'), url('../fonts/cescsat.ttf?75958932') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Audio-Player_Play_Pause';
    src: url('../fonts/Audio-Player_Play_Pause.eot?04032022');
    src: url('../fonts/Audio-Player_Play_Pause.eot?04032022') format('embedded-opentype'), url('../fonts/Audio-Player_Play_Pause.ttf?04032022') format('truetype'), url('../fonts/Audio-Player_Play_Pause.woff?04032022') format('woff'), url('../fonts/Audio-Player_Play_Pause.svg?04032022#Audio-Player_Play_Pause') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Survey-Thankyou';
    src: url('../fonts/Thank-you.eot?24062022');
    src: url('../fonts/Thank-you.eot?24062022') format('embedded-opentype'), url('../fonts/Thank-you.ttf?24062022') format('truetype'), url('../fonts/Thank-you.woff?24062022') format('woff'), url('../fonts/Thank-you.svg?24062022#Thank-you') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

#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;
}

body .mobile-wrapper{
    line-height:1.3;
}

.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 44px 25px;
}

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

.survey-logo.thank-you {
    padding: 16px 0 0 0;
    margin-top:5px;
}

.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
}

.mobile-wrapper .nps-ans-option input[type='radio'] {
    top: -16px
}

    input[type='radio'] + label, input[type='checkbox'] + label {
        display: block;
        padding: 5px 6px;
        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: 98%;
}

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;
}

.mobile-wrapper .highLang .languageHeader {
    padding: 50px 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: 495px;
    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;*/
    fill: none;
    stroke: rgb(98, 201, 245);
    stroke-width: 3px;
    transform: rotate(-93deg);
    transform-origin: center;
}

.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(0,0,0,0.7);
    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 10px 0;
    text-align: center;
}

.footer-div {
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    padding: 22px 0;
    font-family: Open sans;
    background-color: rgba(255, 255, 255, 0.9);
}

.mobile-wrapper .footer-div {
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    font-family: Open sans;
    padding-top: 40px !important;
    /*background-color: #fff;*/
}

.footer-div a, .footer-div div {
    text-decoration: none;
    color: #7D8393 !important;
}

.message-footer-wrapper span{
    font-weight: bold;
}

.fieldset-wrapper legend, .fieldset-wrapper .question-option-wrapper, .drill-down-subqtn, .drill-down-wrapper {
    position: relative;
}

.mobile-wrapper .drill-down-subqtn:not(:first-child) {
    margin-top: 30px !important;
}



.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: 0px !important;
    height: auto;
    top: 14px !important;
    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: 0px !important;
    top: 11px !important;
    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: -9px;
    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: 16px 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;
}

/*Issue No.  117958 : [ANG][iPAD/ MOB] alignment issues of video embedded in answer option  - Answer media*/
/*.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: 176px;
    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: 176px;
    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: 346px;
    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: 346px;
    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: 346px;
    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: 346px;
    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: 176px;
    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: 176px;
    margin-right: 0;
}

.select-language-wrap {
    line-height: 15px;
    height: 30px;
    width: 70px;
    position: relative;
    border-radius: 5px;
    top: -6px;
    cursor: pointer;
    background-color: whitesmoke;
}

.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: 35px 5px 10px !important;
}

.mobile-wrapper .icon__mandatory:before {
    font-size: 11px !important;
    height: 15px !important
}


.mobile-wrapper .RTLDir .icon__mandatory:before {
    font-size: 11px !important;
    height: 12px !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: 17px !important;
    left: 0px !important;
    font-size: 11px !important;
}

.mobile-wrapper .RTLDir .symbol-subqtn .subqtn.isMandatory:before {
    left: auto !important;
    right: 0px !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{

}

.symbol-subqtn .subqtn.isMandatory:before {
    left: 0px !important;
    top: 35px !important;
}




.ui-temp.left-moon + form:not(.mobile-wrapper) .symbol-subqtn .subqtn.isMandatory:before,
.ui-temp.right-moon + form:not(.mobile-wrapper) .symbol-subqtn .subqtn.isMandatory:before {
    top: 32px !important;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .subqtn.isMandatory:before,
.ui-temp.right-moon + form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .subqtn.isMandatory:before {
    top: 32.5px !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 8px;
}

.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;
    margin: 0 auto;
    align-items: 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;
    text-align: left;
    
}

.answer-option.check .other-textans, .answer-option.radio .other-textans {
    margin: 0px 6px;
}

.other-textans.radio_other {
    margin: 0px 3px;
}

.other-textans.check_other {
    margin: 0px 6px;
}

.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
}

.mobile-wrapper .modalWindow {
    width: 80%;
}

.modal-header {
    background: #424960;
    color: #fff;
    padding: 16px 35px 16px 25px;
    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 6px;
}

.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: #fff;
    color: #000;
    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;
}

.question-border {
    border-radius: 10px 10px 0 0;
}

.ui-temp.free-spirit + form .answer-option-wrapper, .ui-temp.free-spirit + form .question-border, .ui-temp.left-moon + form .answer-option-wrapper, .ui-temp.left-moon + form .question-border, .ui-temp.right-moon + form .answer-option-wrapper, .ui-temp.right-moon + form .question-border {
    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;
    white-space: normal;
}

    .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: right;
    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;
}

.mobile-wrapper .RTLDir li.rank-option .rank-option-content {
    padding: 5px 10px 5px 20px;
}

.rank-option-text {
    margin-right: 10px;
    word-break: break-word;
    word-wrap: break-word;
}


.mobile-wrapper .rank-option-text {
    margin-right: 11px !important;
}

.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;
}

.nps-axis-text {
    padding: 0px 8px !important
}
/*.RTLDir .nps-ans-option{float: right;}*/
.IEcont {
    float: left;
    width: auto;
    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;
    padding: 30px 0 0 0 !important;
    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;
    font-style: normal !important;
    font-weight: normal !important;
}

.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;
}

form:not(.mobile-wrapper) .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);
}

form:not(.mobile-wrapper) .ces-csat-ans-option input[type='radio'] + label:hover .ces-csat-smiley-text,
.ces-csat-ans-option input[type='radio']:focus + label .ces-csat-smiley-text,
.ces-csat-ans-option input[type='radio']:checked + label .ces-csat-smiley-text,
.rs-smiley-wrapper .smiley-rs-icon.palette.selected .ces-csat-smiley-text {
    font-size: 12px !important;
    transition: font-size 0.5s;
}

.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 {
    padding: 20px 20px 0px;
    /*background-color: rgba(46,77,69,0.230);*/
}

    .mobile-wrapper .questionImageWrapper img {
        padding: 0px;
        max-width: 100%;
        width: 100%;
        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;
        font-size: 60px !important;
    }

    .csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
        height: 40px !important;
        font-size: 40px !important
    }
}

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

    .csat .smiley::before, .ces .smiley::before {
        height: 70px;
        font-size: 70px !important;
    }

    .csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
        height: 50px !important;
        font-size: 45px !important;
    }
}

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

    .csat .smiley::before, .ces .smiley::before {
        height: 80px;
        font-size: 80px !important;
    }

    .csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
        height: 45px !important;
    }
}

@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;
        font-size: 50px !important;
    }

    .csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
        height: 30px !important;
        font-size: 30px !important;
    }
}

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

    .csat .smiley::before, .ces .smiley::before {
        height: 45px;
        font-size: 45px !important;
    }

    .csat .smiley .path1::before, .ces .smiley .path1::before {
        height: 45px;
        font-size: 45px !important;
    }

    .csat .smiley .path2::before, .ces .smiley .path2::before {
        height: 45px;
        font-size: 45px !important;
    }

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

    .ces-csat-ans-option input[type='radio']:checked + label > .ces-csat-smiley-text {
        display: block;
    }

    .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;
        font-size: 45px !important;
    }

    /* .csat .smiley.palette-2::before, .ces .smiley.palette-2::before,
    .csat .smiley.palette-3::before, .ces .smiley.palette-3::before,
    .csat .smiley.palette-4::before, .ces .smiley.palette-4::before,
    .csat .smiley.palette-5::before, .ces .smiley.palette-5::before,
    .csat .smiley.palette-7::before, .ces .smiley.palette-7::before,
    .csat .smiley.palette-10::before, .ces .smiley.palette-10::before,
    palette-11::before, palette-11::before {
        height: 40px !important;
    }*/

    .csat .smiley .path1::before, .ces .smiley .path1::before {
        height: 45px;
        font-size: 45px !important;
    }

    .csat .smiley .path2::before, .ces .smiley .path2::before {
        height: 45px;
        font-size: 45px !important;
    }
}

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

    .csat .smiley::before, .ces .smiley::before {
        height: 40px;
        font-size: 30px !important;
    }

    .csat .smiley .path1::before, .ces .smiley .path1::before {
        height: 40px;
        font-size: 30px !important;
    }

    .ces-csat-ans-option input[type='radio']:checked + label > .ces-csat-smiley-text {
        display: block;
    }

    .csat .smiley .path2::before, .ces .smiley .path2::before {
        height: 40px;
        font-size: 30px !important;
    }
}

@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: 700px) {
    .cookie-strip {
        display: block !important;
        width: 90% !important;
        padding: 20px 30px !important;
        right: 0 !important;
        margin: auto !important;
    }

    .cookie-text-cont {
        margin-right: 0px !important;
        margin-bottom: 30px !important;
    }

    .cookie-image {
        position: absolute !important;
    }

    .cookie-main-text {
        padding: 10px 0px 10px 60px !important;
    }

    .cookie-strip:before {
        content: '' !important;
        display: block !important;
        width: 100% !important;
        height: 1px !important;
        background-color: rgba(51,51,51,0.2) !important;
        top: 80px !important;
        left: 0px !important;
        position: absolute !important;
    }

    .cookie-sub-text {
        margin-top: 30px !important;
        line-height: 1.5 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        display: block !important;
    }

    .acceptCookieBtn {
        width: 70% !important;
        display: block !important;
        text-align: center !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin: 0 75px;
    }

    .toggle-container {
        margin: 0px !important;
    }

    .toggle-body {
        margin: 3px 0px !important;
    }

    .manage-body {
        padding: 60px 20px 10px !important;
    }

    .manage-cont .cookie-text-cont {
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .manage-cont .cookie-image {
        position: static !important;
    }

    .manage-cont .cookie-main-text {
        padding: 0px !important;
    }

    .manage-cont .cookie-sub-text {
        margin-top: 0px !important;
        line-height: 1.5 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        display: block !important;
        position: absolute !important;
        top: 103px !important;
        left: 20px !important;
    }

    .manage-header {
        padding: 20px 20px 20px !important;
    }

    .acceptChoiceBtn {
        display: block !important;
        text-align: center !important;
        float: none !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .cancel-btn {
        float: none !important;
        margin-top: 15px !important;
        display: inline-block !important;
        margin-bottom: 5px !important;
    }

    .manage-footer {
        border: 0px !important;
        text-align: center !important;
        padding: 16px 20px !important;
    }

    .manage-cont .cookie-main-text {
        margin-bottom: 0px !important;
    }

    .manage-cont {
        max-height: 97% !important;
        overflow: auto !important;
    }

    .csat .smiley::before, .ces .smiley::before {
        height: 30px !important;
    }
}

@media only screen and (max-width: 600px) {
    form:not(.mobile-wrapper) .nps-axis-text-wrapper .nps-axis-text:last-child {
        width: 40%;
        text-align: right;
    }

    form:not(.mobile-wrapper) .nps-axis-text-wrapper .nps-axis-text:first-child {
        width: 40%;
        text-align: left;
    }

    form:not(.mobile-wrapper) .RTLDir .nps-axis-text-wrapper .nps-axis-text:first-child,
    form:not(.mobile-wrapper) .RTLDir .nps-axis-text-wrapper .nps-axis-text:last-child {
        width: 40%;
        text-align: right;
    }

    form:not(.mobile-wrapper) .nps-axis-text:empty {
        display: none;
    }
}

@media only screen and (max-width: 500px) {

    .acceptCookieBtn {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin: 0 !important;
    }

    .csat .smiley::before, .ces .smiley::before {
        height: 30px !important;
    }
}


.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;
    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;
    margin-right:10px !important
}

.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;
}

.mobile-wrapper .a-strip-na {
    padding: 2px 0px 24px 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: 100%;
    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;*/
    border-color: rgba(127, 157, 185,0.1);
    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: not-allowed;
}
/*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;
}

.mobile-wrapper .dtpContainer .ui-datepicker-calendar a.ui-state-default {
    padding: 8px !important;
    margin: 0 auto;
    width: 19px !important;
    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: 100%;
    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-no + .question-text,
.answer-option-wrapper .demographics-wrapper .question-option-wrapper .question-text.no-subQno {
    padding-left: 0px !important;
}

.RTLDir .answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-no + .question-text,
.RTLDir .answer-option-wrapper .demographics-wrapper .question-option-wrapper .question-text.no-subQno {
    padding-right: 0px !important;
}
.answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text.no-subQno,
.answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-no {
    padding-left: 14px !important;
}
.RTLDir .answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text.no-subQno,
.RTLDir .answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-no {
    padding-right: 14px !important;
    padding-left:3px !important;
}


.answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text {
    word-break: break-word;
    word-wrap: break-word;
    
}

.RTLDir .answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text {
    word-break: break-word;
    word-wrap: break-word;
    padding-left: 0px !important;
    
}

.answer-option-wrapper .demographics-wrapper .question-option-wrapper.reenter .question-text {
    padding-left: 0px !important;
}

.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);
}

.csat .smiley.palette, .ces .smiley.palette, .rs-smiley-wrapper .smiley-rs-icon.palette,
.nps-ans-option input[type='radio'] + label {
    opacity: 0.8;
}

.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 4px 3px 45px !important;
}

.select-language-wrap:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    width: 31px;
    height: 22px;
    position: absolute;
    left: 10px;
    /*background-position: 0px -66px;*/
    top: 7px;
    /*background-image: url('../../ImagesNew/PM/sprite.png')*/
    background-image: url('../fonts/Language.svg')
}

.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 !important;
}

.ui-temp.left-moon + form.mobile-wrapper .symbolratingscale input[type='radio'] + label{
    padding: 0 1px !important;
}

.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: 97% !important;
}

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

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

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

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

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

.ansopt-textbox.currency, .ansopt-textbox.ssn, form:not(.mobile-wrapper) .ansopt-textbox.number {
    max-width: 170px;
    min-width: 170px;
}

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

 .mobile-wrapper .ansopt-textbox.email {
    max-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;
    min-width: 350px;
    max-width:1100px;
}

.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/alert_icon_orange.svg);
    /*background-position: 0px -192px;*/
    background-position: unset;
}

.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/alert_icon_red.svg);
    background-position: unset;
}

.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/alert_icon_orange.svg);
}

.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-Drop-Out .message-info-wrapper {
    padding: 20px 0 40px 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-radius: 3px;
    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;
    -webkit-appearance: none;
}

.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*/

/* PRT 130862  */
.mdd-wrapper legend .question-no,
.mdd-wrapper .question-option-wrapper .question-no {
    width: 25px;
}
/* PRT 130862  */

.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: 0px;
    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 .Multi .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 0;
    margin: 15px 0px;
}

.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: 77%;
        white-space: normal;
        width: 140px;
    }

    .clear-answers-button-wrap .footer-txt-clr, .clear-answers-button-wrap .footer-txt-sav {
        font-size: 8pt !important;
    }

    .saveandcontinue {
        height: 11px !important;
        width: 11px !important;
    }

    .tblPageFooter.single-page-submit .clear-answers-button-wrap:nth-child(1) {
        right: 80%;
        white-space: normal;
        width: 125px;
    }

    .submit-button, .next-button, .back-button {
        padding: 7px 18px !important;
    }
}

#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: 100%;
}

.mobile-wrapper .ic-image-holder {
    width: 46% !important;
    margin: 0 0 10px !important;
    height: 20vh !important;
}

    .mobile-wrapper .ic-image-holder.showReportValue {
        height:25vh !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;
    background-color: transparent;
}

.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;
    top: 2px;
}

.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 .data-policy-link, form.hamburgerActive .footer-div,
form.hamburgerActive .clsPageNo{
    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 !important;
}

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

.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: 0px !important;
}

.mobile-wrapper .isMandatory .question-option-wrapper {
    padding-left: 20px;
}

.mobile-wrapper .RTLDir .isMandatory .question-option-wrapper {
    padding-right: 20px;
    padding-left: 20px;
}

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

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


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

    .mobile-wrapper .answer-option-wrapper.signatureMainWrapper {
        padding: 20px 20px 10px;
        background: transparent;
    }

    .mobile-wrapper .answer-option-wrapper.na-box {
        padding: 16px 20px 0px;
        background: transparent;
    }

        .mobile-wrapper .answer-option-wrapper.na-box .na-tb-space:last-child .a-strip-na {
            padding-bottom: 5px !important;
        }

    .mobile-wrapper .answer-option-wrapper.nps-box {
        padding: 10px 20px 0px;
        background: transparent;
    }

.mobile-wrapper .mtb-wrapper .answer-option-wrapper.tb-box .attach-tb .ansopt-textbox {
    padding-bottom: 2px !important;
}


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

.mobile-wrapper .navigation-band {
    position: relative;
    padding:15px 0px !important;
}

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

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

.mobile-wrapper .mobile-progress-bar .newProgress {
    border-radius: 0px 10px 10px 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;
    text-align: center;
    padding-top: 20px;
    padding-bottom:8px;
}

    /*.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;
    padding-right:15px !important;
}



element.style {
}

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

.mobile-wrapper .submit-btn-mobile-wrap .submit-button {
    font-size: 11pt !important;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-style: normal;
    padding: 8px 15px;
    max-width: 130px;
    white-space: normal;
    margin: 6px 0 6px 0;
}


.nav-btn-class .button_participate {
    font-size: 11pt !important;
    letter-spacing: 0.2px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    padding: 7px 30px !important;
    max-width: 260px !important;
    white-space: normal !important;
    margin: 6px 0 6px 0 !important;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer !important;
}

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


.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 .matrix-standalone .question-data {
    margin: 13px 0 0 !important;
}

.mobile-wrapper .matrix-standalone .mandatory.question-data {
    margin: 13px 5px 0 !important;
}

.mobile-wrapper .matrix-standalone .matrix-standalone-ques:not(:first-child) .question-data {
    margin: 20px 0 0 !important;
}


.mobile-wrapper .matrix-standalone .matrix-standalone-ques:not(:first-child) .mandatory.question-data {
    margin: 20px 5px 0 !important;
}

/*.mobile-wrapper .demographics-wrapper .ansopt-textbox:last-child {
    margin: 0px !important;
}*/

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

.mobile-wrapper .horizontal-radio.answer-option {
    margin: 0px;
}

.mobile-wrapper .horizontal-radio input[type='radio'] + label {
    margin-top: 10px !important;
}



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

.survey-messages-footer {
    bottom: 0;
    padding: 18px 0 15px 0;
    width: 100%;
    position: fixed;
}

.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 0 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: 14px;
        font-weight:bold;
        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;
    font-family: montserrat;
}

.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 .answer-option-wrapper.srs-box {
    margin-top: 5px !important;
}
.mobile-wrapper .srs-subqno{
    padding-right:3px !important;
}

.mobile-wrapper .RTLDir .srs-subqno {
    padding-left: 3px !important;
    padding-right: 0px !important;
}


.answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text.no-Qno{
    padding-left:14px !important;
}

.RTLDir .answer-option-wrapper .demographics-wrapper .isMandatory .question-option-wrapper .question-text.no-Qno {
    padding-left: 0px !important;
    padding-right: 14px !important;
}

.mobile-wrapper .answer-option-wrapper.srs-box .symbol-subqtn:last-of-type, .mobile-wrapper .answer-option-wrapper.srs-box .symbol-subqtn:last-of-type .symbol-wrapper {
    margin-bottom: 0px !important;
}

.mobile-wrapper .new-participation-v .answer-option-wrapper.srs-box .symbol-subqtn:nth-last-of-type(2), .mobile-wrapper .new-participation-v .answer-option-wrapper.srs-box .symbol-subqtn:nth-last-of-type(2) .symbol-wrapper {
    margin-bottom: 0px !important;
}

.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 50px;
    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: 15vh !important;
    border-radius: 5px;
    margin-bottom: 15px;
}

.mobile-wrapper .mtb-box {
    margin-top: 0px !important;
    padding-top: 0px !important
}

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

.mobile-wrapper .mtb-box div:not(:first-child) .mtb-wrapper .mobile-sub-question, .mobile-wrapper .mdd-data:not(:first-child) .question-data {
    margin-top: 30px !important;
}


.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: 45px 20px 0px 20px;
}

.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: 10px 0 0 0;
}

.mobile-wrapper .drill-box .drill-down-search {
    margin: 0 !important;
}

.mobile-wrapper .drill-down-wrapper .question-text {
    padding: 0px 0px 10px 0px !important;
}

.mobile-wrapper .answer-option-wrapper.drill-box {
    padding-top: 20px !important;
    padding-bottom: 6px !important;
}

.mobile-wrapper .drill-down-wrapper .isMandatory .question-text {
    padding: 0px 14px 10px 14px !important;
}

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



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

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

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

.mobile-wrapper .isMandatory .srs-question.question-text span:first-child {
    padding-right: 3px;
    padding-left: 14px;
}

.mobile-wrapper .RTLDir .isMandatory .srs-question.question-text span:first-child {
    padding-right: 14px !important;
    padding-left: 3px !important;
}


.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;
    margin-top: 5px;
}

.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: 9px;
    width: 3px;
    border-width: 2px;
    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 10px;
}

.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 10px 5px 10px;
}

.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 14px 5px 5px;
}

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

.a-strip-na {
    padding-left: 0px !important;
}

.main-matrix .matrixTitleTd { /*124788 :CRT: Participation enhancements with UI Alignment -- padding-left change from 30px to 14px*/
    padding-left: 15px !important;
    word-break: break-word;
    word-wrap: break-word;
    padding-top: 18px !important;
    padding-bottom: 17px !important;
}

.main-matrix .matrixMandatory.matrixTitleTd { /*124788 :CRT: Participation enhancements with UI Alignment -- padding-left change from 30px to 14px*/
    padding-left: 14px !important;
}

.multiquestion-matrix-grid .matrixMandatory.matrixTitleTd {
    padding-left: 30px !important;
}

.matrix-grid .matrix-grid-mandatory::before {
    top: 26px !important;
}

.RTLDir .matrix-grid.multiquestion-matrix-grid .answer-option {
    padding:5px 10px 4px 10px !important;
}

.matrix-grid.multiquestion-matrix-grid .answer-option {
    padding: 5px 10px 4px 10px !important;
}


.matrix-grid.multiquestion-matrix-grid .matrix-grid-mandatory::before {
    top: 53% !important;
}

.RTLDir .matrix-grid.multiquestion-matrix-grid .matrix-grid-mandatory::before {
    top: 53% !important;
}


.RTLDir .matrix-grid .answer-option .matrix-grid-mandatory .ansopt-textbox {
    margin-right:10px !important;
}



.RTLDir .main-matrix .matrixMandatory.matrixTitleTd { /*124788 :CRT: Participation enhancements with UI Alignment -- padding-left change from 30px to 14px*/
    padding-right: 14px !important;
}

.RTLDir .multiquestion-matrix-grid.main-matrix .matrixMandatory.matrixTitleTd { /*124788 :CRT: Participation enhancements with UI Alignment -- padding-left change from 30px to 14px*/
    padding-right: 30px !important;
}

.RTLDir .main-matrix .matrixTitleTd {
    padding-left: 0px !important;
    padding-right: 14px !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;
    overflow: hidden;
}

.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;
}

.matirx-mandatory-container + .qno-margin {
    margin: 0px 3px 0px 0px;
    padding-left: 14px !important;
}

.RTLDir .matirx-mandatory-container + .qno-margin {
    margin: 0px 0px 0px 3px;
    padding-left: 0px !important;
    padding-right: 14px !important;
}

.matirx-mandatory-container + .no-subQno-margin {
    padding-left: 14px !important;
}

.mobile-wrapper .matrix-mobile-subQ .question-data .isMandatory .mobile-sub-question .no-subQno,
.mobile-wrapper .matrix-standalone-ques .question-data .isMandatory .mobile-sub-question .no-subQno {
    padding-left: 14px !important;
}

.mobile-wrapper .RTLDir .matrix-mobile-subQ .question-data .isMandatory .mobile-sub-question .no-subQno,
.mobile-wrapper .RTLDir .matrix-standalone-ques .question-data .isMandatory .mobile-sub-question .no-subQno {
    padding-left: 0px !important;
    padding-right: 14px !important;
}



.RTLDir .matirx-mandatory-container + .no-subQno-margin {
    padding-left: 0px !important;
    padding-right: 17px !important;
}

.question-no.qno-margin {
    padding-left: 0px !important;
}


.question-no.qno-margin {
    padding-left: 0px !important;
}



.RTLDir  .isMandatory question-no qno-margin {
    padding-right: 0px !important;
}

.RTLDir .isMandatory .qno-margin {
    margin: 0px 0px 0px 3px;
    padding-left: 0px !important;
    padding-right: 14px !important;
}
/*MatrixGrid Ends*/
/* MTB */
.mtb-wrapper:not(.mtb-left-title):not(.mtb-right-title) {
    margin-bottom: 5px;
}

.mobile-wrapper .mtb-wrapper:not(.mtb-left-title):not(.mtb-right-title) {
    margin-bottom: 0px !important;
}

.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: 10px 5px !important;
}

.mtb-wrapper legend .question-no, .mtb-wrapper .question-option-wrapper .question-no {
    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: 0px 0px 0px 0px !important;
}

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

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

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

.mobile-wrapper .mtb-wrapper .question-option-wrapper {
    margin-bottom: 5px;
    margin-top: 19.5px;
}

.mobile-wrapper .mdd-question-data .answer-option-wrapper {
    padding-bottom: 1px !important;
}

.mobile-wrapper .demo-box {
    padding-top: 14px !important;
    padding-bottom: 2px !important;
}

    .mobile-wrapper .demo-box .tb-box {
        padding-top: 1px !important;
        padding-bottom: 8px !important;
    }

    .mobile-wrapper .demo-box .demoGender .answer-option-wrapper, .mobile-wrapper .demo-box .demoState .answer-option-wrapper {
        padding-top: 2px !important;
        padding-bottom: 6px !important;
    }


    .mobile-wrapper .demo-box .demoDOB .tb-box {
        padding-top: 3px !important;
    }

.mobile-wrapper .demographics-wrapper .custom-select-wrapper select, .mobile-wrapper .demographics-wrapper .custom-select-wrapper {
    max-width: 450px !important;
}

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

.mobile-wrapper .demo-box .demoGender .custom-select-wrapper, .mobile-wrapper .demo-box .demoState .custom-select-wrapper {
    margin-top: 0px !important;
}



.mobile-wrapper .multiple-dropdown .mdd-data:last-child {
    padding-bottom: 6px !important;
}

.mobile-wrapper .mdd-question-data .custom-select-wrapper {
    margin: 0px !important;
}

.mobile-wrapper .mdd-question-data .question-option-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.mobile-wrapper .mdd-question-data {
    margin-top: 17px !important;
}

.mobile-wrapper .matrix-mobile-subQ-cont .question-option-wrapper {
    margin-bottom:3px !important;
}

.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: middle;
    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;
}

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

.mtb-left-title .question-option-wrapper .question-text, .mtb-right-title .question-option-wrapper .question-text {
    width: calc(100% - 25px);
    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"], .mtb-wrapper textarea.percentage {
    /* width: auto !important; */
    margin: 5px 10px 5px 0px;
    max-width: 50%;
}

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

.mtb-wrapper input.currency[type="text"], .mtb-wrapper textarea.currency {
    /* 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: 0px;
    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;
}

.inactive-ques .showDrillList .drill-down-list {
    display: none;
}

.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: 20px !important;
    top: 17px !important;
}

.mobile-wrapper .RTLDir .matrix-standalone .fieldset-wrapper.isMandatory .question-option-wrapper.mobile-sub-question::before {
    top: 17px !important;
}

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;
    cursor: pointer
}

.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: top;
    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("../../ProductImages/Product_specifics/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("../../ProductImages/Product_specifics/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(255,255,255,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: #f66948;
    }
*/
    .line:nth-child(2) {
        animation-delay: 180ms;
        /*background: #5dd7e9;*/
    }

    .line:nth-child(3) {
        animation-delay: 360ms;
        /*background: #2267E9;*/
    }

    .line:nth-child(4) {
        animation-delay: 540ms;
        /*background: #83C340;*/
    }   

@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 {
    width: calc(100% - 42px);
}

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE`+ specific styles go here */
    .answer-option.horizontal-radio input[type='radio'] + label .answer-text, .answer-option.horizontal-radio input[type='checkbox'] + label .answer-text {
        width: auto !important;
        max-width: 100%;
    }
}

.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) !important;
}

.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% !important;
}

.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 20px 60px;
}

    .mobile-wrapper .survey-footer-nb.new-participation-v, .mobile-wrapper .survey-footer.new-participation-v {
        padding: 0 20px 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 10px;
        }
}

/* 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%;
    /* UJ 155 Change */
    display: none;
    /* UJ 155 Change Done */
    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%; */
    /* UJ 155 Change */
    display: none;
    /* UJ 155 Change Done */
    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: 16px;
    color: #2d3738;
    text-align: left;
    padding-top: 10px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    margin:16px 30px 0px;

}

.mobile-wrapper .message-wrapper {
    border: 1px solid #cfd8dc00;
    /*UJ155*/
    border-radius: 0px;
    background-color: transparent;
    /*UJ155 change */
    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: 12px 0px;
    margin: 0 30px;
}

.mobile-wrapper .resume-survey-wrapper .resume-link {
    color: RGB(32, 35, 42);
    padding: 0px;
    font-weight: normal;
    font-size: 14px;
    display: block;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.mobile-wrapper .RTLDir .message-info-wrapper .message-text-mobile {
    margin:0;
    text-align:right;
}
.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 {
    /*UJ155 Change*/
    width: 40%;
    color: #fff;
    padding: 0px 0;
    letter-spacing: 0.5px;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 14px;
    height: 40px;
    -webkit-appearance: none;
    /* margin-top: 20px; */
    /* background-color: transparent; */
    /* border: 1px solid #868686; */
    /* font-size: 21px !important; */
    /* font-family: "gravitybook", Arial, helvetica, sans-serif; */
    /*UJ155 Change Done*/
}

.btmNote.onlyMessage, .btmNote.onlyMessage font a {
    -webkit-text-stroke-width: 0.01rem;
    -webkit-text-stroke-color: #858585ab;
    text-shadow: 1px 0px 1px #979797;
    color: #262626 !important;
    /*color: #000000 !important;*/
    /*font-weight: bold !important;*/
    font-family: Open Sans;
    font-size: 14px !important;
    padding-bottom: 3px;
}
.footer-div.survey-messages-footer .btmNote.onlyMessage {
    text-decoration:underline;
}
.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: 15px 0px 10px !important;
}


@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 .ces-csat-smiley-text,
    .question-data.mandatory .fieldset-wrapper fieldset .ces .smiley .ces-csat-smiley-text,
    .question-data.soft-req .fieldset-wrapper fieldset .csat .smiley .ces-csat-smiley-text,
    .question-data.soft-req .fieldset-wrapper fieldset .ces .smiley .ces-csat-smiley-text {
        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 0px 0px;
}

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

.mobile-wrapper .char-remain {
    margin-top: 10px !important;
}

.mobile-wrapper .symbol-wrapper {
    margin: 0px 0 10px 0 !important;
}

.mobile-wrapper .image-choice-wrapper .ic-image-holder:nth-child(odd) {
    margin-right: 8% !important;
}

.mobile-wrapper .RTLDir .image-choice-wrapper .ic-image-holder:nth-child(odd) {
    margin-left: 8% !important;
    margin-right:0px !important;
}

.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 .image-choice-wrapper {
    margin-top: 10px;
}

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

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


.mobile-wrapper .matrix-standalone .rs-wrapper-scroll .answer-option-wrapper {
    padding: 10px 20px 0px;
}

.mobile-wrapper .cb-box .answer-text {
    margin: 0 12px !important;
}

.mobile-wrapper .matrix-standalone .matrix-standalone-ques:last-child {
    padding-bottom: 2px;
}


.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: 150px;
    max-height: 150px;
}

    .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: 95.5%;
}
/*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: 13px;
    left: -1px;
}

.matrixTitleTd .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: 20px;
    left: 0px;
}


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

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

.hidden-question-tooltip-icon.hdn-mdd {
    top: 16px;
    left: -10px;
}

.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: 18px;
    left: -9px;
}

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

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

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

.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%;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-right: 20px;
}

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

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

.mobile-wrapper .RTLDir li.rank-option .rank-option-content .rank-option-text {
    max-width: 40% !important;
    min-width: 40% !important;

}

.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: 42px;
    font-size: 30px !important;
}

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

.mobile-wrapper .csat .palette-5::before, .mobile-wrapper .ces .palette-5::before,
.mobile-wrapper .csat .palette-10::before, .mobile-wrapper .ces .palette-10::before,
.mobile-wrapper .csat .palette-7::before, .mobile-wrapper .ces .palette-7::before,
.mobile-wrapper .csat .palette-2::before, .mobile-wrapper .ces .palette-2::before,
.mobile-wrapper .csat .palette-4::before, .mobile-wrapper .ces .palette-4::before,
.mobile-wrapper .csat .palette-3::before, .mobile-wrapper .ces .palette-3::before{
    margin-bottom: 10px;
}

.mobile-wrapper .csat .smiley.palette-11::before, .mobile-wrapper .ces .smiley.palette-11::before {
    font-size: 25px !important;
}

.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;
}

.btn-shape-curved {
    border-radius: 6px !important;
}

.btn-shape-rounded {
    border-radius: 25px !important;
}

.btn-shape-square {
    border-radius: 0px !important;
}

.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 .mandatory .symbol-wrapper[symbol-count="10"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="10"] div.answer-option input[type='checkbox'] + label,
.mobile-wrapper .mandatory .symbol-wrapper[symbol-count="9"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="9"] div.answer-option input[type='checkbox'] + label,
.mobile-wrapper .mandatory .symbol-wrapper[symbol-count="8"] input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='radio'] + label,
.ui-temp.right-moon + form.mobile-wrapper .mandatory .symbolratingscale .symbol-wrapper[symbol-count="8"] div.answer-option input[type='checkbox'] + label {
    margin-right: 6px !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;
}



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



/* question image */
.ques-img-row {
    display: flex;
    align-items: center;
    text-align: center;
    align-items: baseline;
    margin: 0px 14px;
    padding-top: 27px;
}

.ques-img-row-item {
    flex-grow: 1;
    text-align: left;
    margin-right: 2%;
}

    .ques-img-row-item:last-child {
        margin-right: 0%;
    }

.RTLDir .ques-img-row-item {
    margin-right: 0%;
    margin-left: 2%;
    text-align: right;
}

    .RTLDir .ques-img-row-item:last-child {
        margin-left: 0%;
    }

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

.ques-img-row-item.small-fit, .ques-img-row-item.medium-fit, .ques-img-row-item.large-fit {
    max-width: 32%;
    margin-right: 2%;
}

    .ques-img-row-item.small-fit:last-child, .ques-img-row-item.medium-fit:last-child, .ques-img-row-item.large-fit:last-child {
        margin-right: 0%;
    }

.RTLDir .ques-img-row-item.small-fit, .RTLDir .ques-img-row-item.medium-fit, .RTLDir .ques-img-row-item.large-fit {
    margin-right: 0%;
    margin-left: 2%;
}

    .RTLDir .ques-img-row-item.small-fit:last-child, .RTLDir .ques-img-row-item.medium-fit:last-child, .RTLDir .ques-img-row-item.large-fit:last-child {
        margin-right: 0%;
        margin-left: 0%;
    }

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

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

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

.ques-img-row-item.best-fit img {
    max-width: 100%;
    max-height: 576px;
}

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

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

.ques-img-row-item.best-fit.one-image {
    width: 100%;
}

.ques-img-row-item.best-fit.two-image {
    width: 49%;
}

.ques-img-row-item.best-fit.three-image {
    width: 32%;
}

.ques-img-row-item.best-fit.one-image img {
    max-height: 576px;
}

.ques-img-row-item.best-fit.two-image img {
    max-height: 485px;
}

.ques-img-row-item.best-fit.three-image img {
    max-height: 450px;
}

.ques-img-row-item.best-fit.one-image iframe {
    max-height: 576px;
    width: 100%;
}

.ques-img-row-item.best-fit.two-image iframe {
    max-height: 485px;
    width: 100%;
}

.ques-img-row-item.best-fit.three-image iframe {
    max-height: 450px;
    width: 100%;
}

/*.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;
}*/

.ques-img-row-item.align-l {
    text-align: left;
}

.ques-img-row-item.align-c {
    text-align: center;
}

.ques-img-row-item.align-r {
    text-align: right;
}

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

.RTLDir .ques-img-row-item.align-c {
    text-align: center;
}

.RTLDir .ques-img-row-item.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%;
    flex-wrap:wrap;
}

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

.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;
    padding-bottom:8px;
}
.mobile-wrapper .data-policy-body{
    padding:20px 20px 8px 20px; 
}
.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;
}*/

.mobile-wrapper .mdd-data .mw-sub-question-text span:first-child{
    padding-left:0px !important;
}


.mobile-wrapper .mdd-data .isMandatory .mw-sub-question-text span:first-child {
    padding-left: 14px !important;
}




.mobile-wrapper .RTLDir .mdd-data .isMandatory .mw-sub-question-text span:first-child {
    padding-left: 0px !important;
    padding-right: 14px !important;
}

.matrix-mobile-subQ-cont .mw-sub-question-text span:first-child,
.matrix-standalone .mw-sub-question-text span:first-child,
.mdd-data .mw-sub-question-text span:first-child {
    white-space: nowrap;
    margin-right: 3px
}

.RTLDir .matrix-mobile-subQ-cont .mw-sub-question-text span:first-child,
.RTLDir .matrix-standalone .mw-sub-question-text span:first-child,
.RTLDir .mdd-data .mw-sub-question-text span:first-child {
    white-space: nowrap;
    padding-left: 0px !important;
    margin-right: 0px;
    margin-left: 3px;
}


.mobile-wrapper .matrix-standalone .isMandatory .question-option-wrapper .question-text span:first-child {
    padding-left: 14px !important;
    padding-right:3px !important;
}

.mobile-wrapper .RTLDir .matrix-standalone .isMandatory .question-option-wrapper .question-text span:first-child {
    padding-left: 3px !important;
    padding-right: 14px !important;
}

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

.mobile-wrapper .drill-down-subqtn .question-text span:first-child {
    white-space: nowrap;
    padding-right: 3px
}

.mobile-wrapper .RTLDir .drill-down-subqtn .question-text span:first-child {
    padding-right: 14px !important;
    padding-left: 3px;
}


.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: 3px;
}

.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;
    padding-left: 4px !important;
}

.RTLDir input.drill-down-input.no-search-icon {
    background-image: none;
    padding-right: 4px !important;
}

/*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: 0px !important;
    top: 5px !important;
    right: auto !important;
    font-size: 11px;
}

.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;
}

@font-face {
    font-family: 'icons';
    src: url('../fonts/smileyicons.eot?q8ao3c');
    src: url('../fonts/smileyicons.eot?q8ao3c#iefix') format('embedded-opentype'), url('../fonts/smileyicons.ttf?q8ao3c') format('truetype'), url('../fonts/smileyicons.woff?q8ao3c') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

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

    .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;
    }

.ui-temp.left-moon + form input[type='radio'] + label.ld-common:not(.like-box):not(.dislike-box),
.ui-temp.right-moon + form input[type='radio'] + label.ld-common:not(.like-box):not(.dislike-box),
.ld-common {
    display: block !important;
    padding: 30px 25px 30px !important;
    /*box-shadow: 0 2px 9px -2px rgba(0, 0, 0, 0.16);*/
    /*font-family: 'like-dislike' !important;*/
    font-family: 'icons' !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;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) input[type='radio'] + label.ld-common:not(.like-box):not(.dislike-box),
.ui-temp.right-moon + form:not(.mobile-wrapper) input[type='radio'] + label.ld-common:not(.like-box):not(.dislike-box),
form:not(.mobile-wrapper) .ld-common {
        padding: 33px 50px 40px !important;
}


    .ld-common.Palette_icon {
        border: none !important;
    }

    .ld-common:hover {
        background-color: transparent !important;
    }
/*content: "\e909";*/
/*content: "\e913";*/
.like-box:before {
    content: "\e900";
    /*content: "\e909";*/
    /*content: "\e913";*/
    /*background-image: url('../fonts/smileyset7_angry.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 20px;
    line-height: 80px;
    left: 24px;*/
}
/*content: "\e908";*/
/*content: "\e905";*/
.ld-box input[type='radio']:checked + .like-box:before, .ld-box input[type='radio']:hover + .like-box:before {
    content: "\e902";
    /*content: "\e908";*/
    /*content: "\e905";
    display: inline-block;
    transform: scale(1.4);*/
    /*background-image: url('../fonts/smileyset7_glad.svg');
    background-size: 100%;
    background-repeat: no-repeat;*/
}

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


.Palette_1_font_1:before {
    content: "\e900";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_1_font_1:before {
    content: "\e902";
    display: inline-block;
    transform: scale(1.4);
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_1_font_1:before {
    content: "\e902";
    display: inline-block;
    transform: scale(1.4);
    opacity: 1;
}



.Palette_1_font_2:before {
    content: "\e909";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_1_font_2:before {
    content: "\e901";
    display: inline-block;
    transform: scale(1.4);
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_1_font_2:before {
    content: "\e901";
    display: inline-block;
    transform: scale(1.4);
    opacity: 1;
}




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

.Palette_2_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.7;*/
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_2_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.7;*/
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_2_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*opacity:1;*/
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_2_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*opacity:1;*/
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_2_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*opacity:1;*/
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_2_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_2_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*opacity:1;*/
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.Palette_3_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_3_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.5s all ease-in-out;
    opacity: 0.8;
}

.Palette_3_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_3_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.5s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_3_icon_1:before {
    /*background-image: url('../../ImagesNew/PM/Group 8 Copy 8.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_3_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_3_icon_1:before {
    /*background-image: url('../../ImagesNew/PM/Group 8 Copy 8.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_3_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    transition: 0.3s all ease-in-out;
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_3_icon_2:before {
    /*background-image: url('../../ImagesNew/PM/Group 8 Copy 9.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_3_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_3_icon_2:before {
    /*background-image: url('../../ImagesNew/PM/Group 8 Copy 9.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_3_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    transition: 0.3s all ease-in-out;
    opacity: 1;
}


.Palette_4_font_1:before {
    content: "\e907";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_4_font_1:before {
    content: "\e907";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_4_font_1:before {
    content: "\e907";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.Palette_4_font_2:before {
    content: "\e908";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_4_font_2:before {
    content: "\e908";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_4_font_2:before {
    content: "\e908";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_5_font_1:before {
    content: "\e902";
    /*opacity: 0.5;*/
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_5_font_1:before {
    content: "\e902";
    /*opacity: 1;*/
    display: inline-block;
    transform: scale(1.4);
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_5_font_1:before {
    content: "\e902";
    /*opacity: 1;*/
    display: inline-block;
    transform: scale(1.4);
    opacity: 1;
}

.Palette_5_font_2:before {
    content: "\e901";
    /*opacity: 0.5;*/
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_5_font_2:before {
    content: "\e901";
    /*opacity: 1;*/
    display: inline-block;
    transform: scale(1.4);
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_5_font_2:before {
    content: "\e901";
    /*opacity: 1;*/
    display: inline-block;
    transform: scale(1.4);
    opacity: 1;
}

.Palette_6_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_6_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_6_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_6_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_6_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_6_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_6_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_7_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_7_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_7_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_7_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_7_icon_1:before {
    /*background-image: url('../../ImagesNew/PM/Group 3 Copy 2.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_7_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_7_icon_1:before {
    /*background-image: url('../../ImagesNew/PM/Group 3 Copy 2.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_7_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_7_icon_2:before {
    /*background-image: url('../../ImagesNew/PM/Group 2 Copy 3.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_7_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_7_icon_2:before {
    /*background-image: url('../../ImagesNew/PM/Group 2 Copy 3.svg');*/
    background-image: url('../../ImagesNew/PM/Palette_7_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_8_font_1:before {
    content: "\e906";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_8_font_1:before {
    content: "\e904";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_8_font_1:before {
    content: "\e904";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.Palette_8_font_2:before {
    content: "\e905";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_8_font_2:before {
    content: "\e903";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_8_font_2:before {
    content: "\e903";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_9_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_9_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_9_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.5;*/
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_9_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.5;*/
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_9_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.5;*/
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_9_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_9_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    /*opacity:0.5;*/
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_10_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_10_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_10_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_10_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_10_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_10_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}


.Palette_11_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 10px;
    line-height: 80px;
    left: 15px;
    transition: 0.1s all ease-in-out;
    opacity: 0.8;
}

.Palette_11_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 10px;
    line-height: 80px;
    left: 15px;
    transition: 0.1s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_11_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 2px;
    line-height: 80px;
    left: 5px;
    display: inline-block;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_11_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 2px;
    line-height: 80px;
    left: 5px;
    display: inline-block;
    /*transform: scale(1.4);*/
    transition: 0.3s all ease-in-out;
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_11_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 2px;
    line-height: 80px;
    left: 5px;
    display: inline-block;
    /*transform: scale(1.4);*/
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_11_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_11_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 2px;
    line-height: 80px;
    left: 5px;
    display: inline-block;
    /*transform: scale(1.4);*/
    transition: 0.3s all ease-in-out;
    opacity: 1;
}


.Palette_12_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_12_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_12_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_12_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_12_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_12_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_12_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}



.Palette_13_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.Palette_13_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_13_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_13_icon_1:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-box input[type='radio']:hover + .Palette_13_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_13_icon_2:before {
    background-image: url('../../ImagesNew/PM/Palette_13_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    line-height: 80px;
    left: 25px;
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.Palette_14_font_1:before {
    content: "\e90D";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_14_font_1:before {
    content: "\e90B";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_14_font_1:before {
    content: "\e90B";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.Palette_14_font_2:before {
    content: "\e90C";
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
}

.ld-box input[type='radio']:hover + .Palette_14_font_2:before {
    content: "\e90A";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 0.8;
}

.ld-box input[type='radio']:checked + .Palette_14_font_2:before {
    content: "\e90A";
    display: inline-block;
    transform: scale(1.4);
    /*transition: 0.3s all ease-in-out;*/
    opacity: 1;
}

.ld-answer-option.radio input[type='radio'] + label {
    /*min-height:121px;
    min-width:150px;*/
    min-height: 100px;
    min-width: 100px;
}

.ld-answer-option.Palette_icon_ld1.radio input[type='radio'] + label {
    /*min-height:121px;
    min-width:150px;*/
    min-height: 110px;
    min-width: 110px;
}

.mobile-wrapper .ld-answer-option.radio input[type='radio'] + label {
    min-height: 98px !important;
    min-width: 100px !important;
}

.ld-unselect {
    opacity: 0.8;
}
/*input[type='radio']:focus + label.Palette_icon {
outline: none !important;
}*/
/* BLUE LIKE */
.mobile-wrapper .Palette_2_icon_1:before {
    /*background-image: url(../../ImagesNew/PM/Group Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}
/* BLUE LIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_2_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_2_icon_1:before {
    /*background-image: url(../../ImagesNew/PM/Group Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BLUE DISLIKE */
.mobile-wrapper .Palette_2_icon_2:before {
    /*background-image: url(../fonts/Group Copy 5.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BLUE DISLIKE HOVER*/
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_2_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_2_icon_2:before {
    /*background-image: url(../fonts/Group Copy 5.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* COLOR LIKE */
.mobile-wrapper .Palette_3_icon_1:before {
    /*background-image: url(../fonts/Group 8 Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* COLOR DISLIKE */
.mobile-wrapper .Palette_3_icon_2:before {
    /*background-image: url(../fonts/Group 8 Copy 5.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* COLOR LIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_3_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_3_icon_1:before {
    /*background-image: url(../fonts/Group 8 Copy 8.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}
/* COLOR DISLIKE HOVER*/
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_3_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_3_icon_2:before {
    /*background-image: url(../fonts/Group 8 Copy 9.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* BLACK ICON LIKE*/
.mobile-wrapper .Palette_6_icon_1:before {
    /*background-image: url(../fonts/Group 5 Copy 3.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BLACK ICON HOVER LIKE*/
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_6_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_6_icon_1:before {
    /*background-image: url(../fonts/Group 5 Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}
/* BLACK ICON  DISLIKE*/
.mobile-wrapper .Palette_6_icon_2:before {
    /*background-image: url(../fonts/Group Copy 3.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BLACK ICON HOVER DISLIKE*/
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_6_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_6_icon_2:before {
    /*background-image: url(../fonts/Group Copy 6.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}


/* YELLOW COLOR LIKE SMILEY */
.mobile-wrapper .Palette_7_icon_1:before {
    /*background-image: url(../fonts/Group 3 Copy.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* YELLOW COLOR DISLIKE SMILEY */
.mobile-wrapper .Palette_7_icon_2:before {
    /*background-image: url(../fonts/Group 2 Copy 2.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* YELLOW COLOR HOVER LIKE SMILEY */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_7_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_7_icon_1:before {
    /*background-image: url(../fonts/Group 3 Copy 2.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* YELLOW COLOR HOVER DISLIKE SMILEY */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_7_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_7_icon_2:before {
    /*background-image: url(../fonts/Group 2 Copy 3.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* ROUND LIKE */
.mobile-wrapper .Palette_9_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy 6.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* ROUND DISLIKE */
.mobile-wrapper .Palette_9_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy 7.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* ROUND LIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_9_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_9_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy 6.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* ROUND DISLIKE HOVER*/
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_9_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_9_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy 7.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* BORDER GLAD */
.mobile-wrapper .Palette_10_icon_1:before {
    /*background-image: url(../fonts/SmileyPalette8_glad.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BORDER GLAD HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_10_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_10_icon_1:before {
    /*background-image: url(../fonts/SmileyPalette8_glad_hover.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* BORDER SAD DISLIKE */
.mobile-wrapper .Palette_10_icon_2:before {
    /*background-image: url(../fonts/SmileyPalette8_sad.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}
/* BORDER SAD DISLIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_10_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_10_icon_2:before {
    /*background-image: url(../fonts/SmileyPalette8_sad_hover.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* ROUNDED LIKE */
.mobile-wrapper .Palette_11_icon_1:before {
    /*background-image: url(../fonts/smileyset9_smile.svg);*/
    background-size: 80%;
    top: 0px;
    left: 18px;
}

/* ROUNDED LIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_11_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_11_icon_1:before {
    /*background-image: url(../fonts/smileyset9_smile_hover.svg);*/
    background-size: 80%;
    top: 0px;
    left: 10px;
}

/* ROUNDED DISLIKE */
.mobile-wrapper .Palette_11_icon_2:before {
    /*background-image: url(../fonts/smileyset9_unhappy.svg);*/
    background-size: 80%;
    top: 0px;
    left: 18px;
}

/* ROUNDED DISLIKE HOVER */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_11_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_11_icon_2:before {
    /*background-image: url(../fonts/smileyset9_unhappy_hover.svg);*/
    background-size: 80%;
    top: 0px;
    left: 10px;
}


/* ROUNDED BORDER HEART */
.mobile-wrapper .Palette_12_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* ROUNDED BORDER DISLIKEHEART */
.mobile-wrapper .Palette_12_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy 5.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}

/* ROUNDED BORDER HOVER HEART */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_12_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_12_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy 4.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}

/* ROUNDED BORDER HOVER DISLIKEHEART */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_12_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_12_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy 5.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}


/* FILLED HEART */
.mobile-wrapper .Palette_13_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy1.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}


/* FILLED DISLIKE HEART */
.mobile-wrapper .Palette_13_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
}


/* FILLED HEART HOVER LIKE */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_13_icon_1:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_13_icon_1:before {
    /*background-image: url(../fonts/Group 6 Copy1.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}


/* FILLED HEART HOVER DISLIKE */
.mobile-wrapper .ld-box input[type='radio']:hover + .Palette_13_icon_2:before,
.mobile-wrapper .ld-box input[type='radio']:checked + .Palette_13_icon_2:before {
    /*background-image: url(../fonts/Group 6 Copy.svg);*/
    background-size: 80%;
    top: 35px;
    left: 30px;
    /*transform: scale(1.4);*/
}







.Smiley3-glad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 15px;
}

.ld-box input[type='radio']:checked + .Smiley3-glad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 15px;
}

.ld-box input[type='radio']:hover + .Smiley3-glad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_1_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 15px;
}

.Smiley3-sad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 140px;
}

.ld-box input[type='radio']:checked + .Smiley3-sad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 140px;
}

.ld-box input[type='radio']:hover + .Smiley3-sad:before {
    background-image: url('../../ImagesNew/PM/Palette_10_icon_2_hover.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    top: 3px;
    line-height: 80px;
    left: 140px;
}

.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,
.ui-temp.left-moon + form.mobile-wrapper input[type='radio'] + label.ld-common,
.ui-temp.right-moon + form.mobile-wrapper input[type='radio'] + label.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-answer-option.Palette_icon_ld {
        margin: 0 0px !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;
}

.mobile-wrapper .matrix-mobile-subQ .isMandatory .question-option-wrapper .mw-sub-question-text span:first-child {
    margin-right: 3px;
    margin-left: 14px !important;
}

.mobile-wrapper .RTLDir .matrix-mobile-subQ .isMandatory .question-option-wrapper .mw-sub-question-text span:first-child {
    margin-right: 14px !important;
    margin-left: 3px !important;
}

.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;
}

.mobile-wrapper .rs-clear-text {
    font-size: 14px !important;
}


.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 = '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 = '5_4'] .smiley-rs-icon {
    background-image: url('../../ImagesNew/PM/ces-happy.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon, .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 = '3_3'] .smiley-rs-icon, .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: 1.0;
    background-color: transparent !important;
}

    .ces-csat-ans-option input[type='radio'] + label.smileyUnSelected {
        opacity: 0.7;
        background-color: transparent !important;
    }


    form:not(.mobile-wrapper) .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,
    .rs-smiley-wrapper .smiley-rs-icon.palette.selected {
        opacity: 1;
    }

        .ces-csat-ans-option input[type='radio']:checked + label.palette-11 {
            opacity: 1;
        }

.ces-csat-wrapper {
    display: table;
    width: 100%;
    padding: 0px 16px;
}

.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: 0px;
}

.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;
}

.disabled1 {
    pointer-events: none;
}

.disabled3 {
    opacity: 0.3;
    pointer-events: none;
}

/*PRT 137581*/ 
.rating-scale-cont .validator_message {
    margin-top: -10px;
    left: initial;
    right: 25px;
}
.rating-scale-cont .validator_message::before {
    top: -5px;
    left: initial;
    right: 20px;
}
 .rs-mobile-cont .validator_message {
    margin-top: 35px;
    left: 25px;
}

.RTLDir .rating-scale-cont .validator_message {
    left: 25px;
    right: initial;
}

.RTLDir .rating-scale-cont .validator_message::before {
    top: -5px;
    right: inherit;
    left: 20px;
}
/*PRT 137581 END*/

.RTLDir .rs-mobile-cont .validator_message {
    left: 30px;
}
/* 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 .ML_Main .ques-response-btn,
.new-participation-focus .ML_Main .ques-response-btn {
    margin: 20px 0 0 10px;
}

.RTLDir .new-participation-v .ML_Main .ques-response-btn,
.RTLDir .new-participation-focus .ML_Main .ques-response-btn {
    margin: 20px 15px 0 0;
}
.mobile-wrapper .new-participation-v .ML_Main .ques-response-btn,
.mobile-wrapper .new-participation-focus .ML_Main .ques-response-btn {
    margin: 20px 0 0 20px;
}

.mobile-wrapper .RTLDir .new-participation-v .ML_Main .ques-response-btn,
.mobile-wrapper .RTLDir .new-participation-focus .ML_Main .ques-response-btn {
    margin: 20px 20px 0 0;
}
    .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 14px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .tb-legend,
form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory .tb-legend {
    padding: 0px !important;
}



.mndtry-txt-clr {
    padding: 0 14px !important;
}

.mobile-wrapper .mndtry-txt-clr {
    padding: 0 15px !important;
}

.rddg-subqno {
    margin-left: 0px !important;
}

.RTLDir .rddg-subqno {
    margin-right: 0px !important;
    margin-left:3px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper {
    padding: 20px 14px 18px !important;
}


form:not(.mobile-wrapper) .fieldset-wrapper .rs-wrapper-scroll .answer-option-wrapper {
    padding: 16px 14px 10px !important;
}


form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.dd-box  {
    padding: 20px 14px 20px !important;
}


form:not(.mobile-wrapper) .fieldset-wrapper .rank-wrapper {
    padding: 20px 14px 5px !important;
}

    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.ML_Main {
        padding: 0px !important;
    }



    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.main-matrix {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }


        form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.main-matrix.GridSearch {
            padding-bottom: 70px !important;
        }


form:not(.mobile-wrapper) .mdd-wrapper .fieldset-wrapper .answer-option-wrapper {
    padding: 10px 5px 10px !important;
}

.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box {
    padding: 3px 14px 9px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box {
    padding: 3px 14px 9px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory legend,
form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory .question-option-wrapper {
    padding: 10px 14px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper  .matrix-standalone .matrix-standalone-ques .fieldset-wrapper.isMandatory .mobile-sub-question .mw-sub-question-text span:first-child {
padding-left:  14px !important;
}

form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper .matrix-standalone .matrix-standalone-ques .fieldset-wrapper.isMandatory .mobile-sub-question .mw-sub-question-text span:first-child {
    padding-right: 14px !important;
    padding-left:0!important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .matrix-standalone .matrix-standalone-ques .fieldset-wrapper.isMandatory .mobile-sub-question .mw-sub-question-text.no-subQno span:nth-child(2) {
    padding-left: 14px !important;
}

form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper .matrix-standalone .matrix-standalone-ques .fieldset-wrapper.isMandatory .mobile-sub-question .mw-sub-question-text.no-subQno span:nth-child(2) {
    padding-right: 14px !important;
    padding-left: 0 !important;
}


form:not(.mobile-wrapper) .isMandatory legend .question-no, form:not(.mobile-wrapper) .isMandatory .question-option-wrapper .question-no {
    padding-left: 14px;
}
form:not(.mobile-wrapper) .isMandatory legend .no-Qno, form:not(.mobile-wrapper) .isMandatory .question-option-wrapper .no-Qno {
    padding-left: 14px !important;
}

form:not(.mobile-wrapper) .isMandatory legend .no-Qno, form:not(.mobile-wrapper) .isMandatory .question-option-wrapper .question-text p {
    display: inline-block;
}


.mobile-wrapper .isMandatory legend .question-no, .mobile-wrapper .isMandatory .question-option-wrapper .question-no,
.mobile-wrapper .isMandatory legend .question-no, .mobile-wrapper .isMandatory .question-option-wrapper .no-Qno {
    padding-left: 14px !important;
}


.mobile-wrapper .mtb-wrapper .isMandatory legend .question-no, .mobile-wrapper .mtb-wrapper .isMandatory .question-option-wrapper .question-no,
.mobile-wrapper .mtb-wrapper .isMandatory legend .question-no, .mobile-wrapper .mtb-wrapper .isMandatory .question-option-wrapper .no-Qno {
    padding-left: 10px !important;
}

.mobile-wrapper .isMandatory .question-rs-wrapper.question-option-wrapper .no-Qno {
    padding-left: 14px !important;
}

.mobile-wrapper .RTLDir .isMandatory .question-rs-wrapper.question-option-wrapper .no-Qno {
    padding-left: 0px !important;
    padding-right: 14px !important;
}

.mobile-wrapper .matrix-standalone-ques .isMandatory .question-rs-wrapper.question-option-wrapper .no-Qno {
    padding-left: 0px !important;
}

.mobile-wrapper .RTLDir .matrix-standalone-ques .isMandatory .question-rs-wrapper.question-option-wrapper .no-Qno {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


form:not(.mobile-wrapper) .RTLDir .isMandatory legend .question-no, form:not(.mobile-wrapper) .RTLDir .isMandatory .question-option-wrapper .question-no {
    padding-right: 14px;
}

form:not(.mobile-wrapper) .RTLDir .isMandatory legend .no-Qno, form:not(.mobile-wrapper) .RTLDir .isMandatory .question-option-wrapper .no-Qno {
    padding-right: 14px !important;
}

form:not(.mobile-wrapper) .mtb-tb-container .isMandatory .question-option-wrapper .question-text {
    padding-left: 4px !important;
    padding-top:2px;
}

form:not(.mobile-wrapper) .mtb-tb-container .isMandatory .question-option-wrapper .question-text.no-Qno {
    padding-left: 14px !important;
}
form:not(.mobile-wrapper) .mtb-tb-container .isMandatory .question-option-wrapper .question-no {
    padding-left: 4px !important;
    padding-right: 0px !important;
}

form:not(.mobile-wrapper) .RTLDir .mtb-tb-container .isMandatory .question-option-wrapper .question-text,
form:not(.mobile-wrapper) .RTLDir .mtb-tb-container .isMandatory .question-option-wrapper .question-no {
    padding-left: 0px !important;
    padding-right: 6px !important;
}

form:not(.mobile-wrapper) .mdd-wrapper .isMandatory .question-option-wrapper .question-no {
    padding-left: 18px !important;
}
form:not(.mobile-wrapper) .mdd-wrapper .isMandatory .question-option-wrapper .no-subQno {
    padding-left: 18px !important;
}


.mobile-wrapper .mdd-data .isMandatory .question-option-wrapper .no-subQno {
    padding-left: 14px !important;
}


.mobile-wrapper .RTLDir .mdd-data .isMandatory .question-option-wrapper .no-subQno,
form:not(.mobile-wrapper) .RTLDir .mdd-wrapper .isMandatory .question-option-wrapper .no-subQno {
    padding-right: 14px !important;
    padding-left: 0px !important;
}

form:not(.mobile-wrapper) .RTLDir .mdd-wrapper .isMandatory .question-option-wrapper .question-no {
    padding-right: 13px !important;
    padding-left: 3px !important;
}



form:not(.mobile-wrapper) .mdd-wrapper .fieldset-wrapper .question-option-wrapper.subqtn {
    padding: 15px 5px 5px 5px !important
}

form:not(.mobile-wrapper) .RTLDir .mdd-wrapper .fieldset-wrapper .question-option-wrapper.subqtn {
    padding: 15px 5px 5px 5px !important
}


form:not(.mobile-wrapper) .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    /*top: 58% !important;*/
    top:25.5px !important;
    font-size: 11px;
    left: 5px !important;
}

form:not(.mobile-wrapper) .RTLDir .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    top: 26px !important;
    font-size: 11px;
    right: 5px !important;
}

form:not(.mobile-wrapper) .mdd-td .mdd-wrapper .fieldset-wrapper .question-option-wrapper .question-text span {
display:inline !important;

}

form:not(.mobile-wrapper) .RTLDir .mdd-td .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    right: 0px !important;
}

.mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    font-size: 11px;
}


form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 15px 18px 15px 0px !important;
}

form:not(.mobile-wrapper) .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 10px 18px 16px 4px !important;
}

form:not(.mobile-wrapper) .mtb-wrapper.mtb-above-title .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn,
form:not(.mobile-wrapper) .mtb-wrapper.mtb-below-title .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 0px 18px 0px 4px !important;
}



form:not(.mobile-wrapper) .RTLDir .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 10px 5px 16px 0px !important;
}

legend .question-text {
    padding: 0px !important;
}

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

form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory > fieldset > legend::before,
form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory > fieldset > legend::before,
form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: 14px !important;
    top: 14.5px !important;
}

form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper.isMandatory > fieldset > legend::before,
form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper.isMandatory > fieldset > legend::before,
form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: 14px !important;
    top: 14.5px !important;
}

.matrix-grid .matrixTitleTd .matrix-grid-mandatory span {
    padding-left: 14px;
    smiley-rs-icon
}


.ML-Main {
    padding: 5px 14px 5px !important
}

form:not(.mobile-wrapper) .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    left: 5px !important;
    /* top: 5px !important;*/
}

form:not(.mobile-wrapper) .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    left: 1px !important;
    position: relative;
    top: 1px !important;
}


form:not(.mobile-wrapper) .RTLDir .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    right: 1px !important;
    /* top: 5px !important;*/
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.rrb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box {
    padding: 10px 14px !important;
}
    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box.ic-box,
    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box.ic-box {
        padding: 20px 14px !important;
    }


form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.DispCol.cb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.DispCol.radio-box {
    padding: 10px 8px !important;
}

.ui-temp.left-moon + form .DispCol .answer-option.radio-hrb,
.ui-temp.right-moon + form .DispCol .answer-option.radio-hrb {
    padding: 0px 0px !important;
}

.ui-temp.free-spirit + form .DispCol .answer-option.radio-hrb {
    padding: 8px 0px !important;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .DispCol .answer-option input[type='checkbox'] + label {
    padding:9px 4px !important;
}



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

form:not(.mobile-wrapper) .column-struct-mtb .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 10px 0px 0px 0px !important;
}

form:not(.mobile-wrapper) .column-struct-mtb .mtb-td,
form:not(.mobile-wrapper) .column-struct-mdd .mdd-td {
    padding-left: 0px !important;
}

form:not(.mobile-wrapper) .column-struct-mtb .mdd-wrapper .fieldset-wrapper .question-option-wrapper.subqtn {
    padding: 0px !important;
}


form:not(.mobile-wrapper) .mdd-td .mdd-wrapper .fieldset-wrapper .question-option-wrapper.subqtn  {
    padding: 0px !important;
    padding-top: 15px !important;
}

form:not(.mobile-wrapper) .mdd-wrapper .fieldset-wrapper .question-option-wrapper.subqtn
{
    padding-bottom:10px !important;
    padding-left:6px !important;
}

form:not(.mobile-wrapper) .mdd-td .mdd-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn {
    padding: 0px !important;
    padding-top: 15px !important;
}

.matrix-standalone .question-option-wrapper .question-text-nb span {
    padding-right: 5px !important
}

.mdd-td .mdd-wrapper.multiCol .fieldset-wrapper .question-no {
    padding-right: 4px !important;
}

.RTLDir .mdd-td .mdd-wrapper.multiCol .fieldset-wrapper .question-no {
    padding-right: 0px !important;
}

.fieldset-wrapper legend .question-text-nb{
    padding:0px !important;
}

legend .question-no, legend .question-text-nb, .question-option-wrapper .question-no,
.question-option-wrapper .question-text-nb, .matrix-grid .answer-option,
.matrix-subQ, .matrix-main-subq .sub-category-td {
    padding-right: 3px !important;
    margin-right: 0px !important;
}

form:not(.mobile-wrapper) .RTLDir legend .question-no, legend .question-text-nb, .RTLDir .question-option-wrapper .question-no,
form:not(.mobile-wrapper) .RTLDir .question-option-wrapper .question-text-nb, .RTLDir .matrix-grid .answer-option,
form:not(.mobile-wrapper) .RTLDir .matrix-main-subq .sub-category-td {
    padding-left: 3px !important;
    padding-right: 0px !important;
}

.RTLDir .isMandatory legend .question-no,
.RTLDir .isMandatory .question-option-wrapper .question-no {
    padding-right: 14px !important;
}

.mobile-wrapper .RTLDir .isMandatory legend .question-no,
.mobile-wrapper .RTLDir .isMandatory .question-option-wrapper .question-no,
.mobile-wrapper .RTLDir .isMandatory legend .no-Qno,
.mobile-wrapper .RTLDir .isMandatory .question-option-wrapper .no-Qno {
    padding-right: 10px !important;
    padding-left: 0px !important;
}

.mobile-wrapper .RTLDir .matrix-standalone-ques .isMandatory legend .no-Qno,
.mobile-wrapper .RTLDir .matrix-standalone-ques .isMandatory .question-option-wrapper .no-Qno {
    padding:0px !important;
    padding-right:14px !important;
}

.mobile-wrapper #btn_Con {
    -webkit-appearance: none;
}



.RTLDir .matrix-subQ {
    padding-left: 3px !important;
    padding-right: 5px !important;
}


.matrix-standalone .notLastStandAlone .answer-option-wrapper {
    border-radius: 0px !important;
}

form:not(.mobile-wrapper) .column-struct-mdd .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    left: 3px !important;
    right: 0px !important;
}

form:not(.mobile-wrapper) .column-struct-mtb .fieldset-wrapper.isMandatory .question-option-wrapper.subqtn:before {
    left: 0px !important;
    right: 0px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.tb-box {
    padding: 15px 14px 20px !important;
}

    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.tb-box .date-picker-cont {
        padding-top: 5px !important;
    }

    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.tb-box .date-picker-cont .txtDate{
        margin:0px !important;
    }

form:not(.mobile-wrapper) .fieldset-wrapper .mtb-tb-container .answer-option-wrapper.tb-box {
    padding: 4px 5px 10px !important;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .answer-option input[type='checkbox'] + label {
    padding: 9px 6px !important;
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .answer-option .currentRadio {
    padding: 9px 6px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .hrbParent .answer-option-wrapper.radio-box {
    padding: 15px 9px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .ML-inner {
    padding: 0px !important;
}

.ML-inner-scroll {
    margin: 0px !important;
}

.rating-scale-cont .rs-wrapper {
    padding-left: 15px !important;
}

.rating-scale-cont .rs-wrapper.read-only {
    padding-left: 0px !important;
}

.RTLDir .rating-scale-cont .rs-wrapper.read-only {
    padding-right: 0px !important;
}


.ui-temp.left-moon + form .rating-scale-cont:not(.rating-smiley-cont) .rs-wrapper {
    padding-left: 13px !important;
}


.ui-temp.left-moon + form .RTLDir .rating-scale-cont:not(.rating-smiley-cont) .rs-wrapper {
    padding-right: 13px !important;
}


.rating-scale-cont.rating-smiley-cont .rs-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.smiley-rs-icon {
    margin-right: 35px !important;
}

.RTLDir .smiley-rs-icon {
    margin-right: 0px !important;
    margin-left: 35px !important;
}

.RTLDir .smiley-seperator {
    left: auto !important;
    right: 115px;
}

.smiley-seperator {
    left: 115px !important;
}

.ui-temp .rating-scale-cont .rs-wrapper {
    padding-left: 12px !important;
}

.RTLDir .rating-scale-cont .rs-wrapper {
    padding-right: 0px !important
}

li.rank-option .rank-option-content {
    padding-left: 6px !important;
}

.RTLDir li.rank-option .rank-option-content {
    padding-left: 55px !important;
    padding-right: 6px !important;
}

.mobile-wrapper .RTLDir li.rank-option .rank-option-content {
    padding-left: 20px !important;
    padding-right: 6px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answerParent .mtb-box {
    padding: 10px 9px 10px !important
}

form:not(.mobile-wrapper) .fieldset-wrapper .answerParent .mdd-box {
    padding: 20px 8.5px !important
}





form:not(.mobile-wrapper) .column-struct-mtb .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
form:not(.mobile-wrapper) .column-struct-mtb .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
form:not(.mobile-wrapper) .tablet-wrapper .column-struct-mtb .mtb-wrapper.mtb-left-title .fieldset-wrapper.isMandatory .question-option-wrapper:before,
form:not(.mobile-wrapper) .tablet-wrapper .column-struct-mtb .mtb-wrapper.mtb-right-title .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top: 13px !important;
}


form:not(.mobile-wrapper) .demographics-wrapper .fieldset-wrapper .answer-option-wrapper {
    padding: 2px 25px 2px !important;
}

form:not(.mobile-wrapper) .answer-option-wrapper .demographics-wrapper .question-option-wrapper {
    padding: 2px 0px 2px !important;
    vertical-align:middle;
}

form:not(.mobile-wrapper) .demographics-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper {
    padding: 10px 0px !important;
}

form:not(.mobile-wrapper) .demographics-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {
    top: 22px !important;
    left: 0px !important;
    right: 0px !important;
}

form:not(.mobile-wrapper) .demographics-wrapper.demoEmail .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {
    top: 17px !important;
    left: 0px !important;
    right: 0px !important;
}

form:not(.mobile-wrapper) .demographics-wrapper.demoDOB .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before {
    top: 21px !important;
    left: 0px !important;
    right: 0px !important;
}

form:not(.mobile-wrapper) .ld-answer-option {
    margin: 0px !important;
}


form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .isMandatory.question-option-wrapper.subqtn {
    padding: 20px 0px 8px 30px !important;
}

form:not(.mobile-wrapper) .symbol-subqtn .question-option-wrapper.subqtn {
    padding: 20px 30px 8px 0px !important;
    max-width:450px !important;
}

.mobile-wrapper .RTLDir .symbol-subqtn .isMandatory.question-option-wrapper.subqtn {
    padding: 5px 3px 8px 30px !important;
}

.mobile-wrapper .symbol-subqtn .question-option-wrapper.subqtn {
    padding: 5px 30px 6px 0px !important;
}


.RTLDir .symbol-subqtn .subqtn.isMandatory:before {
    right: 0px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE`+ specific styles go here */
    .symbol-subqtn .subqtn.isMandatory::before {
        left: -15px !important;
    }

    .RTLDir .symbol-subqtn .subqtn.isMandatory::before {
        right: -15px !important;
    }
}

form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .question-option-wrapper.subqtn {
    padding: 20px 0px 8px 30px !important;
}

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

/*.symbol-subqtn .subqtn.isMandatory:before {
    left: 0px !important;
}*/



form:not(.mobile-wrapper) .symbol-subqtn .question-option-wrapper.subqtn .question-text span {
    padding: 0 5px 0 0 !important;
}

form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .question-option-wrapper.subqtn .question-text span {
    padding: 0 0px 0 3px !important;
}

.rddgMand .matrixTitleTd > span:first-child {
    padding-left: 14px !important;
    padding-right: 0px !important;
}

.RTLDir .rddgMand .matrixTitleTd > span:first-child {
    padding-left: 0px !important;
    padding-right: 14px !important;
}

.drill-down-subqtn .isMandatory:before {
    left: 0px !important;
    top: 4px !important;
}

.RTLDir .drill-down-subqtn .isMandatory:before {
    right: 0px !important;
    top: 4px !important;
}

.RTLDir .drill-down-wrapper .question-text {
    padding-right: 0px !important;
}

/*.drill-down-wrapper .question-text {
    padding-left: 10px !important;
}*/
/*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;
    opacity: 1;
}

.mobile-wrapper .answer-option-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    left: 0px !important;
}

.mobile-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before, 
.mobile-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top:16px !important;
}

.mobile-wrapper .mdd-data .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
.mobile-wrapper .mdd-data .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top: 12px !important;
}

.mobile-wrapper .RTLDir .mdd-data .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
.mobile-wrapper .RTLDir .mdd-data .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    top: 12px !important;
}

.mobile-wrapper .RTLDir .answer-option-wrapper .mtb-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
    right: 0px !important;
    top: 14px !important;
}

/*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;
}

.mobile-wrapper .matrix-mobile-subQ .question-data {
    margin: 13px 0px 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ-cont .matrix-mobile-subQ .question-data {
    margin: 10px 0px 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ-cont .matrix-mobile-subQ .mandatory.question-data {
    margin: 10px 5px 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ-cont div.matrix-mobile-subQ:not(:first-of-type) .question-data {
    margin: 20px 0px 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ-cont div.matrix-mobile-subQ:not(:first-of-type) .mandatory.question-data {
    margin: 20px 5px 0px !important;
}


.mobile-wrapper .matrix-mobile-subQ .mobile-sub-question {
    margin-bottom: 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ .answer-option-wrapper.radio-box {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ .answer-option-wrapper.tb-box {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.mobile-wrapper .matrix-mobile-subQ .mandatory .answer-option-wrapper.tb-box,
.mobile-wrapper .matrix-mobile-subQ .mandatory .answer-option-wrapper.radio-box {
    padding-bottom: 10px !important;
}

.mobile-wrapper .matrix-mobile-subQ .answer-option.radio input[type='radio'] + label {
    margin-top: 9px !important;
    margin-bottom: 10px !important;
}

    .mobile-wrapper .matrix-mobile-subQ .answer-option.radio input[type='radio'] + label:last-child {
        margin-bottom: 0px !important;
    }

.matrix-mobile-subQ .mobile-sub-question {
    padding-bottom: 0px !important
}

.matrix-mobile-subQ {
    margin-bottom: 15px;
}

.mobile-wrapper .matrix-mobile-subQ {
    margin-bottom: 12px;
}

    .mobile-wrapper .matrix-mobile-subQ:last-child {
        margin-bottom: 20px;
    }

.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 rgba(98,201,245,1);
    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;
}

.ui-temp.free-spirit + form .geo-code-val,
.ui-temp.left-moon + form .geo-code-val,
.ui-temp.right-moon + form .geo-code-val {
    border-radius: 20px;
    border: 1px solid rgba(224,162,4,1);
}

.ui-temp.left-moon + form .geo-code-val {
    border: 1px solid rgba(157,167,196,1);
}

.ui-temp.right-moon + form .geo-code-val {
    border: 1px solid rgba(110,168,3,1);
}

.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;
    height: 28px;
    width: 30px;
    background-color: transparent;
    top: 0px;
    right: -2px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font: 13px "Consolas", monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(98,201,245,1);
    border-radius: 5px 5px 0px 0px;
}

.RTLDir .geo-code-val::after {
    right: auto;
    left: -2px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-temp.free-spirit + form:not(.mobile-wrapper) .geo-code-val::after,
.ui-temp.left-moon + form:not(.mobile-wrapper) .geo-code-val::after,
.ui-temp.right-moon + form:not(.mobile-wrapper) .geo-code-val::after {
    content: '';
    border-radius: 20px 20px 0px 0px;
    background-color: rgba(224,162,4,1);
}

.ui-temp.left-moon + form:not(.mobile-wrapper) .geo-code-val::after {
    background-color: rgba(157,167,196,1);
}

.ui-temp.right-moon + form:not(.mobile-wrapper) .geo-code-val::after {
    background-color: rgba(110,168,3,1);
}

.ui-temp.free-spirit + form:not(.mobile-wrapper) .geo-code-val::before,
.ui-temp.left-moon + form:not(.mobile-wrapper) .geo-code-val::before,
.ui-temp.right-moon + form:not(.mobile-wrapper) .geo-code-val::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 7px solid rgb(255, 255, 255);
    transform: translate(0%, -50%) rotate(0deg);
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: 50%;
    right: 6px;
}

.ui-temp.free-spirit + form:not(.mobile-wrapper) .RTLDir .geo-code-val::before,
.ui-temp.left-moon + form:not(.mobile-wrapper) .RTLDir .geo-code-val::before,
.ui-temp.right-moon + form:not(.mobile-wrapper) .RTLDir .geo-code-val::before {
    right: auto;
    left: 6px;
}

.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;
    border-color: #b9b9b9 !important;
    border-radius: 5px !important;
}

    .mobile-wrapper .geo-code-val::after {
        top: 5px !important;
        background-color: transparent !important;
        color: #988e8e;
        font-weight: bold;
        font-size: 18px;
    }

.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;
        margin-top:10px;
    }

    .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;
}

.mobile-wrapper .mtb-wrapper .isMandatory .question-option-wrapper .question-text.no-subQno {
    padding-left:14px !important;
}

.mobile-wrapper .RTLDir .mtb-wrapper .isMandatory .question-option-wrapper .question-text.no-subQno {
    padding-left: 0px !important;
    padding-right: 14px !important;
}
/*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 6px !important;
}

.ui-temp.right-moon + form input[type='radio'] + label, .ui-temp.right-moon + form input[type='checkbox'] + label {
    padding: 9px 6px !important;
}

.ui-temp.left-moon + form .answer-option.multi-ans-image input[type='radio'] + label, .ui-temp.left-moon + form .answer-option.mutli-ans-image input[type='checkbox'] + label,
.ui-temp.left-moon + form .answer-option.single-ans-image input[type='radio'] + label, .ui-temp.left-moon + form .answer-option.single-ans-image input[type='checkbox'] + label {
    padding: 5px 6px !important;
}

.ui-temp.right-moon + form .answer-option.multi-ans-image input[type='radio'] + label, .ui-temp.right-moon + form .answer-option.multi-ans-image input[type='checkbox'] + label,
.ui-temp.right-moon + form .answer-option.single-ans-image input[type='radio'] + label, .ui-temp.right-moon + form .answer-option.single-ans-image input[type='checkbox'] + label {
    padding: 5px 6px !important;
}

/*SRS Text and mandatory icon changes*/

form:not(.mobile-wrapper) .symbol-subqtn .question-option-wrapper.subqtn .question-text span {

    padding: 0 3px;
    vertical-align: middle;
}

form:not(.mobile-wrapper) .symbol-subqtn .isMandatory.question-option-wrapper.subqtn .question-text span:first-child {
    padding-right:3px !important;
    padding-left:14px !important;
}

.srs-box .question-option-wrapper.subqtn,
.mdd-wrapper .question-option-wrapper.subqtn {
    vertical-align: top !important;
}

form:not(.mobile-wrapper) .RTLDir .symbol-subqtn .isMandatory.question-option-wrapper.subqtn .question-text span:first-child {
    padding-right: 14px !important;
    padding-left: 3px !important;
}

.drill-down-wrapper .question-no
{
    padding-right:3px !important;
}


.RTLDir .drill-down-wrapper .question-no {
    padding-left: 3px !important;
    padding-right: 0px !important;
}

.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;
    }

    .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 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;
    padding-bottom: 0;
}

.cookie-browser-link {
    padding: 10px 0;
}

.cookie-browser {
    display: inline-block;
    /*UJ 155 Change*/
    width: 70px;
    height: 70px;
    /*background-image: url('../../ImagesNew/PM/cookieSprite.svg');*/
    margin-right: 10px;
    background-size: 65px;
    display: inline-block;
    background-repeat: no-repeat;
}

.cookie-browser.chrome {
    background-image: url('../../ImagesNew/PM/chrome-icon.svg');
}

.cookie-browser.firefox {
    background-image: url('../../ImagesNew/PM/firefox-icon.svg');
}

.cookie-browser.edge {
    background-image: url('../../ImagesNew/PM/microsoft-edge-icon.svg');
}

.cookie-browser.safari {
    background-image: url('../../ImagesNew/PM/safari-icon.svg');
}

.cookie-browser.ie {
    background-image: url('../../ImagesNew/PM/internet-explorer-icon.svg');
}

.mobile-wrapper .cookie-browser,
.mobile-wrapper .browsercont .IEcont .browserIcon {
    display: inline-block;
    /*UJ 155 Change*/
    width: 34px;
    height: 34px;
    /*background-image: url('../../ImagesNew/PM/cookieSprite.svg');*/
    margin-right: 0px;
    background-size: 33px;
}
.mobile-wrapper .browsercont .IEcont .browserIcon {
    background-size: 34px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.mobile-wrapper .IEtxt {
    margin-bottom:25px;
}
.mobile-wrapper .IEcont {
    margin-right: 30px;
    min-width: 75px;
}
/*    .mobile-wrapper .cookie-browser.chrome {
        background-image: url('../../ImagesNew/PM/chrome-icon.svg');
    }

    .mobile-wrapper .cookie-browser.firefox {
        background-image: url('../../ImagesNew/PM/firefox-icon.svg');
    }

    .mobile-wrapper .cookie-browser.edge {
        background-image: url('../../ImagesNew/PM/microsoft-edge-icon.svg');
    }

    .mobile-wrapper .cookie-browser.safari {
        background-image: url('../../ImagesNew/PM/safari-icon.svg');
    }

    .mobile-wrapper .cookie-browser.ie {
        background-image: url('../../ImagesNew/PM/internet-explorer-icon.svg');
    }*/
. /*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;
        }
}*/
/*UJ 155 Change Done*/
/**/
.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: 15px;
}

.RTLDir .cookie-wrapper .message-heading-text {
    padding-right: 20px;
    padding-left: 10px;
}

.cookie-wrapper .message-info-wrapper .message-text {
    font-size: 18px;
    color: #20232a;
}

/*UJ155 change
.mobile-wrapper .cookie-wrapper .message-heading-text {
    color: #20232a;
    font-weight: bold;
    padding-left: 10px;
    text-align: center;
    display: block;
    padding-top: 80px;
}
UJ155 change*/

.mobile-wrapper .message-info-wrapper .message-text {
    font-size: 16px;
    color: #20232a;
    text-align: center;
    /*UJ155 change*/
    font-weight: normal;
    /*UJ155 change*/
    /*padding: 0px 10px;*/
}

.mobile-wrapper .message-wrapper.cookie-wrapper {
    border: none;
    padding: 0px;
}

/*UJ155 change*/
/*.mobile-wrapper .cookie-wrapper .message-footer-wrapper {
    background: #d1d8dc;
}*/
/*UJ155 change*/

.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;
    }
    form:not(.mobile-wrapper) .SurveyMsgWrapper, :not(.mobile-wrapper).SurveyMsgWrapper.JsSurveyWrapper,
    body:not(.mobile-wrapper) .SurveyMsgWrapper {
        position: static;
    }
}

.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 !important;
    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;*/  /*135860*/
    position: relative;
    z-index: 1;
}
/*.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 !important;

}

.SingleclsPageNO {
    display: none;
}

/*107124*/
.test-strip {
    background-color: #EA5B2E;
    color: rgba(255,255,255,0.9);
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
}

.timeout-modal-overlay, .ansclear-modal-overlay, .test-modal-overlay {
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 901;
}

.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: #EA5B2E;
    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-btn.btn-cancle {
        background-color: #b1bbc4;
    }

.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;
}

.mobile-wrapper .answer-opt-image video {
    height: 120px;
}

.mobile-wrapper .answer-opt-image .container {
    left: 50%;
    transform: translate(-80%, -12px );
    margin-top: -10px;
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .mobile-wrapper .answer-opt-image .container {
        left: 50%;
        transform: translate(-105%, -12px );
        margin-top: -10px;
    }
}

/*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(../../ProductImages/Product_specifics/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;
}

body:not(.mobile-wrapper) .i-header {
    display: flex;
    position: relative;
    align-items: center;
    padding: 0px 45px;
}

.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;
}

body:not(.mobile-wrapper) .i-header-img {
     width: 300px;

    margin-right: 10px;

    background-size: 100%;

    position: absolute;

    top: -36px;
}

.i-header-text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
body:not(.mobile-wrapper) .i-header-text {
    margin-left :295px;
}

.i-header-small-text {
    font-size: 17px;
    margin-top: 45px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
    opacity: 0.7;
}

body:not(.mobile-wrapper) .i-header-small-text {
    margin-top: 0px;
}

.i-header-big-text {
    font-size: 34px;
    color: #ffffff;
    opacity: 0.7;
}

body:not(.mobile-wrapper) .i-header-big-text {
    font-size: 24px;
}

.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;
}

body:not(.mobile-wrapper) .r-header {
    display:flex
}

.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;
}

body:not(.mobile-wrapper) .r-header-img {
    width: 250px;
    background-size: contain;
}

.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;
}

body:not(.mobile-wrapper) .r-header-big-text {
    font-size:24px;
    margin-top:25px;
}

.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;
}

.mobile-wrapper .r-numbers-cont {
    margin-top:45px;
}

.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: 0px;
}

.mobile-wrapper .r-header {
    height: auto;
    margin-top: 0px;
    border-radius: 0px;
    padding: 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: auto;
    padding: 0px 27px 22px;
}

.mobile-wrapper .i-header-img {
    width: 100%;
    height: 160px;
    margin-right: 0px;
    bottom: -20px;
    background-size: contain;
    margin-left:12px;
}

.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: 10px;
}

.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;
}

/*Media crt*/
/*.questionImageWrapper + fieldset .question-option-wrapper{
    border-radius: 0px !important;
}*/

.fill.ques-img-row-item .question-image-cont-div {
    overflow: hidden;
    position: relative;
    /*display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;*/
}

.fill.ques-img-row-item.one-image .question-image-cont-div {
    height: 576px;
    width: 100%;
}

.fill.ques-img-row-item.two-image .question-image-cont-div {
    height: 485px;
    width: 100%;
}

.fill.ques-img-row-item.three-image .question-image-cont-div {
    height: 450px;
    width: 100%;
}

.fill.ques-img-row-item.small-fit .question-image-cont-div {
    height: 225px;
    width: 50%;
}

.fill.ques-img-row-item.medium-fit .question-image-cont-div {
    height: 315px;
    width: 70%;
}

.fill.ques-img-row-item.large-fit .question-image-cont-div {
    height: 450px;
    width: 100%;
}

.ques-img-row-item.fill img, .ques-img-row-item.fill iframe {
    max-height: none !important;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ques-img-row-item.fill .audio-file img {
    max-width: 100%;
    width: auto;
    max-width: none;
    min-height: 0px;
    min-width: 0px;
    display: block;
    position: static;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.fill.ques-img-row-item .audio-file .question-image-cont-div {
    overflow: auto;
    position: relative;
}

.fill.ques-img-row-item.one-image .audio-file .question-image-cont-div {
    height: auto;
    width: 100%;
}

.fill.ques-img-row-item.two-image .audio-file .question-image-cont-div {
    height: auto;
    width: 100%;
}

.fill.ques-img-row-item.three-image .audio-file .question-image-cont-div {
    height: auto;
    width: 100%;
}

.fill.ques-img-row-item.small-fit .audio-file .question-image-cont-div,
.fill.ques-img-row-item.medium-fit .audio-file .question-image-cont-div,
.fill.ques-img-row-item.large-fit .audio-file .question-image-cont-div {
    height: auto;
    width: auto;
}


/* GDPR CSS*/
.contact-person-details {
    padding: 0px 0px 25px;
    cursor: default;
    background-color: #ffffff;
    text-align: left;
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
    margin-bottom: 25px;
}

.cpd-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}

.cpd-name-addr {
    font-size: 12px;
    ;
    line-height: 1.67;
    color: rgba(32, 35, 42, 0.7);
    margin-bottom: 12px;
}

.cpd-mail-contact {
    font-size: 13px;
    line-height: 1.62;
    color: #20232a;
}

.cpd-mc-image {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mail .cpd-mc-image {
    background-image: url(../../ImagesNew/PM/EmailLogoGDPR.svg);
}

.contact .cpd-mc-image {
    background-image: url(../../ImagesNew/PM/TelephoneLogoGDPR.svg);
    background-size: 90% 90%;
}

.mobile .cpd-mc-image {
    background-image: url(../../ImagesNew/PM/MobLogoGDPR.svg);
}

.cpd-mc-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}

/*END GDPR*/

/*mtb multiline changes*/
.mtb-wrapper textarea {
    vertical-align: middle;
    min-height: 27px;
    min-width: auto;
}
/*mtb multiline changes end*/

/*124788*/
.ui-temp.right-moon + form .nps-ans-option input[type='radio'] + label,
.ui-temp.left-moon + form .nps-ans-option input[type='radio'] + label,
.ui-temp.free-spirit + form .nps-ans-option input[type='radio'] + label,
.ui-temp + form .nps-ans-option input[type='radio'] + label {
    padding: 28% 0 !important;
}

.ui-temp.right-moon + form.mobile-wrapper .nps-ans-option input[type='radio'] + label,
.ui-temp.left-moon + form.mobile-wrapper .nps-ans-option input[type='radio'] + label,
.ui-temp.free-spirit + form.mobile-wrapper .nps-ans-option input[type='radio'] + label,
.ui-temp + form.mobile-wrapper .nps-ans-option input[type='radio'] + label {
    padding: 3% 0 !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box {
    padding: 14px 30px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.tb-box {
    padding: 11px 30px 16px;
}


form:not(.mobile-wrapper) .fieldset-wrapper .rank-wrapper {
    padding: 11px 30px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.demo-box
{
    padding: 15px 14px 15px !important; 
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.thumb-box {
    padding: 16px 30px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.srs-box {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.mtb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.mdd-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.attach-box {
    padding: 7px 30px;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.rrb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box,
form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box {
    padding: 16px 30px;
}

    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box.ic-box,
    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box.ic-box,
    .ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box.ic-box,
    .ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box.ic-box,
    .ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box.ic-box,
    .ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box.ic-box {
        padding: 16px 30px 0px;
    }

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.drill-box {
    padding: 16px 4px 9px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.na-box {
    padding: 16px 14px 5px !important;
}

form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper .ld-common {
    margin-top:0px !important;
}

.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.nps-box {
    padding: 1px 30px;
}

.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.rrb-box,
.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box,
.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.rrb-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.rrb-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.cb-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.radio-box {
    padding: 6px 30px;
}

.ui-temp.right-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.thumb-box,
.ui-temp.left-moon + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.thumb-box,
.ui-temp.free-spirit + form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.thumb-box {
    padding: 11px 30px;
}

@media screen and (max-width: 700px) {
    form:not(.mobile-wrapper) .btmNote.onlyMessage {
        display:inline !important;
    }

    form:not(.mobile-wrapper) .btmNote.onlyMessage .Privacy-txt{
        position:unset !important;
    }
}

    @media screen and (max-width: 800px) {

        .small-survey-width, .medium-survey-width, .full-survey-width {
            max-width: 100% !important;
        }

        form:not(.mobile-wrapper) app-question-spacer:not(.top-question-spacer) div {
            height: 5px !important;
        }

        form:not(.mobile-wrapper) .survey-header, form:not(.mobile-wrapper) .survey-header-nb {
            padding: 5px 64px 5px;
        }

        form:not(.mobile-wrapper) .new-participation-v .survey-header, form:not(.mobile-wrapper) .new-participation-v .survey-header-nb {
            padding: 25px 64px 25px;
        }

        form:not(.mobile-wrapper) .new-participation-v app-question-spacer:not(.top-question-spacer) div {
            height: 250px !important;
        }

        form:not(.mobile-wrapper) .new-participation-v.new-participation-focus app-question-spacer:not(.top-question-spacer) div {
            height: 50px !important;
        }

        .answerParent {
            width: 100% !important;
        }

        .questions-wrapper {
            padding: 5px 0px !important
        }

        .medium-survey-width, .small-survey-width {
            padding: 0px 12px !important;
            /*margin: 10px auto !important;*/
        }

        .survey-logo {
            margin-bottom: 0px !important;
        }

        .surveyWidth.survey-border {
            margin-bottom: 10px !important;
            margin-top: 10px !important;
        }

        .survey-logo img {
            max-height: 170px !important;
        }

        .tblPageFooter {
            max-width: 100%;
        }

        .navigation-btns-wrapper {
            margin: 0 5px !important;
        }

        .progress-bar-wrapper {
            margin: 20px 20px !important
        }

        form:not(.mobile-wrapper) .timeout-msg.clsTimeOutMsg {
            padding-right: 20px;
            padding-left: 20px;
        }
    }



    .answerParent {
        width: 100% !important;
    }
    /*124788 ends*/

    .currencySymbol {
        margin-right: 5px;
        margin-left: 0px;
    }

    .percentSymbol {
        margin-right: 05px;
        margin-left: 5px;
    }

    .custm_msg_text {
        font-weight: normal !important;
        margin-top: 10px;
    }

    .constraint-msg-wrapper {
        margin-top: 5px;
    }

    .lang-close-modal {
        background-image: url('../../ImagesNew/general/Close_Black.svg') !important;
        background-size: 30px;
        padding: 15px;
        position: fixed;
        top: 12px;
        right: 15px;
        font-family: Consolas;
        font-size: 24px;
        cursor: pointer;
    }

    .desktopfile-icon:hover, .attach-file-btn:hover {
        cursor: pointer !important;
    }

    input[type=file], /* FF, IE7+, chrome (except button) */
    input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
        cursor: pointer;
    }

    .main-ques-cont .mndtry-txt-clr {
        margin-bottom: 5px !important;
    }

    /*127485 : Changes to the width of text boxes and drop downs in grid*/

    td.rddg-grid-border > table {
        width: 100%;
    }

    .matrix-grid .custom-select-wrapper {
        width: 95%;
        min-width: 100px;
    }

    form:not(.mobile-wrapper) .mdd-wrapper .custom-select-wrapper select, form:not(.mobile-wrapper) .matrix-grid .custom-select-wrapper select {
        max-width: none;
        width: 100%;
        min-width: 100px;
    }

    .matrix-grid .ansopt-textbox {
        margin: 5px 10px 5px 10px;
        min-width: 100px;
    }

    /*127485 : Changes to the width of text boxes and drop downs in grid*/

    .main-matrix.GridSearch {
        padding-bottom: 70px !important;
    }

    /*CSS for Audio Player*/

    @font-face {
        font-family: 'audio_icons';
        src: url('../fonts/audio_icons.eot?26052021');
        src: url('../fonts/audio_icons.eot?26052021') format('embedded-opentype'), url('../fonts/audio_icons.ttf?26052021') format('truetype'), url('../fonts/audio_icons.woff?26052021') format('woff'), url('../fonts/audio_icons.svg?26052021#audio_icons') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    .unmute-audio:before {
        font-family: audio_icons;
        content: "\e900";
        color: #28676d;
        top: 1px;
        position: relative;
        font-size: 12px;
    }

    .mute-audio:before {
        font-family: audio_icons;
        content: "\e901";
        color: #28676d;
        top: 1px;
        position: relative;
        font-size: 12px;
    }

    .pause-audio:before {
        content: "\e902";
        position: absolute;
        font-size: 16px;
        top: 16.5px;
        left: 18px;
        color: #62c9f5;
    }

    .play-audio:before {
        content: "\e903";
        position: absolute;
        font-size: 16px;
        top: 16px;
        left: 19px;
        color: #62c9f5;
    }

    .play-audio.play-audio-progress:before {
        left: 19px;
        top: 17px;
    }

    .play-audio.play-audio-initial:before {
        left: 19.5px;
        top: 17px;
    }

    .audio-player {
        margin-top: 10px;
    }

        .audio-player:hover {
            cursor: pointer;
        }

    .audio-player-controls {
        /*position: absolute;
    width: 48px;
    height: 48px;
    left: 42px;
    top: 10px;
    text-align: center;
    font-family: 'audio_icons' !important;
    border-radius: 50%;*/
        position: absolute;
        width: 48px;
        height: 48px;
        left: 42px;
        top: 10px;
        text-align: center;
        font-family: 'audio_icons' !important;
        border-radius: 50%;
    }

    .audio-player-button {
        height: 50px;
    }


    .audio-player-text {
        font-size: 14pt;
        font-weight: normal;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-decoration: none;
        color: salmon;
        margin-left: 25px;
    }

        .audio-player-text:hover {
            cursor: pointer;
        }

    .mute-audio,
    .unmute-audio {
        width: 30px;
        color: #28676d;
        text-align: center;
        font-size: 12px;
        padding: 5px;
        display: inline-block;
        background-color: rgba(98, 201, 245, .3);
        border-radius: 0 10px 10px 0;
        margin-left: 2px;
        padding: 5px 0 5.5px;
        cursor: pointer;
    }

    .audio-details-wrapper {
        width: 80px;
        display: inline-block;
        border-radius: 10px 0px 0px 10px;
        color: #28676D;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
        background-color: rgba(98, 201, 245, 0.3);
        font-family: Proxima N W01 Reg;
    }

    .track {
        /*stroke: lightgray;*/
        fill: RGBA(98, 201, 245, 0.2);
    }

    .track-initial {
        /* stroke: lightgray;*/
        fill: RGBA(98, 201, 245, 0.2);
        fill: none !important;
    }

    .progress {
        fill: none;
        stroke: rgb(98, 201, 245);
        stroke-width: 4px;
        transform: rotate(-90deg);
        transform-origin: center;
    }

    @media all and (-ms-high-contrast:none) {
        svg {
            transform: rotate(-90deg);
        }

        .RTLDir svg {
            transform: rotate(90deg);
        }

        .dtpOpener svg {
            transform: none !important;
        }
    }

    .svg-wrapper {
        /* width: 80px; */

        height: 55px;
        margin: 0 auto;
        padding-top: 6px;
    }

    .container {
        position: relative;
        height: auto;
        display: inline-block;
        padding: 3px 15px 0;
        left: 50%;
        transform: translatex(-50%);
    }


    .mobile-wrapper .container {
        left: 0%;
        transform: translatex(0%);
    }

    .small-fit video {
        max-width: 50% !important;
    }

    .medium-fit video {
        max-width: 70% !important;
    }

    .large-fit video {
        max-width: 100% !important;
    }

    .small-fit .container {
        left: 0px !important;
        transform: translatex(-20px) !important;
    }

    .medium-fit .container {
        left: 0px !important;
        transform: translatex(0) !important;
    }

    .mobile-wrapper .answer-opt-image iframe {
        height: 120px;
    }

    .hrz_audio_wrapper {
        max-width: 300px;
        background-color: RGBA(98, 201, 245, 0.2);
        border-radius: 50px;
        padding: 22px 0px 20px;
        box-sizing: border-box;
        position: relative;
    }

    .seekObjContainer {
        position: relative;
        /*left: 120px;*/
        cursor: pointer;
        margin-left: 114px !important
    }

    .seekObj {
        width: 14px;
        height: 14px;
        background: RGB(0, 87, 93);
        border-radius: 50%;
        top: -4px;
        position: absolute;
    }

    /*PRT 136988*/
    .hrz_container:before {
        content: "\e903";
        position: absolute;
        font-size: 12px;
        top: 12.5px;
        left: 15px;
        color: RGB(0, 87, 93);
        cursor: pointer;
        font-family: 'audio_icons' !important;
        /* padding: 11px !important;*/
    }

    .hrz_container.hrz-play, .hrz_container.hrz-pause {
        width: 36px;
        height: 36px;
        padding: 15px;
        position: absolute;
        top: 6px;
        left: 8px;
        border-radius: 50%;
    }

        .hrz_container.hrz-play:hover, .hrz_container.hrz-pause:hover {
            background-color: RGBA(14, 85, 92, 0.1);
            cursor: pointer;
        }

        .hrz_container.hrz-pause:before {
            left: 14px;
        }

    @-moz-document url-prefix() {
        .hrz_container::before {
            top: 11.5px;
        }
    }
    /*PRT 136988 END*/
    .timeline {
        background: #80b4bc;
        display: block;
        height: 6px;
        border-radius: 10px;
        width: calc(100% - 24px);
    }

    .hrz_container.hrz-pause:before {
        content: "\e902";
    }

    .hrz_timer {
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: bold;
        left: 58px;
        position: absolute;
        top: 13px;
        color: RGB(0, 87, 93);
    }

    .audio_fill {
        width: 100px;
        position: absolute;
        background-color: RGB(0, 87, 93);
        top: 0px;
        height: 6px;
    }

    .RTLDir .seekObjContainer {
        direction: ltr;
        cursor: pointer;
    }

    .mobile-wrapper .hrz_audio_wrapper {
        width: 100%;
        max-width: 100%;
    }

    /*.answer-option-wrapper .answer-option .hrz_audio_wrapper .timeline {
    max-width: 85px;
}*/

    .bg-hide {
        background: transparent !important;
    }

    .mobile-wrapper .answer-opt-image.bg-hide {
        margin: 0;
        padding: 15px 0;
    }

        .mobile-wrapper .answer-opt-image.bg-hide:nth-child(2) {
            padding-top: 10px;
        }

    .mobile-wrapper .caption {
        padding: 8px 0px 16px !important;
        text-align: left;
    }

    .mobile-wrapper .RTLDir .caption {
        text-align: right;
    }

    .mobile-wrapper .descriptive-text-wrap .questionImageWrapper .caption {
        padding: 8px 0px !important;
    }

    .mobile-wrapper .comment-wrapper + div + .questionImageWrapper .caption,
    .mobile-wrapper .question-option-wrapper + .questionImageWrapper .caption {
        padding-bottom: 0px !important;
    }

    .mobile-wrapper .comment-wrapper + div + .questionImageWrapper {
        padding-top: 8px !important;
    }

    .mobile-wrapper .question-option-wrapper + .questionImageWrapper {
        padding-top: 16px !important;
    }

    .mobile-wrapper .question-data .questionImageWrapper:first-child {
        padding-top: 0px !important;
    }

    .mobile-wrapper .answer-option-wrapper .answer-option.multi-ans-image:first-child .answer-opt-image.bg-hide:first-child,
    .mobile-wrapper .answer-option-wrapper .answer-option.single-ans-image:first-child .answer-opt-image.bg-hide {
        padding-top: 14px !important
    }


    /*End CSS for Audio Player*/

    /*CRT 118098 Start*/

    .rs-smiley-wrapper .smiley-rs-icon.palette {
        background: transparent !important;
        background-size: 100% !important;
    }

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-0.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/ces-veryhappy.png') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-0.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/ces-verysad.png') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-0.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/ces-veryhappy.png') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-0.unselected { /*Neutral*/
        background-image: url(../../ImagesNew/PM/ces-verysad.png) !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }


    /*Smiley Palette 1 Start*/
    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-1.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-1.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-1.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-1.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-1 { /*sad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_sad.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-1 { /*sad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_unhappy.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-1 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_indifferent.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-1{ /*smile*/
        background-image: url('../../ImagesNew/PM/SmileyPalette1_smile.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-1 { /*glad*/
    background-image: url('../../ImagesNew/PM/SmileyPalette1_glad.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-1 { /*angry*/
    background-image: url('../../ImagesNew/PM/SmileyPalette1_angry.svg') !important;
}

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-1,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-1 { /*happy*/
    background-image: url('../../ImagesNew/PM/SmileyPalette1_happy.svg') !important;
}

    /*Smiley Palette 1 End*/

    /*Smiley Palette 2 Start*/

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-2.unselected::before { /*Neutral*/
        content: "\E945";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-2.unselected::before { /*Neutral*/
        content: "\E93F";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-2.unselected::before { /*Neutral*/
        content: "\E945";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-2.unselected::before { /*Neutral*/
        content: "\E93F";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-2::before { /*sad*/
        content: "\E940";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-2::before { /*unhappy*/
        content: "\E941";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-2::before { /*Neutral*/
        content: "\E942";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-2::before, 
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-2::before { /*glad*/
        content: "\E944";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-2::before { /*smile*/
        content: "\E943";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-2::before { /*angry*/
        content: "\E93F";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-2::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-2::before { /*happy*/
        content: "\E945";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 2 End*/

    /*Smiley Palette 3 Start*/

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-3.unselected::before { /*Neutral*/
        content: "\E93E";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-3.unselected::before { /*Neutral*/
        content: "\E938";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-3.unselected::before { /*Neutral*/
        content: "\E93E";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-3.unselected::before { /*Neutral*/
        content: "\E938";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-3::before, 
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-3::before { /*sad*/
        content: "\E939";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-3::before { /*unhappy*/
        content: "\E93A";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-3::before { /*Neutral*/
        content: "\E93B";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-3::before { /*Smile*/
        content: "\E93C";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-3::before { /*glad*/
        content: "\E93D";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-3::before { /*angry*/
        content: "\E938";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-3::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-3::before { /*happy*/
        content: "\E93E";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 3 End*/

    /*Smiley Palette 4 Start*/
    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-4.unselected::before { /*Neutral*/
        content: "\E937";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-4.unselected::before { /*Neutral*/
        content: "\E931";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-4.unselected::before { /*Neutral*/
        content: "\E937";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-4.unselected::before { /*Neutral*/
        content: "\E931";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-4::before { /*sad*/
        content: "\E932";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-4::before { /*unhappy*/
        content: "\E933";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-4::before { /*Neutral*/
        content: "\E934";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-4::before { /*smile*/
        content: "\E935";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-4::before { /*glad*/
        content: "\E936";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-4::before { /*angry*/
        content: "\E931";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-4::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-4::before { /*happy*/
        content: "\E937";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 4 End*/

    /*Smiley Palette 5 Start*/

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-5.unselected::before { /*Neutral*/
        content: "\E929";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-5.unselected::before { /*Neutral*/
        content: "\E923";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-5.unselected::before { /*Neutral*/
        content: "\E929";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-5.unselected::before { /*Neutral*/
        content: "\E923";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-5::before { /*sad*/
        content: "\E92B";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-5::before { /*unhappy*/
        content: "\E92C";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-5::before { /*Neutral*/
        content: "\E92D";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-5::before { /*smile*/
        content: "\E92F";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-5::before { /*glad*/
        content: "\E92F";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-5::before { /*angry*/
        content: "\E92A";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-5::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-5::before { /*happy*/
        content: "\E930";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 5 End*/

    /*Smiley Palette 6 Start*/


    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-6.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-6.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }


    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-6.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-6.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper .smiley-rs-icon.palette-6 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_indifferent_hover.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-6 { /*sad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_sad_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-6 { /*unhappy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_unhappy_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-6 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_indifferent_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-6 { /*smile*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_smile_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-6{ /*glad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_glad_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-6 { /*angry*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_angry_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-6,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-6 { /*happy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette6_happy_hover.svg') !important;
    }
    /*Smiley Palette 6 End*/

    /*Smiley Palette 7 Start*/
    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-7.unselected::before { /*Neutral*/
        content: "\E91C";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-7.unselected::before { /*Neutral*/
        content: "\E916";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-7.unselected::before { /*Neutral*/
        content: "\E91C";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-7.unselected::before { /*Neutral*/
        content: "\E916";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper .smiley-rs-icon.palette-7::before { /*Neutral*/
        content: "\E90E";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-7::before { /*sad*/
        content: "\E91E";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-7::before { /*unhappy*/
        content: "\E91F";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-7::before { /*Neutral*/
        content: "\E90E";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-7::before { /*Smile*/
        content: "\E920";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-7::before { /*glad*/
        content: "\E921";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-7::before { /*angry*/
        content: "\E91D";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-7::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-7::before { /*happy*/
        content: "\E922";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 7 End*/

    /*Smiley Palette 8 Start*/

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-8.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-8.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-8.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-8.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper .smiley-rs-icon.palette-8 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_indifferent_hover.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }



    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-8 { /*sad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_sad_hover.svg') !important;
    }
    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-8 { /*unhappy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_unhappy_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-8 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_indifferent_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-8 { /*smile*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_smile_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-8 { /*glad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_glad_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-8 { /*angry*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_angry_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-8,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-8 { /*happy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette8_happy_hover.svg') !important;
    }
    /*Smiley Palette 8 End*/

    /*Smiley Palette 9 Start*/

    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-9.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-9.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }


    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-9.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_happy.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-9.unselected { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_angry.svg') !important;
        background-position: 0 0 !important;
        background-color: transparent !important;
    }


    .rs-smiley-wrapper .smiley-rs-icon.palette-9 { /*Neutral*/
        border-radius: 0px !important;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-9 { /*sad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_sad_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-9 { /*unhappy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_unhappy_hover.svg') !important;
    }


    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-9 { /*Neutral*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_indifferent_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-9 { /*smile*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_smile_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-9 { /*glad*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_glad_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-9 { /*angry*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_angry_hover.svg') !important;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-9,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-9 { /*happy*/
        background-image: url('../../ImagesNew/PM/SmileyPalette9_happy_hover.svg') !important;
    }
    /*Smiley Palette 9 End*/

    /*Smiley Palette 10 Start*/
    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-10.unselected::before { /*Neutral*/
        content: "\E915";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-10.unselected::before { /*Neutral*/
        content: "\E90f";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-10.unselected::before { /*Neutral*/
        content: "\E915";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-10.unselected::before { /*Neutral*/
        content: "\E90f";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper .smiley-rs-icon.palette-10::before { /*Neutral*/
        content: "\E904";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-10::before { /*sad*/
        content: "\E902";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-10::before { /*unhappy*/
        content: "\E903";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-10::before { /*Neutral*/
        content: "\E904";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-10::before { /*smile*/
        content: "\E905";
        font-family: 'emojis';
        font-size: 90px;
    }
    .rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-10::before { /*glad*/
        content: "\E906";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-10::before { /*angry*/
        content: "\E900";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-10::before,
    .rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-10::before { /*happy*/
        content: "\E901";
        font-family: 'emojis';
        font-size: 90px;
    }
    /*Smiley Palette 10 End*/

    /*Smiley Palette 11 Start*/
    .rs-smiley-wrapper .smiley-rs-icon.palette-11,
    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-11.unselected {
        background: none !important;
        content: none;
    }


    .rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-11.unselected .path { /*Neutral*/
        content: "\E900";
        font-family: 'plain';
        font-size: 90px;
    }


    .rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-11.unselected { /*Neutral*/
        content: "\E906";
        font-family: 'emojis';
        font-size: 90px;
    }

    .rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-11.unselected { /*Neutral*/
        content: "\E902";
        font-family: 'emojis';
        font-size: 90px;
    }


    .rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-11.unselected::before { /*Neutral*/
        content: "\E909";
        font-family: 'plain';
        font-size: 90px;
    }


    .rs-smiley-wrapper[data-state = '3_3'][isrev=true] .smiley-rs-icon.palette-11.unselected::before { /*Neutral*/
        content: "\E902";
        font-family: 'plain';
        font-size: 90px;
    }



    .rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-11::before {
        content: "\E901";
        font-family: 'plain';
        font-size: 90px;
    }

    .rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-11::before {
        content: "\E902";
        font-family: 'plain';
        font-size: 90px;
    }


.rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-11::before,
.rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-11::before {
    content: "\E905";
    font-family: 'plain';
    font-size: 90px;
}

    .rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-11::before,
    .rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-11::before {
        content: "\E900";
        font-family: 'plain';
        font-size: 90px;
    }


.rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-11::before,
.rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-11::before {
    content: "\E909";
    font-family: 'plain';
    font-size: 90px;
}

.rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-11::before {
    content: "\E907";
    font-family: 'plain';
    font-size: 90px;
}

.rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-11::before {
    content: "\E904";
    font-family: 'plain';
    font-size: 90px;
}


    /*Smiley Palette 11 End*/

/*Smiley Palette 12 Starts*/
.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-12.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_happy.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-12.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_angry.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}


.rs-smiley-wrapper[isrev=true][data-state = '3_3'] .smiley-rs-icon.palette-12.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_happy.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false][data-state = '3_1'] .smiley-rs-icon.palette-12.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_angry.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}


.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-wrapper[data-state = '5_2'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '7_2'] .smiley-rs-icon.palette-12 { /*sad*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_sad_hover.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '7_3'] .smiley-rs-icon.palette-12 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_unhappy.svg') !important;
}

.rs-smiley-wrapper[data-state = '3_2'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '5_3'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '7_4'] .smiley-rs-icon.palette-12 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_indifferent_hover.svg?k=1') !important;
}


.rs-smiley-wrapper[data-state = '7_5'] .smiley-rs-icon.palette-12 { /*smile*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_smile_hover.svg?k=1') !important;
}


.rs-smiley-wrapper[data-state = '5_4'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '7_6'] .smiley-rs-icon.palette-12 { /*glad*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_glad.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '3_1'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '5_1'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '7_1'] .smiley-rs-icon.palette-12 { /*angry*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_angry_hover.svg?k=1') !important;
}

.rs-smiley-wrapper[data-state = '3_3'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '5_5'] .smiley-rs-icon.palette-12,
.rs-smiley-wrapper[data-state = '7_7'] .smiley-rs-icon.palette-12 { /*happy*/
    background-image: url('../../ImagesNew/PM/SmileyPalette12_happy_hover.svg?k=1') !important;
}
/*Smiley Palette 12 End*/





    /*Palette 1*/
    .csat .smiley.smiley-1.palette-1::before, .ces .smiley.smiley-1.palette-1::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_angry.svg) !important;
    }

    .csat .smiley.smiley-2.palette-1::before, .ces .smiley.smiley-2.palette-1::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_sad.svg) !important;
    }

    .ces .smiley.smiley-3.palette-1::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_unhappy.svg) !important;
    }

    .csat .smiley.smiley-3.palette-1::before, .ces .smiley.smiley-4.palette-1::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_indifferent.svg) !important;
    }

    .ces .smiley.smiley-5.palette-1::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_smile.svg) !important;
    }

    .csat .smiley.smiley-4.palette-1::before, .ces .smiley.smiley-6.palette-1::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_glad.svg) !important;
    }

    .csat .smiley.smiley-5.palette-1::before, .ces .smiley.smiley-7.palette-1::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette1_happy.svg) !important;
    }

    /*Palette 2*/
    .csat .smiley.palette-2, .ces .smiley.palette-2 {
        color: rgba(139,204,26,1.000) !important
    }

    .csat .smiley.smiley-1.palette-2::before, .ces .smiley.smiley-1.palette-2::before { /*Angry*/
        content: "\E93F";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-2::before, .ces .smiley.smiley-2.palette-2::before { /*Sad*/
        content: "\E940";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-2::before { /*UnHappy*/
        content: "\E941";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-2::before, .ces .smiley.smiley-4.palette-2::before { /*Indiffrent*/
        content: "\E942";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-2::before { /*Smile*/
        content: "\E943";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-2::before, .ces .smiley.smiley-6.palette-2::before { /*Glad*/
        content: "\E944";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-2::before, .ces .smiley.smiley-7.palette-2::before { /*Happy*/
        content: "\E945";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    /*Palette 3*/
    .csat .smiley.smiley-1.palette-3::before, .ces .smiley.smiley-1.palette-3::before { /*Angry*/
        content: "\E938";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-3::before, .ces .smiley.smiley-2.palette-3::before { /*Sad*/
        content: "\E939";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-3::before { /*UnHappy*/
        content: "\E93A";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-3::before, .ces .smiley.smiley-4.palette-3::before { /*Indiffrent*/
        content: "\E93B";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-3::before { /*Smile*/
        content: "\E93C";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-3::before, .ces .smiley.smiley-6.palette-3::before { /*Glad*/
        content: "\E93D";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-3::before, .ces .smiley.smiley-7.palette-3::before { /*Happy*/
        content: "\E93E";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }
    /*Palette 4*/
    .csat .smiley.smiley-1.palette-4::before, .ces .smiley.smiley-1.palette-4::before { /*Angry*/
        content: "\E931";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-4::before, .ces .smiley.smiley-2.palette-4::before { /*Sad*/
        content: "\E932";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-4::before { /*UnHappy*/
        content: "\E933";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-4::before, .ces .smiley.smiley-4.palette-4::before { /*Indiffrent*/
        content: "\E934";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-4::before { /*Smile*/
        content: "\E935";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-4::before, .ces .smiley.smiley-6.palette-4::before { /*Glad*/
        content: "\E936";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-4::before, .ces .smiley.smiley-7.palette-4::before { /*Happy*/
        content: "\E937";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }


    /*Palette 5*/
    .csat .smiley.smiley-1.palette-5::before, .ces .smiley.smiley-1.palette-5::before { /*Angry*/
        content: "\E923";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-5::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-5::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-5:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-5:hover::before { /*Angry*/
        content: "\E92A";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }


    .csat .smiley.smiley-2.palette-5::before, .ces .smiley.smiley-2.palette-5::before { /*Sad*/
        content: "\E924";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-5::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-5::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-5:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-5:hover::before { /*Sad*/
        content: "\E92B";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-5::before { /*UnHappy*/
        content: "\E925";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-5::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-5:hover::before { /*UnHappy*/
        content: "\E92C";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-5::before, .ces .smiley.smiley-4.palette-5::before { /*Indiffrent*/
        content: "\E926";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-5::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-5::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-5:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-5:hover::before { /*Indiffrent*/
        content: "\E92D";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-5::before { /*Smile*/
        content: "\E927";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-5::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-5:hover::before { /*Smile*/
        content: "\E92E";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }


    .csat .smiley.smiley-4.palette-5::before, .ces .smiley.smiley-6.palette-5::before { /*Glad*/
        content: "\E928";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-5::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-5::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-5:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-5:hover::before { /*Glad*/
        content: "\E92F";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-5::before, .ces .smiley.smiley-7.palette-5::before { /*Happy*/
        content: "\E929";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-5::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-5::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-5:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-5:hover::before { /*Happy*/
        content: "\E930";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }
    /*Palette 6*/

    .csat .smiley.smiley-1.palette-6::before, .ces .smiley.smiley-1.palette-6::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_angry.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-6::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-6:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-6:hover::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_angry_hover.svg) !important;
    }

    .csat .smiley.smiley-2.palette-6::before, .ces .smiley.smiley-2.palette-6::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_sad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-6::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-6:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-6:hover::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_sad_hover.svg) !important;
    }


    .ces .smiley.smiley-3.palette-6::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_unhappy.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-6::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-6:hover::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_unhappy_hover.svg) !important;
    }

    .csat .smiley.smiley-3.palette-6::before, .ces .smiley.smiley-4.palette-6::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_indifferent.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-6::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-6:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-6:hover::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_indifferent_hover.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-6::before,
    .ces .smiley.smiley-5.palette-6::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_smile.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-6::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-6:hover::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_smile_hover.svg) !important;
    }

    .csat .smiley.smiley-4.palette-6::before, .ces .smiley.smiley-6.palette-6::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_glad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-6::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-6:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-6:hover::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_glad_hover.svg) !important;
    }

    .csat .smiley.smiley-5.palette-6::before, .ces .smiley.smiley-7.palette-6::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_happy.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-6::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-6::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-6:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-6:hover::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette6_happy_hover.svg) !important;
    }
    /*Palette 7*/
    .csat .smiley.smiley-1.palette-7::before, .ces .smiley.smiley-1.palette-7::before { /*Angry*/
        content: "\E916";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-7::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-7::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-7:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-7:hover::before { /*Angry*/
        content: "\E91D";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-7::before, .ces .smiley.smiley-2.palette-7::before { /*Sad*/
        content: "\E917";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-7::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-7::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-7:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-7:hover::before { /*Sad*/
        content: "\E91E";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-7::before { /*UnHappy*/
        content: "\E918";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-7::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-7:hover::before { /*UnHappy*/
        content: "\E91F";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-7::before, .ces .smiley.smiley-4.palette-7::before { /*Indiffrent*/
        content: "\E919";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-7::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-7::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-7:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-7:hover::before { /*Indiffrent*/
        content: "\E90E";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-7::before { /*Smile*/
        content: "\E91A";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-7::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-7:hover::before { /*Smile*/
        content: "\E920";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-7::before, .ces .smiley.smiley-6.palette-7::before { /*Glad*/
        content: "\E91B";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-7::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-7::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-7:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-7:hover::before { /*Glad*/
        content: "\E921";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-7::before, .ces .smiley.smiley-7.palette-7::before { /*Happy*/
        content: "\E91C";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-7::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-7::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-7:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-7:hover::before { /*Happy*/
        content: "\E922";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    /*Palette 8*/
    .csat .smiley.smiley-1.palette-8::before, .ces .smiley.smiley-1.palette-8::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_angry.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-8::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-8::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-8:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-8:hover::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_angry_hover.svg) !important;
    }

    .csat .smiley.smiley-2.palette-8::before, .ces .smiley.smiley-2.palette-8::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_sad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-8::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-8::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-8:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-8:hover::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_sad_hover.svg) !important;
    }

    .ces .smiley.smiley-3.palette-8::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_unhappy.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-8::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-8:hover::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_unhappy_hover.svg) !important;
    }

    .csat .smiley.smiley-3.palette-8::before, .ces .smiley.smiley-4.palette-8::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_indifferent.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-8::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-8::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-8:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-8:hover::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_indifferent_hover.svg) !important;
    }

    .ces .smiley.smiley-5.palette-8::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_smile.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-8::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-8:hover::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_smile_hover.svg) !important;
    }

    .csat .smiley.smiley-4.palette-8::before, .ces .smiley.smiley-6.palette-8::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_glad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-8::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-8::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-8:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-8:hover::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_glad_hover.svg) !important;
    }

    .csat .smiley.smiley-5.palette-8::before, .ces .smiley.smiley-7.palette-8::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_happy.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-8::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-8::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-8:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-8:hover::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette8_happy_hover.svg) !important;
    }

    /*Palette 9*/
    /*.csat .smiley.palette-9::before, .ces .smiley.palette-9::before {
    height: 70px !important;
}*/

    .ui-temp.left-moon + form input[type='radio'] + .smiley.palette-9,
    .ui-temp.free-spirit + form input[type='radio'] + .smiley.palette-9,
    .ui-temp.right-moon + form input[type='radio'] + .smiley.palette-9 {
        padding: 9px 7px !important;
        margin-top: 0px !important;
    }


    /*.csat .smiley.palette-9, .ces .smiley.palette-9 {
    transform: none !important;
}*/

    .csat .smiley.smiley-1.palette-9::before, .ces .smiley.smiley-1.palette-9::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_angry.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-9::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-9::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-9:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-9:hover::before { /*Angry*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_angry_hover.svg) !important;
    }

    .csat .smiley.smiley-2.palette-9::before, .ces .smiley.smiley-2.palette-9::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_sad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-9::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-9::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-9:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-9:hover::before { /*Sad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_sad_hover.svg) !important;
    }

    .ces .smiley.smiley-3.palette-9::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_unhappy.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-9::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-9:hover::before { /*UnHappy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_unhappy_hover.svg) !important;
    }

    .csat .smiley.smiley-3.palette-9::before, .ces .smiley.smiley-4.palette-9::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_indifferent.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-9::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-9::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-9:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-9:hover::before { /*Indiffrent*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_indifferent_hover.svg) !important;
    }

    .ces .smiley.smiley-5.palette-9::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_smile.svg) !important;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-9::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-9:hover::before { /*Smile*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_smile_hover.svg) !important;
    }

    .csat .smiley.smiley-4.palette-9::before, .ces .smiley.smiley-6.palette-9::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_glad.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-9::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-9::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-9:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-9:hover::before { /*Glad*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_glad_hover.svg) !important;
    }

    .csat .smiley.smiley-5.palette-9::before, .ces .smiley.smiley-7.palette-9::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_happy.svg) !important;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-9::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-9::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-9:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-9:hover::before { /*Happy*/
        background-image: url(../../ImagesNew/PM/SmileyPalette9_happy_hover.svg) !important;
    }
    /*Palette 10*/
    .csat .smiley.smiley-1.palette-10::before, .ces .smiley.smiley-1.palette-10::before { /*Angry*/
        content: "\E90F";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-10::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-10::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-10:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-10:hover::before { /*Angry*/
        content: "\E900";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-10::before, .ces .smiley.smiley-2.palette-10::before { /*Sad*/
        content: "\E910";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-10::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-10::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-10:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-10:hover::before { /*Sad*/
        content: "\E902";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-3.palette-10::before { /*UnHappy*/
        content: "\E911";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-10::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-10:hover::before { /*UnHappy*/
        content: "\E903";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-10::before, .ces .smiley.smiley-4.palette-10::before { /*Indiffrent*/
        content: "\E912";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-10::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-10::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-10:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-10:hover::before { /*Indiffrent*/
        content: "\E904";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces .smiley.smiley-5.palette-10::before { /*Smile*/
        content: "\E913";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-10::before,
    form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-10:hover::before { /*Smile*/
        content: "\E905";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-10::before, .ces .smiley.smiley-6.palette-10::before { /*Glad*/
        content: "\E914";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-10::before, .ces input[type='radio']:checked + .smiley.smiley-6.palette-10::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-10:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-10:hover::before { /*Glad*/
        content: "\E906";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-10::before, .ces .smiley.smiley-7.palette-10::before { /*Happy*/
        content: "\E915";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-10::before, .ces input[type='radio']:checked + .smiley.smiley-7.palette-10::before,
    form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-10:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-10:hover::before { /*Happy*/
        content: "\E901";
        font-family: 'emojis';
        background: transparent;
        font-size: 65px;
    }
    /*Palette 11*/
    /*.csat .palette-11::before, .ces .palette-11::before {
    background: none !important;
    content: none;
}*/


    .csat .smiley.smiley-1.palette-11 .path1::before, .ces .smiley.smiley-1.palette-11 .path1::before { /*Angry*/
        content: "\E900";
        font-family: 'plain';
        font-size: 65px;
    }


    .csat .smiley.smiley-1.palette-11 .path2::before, .ces .smiley.smiley-1.palette-11 .path2::before { /*Angry*/
        content: "\E901";
        font-family: 'plain';
        margin-left: -1em;
        color: red;
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-11 .path1::before, .ces .smiley.smiley-2.palette-11 .path1::before { /*Sad*/
        content: "\E904";
        font-family: 'plain';
        font-size: 65px;
    }

    .csat .smiley.smiley-2.palette-11 .path2::before, .ces .smiley.smiley-2.palette-11 .path2::before { /*Sad*/
        content: "\E905";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    .csat .smiley.smiley-3.palette-11 .path1::before, .ces .smiley.smiley-3.palette-11 .path1::before { /*UnHappy*/
        content: "\E908";
        font-family: 'plain';
        font-size: 65px;
    }

    .csat .smiley.smiley-3.palette-11 .path2::before, .ces .smiley.smiley-3.palette-11 .path2::before { /*UnHappy*/
        content: "\E909";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    .csat .smiley.smiley-4.palette-11 .path1::before, .ces .smiley.smiley-4.palette-11 .path1::before { /*Indiffrent*/
        content: "\E90c";
        font-family: 'plain';
        font-size: 65px;
    }

    .csat .smiley.smiley-4.palette-11 .path2::before, .ces .smiley.smiley-4.palette-11 .path2::before { /*Indiffrent*/
        content: "\E90d";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    .csat .smiley.smiley-5.palette-11 .path1::before, .ces .smiley.smiley-5.palette-11 .path1::before { /*Smile*/
        content: "\E910";
        font-family: 'plain';
        font-size: 65px;
    }

    .csat .smiley.smiley-5.palette-11 .path2::before, .ces .smiley.smiley-5.palette-11 .path2::before { /*Smile*/
        content: "\E911";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    .ces .smiley.smiley-6.palette-11 .path1::before { /*Glad*/
        content: "\E914";
        font-family: 'plain';
        font-size: 65px;
    }

    .ces .smiley.smiley-6.palette-11 .path2::before { /*Glad*/
        content: "\E915";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    .ces .smiley.smiley-7.palette-11 .path1::before { /*Happy*/
        content: "\E918";
        font-family: 'plain';
        font-size: 65px;
    }

    .ces .smiley.smiley-7.palette-11 .path2::before { /*Happy*/
        content: "\E919";
        font-family: 'plain';
        font-size: 65px;
        margin-left: -1em;
        color: red;
    }

    /*Palette 11*/
    /*.csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
    height: 90px !important;
}*/

    .ui-temp.left-moon + form input[type='radio'] + .smiley.palette-11,
    .ui-temp.free-spirit + form input[type='radio'] + .smiley.palette-11,
    .ui-temp.right-moon + form input[type='radio'] + .smiley.palette-11 {
        padding: 9px 7px !important;
        margin-top: 0px !important;
    }


    .csat .smiley.palette-11::before, .ces .smiley.palette-11::before {
        transform: scale(1.2) !important;
        background: none !important;
    }




    .csat .smiley.smiley-1.palette-11::before, .ces .smiley.smiley-1.palette-11::before { /*Angry*/
        content: "\E901";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-1.palette-11::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-11::before,
    .csat .smiley.smiley-1.palette-11:hover::before, .ces .smiley.smiley-1.palette-11:hover::before { /*Angry*/
        content: "\E901";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat .smiley.smiley-2.palette-11::before, .ces .smiley.smiley-2.palette-11::before { /*Sad*/
        content: "\E902";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-2.palette-11::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-11::before,
    .csat .smiley.smiley-2.palette-11:hover::before, .ces .smiley.smiley-2.palette-11:hover::before { /*Sad*/
        content: "\E902";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces .smiley.smiley-3.palette-11::before { /*UnHappy*/
        content: "\E903";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-3.palette-11::before,
    .ces .smiley.smiley-3.palette-11:hover::before { /*UnHappy*/
        content: "\E903";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat .smiley.smiley-3.palette-11::before { /*Indiffrent*/
        content: "\E903";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces .smiley.smiley-4.palette-11::before { /*Indiffrent*/
        content: "\E904";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-3.palette-11::before,
    .csat .smiley.smiley-3.palette-11:hover::before { /*Indiffrent*/
        content: "\E903";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-4.palette-11::before,
    .ces .smiley.smiley-4.palette-11:hover::before { /*Indiffrent*/
        content: "\E904";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces .smiley.smiley-5.palette-11::before { /*Smile*/
        content: "\E905";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-5.palette-11::before,
    .ces .smiley.smiley-5.palette-11:hover::before { /*Smile*/
        content: "\E905";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat .smiley.smiley-4.palette-11::before { /*Glad*/
        content: "\E904";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces .smiley.smiley-6.palette-11::before { /*Glad*/
        content: "\E906";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-4.palette-11::before,
    .csat .smiley.smiley-4.palette-11:hover::before { /*Glad*/
        content: "\E904";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-6.palette-11::before,
    .ces .smiley.smiley-6.palette-11:hover::before { /*Glad*/
        content: "\E906";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat .smiley.smiley-5.palette-11::before { /*Happy*/
        content: "\E905";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces .smiley.smiley-7.palette-11::before { /*Happy*/
        content: "\E900";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .csat input[type='radio']:checked + .smiley.smiley-5.palette-11::before,
    .csat .smiley.smiley-5.palette-11:hover::before { /*Happy*/
        content: "\E905";
        font-family: 'cescsat';
        font-size: 90px;
    }

    .ces input[type='radio']:checked + .smiley.smiley-7.palette-11::before,
    .ces .smiley.smiley-7.palette-11:hover::before { /*Happy*/
        content: "\E900";
        font-family: 'cescsat';
        font-size: 90px;
    }


    /*Palette 12*/
/*.csat .smiley.palette-12::before, .ces .smiley.palette-12::before {
    height: 70px !important;
}*/
.ui-temp.left-moon + form input[type='radio'] + .smiley.palette-12,
.ui-temp.free-spirit + form input[type='radio'] + .smiley.palette-12,
.ui-temp.right-moon + form input[type='radio'] + .smiley.palette-12 {
    padding: 9px 7px !important;
    margin-top: 0px !important;
}


/*.csat .smiley.palette-12, .ces .smiley.palette-12 {
    transform: none !important;
}*/

.csat .smiley.smiley-1.palette-12::before, .ces .smiley.smiley-1.palette-12::before { /*Angry*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_angry.svg) !important;
}

.csat input[type='radio']:checked + .smiley.smiley-1.palette-12::before, .ces input[type='radio']:checked + .smiley.smiley-1.palette-12::before,
form:not(.mobile-wrapper) .csat .smiley.smiley-1.palette-12:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-1.palette-12:hover::before { /*Angry*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_angry_hover.svg) !important;
}

.csat .smiley.smiley-2.palette-12::before, .ces .smiley.smiley-2.palette-12::before { /*Sad*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_sad.svg) !important;
}

.csat input[type='radio']:checked + .smiley.smiley-2.palette-12::before, .ces input[type='radio']:checked + .smiley.smiley-2.palette-12::before,
form:not(.mobile-wrapper) .csat .smiley.smiley-2.palette-12:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-12:hover::before { /*Sad*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_sad_hover.svg) !important;
}

.ces .smiley.smiley-3.palette-12::before { /*UnHappy*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_unhappy.svg) !important;
}

.ces input[type='radio']:checked + .smiley.smiley-3.palette-12::before,
form:not(.mobile-wrapper) .ces .smiley.smiley-3.palette-12:hover::before { /*UnHappy*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_unhappy.svg) !important;
}

.csat .smiley.smiley-3.palette-12::before, .ces .smiley.smiley-4.palette-12::before { /*Indiffrent*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_indifferent.svg) !important;
}

.csat input[type='radio']:checked + .smiley.smiley-3.palette-12::before, .ces input[type='radio']:checked + .smiley.smiley-4.palette-12::before,
form:not(.mobile-wrapper) .csat .smiley.smiley-3.palette-12:hover::before, form:not(.mobile-wrapper) .ces .smiley.smiley-4.palette-12:hover::before { /*Indiffrent*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_indifferent_hover.svg) !important;
}

.ces .smiley.smiley-5.palette-12::before { /*Smile*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile.svg) !important;
}

.ces input[type='radio']:checked + .smiley.smiley-5.palette-12::before,
form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-12:hover::before { /*Smile*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile.svg) !important;
}

.csat .smiley.smiley-4.palette-12::before, .ces .smiley.smiley-6.palette-12::before { /*Glad*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_glad.svg) !important;
}

.csat input[type='radio']:checked + .smiley.smiley-4.palette-12::before, 
.ces input[type='radio']:checked + .smiley.smiley-6.palette-12::before,
form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-12:hover::before, 
form:not(.mobile-wrapper) .ces .smiley.smiley-6.palette-12:hover::before { /*Glad*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_glad.svg) !important;
}

.csat .smiley.smiley-5.palette-12::before, .ces .smiley.smiley-7.palette-12::before { /*Happy*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_happy.svg) !important;
}

.csat input[type='radio']:checked + .smiley.smiley-5.palette-12::before, 
.ces input[type='radio']:checked + .smiley.smiley-7.palette-12::before,
form:not(.mobile-wrapper) .csat .smiley.smiley-5.palette-12:hover::before, 
form:not(.mobile-wrapper) .ces .smiley.smiley-7.palette-12:hover::before { /*Happy*/
    background-image: url(../../ImagesNew/PM/SmileyPalette12_happy_hover.svg) !important;
}

    /*Palette 12*/
    /*PRT122443:  Validation text UI for numeric allocation cut when invalid number entered*/
    .a-strip-bottom {
        padding: 2px 0px 60px 3px;
    }

    /*PRT128275 : [SM]Audio controls UI is not proper if you participate in right aligned lang.*/
    .RTLDir .container, .best-fit .container {
        left: 0%;
        transform: translatex(0%);
    }

    .RTLDir .mute-audio, .RTLDir .unmute-audio {
        float: right;
        padding: 5px 0 5.5px;
    }

    /*Participation Pheonix Modals*/

    .mobile-wrapper .pm-modal-overlay .fbcNewmodalDialog {
        width: 250px !important;
    }

    .mobile-wrapper .pm-modal-overlay .fbcNewmodalFooter {
        padding: 10px 25px !important;
    }

    .mobile-wrapper .pm-modal-overlay .fbcNewmodalTitle {
        font-size: 16px;
    }

    .mobile-wrapper .pm-modal-overlay .fbcNewmodalBody {
        padding: 15px 30px !important;
        font-size: 14px;
    }

    .mobile-wrapper .pm-modal-overlay .cancel-btn {
        font-size: 15px;
    }

    .mobile-wrapper .pm-modal-overlay .ok-btn {
        font-size: 15px;
    }

    .timeOutMsgWrapper .fbcNewmodalBody {
        padding: 20px 30px !important;
    }

    .pm-modal-overlay .cancel-btn {
        background-color: #b1bbc4;
        color: #ffffff;
    }

    .pm-modal-overlay .ok-btn {
        background-color: #78c900;
        color: #ffffff;
        line-height: 1.17;
        font-size: 12px;
    }

    .pm-modal-overlay .fbcNewmodalHeader.Alert .fbcNewmodalTitle::before {
        background-image: url(../../ImagesNew/general/alert_modal.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        position: absolute;
        height: 40px;
        width: 40px;
        left: -55px;
        top: -8px;
    }

    .pm-modal-overlay .fbcNewmodalDialog {
        display: inline-block;
        left: 50%;
        top: 50%;
        background: #ffffff;
        position: relative;
        z-index: 1;
        border-radius: 5px;
        background-color: #ffffff;
        -moz-box-shadow: 0 0 0 2px rgba(70, 70, 70, 0.2);
        -webkit-box-shadow: 0 0 0 2px rgb(70 70 70 / 20%);
        box-shadow: 0 0 0 2px rgb(70 70 70 / 20%);
        -ms-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

        .pm-modal-overlay .fbcNewmodalDialog .fbcNewmodalHeader {
            padding: 30px 30px 5px 80px;
            position: relative;
        }

        .pm-modal-overlay .fbcNewmodalDialog .fbcNewmodalBody {
            position: relative;
            -webkit-overflow-scrolling: touch;
            -ms-transition: all 0.3s ease-in 0s;
            transition: all 0.3s ease-in 0s;
            padding: 10px 30px 20px 80px;
        }

    .pm-modal-overlay .fbcNewmodalFooter {
        padding: 10px 60px;
        position: relative;
        bottom: 0;
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
    }

    .pm-modal-overlay input[type=button].hollow-btn {
        border: 1px solid #00aff9;
    }



    .pm-modal-overlay .fbcNewmodalFooter input[type=button].hollow-btn {
        border: 1px solid #00aff9;
    }

    .pm-modal-overlay .fbcNewmodalFooter input[type=button] {
        padding: 5px 40px;
        text-align: center;
        border-radius: 3px;
        outline: none;
        text-decoration: none;
        text-transform: capitalize;
        border: none;
        cursor: pointer;
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%);
        -webkit-appearance: none;
        font-family: Proxima N W01 Smbd;
        border: 1px solid transparent;
        margin: 0 5px;
    }

    .pm-modal-overlay .fbcNewmodalTitle {
        color: #20232A;
        font-family: Proxima N W01 smbd;
        font-size: 24px;
        line-height: normal;
        position: relative;
    }

    .pm-modal-overlay .fbcNewmodalDialog .fbcNewmodalHeader .fbcNewmodalClose {
        color: transparent;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 15px;
        height: 15px;
        background-image: url(../../ImagesNew/general/Close_grey.svg);
        background-position: center center;
        background-size: 35px 35px;
    }

    .fbcNewmodalClose {
        cursor: pointer;
    }

    .a-strip-bottom-table {
        padding: 0 0 40px 0;
    }

    /*CSS for Forward and Backward*/
    @font-face {
        font-family: 'forward_backward_icon';
        src: url('../fonts/forward_backward_icon.eot?26052021');
        src: url('../fonts/forward_backward_icon.eot?26052021') format('embedded-opentype'), url('../fonts/forward_backward_icon.ttf?26052021') format('truetype'), url('../fonts/forward_backward_icon.woff?26052021') format('woff'), url('../fonts/forward_backward_icon.svg?26052021#audio_icons') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    .backward-audio:before {
        font-family: Audio-Player_Play_Pause;
        content: "\e900";
        color: #62C9F5;
        font-size: 10px;
        display: inline-block;
        position: absolute;
        left: 17px;
        top: 30px;
        cursor: pointer;
    }

    .forward-audio:before {
        font-family: Audio-Player_Play_Pause;
        content: "\e903";
        color: #62C9F5;
        font-size: 10px;
        display: inline-block;
        position: absolute;
        left: 97px;
        top: 30px;
        cursor: pointer;
    }
    /*END CSS for Forward and Backward*/

    /*CSS for mobile smiley rating scale*/

    .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.unhappy-smiley {
        background-image: url(../../ImagesNew/PM/unhappy.svg);
    }
    .rs-smiley-cont.smile-smiley {
        background-image: url(../../ImagesNew/PM/glad.svg);
    }


    /*palette-1*/

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

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

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

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

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

    .rs-smiley-cont.unhappy-smiley.palette-1 {
        background-image: url(../../ImagesNew/PM/SmileyPalette1_unhappy.svg);
    }

    .rs-smiley-cont.smile-smiley.palette-1 {
        background-image: url(../../ImagesNew/PM/SmileyPalette1_smile.svg);
    }

    /*palette-2*/

    .rs-smiley-cont.very-happy-smiley.palette-2::before {
        content: "\E945";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-sad-smiley.palette-2::before {
        content: "\E93F";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-2::before {
        content: "\E940";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-2::before {
        content: "\E942";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-2::before {
        content: "\E944";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

.rs-smiley-cont.unhappy-smiley.palette-2::before {
    content: "\E941";
    font-family: 'emojis';
    background: transparent;
    font-size: 25px;
}

.rs-smiley-cont.smile-smiley.palette-2::before {
    content: "\E943";
    font-family: 'emojis';
    background: transparent;
    font-size: 25px;
}



    /*palette-3*/

    .rs-smiley-cont.very-happy-smiley.palette-3::before {
        content: "\E93E";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-sad-smiley.palette-3::before {
        content: "\E938";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-3::before {
        content: "\E939";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-3::before {
        content: "\E93B";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-3::before {
        content: "\E93D";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

.rs-smiley-cont.unhappy-smiley.palette-3::before {
    content: "\E93A";
    font-family: 'emojis';
    background: transparent;
    font-size: 25px;
}

.rs-smiley-cont.smile-smiley.palette-3::before {
    content: "\E93C";
    font-family: 'emojis';
    background: transparent;
    font-size: 25px;
}
    /*palette-4*/

    .rs-smiley-cont.very-happy-smiley.palette-4::before {
        content: "\E937";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-sad-smiley.palette-4::before {
        content: "\E931";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-4::before {
        content: "\E932";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-4::before {
        content: "\E934";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-4::before {
        content: "\E936";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }
    .rs-smiley-cont.unhappy-smiley.palette-4::before {
        content: "\E933";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.smile-smiley.palette-4::before {
        content: "\E935";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    /*palette-5*/

    .rs-smiley-cont.very-happy-smiley.palette-5::before {
        content: "\E930";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-sad-smiley.palette-5::before {
        content: "\E92A";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-5::before {
        content: "\E92B";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-5::before {
        content: "\E92D";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-5::before {
        content: "\E92F";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }
    .rs-smiley-cont.unhappy-smiley.palette-5::before {
        content: "\E92C";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.smile-smiley.palette-5::before {
        content: "\E92E";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    /*palette-6*/

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

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

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

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

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

    .rs-smiley-cont.smile-smiley.palette-6 {
        background-image: url(../../ImagesNew/PM/SmileyPalette6_smile_hover.svg?k=1);
    }

    .rs-smiley-cont.unhappy-smiley.palette-6 {
        background-image: url(../../ImagesNew/PM/SmileyPalette6_unhappy_hover.svg);
    }

    /*palette-7*/

    .rs-smiley-cont.very-happy-smiley.palette-7::before {
        content: "\E922";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-sad-smiley.palette-7::before {
        content: "\E91D";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-7::before {
        content: "\E91E";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-7::before {
        content: "\E90E";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-7::before {
        content: "\E921";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.unhappy-smiley.palette-7::before {
        content: "\E91F";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.smile-smiley.palette-7::before {
        content: "\E920";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    /*palette-8*/

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

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

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

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

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

    .rs-smiley-cont.smile-smiley.palette-8 {
        background-image: url(../../ImagesNew/PM/SmileyPalette8_smile_hover.svg?k=1);
    }

    .rs-smiley-cont.unhappy-smiley.palette-8 {
        background-image: url(../../ImagesNew/PM/SmileyPalette8_unhappy_hover.svg);
    }

    /*palette-9*/

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

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

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

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

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

    .rs-smiley-cont.smile-smiley.palette-9 {
        background-image: url(../../ImagesNew/PM/SmileyPalette9_smile_hover.svg?k=1);
    }

    .rs-smiley-cont.unhappy-smiley.palette-9 {
        background-image: url(../../ImagesNew/PM/SmileyPalette9_unhappy_hover.svg);
    }

    /*Palette-10*/
    .rs-smiley-cont.palette-10, .rs-smiley-cont.palette-7, .rs-smiley-cont.palette-2, .rs-smiley-cont.palette-3, .rs-smiley-cont.palette-4, .rs-smiley-cont.palette-5, .rs-smiley-cont.palette-11 {
        background-image: none !important;
        font-style: normal;
        font-weight: normal;
        top: -1em !important;
    }

    .rs-smiley-cont.very-sad-smiley.palette-10::before {
        content: "\E900";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.sad-smiley.palette-10::before {
        content: "\E902";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.neutral-smiley.palette-10::before {
        content: "\E904";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.happy-smiley.palette-10::before {
        content: "\E906";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.very-happy-smiley.palette-10::before {
        content: "\E901";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.unhappy-smiley.palette-10::before {
        content: "\E903";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.smile-smiley.palette-10::before {
        content: "\E905";
        font-family: 'emojis';
        background: transparent;
        font-size: 25px;
    }


    /*palette-11*/

    .rs-smiley-cont.palette-11.weight_5::before {
        content: "\E909";
        font-family: "plain";
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.palette-11.weight_1::before {
        content: "\E900";
        font-family: "plain";
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.palette-11.weight_2::before {
        content: "\E901";
        font-family: "plain";
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.palette-11.weight_3::before {
        content: "\E902";
        font-family: "plain";
        background: transparent;
        font-size: 25px;
    }

    .rs-smiley-cont.palette-11.weight_4::before {
        content: "\E905";
        font-family: "plain";
        background: transparent;
        font-size: 25px;
    }
.rs-smiley-cont.palette-11.weight_6::before {
    content: "\E907";
    font-family: "plain";
    background: transparent;
    font-size: 25px;
}

.rs-smiley-cont.palette-11.weight_7::before {
    content: "\E904";
    font-family: "plain";
    background: transparent;
    font-size: 25px;
}


    /*palette-12*/
.smiley-rs-icon.palette-12{
    height: 91px;
}

.rs-smiley-cont.very-happy-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_happy_hover.svg?k=1);
}

.rs-smiley-cont.very-sad-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_angry_hover.svg?k=1);
}

.rs-smiley-cont.sad-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_sad_hover.svg?k=1);
}

.rs-smiley-cont.neutral-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_indifferent_hover.svg?k=1);
}

.rs-smiley-cont.happy-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_glad.svg?k=1);
}

.rs-smiley-cont.smile-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile_hover.svg?k=1);
}

.rs-smiley-cont.unhappy-smiley.palette-12 {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_unhappy.svg?k=1);
}


    form:not(.mobile-wrapper) .answer-option-wrapper.mdd-box.GridSearch {
        padding-bottom: 70px !important;
    }

    .drill-down-wrapper .isMandatory .question-text {
        padding-left: 14px !important
    }

    .RTLDir .drill-down-wrapper .isMandatory .question-text {
        padding-right: 14px !important;
        padding-left: 0px !important;
    }

    @-moz-document url-prefix() {
        .custom-select-wrapper select {
            padding: 3px 32px 3px 0px !important;
        }

        .RTLDir .custom-select-wrapper select {
            padding: 3px 0px 3px 32px !important;
        }
    }

    /* CSS for Signature*/
    .sign-box {
        box-sizing: border-box;
        width: 400px;
        height: 200px;
        background-color: #fff;
        border: 1px solid #DCDCDC;
        border-radius: 6px 0 6px 6px;
        color: #B1BBC4;
        display: inline-block;
        z-index: 1;
        cursor: pointer;
        padding: 65px 0;
    }

    .signatureMainWrapper .alertMessage:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid red;
        top: -9px;
        left: 65%;
    }

    .RTLDir .signatureMainWrapper .alertMessage:before {
        left: 17%;
    }

    .signatureMainWrapper .alertMessage {
        position: relative;
        margin-top: 8px;
        text-align: left;
        padding: 10px 0 10px 12px;
    }

    .mobile-wrapper .signatureMainWrapper .alertMessage:before {
        left: 55%;
    }

    .icon-wrapper {
        margin: 0 auto;
        cursor: pointer;
        /*padding-top: 25px;*/
    }

    .sign-box-wrapper {
        display: flex;
    }

    .sign-icon-txt {
        font-size: 14px;
        color: #B1BBC4;
        text-align: center;
        padding-top: 4px;
        font-family: Proxima N W01 Smbd;
        cursor: pointer;
    }

    .preview-sign-options-wrapper {
        display: inline-block;
    }

    .preview-sign-opt-container {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        border-right: 1px solid #DCDCDC;
        border-radius: 0 2px 2px 0;
        margin-left: -1px;
    }

    /*.preview-sign-opt-container .sign-opt:hover {
    background-color:#F1F1F1;
}*/

    .sign-opt {
        width: 34px;
        height: 34px;
        background-color: #fff;
        border-top: 1px solid #E2E3E3;
        box-sizing: border-box;
        border-bottom: none;
        border-left: none;
        border-right: none;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .preview-sign-opt-container:last-child {
        border-bottom: 1px solid #DCDCDC;
    }
    /*.preview-sign-opt-container .sign-opt.active {
    background-color:#F1F1F1;
}*/
    .sign-icon {
        width: 24px;
        height: 24px;
        margin: 0 auto;
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .icon-wrapper.scribble .sign-icon {
        background-image: url('../../ImagesNew/PM/Signature_scribble-nw.svg');
        background-size: 26px 32px;
        height: 32px;
    }

    .icon-wrapper.imageUpload .sign-icon {
        background-image: url('../../ImagesNew/PM/Signature_upload-nw.svg');
    }

    .icon-wrapper.textSign .sign-icon {
        background-image: url('../../ImagesNew/PM/Signature_type-nw.svg');
    }

    .sign-opt.scribble {
        background-image: url('../../ImagesNew/PM/Signature_scribble-nw.svg');
        background-size: 20px 24px;
    }

    .sign-opt.imageUpload {
        background-image: url('../../ImagesNew/PM/Signature_upload-nw.svg');
        background-size: 20px 16px;
    }

    .sign-opt.textSign {
        background-image: url('../../ImagesNew/PM/Signature_type-nw.svg');
        background-size: 20px;
    }

    .questionsign_scribble_container {
        background-color: white;
        width: 400px;
        height: 200px;
        border: solid 1px #DCDCDC;
        cursor: crosshair;
        border-radius: 6px 6px 0 0;
        border-bottom: none;
        /*margin-bottom: 10Px;*/
    }

    .editable-signInput input[type="text"] {
        box-sizing: border-box;
        width: 400px;
        height: 200px;
        background-color: #fff;
        border: 1px solid #DCDCDC;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        color: #000;
        display: inline-block;
        font-size: 24px;
        text-align: center;
        /*margin-bottom: 12px;*/
    }

    /*.signatureTextStyleChange {
    color: #0095DD;
    font-family: montserrat;
    background-image: url('../../ImagesNew/PM/Signature_ChangeStyle.svg');
}*/

    .dd-arrow-icon.down:after {
        content: "";
        display: inline-block;
        border-width: 4px;
        border-style: solid;
        margin: 7px 0 0 5px;
        position: absolute;
        border-color: #0095DD transparent transparent transparent;
    }

    .o-menu-list {
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.17);
        border-radius: 5px;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        max-width: 300px;
        width: 150px;
        position: absolute;
        z-index: 99999;
        /*display: none;*/
        margin-top: 30px;
    }

    .o-menu-list-item {
        padding: 7px 10px;
        color: #4a4a4a;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .o-menu-list-item:hover, .o-menu-list-item.active {
            background-color: #cfd8dc;
            color: #000000;
            cursor: pointer;
        }

    .o-menu-list-item-weight {
        font-weight: bold;
    }

    .o-menu-list-item-text {
        opacity: 0.5;
    }

    .montserrat {
        font-family: 'Montserrat', cursive !important;
        font-size: 14px;
    }

    .homemade-apple {
        font-family: 'Homemade Apple', cursive !important;
        font-size: 14px;
    }

    .windsong {
        font-family: 'WindSong', cursive !important;
        font-size: 14px;
    }

    .allura {
        font-family: 'Allura', cursive !important;
        font-size: 14px;
    }

    .fuggles {
        font-family: 'Fuggles', cursive !important;
        font-weight: bold;
        font-size: 22px;
    }

    .kristi {
        font-family: 'Kristi', cursive !important;
        font-size: 22px;
    }

    .Dawing-of-newDay {
        font-family: 'Dawning of a New Day', cursive !important;
        font-size: 14px;
    }

    .Charmonman {
        font-family: 'Charmonman', cursive !important;
        font-weight: bold;
        font-size: 14px;
    }

    .Nothingyou-could-do {
        font-family: 'Nothing you could do', cursive !important;
        font-weight: bold;
        font-size: 14px;
    }

    .Allison {
        font-family: 'Allison', cursive !important;
        font-weight: bold;
        font-size: 22px;
    }

    .Zeyada {
        font-family: 'Zeyada', cursive !important;
        font-weight: bold;
        font-size: 22px;
    }

    .Mrs-Saint-Delafield {
        font-family: 'Mrs Saint Delafield', cursive !important;
        font-weight: bold;
        font-size: 20px;
    }

    .typefont-wrapper {
        background-color: RGB(249, 249, 249);
        height: 46px;
        /*display: block;*/
        width: 400px;
        border-top: none;
        border: 1px solid #DCDCDC;
        border-top: none;
        box-sizing: border-box;
        border-radius: 0 0 6px 6px;
        padding: 14px;
    }


    .signatureClear {
        background-color: transparent;
        cursor: pointer;
        color: #1686ff;
        font-family: montserrat;
        font-size: 14px;
        border: none;
    }

    .sign-inline-element {
        display: inline-block;
    }

    .sign-btn-wrapper {
        float: right;
    }

    .RTLDir .sign-opt {
        border-left: 1px solid #DCDCDC;
        border-right: none;
    }

    .RTLDir .RTLChangeStyle {
        float: left;
    }

    .RTLDir .sign-btn-wrapper {
        float: left;
    }

    .RTLDir .signatureTextStyleChange {
        margin-right: 15px;
    }

        .RTLDir .signatureTextStyleChange.dd-arrow-icon.down:after {
            display: none !important;
        }

    .RTLDir .dd-arrow-icon.down:before {
        content: "";
        display: inline-block;
        border-width: 4px;
        border-style: solid;
        margin: 8px -15px 0 0px;
        position: absolute;
        border-color: #0095DD transparent transparent transparent;
    }

    .mobile-wrapper .sign-box-wrapper {
        display: block;
    }

    .mobile-wrapper .sign-box {
        width: 100%;
        height: 164px;
        border-radius: 6px 6px 0px 6px;
        padding: 50px 0;
    }

    .mobile-wrapper .icon-wrapper {
        padding-top: 0px;
    }

    .mobile-wrapper .preview-sign-opt-container {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        justify-content: flex-end;
        border-radius: 0 0 2px 2px;
    }

    .mobile-wrapper .sign-opt {
        border-left: 1px solid #DCDCDC;
        border-top: none;
        border-right: none;
    }

    /*.mobile-wrapper .preview-sign-opt-container .sign-opt:last-child {
    border-right: 1px solid #DCDCDC;
}*/

    .mobile-wrapper .preview-sign-opt-container .sign-opt:first-child {
        border-left: 1px solid #DCDCDC;
    }

    .mobile-wrapper .preview-sign-options-wrapper {
        float: right;
    }

    .mobile-wrapper .editable-signInput input[type="text"] {
        height: 144px;
        color: #000;
    }

    .mobile-wrapper .typefont-wrapper {
        width: 100%;
        /*padding: 0;*/
    }

    .mobile-wrapper .questionsign_scribble_container {
        /*background-color: white;*/
        width: 100%;
        height: 144px;
        border-radius: 6px 6px 0 0;
        display: block;
    }

    .mobile-wrapper .sign-opt.scribble {
        background-size: 18px 22px;
    }

    .mobile-wrapper .sign-opt.textSign {
        background-size: 18px;
    }

    .loader-box {
        width: 400px;
        height: 200px;
        max-width: 100%;
        border: 1px solid #DCDCDC;
        box-sizing: border-box;
        border-radius: 6px 6px 0 0;
        background-color: white;
        border-bottom: none;
        margin-bottom: -5px;
        padding: 20px
    }

    .signature-image img {
        max-width: 400px;
        max-height: 180px;
        box-sizing: border-box;
        padding: 20px;
        margin: 0 auto;
        display: block;
        margin-top: 7px;
    }

    .mobile-wrapper .signature-image img {
        box-shadow: 1px 0px 4px RGBA(161, 156, 149, 0.14);
    }

    .signature-image {
        width: 400px;
        height: 200px;
        border: 1px solid #DCDCDC;
        box-sizing: border-box;
        border-radius: 6px 6px 0 0;
        background-color: white;
        margin-bottom: -5px;
        border-bottom: none;
    }

    .signatureMainWrapper {
        padding: 6px 20px 8px;
    }

    @font-face {
        font-family: 'signature_clear_ok';
        src: url('../fonts/signature_clear_ok.eot?28092021');
        src: url('../fonts/signature_clear_ok.eot?28092021') format('embedded-opentype'), url('../fonts/signature_clear_ok.ttf?28092021') format('truetype'), url('../fonts/signature_clear_ok.woff?28092021') format('woff'), url('../fonts/signature_clear_ok.svg?28092021#signature_clear_ok') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    .signatureOK:before {
        font-family: signature_clear_ok;
        /*content: "\0044";*/
        top: 1px;
        position: relative;
        font-size: 24px;
        color: RGB(98, 201, 245);
    }

    .signatureClear:before {
        font-family: signature_clear_ok;
        /*content: "\0052";*/
        color: RGB(98, 201, 245);
        top: 1px;
        position: relative;
        font-size: 24px;
    }

    .signature-btn {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0 16px 0;
        font-size: 14px;
        text-decoration: underline;
        color: #000;
        font-family: montserrat;
        font-weight: bold;
    }

    .ui-temp.right-moon + form .changeStyleIcon {
        filter: invert(92%) sepia(15%) saturate(7485%) hue-rotate(168deg) brightness(90%) contrast(114%);
    }

    .changeStyleIcon {
        background-size: 29px;
        background-image: url('../../ImagesNew/PM/Signature_changeStyleIcon.svg');
        width: 29px;
        height: 13px;
        background-repeat: no-repeat;
        cursor: pointer;
        margin-top: 2px;
    }

    .icon-wrapper.imageUpload {
        padding-top: 5px;
    }

    .icon-wrapper.textSign {
        padding-top: 8px;
    }

    .mobile-wrapper .signature-image img {
        max-width: 100%;
        max-height: 164px;
    }

    .mobile-wrapper .signature-image {
        width: 100%;
        height: 164px;
    }

    .mobile-wrapper .RTLDir .sign-box {
        border-radius: 6px 6px 0px 6px;
    }

    .RTLDir .preview-sign-opt-container {
        border-right: none;
        border-radius: 2px 2px 2px 2px;
        margin-right: -1px;
    }

    .RTLDir .sign-box {
        border-radius: 0px 6px 6px 6px;
    }

    .sign-box-invalid {
        border: 1px solid red;
    }

    .signature-btn.signatureClear {
        padding: 0;
    }

    .sign-opt.scribble.active, .sign-opt.scribble:hover {
        background-image: url('../../ImagesNew/PM/Signature_scribbleActive.svg');
    }

    .sign-opt.imageUpload.active, .sign-opt.imageUpload:hover {
        background-image: url('../../ImagesNew/PM/Signature_uploadActive.svg');
    }

    .sign-opt.textSign.active, .sign-opt.textSign:hover {
        background-image: url('../../ImagesNew/PM/Signature_typeActive.svg');
    }

    .borderHide {
        border-bottom: none;
        border-radius: 6px 0 0 0;
    }

    .changeStyledropdownActive {
        background-color: #EDEFF1;
    }

    .signatureMainWrapper .validator_message {
        width: 400px;
    }

        .signatureMainWrapper .validator_message::before {
            right: 110px;
        }

    .alertMessage {
        width: 400px;
        padding: 10px 0 10px 25px;
        background-color: #FF0000;
        color: #fff;
        font-family: montserrat;
        font-size: 12px;
        font-weight: bold;
        border-radius: 3px;
        margin-top: 8px;
        text-align: center;
    }

    .alertMessage_Icon {
        background-image: url(../../ImagesNew/PM/alert-white_triangle.svg);
        display: inline-block;
        background-size: 15px;
        width: 18px;
        height: 18px;
        padding-top: 4px;
        background-repeat: no-repeat;
        vertical-align: middle;
        background-position: bottom;
    }

    .alertText {
        display: inline-block;
        vertical-align: middle;
        padding: 2px 5px 0 5px;
    }

    .mobile-wrapper .alertMessage {
        width: 100%;
        background-position: 22%;
    }

    .RTLDir .alertMessage {
        background-position: 96%;
        padding: 10px 35px 10px 0px;
        background-position: 66%;
    }

    .mobile-wrapper .RTLDir .alertMessage {
        padding: 10px 35px 10px 0px;
        background-position: 75%;
    }

    .RTLDir .signatureMainWrapper .alertMessage {
        padding: 10px 12px 10px 0px;
        text-align: right;
    }

    .drill-down-list-itemMessage {
        display: block;
        padding: 10px 5px;
        border: 1px solid #0098f7;
        max-width: 480px;
        font-family: montserrat;
        background-color: #ffffff;
        position: absolute;
        z-index: 11111 !important;
        font-weight: normal;
        font-size: 14px;
        word-break: break-word;
        word-wrap: break-word;
        color: #000 !important;
    }


    .demographics-wrapper .drill-down-list-itemMessage {
        margin-top: -7px;
    }

    .mobile-wrapper .demographics-wrapper .drill-down-list-itemMessage {
        margin-top: -11px;
    }

    .mobile-wrapper .fieldset-wrapper.isMandatory > fieldset > legend::before,
    .mobile-wrapper .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
    .mobile-wrapper .fieldset-wrapper.isMandatory .question-option-wrapper:before {
        left: 19px !important;
        top: 20px !important;
    }

    .mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory > fieldset > legend::before,
    .mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory > fieldset > .question-option-wrapper:before,
    .mobile-wrapper .RTLDir .fieldset-wrapper.isMandatory .question-option-wrapper:before {
        right: 19px !important;
        top: 19.5px !important;
        left: 0px;
    }


    /*134230 Mobile Participation alignment issues*/
    .mobile-wrapper .nps-wrapper {
        display: flex;
    }

    .mobile-wrapper .nps-ans-option {
        display: inline-block;
        box-sizing: border-box;
        margin: 0 auto 0%;
        flex-grow: 1;
    }

        .mobile-wrapper .nps-ans-option:nth-child(1) input[type='radio'] + label {
            /*border-left: 1px solid #62c9f5;*/
            border-radius: 5px 0 0 5px !important;
        }

        .mobile-wrapper .nps-ans-option:nth-last-child(1) input[type='radio'] + label {
            border-radius: 0 5px 5px 0 !important;
        }

    .mobile-wrapper .RTLDir .nps-ans-option:nth-child(1) input[type='radio'] + label {
        border-radius: 0 5px 5px 0 !important;
    }

    .mobile-wrapper .RTLDir .nps-ans-option:nth-last-child(1) input[type='radio'] + label {
        border-radius: 5px 0 0 5px !important;
        /*border-left: 1px solid #62c9f5;*/
    }

    .mobile-wrapper .answer-option-wrapper {
        padding: 10px 20px 8px
    }

    .mobile-wrapper .nps-ans-option input[type='radio']:checked + label {
        transform: none;
        box-shadow: none;
        /*background: rgba(98,201,245,1) !important;*/
        color: #ffffff !important;
    }

    .mobile-wrapper .nps-ans-option input[type='radio'] + label:hover,
    .mobile-wrapper .nps-ans-option input[type='radio']:focus + label,
    .mobile-wrapper .nps-ans-option input[type='radio']:checked + label {
        transform: none;
    }

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

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

    .mobile-wrapper .nps-axis-text {
        font-size: 12px;
        padding: 0 !important;
    }



    .mobile-wrapper .ces .ces-csat-wrapper, .mobile-wrapper .csat .ces-csat-wrapper {
        display: flex;
        flex: 1 1 0px;
    }



        .mobile-wrapper .ces .ces-csat-wrapper .ces-csat-ans-option .smiley.palette, .mobile-wrapper .csat .ces-csat-wrapper .ces-csat-ans-option .smiley.palette {
            margin: 0px !important;
        }


    .mobile-wrapper .ces-csat-ans-option .ces-csat-smiley-text {
        display: none;
    }

    .mobile-wrapper .ces-csat-wrapper {
        padding: 0px;
    }

    .mobile-wrapper .ces-csat-wrapper {
        margin: 0px !important;
    }

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

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

    .mobile-wrapper .csat-default-txt-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .mobile-wrapper .csat-default-txt {
        font-family: montserrat;
        font-size: 14px;
        color: #0e555c;
    }

    .mobile-wrapper .selected-csat-default-txt {
        margin-top: -5px;
    }

    .mobile-wrapper .ces-csat-ans-option {
        margin: 0 auto 10px !important;
    }

    .mobile-wrapper .csat input[type='radio']:checked + .smiley::before {
        margin-top: 3px;
    }

    .csat input[type='radio']:checked + label .ces-csat-smiley-text, .ces input[type='radio']:checked + label .ces-csat-smiley-text, .mobile-wrapper .selected-csat-default-txt {
        font-weight: bold !important;
    }



    .mobile-wrapper .csat .firstlast-ces-csat-ans-option input[type='radio']:checked + .smiley::before {
        margin-top: 0px;
    }


    /*.mobile-wrapper .ces-csat-ans-option input[type='radio']:checked + label.smiley.smiley-1.palette-0 > .ces-csat-smiley-text {
    display: none;
}

.mobile-wrapper .ces-csat-ans-option input[type='radio']:checked + label.smiley.smiley-5.palette-0 > .ces-csat-smiley-text {
    display: none;
}*/

    .mobile-wrapper .ces-csat-wrapper.defaultTxtShow + .csat-default-txt-wrapper {
        display: block;
    }
    /*134230 Mobile Participation alignment issues*/


    /*CSS END*/

    /*135302 : Open : [Mob] Changes to rating scale in mobile participation*/
    .clearfix.sl_wrapper {
        background-color: #F9F9F9;
        border: 1px solid #F0F0F0;
        box-sizing: border-box;
        padding: 8px;
        margin: 16px 0 0;
        border-radius: 6px;
    }

    .rs-mobile-wrapper .sl_wrapper .na-checkbox {
        margin: 0 16px 0 0;
    }

    .sl_wrapper input[type='checkbox'] + label {
        padding: 0;
    }

    .sl_wrapper .structure {
        height: 18px;
        width: 18px;
        position: relative;
        min-width: 18px;
        margin-top: 1px;
    }

    .sl_wrapper input[type='checkbox'] + label > span.structure:before {
        border-width: 2px;
        box-sizing: border-box;
    }

    .mobile-wrapper .sl_wrapper input[type='radio'] + label > span.structure:before,
    .mobile-wrapper .sl_wrapper input[type='checkbox'] + label > span.structure:before {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
    }

    .mobile-wrapper .rs-mobile-wrapper input[type='checkbox']:checked + label > span.structure:after {
        top: 9px !important;
        left: 4px !important;
        border-width: 2px;
        height: 9px;
        width: 3px;
    }

    .mobile-wrapper .rs-mobile-wrapper .answer-text-na {
        margin: 2px 5px 0 3px;
        font-size: 12px;
        vertical-align: top;
    }

    .mobile-wrapper .RTLDir .sl_wrapper .sl_input {
        float: left;
    }

    .mobile-wrapper .RTLDir .sl_wrapper .sl_DD_Icon {
        margin-right: 5px;
        margin-left: 0px;
        background-position: 6.5px 6px;
    }

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

    .mobile-wrapper .RTLDir .rs-mobile-wrapper .answer-text-na {
        margin: 2px 3px 0 0px;
    }

    .mobile-wrapper .RTLDir .clearfix.sl_wrapper {
        padding: 8px 16px 8px 10px;
    }

        .mobile-wrapper .RTLDir .clearfix.sl_wrapper .rating-scale-cont .validator_message,
        .mobile-wrapper .RTLDir .clearfix.sl_wrapper .rs-mobile-cont .validator_message {
            margin-top: 30px;
            left: 35px;
        }

    .mobile-wrapper .rs-mobile-wrapper input[type='checkbox'] + label > span.structure:before {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border-width: 2px;
        margin: 1px 10px 0 0;
    }

    .mobile-wrapper .RTLDir .rs-mobile-wrapper input[type='checkbox'] + label > span.structure:before {
        margin: 0px !important;
    }

    .sl_wrapper .sl_input {
        display: inline-block;
        margin-top: -1px;
        margin-bottom: 0px;
    }

    .rs-mobile-cont .sl_wrapper .rs-clear-inp {
        width: 160px;
        font-size: 12px;
        border-radius: 3px;
    }

    .sl_wrapper .sl_DD_Icon {
        background-size: 29px;
        background-image: url(../../ImagesNew/dm/blue_arrow_down.svg);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-repeat: no-repeat;
        cursor: pointer;
        display: inline-block;
        margin-left: 5px;
        background-size: 7px 10px;
        background-position: center center;
        vertical-align: middle;
    }

        .sl_wrapper .sl_DD_Icon.active {
            background-color: #E0E0E0;
        }

    .rs-mobile-cont .sl_wrapper .rs-clear-cont {
        margin-top: 0px;
        display: table;
    }

    .sl_wrapper .rs-clear-text-cont {
        text-align: left;
        padding: 0;
        font-family: montserrat;
        cursor: pointer;
    }

    .mobile-wrapper .sl_wrapper .rs-clear-text {
        font-size: 12px !important;
    }

    .sl_wrapper .o-menu-list {
        min-width: 276px;
        max-width: 295px;
        left: 25px;
        margin-top: 5px;
        border: none;
        max-height: 150px;
        overflow-y: scroll;
        font-family: montserrat;
        display: none;
    }

    .sl_wrapper .sl_input.showRSValues .o-menu-list {
        display: block !important;
    }



    .sl_wrapper .o-menu-list::-webkit-scrollbar {
        width: 5px;
    }

    .sl_wrapper .o-menu-list::-webkit-scrollbar-track {
        box-shadow: none;
        border-radius: 10px;
    }

    .sl_wrapper .o-menu-list::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 10px;
    }

    .sl_wrapper .rs-clear-cont.inline_Btn .rs-clear-text-cont {
        text-align: center;
        width: 100%;
    }

    .rs-mobile-cont .sl_wrapper .rs-clear-cont.inline_Btn {
        width: 100%;
    }

    .rs-mobile-wrapper .sl_wrapper .na-checkbox {
        margin: 0 24px 0 0;
    }

    @media only screen and (max-width: 320px) {
        .sl_wrapper .o-menu-list {
            min-width: 255px;
            max-width: 258px;
        }

        .sl_wrapper .rs-clear-inp {
            width: 124px !important;
        }

        .rs-mobile-wrapper .sl_wrapper .na-checkbox {
            margin: 0 16px 0 0;
        }

        .mobile-wrapper .rs-mobile-wrapper .answer-text-na {
            overflow-wrap: anywhere;
        }

        .mobile-wrapper .message-heading-text {
            padding: 25px 15px 17px 64px;
        }

        .mobile-wrapper .browsercont .IEcont:last-child {
            margin-bottom: 70px;
        }

        .mobile-wrapper .responseInfo .tooltiptext,
        .mobile-wrapper .RTLDir .responseInfo .tooltiptext {
            min-width: 230px;
            max-width: 245px;
            margin-left: -229px;
        }

        .mobile-wrapper .RTLDir .responseInfo .tooltiptext {
            min-width: 230px;
            max-width: 245px;
        }
    }

    .mobile-wrapper .RTLDir .signatureMainWrapper .alertMessage:before {
        left: 28%;
    }

    .mobile-wrapper .alertMessage.errorMsg-fullwidth {
        display: flex;
        top: -25px;
        padding: 10px 10px 10px 12px;
    }

    .mobile-wrapper .RTLDir .preview-sign-opt-container .sign-opt:first-child {
        border-right: 1px solid #DCDCDC;
        margin-right: 1px;
    }

    .mobile-wrapper .signatureMainWrapper .alertMessage.errorMsg-fullwidth:before {
        left: 45%;
    }

    .rs-mobile-wrapper .na-checkbox label {
        display: flex !important;
    }

    .demo-box .tb-legend {
        padding: 0px !important;
    }

    /*PRT 136235*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .mobile-wrapper .rs-mobile-wrapper .answer-text-na {
            position: absolute !important;
            max-width: calc(100% - 22vw) !important;
            -ms-word-break: break-all;
        }

        .clearfix.sl_wrapper {
            margin: 30px 0 0 !important;
        }

        .sl_wrapper .sl_DD_Icon {
            background-size: 7px 5px;
        }

        .rs-mobile-cont .rs-clear-inp, .rs-mobile-cont .rs-clear-text-cont {
            display: inline-block;
        }

        .mobile-wrapper .rs-mobile-wrapper .answer-text-na {
            margin: 0px 5px 0 13px;
        }
    }
    /*PRT END*/


    /*CRT 135634*/
    /* maximumRating  */
    .symbol-wrapper.maximumRating {
        display: flex;
        justify-content: space-around;
    }

    .mobile-wrapper .symbol-wrapper.maximumRating[symbol-count="10"] input[type='radio'] + label {
        font-size: 24px !important;
    }

    .symbol-wrapper.maximumRating {
        display: flex;
        justify-content: space-around;
        margin-right: 7px;
    }

    /* Rating Wrapper */
    .mobile-wrapper .symbol-wrapper.ratingNine,
    .mobile-wrapper .symbol-wrapper.ratingEight,
    .mobile-wrapper .symbol-wrapper.ratingSeven {
        display: flex;
        justify-content: space-between;
    }

        .mobile-wrapper .symbol-wrapper.ratingNine[symbol-count="9"] input[type='radio'] + label {
            font-size: 24.96px !important;
            margin-right: 9px !important;
        }

        /* Rating Eight */
        .mobile-wrapper .symbol-wrapper.ratingEight[symbol-count="8"] input[type='radio'] + label {
            font-size: 26px !important;
            margin-right: 8px !important;
        }


    /* Rating Seven */
    .mobile-wrapper .symbol-wrapper[symbol-count="6"] input[type='radio'] + label {
        font-size: 27px !important;
        margin-right: 17px !important;
    }

    .mobile-wrapper .RTLDir .symbol-wrapper.minimumRating[symbol-count="6"] input[type='radio'] + label {
        font-size: 27px !important;
        margin-right: 0px !important;
        margin-left: 17px !important;
    }


    /* Rating Six Mobile */
    .mobile-wrapper .symbol-wrapper.ratingSeven input[type='radio'] + label {
        font-size: 28.8px !important;
    }


    /*Minimum Rating  */
    .symbol-wrapper.minimumRating input[type='radio'] + label {
        margin-right: 20px !important;
        font-size: 34.56px !important;
    }

    .symbol-wrapper input[type='radio'] + label .lblReadValue {
        color: transparent;
        user-select: none;
        font-size: 1px;
    }

    .mobile-wrapper .RTLDir .symbol-wrapper.minimumRating input[type='radio'] + label {
        margin-left: 20px !important;
        margin-right: 0px !important;
        font-size: 34.56px !important;
    }

    .mobile-wrapper .mandatory .symbol-wrapper.minimumRating input[type='radio'] + label {
        margin-right: 10px !important;
        font-size: 34.56px !important;
    }

    .mobile-wrapper .RTLDir .mandatory .symbol-wrapper.minimumRating input[type='radio'] + label {
        margin-left: 10px !important;
        margin-right: 0px !important;
        font-size: 34.56px !important;
    }


    @media only screen and (max-width: 320px) {

        .mobile-wrapper .symbol-wrapper.maximumRating[symbol-count="10"] input[type='radio'] + label {
            font-size: 18px !important;
            margin-right: 7px !important;
        }

        .mobile-wrapper .RTLDir .symbol-wrapper.maximumRating[symbol-count="10"] input[type='radio'] + label {
            margin-right: 0px !important;
        }

        .mobile-wrapper .symbol-wrapper.ratingNine[symbol-count="9"] input[type='radio'] + label {
            font-size: 18.96px !important;
        }

        .mobile-wrapper .symbol-wrapper.ratingEight[symbol-count="8"] input[type='radio'] + label,
        .mobile-wrapper .symbol-wrapper.ratingSeven[symbol-count="8"] input[type='radio'] + label {
            font-size: 24px !important;
        }

        .mobile-wrapper .mandatory .symbol-wrapper.maximumRating[symbol-count="10"] input[type='radio'] + label {
            margin-right: 3px !important;
        }

        .mobile-wrapper .RTLDir .mandatory .symbol-wrapper.maximumRating[symbol-count="10"] input[type='radio'] + label {
            margin-right: 0px !important;
            margin-left: 4px !important;
        }

        .mobile-wrapper .mandatory .answer-option-wrapper.tb-box {
            padding: 10px 5px 8px 20px !important;
        }

        .mobile-wrapper .dtpContainer

        .mobile-wrapper .RTLDir .mandatory .answer-option-wrapper.tb-box {
            padding: 10px 20px 8px 5px !important;
        }

        .mobile-wrapper .mandatory .demographics-wrapper .answer-option-wrapper.tb-box {
            padding: 10px 0px 8px !important;
        }

        .mobile-wrapper .RTLDir .mandatory .demographics-wrapper .answer-option-wrapper.tb-box {
            padding: 10px 0px 8px !important;
        }


        .mobile-wrapper .mandatory .rank-wrapper {
            padding: 15px 20px 8px 5px !important;
        }

        .mobile-wrapper .mandatory .demo-box.answer-option-wrapper {
            padding-right: 4px !important
        }


        .mobile-wrapper .RTLDir .mandatory .demo-box.answer-option-wrapper {
            padding-right: 20px !important;
            padding-left: 4px !important;
        }
    }

    .symbol-wrapper.minimumRating {
        display: flex;
    }

    .mobile-wrapper .symbol-wrapper.minimumRating {
        display: flex;
    }
    /*CRT 135634 END*/

    /*PRT 136717*/
    @media (min-width: 1920px) and (max-width: 2560px) {
        .full-survey-width .ces-csat-ans-option, .RTLDir .full-survey-width .ces-csat-ans-option {
            float: none;
            display: table-cell;
            width: 14.20%;
        }
    }
    /*PRT 136717 END*/

    /*PRT 136954*/
    @-moz-document url-prefix() {
        .play-audio::before {
            top: 14px;
            left: 18.5px;
        }

        .pause-audio::before {
            top: 14px;
            left: 17.5px;
        }

        .play-audio.play-audio-progress::before {
            left: 19px;
            top: 15px;
        }

        .play-audio.play-audio-initial::before {
            top: 15.5px;
        }
    }
    /*PRT 136954 END*/

    /*PRT 136486*/
    .mobile-wrapper .reenter {
        margin-top: 15px;
        margin-bottom: 4px;
    }

        .mobile-wrapper .reenter + input.ansopt-textbox {
            min-width: 100%;
        }

    .spclCharMobile .currencySymbol,
    .spclCharMobile .percentSymbol {
        margin-top: 10px;
    }

    .mobile-wrapper .answer-option-wrapper .demographics-wrapper .question-option-wrapper.reenter {
        padding: 7px 0px 2px !important;
        margin-top: 0px !important;
    }

    .mobile-wrapper .answer-option-wrapper.mtb-box .form-group.spclCharMobile .spcl-char.percentSymbol {
        margin-top: 2px;
    }

    .mobile-wrapper .answer-option-wrapper.mtb-box .form-group.spclCharMobile .spcl-char.currencySymbol {
        margin-top: 7px;
    }
    /*PRT END*/

    /*CRT 136769 START*/
    .nps-wrapper.read-only .nps-ans-option input[type='radio'] + label,
    .ces-csat-wrapper.read-only .ces-csat-ans-option input[type='radio'] + label,
    .rs-wrapper.read-only .rs-ans-option input[type='radio'] + label {
        opacity: 0.3 !important;
    }

    .ces-csat-wrapper.read-only .ces-csat-ans-option input[type='radio']:checked + label,
    .rs-wrapper.read-only .rs-ans-option input[type='radio']:checked + label,
    .nps-wrapper.read-only .nps-ans-option input[type='radio']:checked + label {
        opacity: 1 !important;
    }

    .rs-mobile-wrapper.read-only .ui-widget.ui-widget-content,
    .rs-wrapper.read-only .ui-widget.ui-widget-content {
        background-color: #f0f0f0 !important;
        border-color: #eaeaea !important;
    }

    .rs-wrapper.read-only .rs-slider-axis-val {
        opacity: 0.3 !important;
    }

    .rs-wrapper.read-only .na-checkbox {
        opacity: 0.3 !important;
    }

    .rs-mobile-wrapper.read-only .na-checkbox,
    .rs-mobile-wrapper.read-only .rs-end-values-cont {
        opacity: 0.3 !important;
    }

    .rs-wrapper.read-only + div.rs-clear-cont {
        opacity: 0.5 !important;
    }

    .rs-mobile-wrapper.read-only > div > div.sl_wrapper .rs-clear-cont.inline_Btn .rs-clear-text-cont {
        opacity: 0.4 !important;
    }

    .rs-wrapper.read-only .rs-slider-axis-val.read-only-enable {
        opacity: 1 !important;
    }

    .symbol-subqtn .symbol-wrapper-parent.read-only input[type='radio'] + label:not(.selectedSymbol) {
        opacity: 0.3 !important;
    }

    .check-read-only .answer-text, .ld-label-text, .radio-read-only .answer-text, .ld-label-text, .DropDown-read-only .answer-text {
        margin: 0px !important;
    }

    .demo-read-only .answer-text.read-only {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .answer-text.read-only {
        margin: 0px !important;
    }


    form:not(.mobile-wrapper) .fieldset-wrapper .mtb-tb-container .answer-option-wrapper.tb-box {
        padding: 10px 5px 10px !important;
    }

    .check-read-only .selectedAnsOpt .answer-text {
        font-weight: normal !important;
    }

    .demographics-wrapper .question-option-wrapper .question-text {
        font-weight: bold !important;
    }

    .demo-read-only .tb-legend,
    .dd-legend,
    .matrix-legend {
        padding: 0px !important;
    }

    form:not(.mobile-wrapper) .fieldset-wrapper .answer-option-wrapper.DispCol.radio-box {
        padding: 10px 14px !important;
    }

    form:not(.mobile-wrapper) .fieldset-wrapper.multiple-dropdown .answer-option-wrapper.mdd-box .mdd-wrapper .answer-option.DropDown-read-only {
        padding-top: 1px !important;
    }

    .drill-down-wrapper .question-text.drill-subq-read-only {
        padding-left: 5px;
    }

    .RTLDir .drill-down-wrapper .question-text.drill-subq-read-only {
        padding-left: 0px;
        padding-right: 5px !important;
    }

    .mobile-wrapper .answer-option-wrapper div.answer-option.radio-read-only label,
    .mobile-wrapper .answer-option-wrapper div.answer-option.check-read-only label {
        padding: 10px 0px !important;
    }

    .mobile-wrapper .drill-box .drill-mob-read-only .answer-text,
    .mobile-wrapper .dd-box .DropDown-read-only .answer-text,
    .mobile-wrapper .cb-box .check-read-only .answer-text {
        margin: 0px !important;
    }

    .matrix-grid .answer-option.radio.grid-read-only input[type='radio']:not(:checked) + label,
    .matrix-grid .answer-option.check.grid-read-only input[type='checkbox']:not(:checked) + label,
    .matrix-grid .answer-option.radio-hrb.grid-read-only input[type='radio']:not(:checked) + label,
    .matrix-grid .answer-option.radio-hrb.grid-read-only input[type='checkbox']:not(:checked) + label {
        opacity: 0.3 !important;
    }

    .matrix-grid .answer-option.radio.grid-read-only input[type='radio'] + label,
    .matrix-grid .answer-option.check.grid-read-only input[type='checkbox'] + label,
    .matrix-grid .answer-option.radio-hrb.grid-read-only input[type='radio'] + label,
    .matrix-grid .answer-option.radio-hrb.grid-read-only input[type='checkbox'] + label {
        pointer-events: none;
    }
    /*CRT 136769 END*/


    /*NRT 136863*/
    .thankYouMsgWrapper .width55 {
        margin: 0;
    }

    .thankYouMsgWrapper + .navigation-band {
        margin-bottom: 33px !important;
    }

    .footer-div.thank-you-footer .btmNote.onlyMessage {
        /*padding: 22px 0px;*/
        width: 100%;
        /*position: fixed;*/
        /*background: #fff;*/
        bottom: 0px;
    }

    .clsThankYou span.thankyouTxt {
        font-size: 58px;
        margin-bottom: 24px;
        display: inline-block;
    }

    .clsThankYou h1 {
        margin-bottom: 0px;
    }

    .clsThankYou span.thankyouMsg {
        font-size: 20px;
        display: inline-block;
    }

    .clsThankYou .responseRecordedTxt {
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        padding: 66px 0 0px 0;
    }

    .survey-options img {
        display: none;
    }

    .mobile-wrapper .clsThankYou a.thnk-option.saveContBox,
    .saveContBox .surveyWrapper {
        background-color: rgba(32,35,42,0.1) !important;
        border: 1px solid rgba(32,35,42,0.2) !important;
    }

    .saveContBox {
        font-family: 'Open Sans' !important;
    }

        .saveContBox .surveryIcon:before {
            color: #20232A !important;
        }

    .clsThankYou a.saveContBox {
        color: #20232A !important;
    }

    .saveContBox .surveyBtnTxt {
        color: rgba(32,35,42,0.8) !important;
    }

    .thank-you-options.saveContBox {
        justify-content: flex-start;
    }

    .surveyWrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: RGBA(14, 85, 92, 0.1);
        border: 1px solid RGBA(14, 85, 92, 0.2);
        border-radius: 12px;
        position: relative;
        max-width: 290px;
        min-width: 130px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-top: 24px;
        cursor: pointer;
        box-sizing: border-box;
        padding: 18px 12px;
    }

    .surveyOptionContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .surveyWrapper:hover {
        box-shadow: 0px 4px 8px RGBA(14, 85, 92, 0.12);
    }

    .surveryIcon {
        width: 24px;
        height: 24px;
        margin: 0 auto;
    }

        .surveryIcon:before {
            font-family: Survey-Thankyou;
            color: RGB(14, 85, 92);
            font-size: 28px;
            display: inline-block;
            cursor: pointer;
        }

    .ViewResult .surveryIcon:before {
        content: "\E903";
    }

    .viewResponse .surveryIcon:before {
        content: "\E902"
    }

    .share .surveryIcon:before {
        content: "\E901";
    }

    .editResponse .surveryIcon:before {
        content: "\E900";
    }

    .print .surveryIcon:before {
        content: "\E904";
    }

    .surveyBtnTxt {
        margin-top: 12px;
        font-size: 14px;
        color: RGBA(14, 85, 92, 0.8);
        font-weight: 600;
        line-height: 1.2;
    }

    .clsThankYou #dv_CatGraph .highcharts-container {
        border-radius: 6px;
    }
    /*.thankYouMsgWrapper #dv_CatGraph {
    margin-top:0px !important;
}*/
    /*NRT136863-mobile*/
    .mobile-wrapper .clsThankYou span.thankyouTxt {
        font-size: 44px;
    }

    .mobile-wrapper .clsThankYou span.thankyouMsg {
        font-size: 18px;
    }

    .mobile-wrapper .clsThankYou div.responseRecordedTxt {
        font-size: 18px;
    }

    /*.mobile-wrapper .footer-div.thank-you-footer .btmNote.onlyMessage a {
    font-size: 12px !important;
}*/

    .mobile-wrapper .clsThankYou a.thnk-option {
        background-color: #EEF3F3;
        border: 1px solid rgba(14, 85, 92, 0.2);
        border-radius: 6px;
        text-decoration: none;
        padding: 10px 10px 10px 16px;
        text-align: left;
        margin: 10px auto 20px auto;
        max-width: 224px;
        margin: 0 auto;
        display: flex !important;
        align-items: center;
        font-weight: bold;
    }

    .mobile-wrapper .clsThankYou p a#EditLinkID {
        background-color: #EEF3F3;
        border: 1px solid rgba(14, 85, 92, 0.2);
        border-radius: 6px;
        text-decoration: none;
        padding: 10px 10px 10px 16px;
        text-align: left;
        max-width: 224px;
        display: inline-block;
        margin: 0 auto;
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .mobile-wrapper .clsThankYou .mobile-participation-icon:before {
        font-family: Survey-Thankyou;
        font-size: 20px;
        margin-right: 8px;
        vertical-align: sub;
        font-weight: normal;
    }

    .mobile-wrapper .clsThankYou a.view-result.mobile-participation-icon:before {
        content: "\e903";
    }

    .mobile-wrapper .clsThankYou a.view-your-response.mobile-participation-icon:before {
        content: "\e902";
    }

    .mobile-wrapper .clsThankYou a.share-survey.mobile-participation-icon:before {
        content: "\e901";
    }

    .mobile-wrapper .clsThankYou a.edit-response.mobile-participation-icon:before {
        content: "\e900";
    }

    .mobile-wrapper .clsThankYou a.print-result.mobile-participation-icon:before {
        content: "\e904";
    }

    .mobile-wrapper .footer-div.thank-you-footer .btmNote.onlyMessage {
        position: initial;
    }

    .mobile-wrapper .RTLDir .clsThankYou a.thnk-option {
        text-align: right;
        padding: 10px 16px 10px 10px;
    }

    .mobile-wrapper .RTLDir .clsThankYou p a#EditLinkID {
        text-align: right;
        padding: 10px 16px 10px 10px;
    }

    .mobile-wrapper .RTLDir .clsThankYou a.mobile-participation-icon:before {
        margin-left: 8px;
        margin-right: 0px;
    }

    .mobile-wrapper img.bottomLogo {
        max-width: 94px;
        display: inline-block;
    }

    .mobile-wrapper .btmNote.onlyMessage a u span {
        margin-left: 8px;
        vertical-align: middle;
    }

    .mobile-wrapper .clsThankYou p {
        margin: 20px auto 0 auto !important;
    }

    .mobile-wrapper .clsThankYou a.thnk-option {
        margin-top: 16px !important;
    }

    .mobile-wrapper .footer-div.thank-you-footer .btmNote.onlyMessage {
        /*padding: 20px 0px;*/
    }

    .mobile-wrapper .nav-btn-class #btn_Con {
        margin: 0 !important;
        padding: 9px 32px !important;
    }

    .mobile-wrapper .nav-btn-class {
        padding: 16px;
    }

    .mobile-wrapper .footer-div.thank-you-footer {
        padding-bottom: 0px;
    }

    .mobile-wrapper #EditLinkID span {
        text-align: left !important;
    }
    /*NRT136863-mobile*/
    /*NRT END*/

    /*PRT 138456*/
    .answer-option-wrapper.mdd-box .answer-text.read-only {
        margin: 3px 0px 0px 0px !important;
    }
    /*PRT 138456 END */

    /*PRT 138634*/
    .mobile-wrapper .check-read-only .answer-text,
    .mobile-wrapper .ld-label-text, .mobile-wrapper .radio-read-only .answer-text,
    .mobile-wrapper .ld-label-text, .mobile-wrapper .DropDown-read-only .answer-text {
        padding-top: 8px;
    }
    /*PRT 138634 END*/

    /*CSS END*/
    /*Moin*/
    .message-header-wrapper .message-heading-text {
        color: #20232A;
        font-size: 20px;
    }

    .message-info-wrapper .message-text {
        font-size: 16px;
    }

    .message-info-wrapper .url-info a {
        font-size: 18px;
        color: #2167E9;
    }

    .message-info-wrapper .url-info {
        margin-top: 26px;
        border: 1px solid #E4E4E4;
        border-radius: 3px;
        padding: 7px 40px 7px 10px;
        display: inline-block;
        margin-top: 10px;
        position: relative;
        margin-bottom: 40px;
        background-color: #FFFFFF;
    }

    .send-container input.send-email-submit {
        background-color: #4368B1;
        font-size: 18px;
        padding: 0 36px;
        cursor: pointer;
        /*box-shadow: 0px 2px 4px 0px rgba(33,103,233,0.5);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(33,103,233,0.5);
    -moz-box-shadow: 0px 2px 4px 0px rgba(33,103,233,0.5);*/
        /*display: none;*/
    }

    .message-info-wrapper .url-info + .message-text {
        margin-top: 0px;
    }

    .message-icon.partial-data-saved-icon {
        /*background-position: 0px -23px;*/
        background-position: unset;
        background-size: 24px;
        margin-right: 15px;
        min-width: 24px;
        width: 24px;
        height: 24px
    }

    .message-info-wrapper > .message-text {
        margin-top: 0;
    }

    .send-container + .message-text {
        margin: 15px 0;
        margin-top: 25px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    /*response limit reached*/
    .message-icon.browser-message {
        /*background-position: 0px -23px;*/
        background-position: unset;
        background-size: 24px;
        margin-right: 15px;
        min-width: 24px;
        width: 24px;
        height: 24px
    }

    .message-info-wrapper .message-text a {
        color: #20232A;
    }

    .msg-bg-overlay {
        background: url('/AllImages/ImagesNew/home/BGMaintainNew27.png')
    }

    .message-info-wrapper .url-info span.copy_link_pm, .message-info-wrapper .send-container span.send_email_pm_new {
        /*background-image: url('/Allimages/ImagesNew/general/copy_icon_normal_pm.svg');*/
        /*height: 48px;
    width: 48px;*/
        /*background-repeat: no-repeat;*/
        position: absolute;
        right: -81px;
        top: -1px;
        cursor: pointer;
        padding: 11px 31px 11px 32px;
        border-radius: 0 3px 3px 0;
        background-color: #4368B1;
        height: 102%;
        display: flex;
        align-items: center;
        min-height: 40px;
    }

    .message-info-wrapper .send-container span.send_email_pm_new {
        position: unset;
        display: inline-block;
        /*right: 4px;
    top: 1px;*/
        padding: 9px 31px 10px 32px;
        /*margin-left: -4px;*/
        vertical-align: middle;
    }

    .message-info-wrapper .url-info span.copy_link_pm:before {
        content: "";
        background-image: url(../../ImagesNew/dm/copy_icon_normal_pm_blue.svg);
        display: inline-block;
        height: 18px;
        width: 19px;
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .message-info-wrapper .send-container span.send_email_pm_new:before {
        content: "";
        background-image: url(../../ImagesNew/sm/publish-icon.svg);
        display: inline-block;
        height: 18px;
        width: 19px;
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    /*.message-info-wrapper .url-info span.copy_link_pm:hover{
    background-image: url('/Allimages/ImagesNew/general/copy_icon_normal.svg');
}*/
    .message-wrapper {
        border: 1px solid #E4E4E4;
        padding: 40px;
    }

    .message-info-wrapper .message-text {
        color: #20232A;
    }

        .message-info-wrapper .message-text > div > span {
            font-size: 16px !important;
            line-height: 1.75;
            display: inline-block;
            /*margin: 16px 30px;*/
        }

    .email-done-container .link-emailed-text {
        font-weight: 600;
        /*margin-right: 30px;*/
        font-size: 16px;
        vertical-align: middle;
    }

    .email-done-container .link-email-id {
        color: #20232A;
    }

    .email-done-container input.done-email-submit.partial-data-button, .contsurvey {
        border: 1px solid transparent;
        padding: 0 13px;
        background-color: #33BCAE;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        font-weight: 600;
        font-size: 20px;
        font-family: inherit;
        display: inline-block;
        height: 46px;
        vertical-align: middle;
        font-family: Open Sans, Arial, Helvetica, sans-serif;
        background-color: #2167E9;
        font-size: 14px;
        padding: 0 36px;
        cursor: pointer;
        box-shadow: 0px 2px 4px 0px rgb(33 103 233 / 50%);
        -webkit-box-shadow: 0px 2px 4px 0px rgb(33 103 233 / 50%);
        -moz-box-shadow: 0px 2px 4px 0px rgba(33,103,233,0.5);
        -webkit-appearance: none;
        /*    margin-top:10px;*/
    }

    .NoteComponent {
        border-radius: 3px;
        border: solid 1px #FAD78A;
        background-color: #ffffff;
        border-left: 2px solid #FFA000;
        padding: 15px 50px 15px 65px;
        display: inline-block;
        margin: 15px 0;
        font-family: Proxima N W01 Smbd;
        font-size: 14px;
        color: #202329;
        line-height: 1.43;
        position: relative;
        background-image: none;
    }

        .NoteComponent:after {
            content: url('/Allimages/ImagesNew/general/note-info.svg');
            position: absolute;
            left: 14px;
            top: 50%;
            z-index: 1;
            height: 24px;
            width: 24px;
            transform: translate(0, -50%);
        }

    .newNoteContent:before {
        content: "";
        width: 52px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #FFF9F0;
        border-radius: 4px 0 0 4px;
    }
    /*1132*/

    /*UJ 154*/
    .message-wrapper.partialComplete {
        position: static;
        font-size: 16px;
        color: #20232A;
    }

    .message-wrapper.partialComplete {
        font-size: 16px;
    }

        .message-wrapper.partialComplete .resume-survey-wrapper {
            display: flex;
            justify-content: center;
        }

        .message-wrapper.partialComplete .modelresponseBtns {
            color: RGBA(32, 35, 42, 0.8);
            padding: 24px;
            font-weight: 600;
            font-size: 14px;
            display: flex;
            max-width: 300px;
            border: 1px solid RGBA(32, 35, 42, 0.2);
            text-decoration: none;
            border-radius: 6px;
            position: relative;
            align-items: center;
        }

    .modelresponseTxt {
        display: inline-block;
        width: 75%;
        margin-left: 15px;
        text-align: left;
    }

    .message-wrapper.RTLDir.partialComplete .modelresponseTxt {
        margin-right: 15px;
        margin-left: 0px;
        text-align: right;
    }

    .message-wrapper.RTLDir.partialComplete .responseInfo {
        left: 10px;
        right: inherit;
    }

        .message-wrapper.RTLDir.partialComplete .responseInfo:hover .tooltiptext {
            text-align: right;
        }
    /*.message-header-wrapper {
    display: flex;
    justify-content: center;
}*/
    .responseIcon {
        width: 37px;
        height: 32px;
        background-size: 37px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .responseInfo {
        width: 14px;
        height: 14px;
        top: 5px;
        right: 10px;
        background-size: 14px;
        background-image: url('../../ImagesNew/PM/info_outline.svg');
        position: absolute;
        cursor: pointer;
    }

    .responseIcon.Start {
        background-image: url('../../ImagesNew/PM/new_survey_response.svg');
    }

    .responseIcon.leftOver {
        background-image: url('../../ImagesNew/PM/partial_response.svg');
    }


    /* Tooltip text */
    .responseInfo .tooltiptext {
        visibility: hidden;
        width: 358px;
        background-color: RGB(255, 255, 255);
        color: RGB(32, 35, 42);
        text-align: center;
        padding: 5px 0;
        border-radius: 3px;
        position: absolute;
        z-index: 1;
        bottom: 180%;
        left: 50%;
        margin-left: -180px;
        opacity: 0;
        transition: opacity 0.3s;
        border: 1px solid RGBA(226, 227, 227, 0.5);
        box-shadow: 0px 2px 6px RGBA(32, 35, 42, 0.2);
        text-align: left;
        padding: 10px;
        font-weight: 500;
    }

        /* Tooltip arrow */
        .responseInfo .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: RGB(255, 255, 255) transparent transparent transparent;
        }

    .responseInfo:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    /*multi use link*/
    .email-done-container {
        /*margin: 25px 0 45px 0px;*/
        margin: 0px 0 56px 0px;
        display: inline-block;
        padding: 25px 48px 25px 30px;
        border: 1px solid #E4E4E4;
        border-radius: 3px;
        background-color: #FFFFFF;
    }

        .email-done-container span.new_done_icon_pm {
            background-image: url('../../ImagesNew/dm/new_done_icon_pm.svg');
            display: inline-block;
            height: 26px;
            width: 26px;
            vertical-align: middle;
            margin-right: 30px;
            background-repeat: no-repeat;
        }

        .email-done-container input.done-email-submit.partial-data-button {
            display: none;
        }

    .SurveyMsgWrapper .message-wrapper {
        box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.11);
        -webkit-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.11);
        -moz-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.11);
        margin-bottom: 61px;
    }

    /*Footer changes*/
    .message-footer-wrapper {
        background-color: #FFFFFF;
    }

    .btmNote.onlyMessage, .btmNote.onlyMessage font a {
        /*-webkit-text-stroke-width: unset;
    -webkit-text-stroke-color: unset;*/
        text-shadow: unset;
    }

    .message-footer-wrapper span, .message-footer-wrapper a {
        color: #262626 !important;
        font-weight: unset;
    }
    /*Footer changes*/
    /*quota*/
    .message-icon.quota-saved-icon {
        height: 24px;
        width: 24px;
        min-width: 24px;
        background-position: unset;
        background-size: 24px;
        margin-right: 15px;
    }

    .quota-message-heading-text {
        font-size: 20px;
        font-weight: 600;
        color: #20232A !important;
    }

    .RTLDir .message-icon.quota-saved-icon {
        margin-right: 0;
        margin-left: 15px;
    }

    .send-container input.send-email-submit.quota-button {
        font-size: 16px;
    }

    .message-footer-wrapper .innerfootr {
        background-color: #FFFFFF;
        margin: 0px;
    }

        .message-footer-wrapper .innerfootr span + span {
            color: #262626 !important;
            background-color: #FFFFFF;
        }

            .message-footer-wrapper .innerfootr span + span a {
                color: #262626 !important;
            }

    .message-wrapper.partialComplete .modelresponseBtns:hover {
        /*    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.11);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.11);*/
        cursor: pointer;
        border: 1px solid #909295;
    }

    .modelresponseBtns:hover .modelresponseTxt {
        color: #20232a;
    }

    .modelresponseBtns:hover .responseIcon.Start {
        background-image: url(../../ImagesNew/PM/new_survey_response_Copy.svg);
    }

    .modelresponseBtns:hover .responseIcon.leftOver {
        background-image: url(../../ImagesNew/PM/partial_response_Copy.svg);
    }

    .send-container input.send-email-text {
        /*width: 500px;*/
        height: 40px;
        color: #20232A;
    }

    .message-header-wrapper + .message-info-wrapper, .innercont + .message-info-wrapper {
        padding-bottom: 0;
    }

    .message-text.switch-project-type.newNoteContent.NoteComponent {
        margin-bottom: 0;
        font-family: Open Sans, Arial, Helvetica, sans-serif;
    }

    #buttonwrapper + .newNoteContent.NoteComponent {
        margin-bottom: 0;
    }
    /*new PM header*/
    .new_header_pm {
        border: 1px solid #E4E4E4;
        box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.07);
        -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.07);
        -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.07);
        padding: 10px 26px;
        background-color: #fff;
        max-height: 55px;
        position: fixed;
        z-index: 99;
        width: 100%;
    }

    span.new_header_logo_pm {
        background-image: url(../../ProductImages/SvgLogo.svg);
        height: 33px;
        width: 125px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .SurveyMsgWrapper {
        /*   top: 40px !important;
    transform: translate(-50%, 0px) !important;*/
        margin: 0px auto;
        position: fixed;
        left: 50%;
        width: 75%;
        max-width: 75%;
    }

    .body-bg {
        background: url('/AllImages/ImagesNew/home/BGMaintainNew27.png')
    }

    .message-wrapper.alertModel .message-icon.browser-message {
        background-image: url(../../ImagesNew/PM/alert_icon_red.svg);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        height: 24px;
        width: 24px;
        min-width: 24px;
        background-position: unset;
        background-size: 24px;
        margin-right: 15px;
    }

    .resume-survey-wrapper .modelresponseBtns:first-child {
        margin-right: 20px;
    }

    .RTLDir .resume-survey-wrapper .modelresponseBtns:first-child {
        margin-right: 0;
    }

    .RTLDir .resume-survey-wrapper .modelresponseBtns:nth-child(2) {
        margin-right: 20px;
    }

    /*.message-wrapper.partialComplete .message-header-wrapper {
    margin: 0px auto;
}*/
    .SurveyMsgWrapper.small-survey-width.already-participate-Transform {
        top: 35px !important;
        transform: translate(0px, 0px) !important;
    }

    .RTLDir.message-wrapper.alertModel .message-icon.browser-message {
        margin-right: 0;
        margin-left: 15px;
    }

    /*UJ 155 mobile css*/
    .mobile-wrapper .new_header_pm {
        display: none;
    }

    .mobile-wrapper .email-done-container {
        margin: 12px 30px 24px 30px;
        padding: 19px 18px 19px 28px;
    }

    .mobile-wrapper .message-icon.browser-message {
        display: none;
    }

    .mobile-wrapper .SurveyMsgWrapper .message-header-wrapper {
        display: block;
    }

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

    .mobile-wrapper .message-heading-text {
        position: relative;
        font-size: 18px;
        text-align: left;
        font-family: Open Sans, Arial, Helvetica, sans-serif;
        color: RGB(255, 160, 0);
        font-weight: bold;
        padding: 25px 15px 17px 64px;
        border-bottom: 2px solid RGB(255, 160, 0);
        position: relative;
    }

        .mobile-wrapper .message-heading-text div:before,
        .mobile-wrapper .message-wrapper.cookie-wrapper .message-heading-text:before {
            content: '';
            width: 25px;
            height: 25px;
            position: absolute;
            top: 24px;
            left: 30px;
            background-image: url("../../ImagesNew/PM/info_message_icon.svg");
            background-repeat: no-repeat;
            background-size: 25px;
        }

    .mobile-wrapper .message-wrapper.alertModel .message-heading-text div:before,
    .mobile-wrapper .quota-message-heading-text:before {
        background-image: url("../../ImagesNew/PM/info_message_alert.svg");
        content: '';
        width: 25px;
        height: 25px;
        position: absolute;
        top: 23px;
        left: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
    }

    .mobile-wrapper .message-text span {
        font-size: 16px !important;
        font-weight: 400;
        text-align: left;
    }

    .mobile-wrapper .message-info-wrapper .message-text {
        /*padding: 16px 30px 0px;*/
        text-align: left !important;
    }

    .mobile-wrapper .message-footer-wrapper {
        border-top: none;
        background: RGB(248, 248, 248);
        position: fixed;
    }

    .mobile-wrapper .message-wrapper.partialComplete .resume-survey-wrapper {
        display: flex;
        flex-direction: column;
    }

    .mobile-wrapper .message-wrapper.partialComplete .modelresponseBtns {
        max-width: 100%;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        padding: 11px 30px 8px 17px;
        margin-right: 0;
    }

    .mobile-wrapper .responseIcon {
        margin: auto;
        display: inline-block;
        min-width: 30px;
        height: 25px;
        background-size: 22px;
    }

    .mobile-wrapper .modelresponseTxt {
        display: inline-block;
        text-align: left;
        margin-left: 10px;
        width: 100%;
    }

    .mobile-wrapper .responseIcon {
        margin: 0;
    }

    .mobile-wrapper .responseInfo {
        top: 15px;
        margin: 0;
    }

        .mobile-wrapper .responseInfo .tooltiptext {
            min-width: 285px;
            max-width: 298px;
            margin-left: -280px;
        }

            .mobile-wrapper .responseInfo .tooltiptext::after {
                left: 94%;
            }

    .mobile-wrapper .message-wrapper .message-footer-wrapper {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .mobile-wrapper .message-info-wrapper .url-info {
        width: 70%;
        margin: 12px 30px 20px 30px;
        margin-bottom: 30px;
    }

        .mobile-wrapper .message-info-wrapper .url-info a {
            font-weight: bold;
            font-size: 14px;
        }

    .mobile-wrapper .message-info-wrapper .send-container {
        display: flex;
        margin: 12px 30px;
        margin-bottom: 24px;
    }

    .mobile-wrapper .send-container input[type='text'] {
        height: 40px;
        color: #20232a;
    }

    /*.mobile-wrapper .message-info-wrapper .url-info span.copy_link_pm {
    background-image: url(/Allimages/ImagesNew/general/copy_icon_normal.svg);
    right: -60px;
    top: 6px;
}*/
    .mobile-wrapper .message-wrapper.alertModel .message-heading-text {
        border-bottom: 2px solid RGB(237, 32, 36);
        color: RGB(237, 32, 36);
    }

    .mobile-wrapper .cookie-wrapper .message-heading-text {
        display: block;
    }

    .mobile-wrapper .quota-message-heading-text {
        font-Size: 18px;
        Color: RGB(237, 32, 36) !important;
        font-weight: bold;
        display: block;
        vertical-align: middle;
        padding: 24px 25px 12px 64px;
        border-bottom: 2px solid RGB(237, 32, 36);
    }

    .mobile-wrapper .SurveyMsgWrapper .message-wrapper {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .mobile-wrapper .newNoteContent.NoteComponent.message-text {
        margin: 32px 30px;
        padding: 16px 30px 0px;
    }

        .mobile-wrapper .newNoteContent.NoteComponent.message-text div {
            padding: 0 0px 20px 45px;
            font-weight: 600;
        }

    .mobile-wrapper .email-done-container input.done-email-submit.partial-data-button {
        margin-top: 12px;
    }

    .mobile-wrapper .SurveyMsgWrapper,
    .SurveyMsgWrapper.mobile-wrapper {
        top: unset !important;
        transform: unset !important;
        margin: unset;
        position: unset;
        left: unset;
        width: unset;
        max-width: unset;
    }
    /*RTL Alignment*/
    .mobile-wrapper .message-wrapper.RTLDir .message-heading-text {
        text-align: right;
        padding: 25px 64px 17px 0px;
    }

    .mobile-wrapper .RTLDir .message-heading-text div:before,
    .mobile-wrapper .RTLDir .message-wrapper.cookie-wrapper .message-heading-text:before,
    .mobile-wrapper .RTLDir .message-wrapper.alertModel .message-heading-text div:before,
    .mobile-wrapper .RTLDir .quota-message-heading-text.alertModel:before {
        right: 25px;
    }

    .mobile-wrapper .message-wrapper.RTLDir .message-text-mobile {
        padding: 15px 30px;
    }

    .mobile-wrapper .RTLDir .modelresponseBtns .responseInfo {
        left: 10px;
        right: auto;
    }

    .mobile-wrapper .RTLDir .modelresponseBtns .modelresponseTxt {
        text-align: right;
        margin-right: 10px;
    }

    .mobile-wrapper .RTLDir .modelresponseBtns .responseInfo .tooltiptext {
        margin-left: -13px;
        text-align: right;
    }

        .mobile-wrapper .RTLDir .modelresponseBtns .responseInfo .tooltiptext::after {
            left: 3%;
        }

    .cookie-browser-link a {
        color: RGB(33, 103, 233) !important;
    }

    .mobile-wrapper .RTLDir .NoteComponent {
        border-right: 2px solid #FFA000;
        border-left: 1px solid #FAD78A;
    }

    .mobile-wrapper .RTLDir .newNoteContent.NoteComponent.message-text div {
        padding: 0px 30px 0px 0px;
        text-align: right;
    }

    .mobile-wrapper .RTLDir .newNoteContent:before {
        right: 0;
        border-radius: 0px 4px 4px 0px;
    }

    .mobile-wrapper .RTLDir .NoteComponent:after {
        left: 0;
        right: 15px;
    }

    .mobile-wrapper .RTLDir .newNoteContent.NoteComponent.message-text {
        padding-left: 15px;
    }

    .mobile-wrapper .message-wrapper.partialComplete.RTLDir .modelresponseBtns {
        margin-right: 0;
    }

    .mobile-wrapper .message-wrapper.partialComplete.RTLDir .modelresponseBtns {
        padding: 11px 17px 8px 30px;
    }

    .mobile-wrapper .survey-messages-footer,
    .footer-div.survey-messages-footer.mobile-wrapper {
        background-color: RGB(248, 248, 248) !important;
        padding: 20px 0 !important;
    }

    body:not(.mobile-wrapper) .footer-div img {
        max-width: 90px;
        height: auto;
        margin-left: 10px;
        /* padding-top: 27px; */
        display: inline-block;
        vertical-align: middle;
        margin-top: -1px;
    }

    .mobile-wrapper .survey-messages-footer img, .footer-div.survey-messages-footer img, .mobile-wrapper .footer-div img {
        width: 25%;
        height: auto;
        margin-left: 10px;
        /* padding-top: 27px; */
        display: inline-block;
        vertical-align: middle;
        margin-top: -1px;
        margin-left: 8px !important;
    }

    .mobile-wrapper .message-wrapper.alertModel.message-padding .message-text div,
    .mobile-wrapper .message-padding .message-text div,
    .mobile-wrapper .message-padding .message-text span#LBL_Participated {
        padding: 16px 30px;
    }

    .mobile-wrapper .message-padding .message-text span#LBL_Participated {
        display: inline-block;
    }

    .mobile-wrapper #txtSocialAuthMsg {
        margin: 16px 30px;
        display: inline-block;
    }

    .mobile-wrapper a.facebookbtn, .mobile-wrapper a.linkinbtn {
        padding: 9px 20px;
    }

    @media only screen and (max-width: 320px) {
        /*    .mobile-wrapper .message-wrapper.partialComplete .modelresponseBtns {
        margin: 30px 20px;
    }*/
        .mobile-wrapper .survey-messages-footer img {
            width: 27%;
            margin-left: 5px;
            /*margin-top: 10px;*/
        }

        .mobile-wrapper .message-info-wrapper .url-info {
            width: 65%;
        }
    }
    /*cookis disabled*/
    .cookie-wrapper .message-heading-text {
        font-size: 20px;
    }

    .cookie-wrapper .subhead {
        font-Size: 16px;
        Color: #20232A;
    }

    .cookie-browser-link a {
        color: #2167E9;
        font-size: 16px;
    }

    .cookie-browser-link {
        /*padding: 10px 0;*/
        padding: 0px;
        padding-top: 15px;
    }

    .cookie-wrapper .message-info-wrapper > .message-text {
        margin: 0px;
    }

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

    .cookie-browser,
    .browsercont .IEcont .browserIcon {
        height: 52px;
        width: 52px;
        background-repeat: no-repeat;
        background-size: 60px;
        margin: auto;
        display: block;
    }

    .browsercont .IEcont .browserIcon {
        background-size: 52px;
        margin-bottom: 15px;
    }

    .browser_icons_names {
        display: inline-block;
        padding: 7px;
        border: 1px solid transparent;
        min-width: 112px;
        max-width: 112px;
        min-height: 93px;
        max-height: 93px;
        vertical-align: middle;
        margin-right: 20px;
    }

        .browser_icons_names:hover {
            /*border: 1px solid RGBA(1, 174, 249, 0.6);*/
            border-color: rgba(1, 174, 249, 0.6);
            border-radius: 3px;
            cursor: pointer;
        }

    .browser_name {
        font-size: 12px;
        text-align: center;
    }

    .cookie-browser.chrome {
        background-position: 2px -2px;
    }

    .cookie-browser.firefox {
        background-position: -1px -63px;
    }

    .cookie-browser.edge {
        background-position: -4px -121px;
    }

    .cookie-browser.safari {
        background-position: -4px -178px;
    }

    .cookie-browser.ie {
        background-position: -6px -238px;
    }

    .cookie-wrapper .message-icon.partial-data-saved-icon {
        background-image: url(../../ImagesNew/general/cookie_new.svg);
        height: 32px;
        width: 33px;
        min-width: 33px;
        background-position: center;
        margin: 0;
        background-size: 33px;
    }
    /*new browser logo*/
    .cookie-browser.chrome,
    .browsercont .IEcont .browserIcon.Chromeimg {
        background-image: url('../../ImagesNew/PM/chrome-icon.svg');
        background-position: center;
    }

    .cookie-browser.firefox,
    .browsercont .IEcont .browserIcon.Mozimg {
        background-image: url('../../ImagesNew/PM/firefox-icon.svg');
        background-position: center;
    }

    .cookie-browser.edge,
    .browsercont .IEcont .browserIcon.IEedgeimg {
        background-image: url('../../ImagesNew/PM/microsoft-edge-icon.svg');
        background-position: center;
    }

    .cookie-browser.safari,
    .browsercont .IEcont .browserIcon.Safariimg {
        background-image: url('../../ImagesNew/PM/safari-icon.svg');
        background-position: center;
    }

    .cookie-browser.ie,
    .browsercont .IEcont .browserIcon.IEimg {
        background-image: url('../../ImagesNew/PM/internet-explorer-icon.svg');
        background-position: center;
    }

    .cookie-browser {
        background-size: 52px;
        margin-bottom: 10px !important;
        background-position: unset;
    }

    .message-info-wrapper .message-text #lbl_ErrorText {
        font-size: 16px !important;
    }

    .mobile-wrapper .message-wrapper.cookie-wrapper .message-info-wrapper {
        margin: 16px 30px;
    }

    .mobile-wrapper .browser_icons_names {
        min-width: auto;
        min-height: auto;
        margin-right: 0px;
    }

    .mobile-wrapper .browser_name {
        display: none;
    }
    /*.message-wrapper {
    margin: 0px auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    max-width: 75%;
}*/
    .subhead {
        padding: unset;
    }

    .message-text #buttonwrapper {
        padding: 0 0 20px 0;
    }

        .message-text #buttonwrapper #dvSingle, #buttonwrapper #dvDouble {
            text-align: unset !important;
            display: inline-block;
        }

    a.facebookbtn.btn-spacing, a.linkinbtn.btn-spacing {
        border: 1px solid #BBBBBB;
        color: #127EB8;
        border-radius: 3px;
        font-weight: 600;
        margin: unset;
    }

    a.facebookbtn.btn-spacing {
        margin-right: 25px;
    }

    .facebookbtn .social-icon, .linkinbtn .social-icon {
        background-size: 20px;
        background-image: url('../../ImagesNew/PM/facebook_icon.svg');
        background-repeat: no-repeat;
        cursor: pointer;
        vertical-align: -6px;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-right: 8px;
    }

    .linkinbtn .social-icon {
        background-image: url('../../ImagesNew/PM/linkedin_icon.svg');
    }

    .cookie-wrapper .mobile-message-icon {
        background-image: url(../../ImagesNew/PM/cookie_new_pm.svg);
        background-size: 32px !important;
        height: 32px !important;
        width: 32px;
        min-width: 32px !important;
        display: inline-block;
        margin: 0;
    }

    .RTLDir .NoteComponent {
        border-right: 2px solid #FFA000;
        border-left: 1px solid #FAD78A;
    }

    .RTLDir .newNoteContent.NoteComponent.message-text div {
        padding: 0px 30px 0px 10px;
        text-align: right;
    }

    .RTLDir .newNoteContent:before {
        right: 0;
        border-radius: 0px 4px 4px 0px;
    }

    .RTLDir .NoteComponent:after {
        left: 0;
        right: 15px;
    }

    .RTLDir .message-info-wrapper .url-info span.copy_link_pm {
        right: unset;
        left: -81px;
    }

    .RTLDir .email-done-container input.done-email-submit.partial-data-button {
        border-radius: 5px;
        margin-right: 30px;
        /*margin-top:10px;*/
    }

    .RTLDir .message-info-wrapper .message-text > div > span {
        text-align: right;
    }


    .mobile-wrapper a.linkinbtn.btn-spacing {
        margin-top: 16px;
    }


    .mobile-wrapper a.facebookbtn.btn-spacing, .mobile-wrapper a.linkinbtn.btn-spacing {
        border: 1px solid RGBA(32, 35, 42, 0.2);
        color: RGB(0, 122, 251);
        border-radius: 6px;
    }

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

    /*Browser not support*/
    .browser-support-wrapper .browser_not_support {
        padding-top: 34px;
        /*padding: 34px 0;*/
    }

        .browser-support-wrapper .browser_not_support .browser_icons_names {
            min-height: 112px;
            max-height: 112px;
        }

    .SurveyMsgWrapper.small-survey-width.already-participate-Transform {
        top: 85px !important;
        transform: translate(-50%, 0px) !important;
    }

    .cookie-browser.aol {
        background-image: url(../../ImagesNew/PM/aol-icon.svg);
        background-position: center;
        background-size: 45px;
    }

    .browser-support-wrapper .browser_icons_names {
        border: 1px solid transparent;
    }

        .browser-support-wrapper .browser_icons_names:hover {
            border-color: rgba(1, 174, 249, 0.6);
            border-radius: 3px;
            cursor: pointer;
        }

    .javascript_disabled .cookie-browser-cont {
        padding: 0;
    }

    .browser-support-wrapper .subhead {
        font-size: 16px;
    }

    .browser-support-wrapper .message-text {
        margin: 0;
    }

    .message-wrapper.RTLDir.alertModel .message-icon.browser-message {
        margin-right: 0;
        margin-left: 15px;
    }

    .browser-support-wrapper .subhead:nth-child(3) {
        padding-top: 34px;
    }

    .browser-support-wrapper .contsurvey {
        padding: 0;
    }

    .browser-support-wrapper .surveybtn {
        padding: 30px 0 0 0 !important;
        text-align: left;
    }

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

    .RTLDir.browser-support-wrapper .surveybtn {
        text-align: right;
    }

    .message-wrapper.RTLDir .message-icon.browser-message {
        margin-right: 0;
        margin-left: 15px;
    }

    .mobile-wrapper .btmNote.onlyMessage, .mobile-wrapper .btmNote.onlyMessage font a u {
        text-decoration: none !important;
    }

    .mobile-wrapper .message-text #buttonwrapper {
        padding: 0px 30px 20px;
    }

    .mobile-wrapper .btmNote.onlyMessage, .mobile-wrapper .btmNote.onlyMessage font a {
        font-weight: normal !important;
        padding-top: 0px;
    }

    .mobile-wrapper .footrAnchor {
        font-size: 12px;
        text-decoration: none;
    }


    .mobile-wrapper .footer-div.survey-messages-footer .btmNote.onlyMessage,
    .mobile-wrapper .footer-div.survey-messages-footer .btmNote.onlyMessage font a {
        font-size: 12px !important;
    }

    .RTLDir a.facebookbtn.btn-spacing {
        margin-right: 0;
        margin-left: 25px;
    }

    a.facebookbtn.btn-spacing, a.linkinbtn.btn-spacing {
        min-width: 290px;
        max-width: 290px;
        padding: 9px 0;
        text-align: center;
    }

    .browser_icons_names {
        color: #20232A;
        text-decoration: none;
    }

    .newNoteContent.NoteComponent {
        font-family: open sans;
        font-weight: 600;
    }

    .cookie-browser {
        background-size: 51px;
    }

    .mobile-wrapper .email-done-container .link-emailed-text {
        margin-right: 0px;
    }

    .mobile-wrapper .email-done-container input.done-email-submit.partial-data-button, .contsurvey {
        height: 35px;
        padding: 0 25px;
        -webkit-appearance: none;
    }

    .mobile-wrapper .SurveyMsgWrapper .clsThankYou a.thnk-option {
        margin-bottom: 67px;
    }

    .mobile-wrapper .url-info {
        padding: 13px 27px 12px 14px;
        min-height: 46px;
    }

    .mobile-wrapper .message-info-wrapper .url-info .copy_link_pm,
    .mobile-wrapper .message-info-wrapper .send-container .send_email_pm_new {
        min-height: 46px;
        padding: 20px 21px 20px 20px;
    }

    .mobile-wrapper .message-info-wrapper .url-info .copy_link_pm {
        right: -59px;
    }

    .mobile-wrapper .message-info-wrapper .send-container .send_email_pm_new {
        padding: 12px 20px 13px 20px;
    }

    .mobile-wrapper .send-container input[type='text'] {
        min-height: 46px;
        padding: 13px 27px 12px 14px;
    }

    .mobile-wrapper span.new_done_icon_pm {
        height: 28px;
        width: 28px;
        margin-right: 24px;
    }

    .RTLDir .message-info-wrapper .url-info span.copy_link_pm,
    .RTLDir .message-info-wrapper .send-container span.send_email_pm_new {
        border-radius: 3px 0 0px 3px
    }

    .RTLDir .email-done-container {
        padding: 25px 30px 25px 48px;
    }

        .RTLDir .email-done-container .new_done_icon_pm {
            margin-right: 0;
            margin-left: 30px;
        }

    .mobile-wrapper .RTLDir .message-info-wrapper .url-info span.copy_link_pm {
        right: unset;
        left: -59px;
    }

    .mobile-wrapper .message-info-wrapper .url-info span.copy_link_pm {
        height: 103%;
    }

    .mobile-wrapper .RTLDir .email-done-container {
        padding: 19px 28px 19px 18px;
    }

        .mobile-wrapper .RTLDir .email-done-container .new_done_icon_pm {
            margin-right: 0;
            margin-left: 24px;
        }

    .RTLDir .message-icon.partial-data-saved-icon {
        margin-right: 0px;
    }
    /*.send-container input.send-email-text{
    min-width: 530px;
    max-width: 530px;
}
.message-info-wrapper .url-info {
    min-width: 530px;
    max-width: 725px;
}*/
    @media only screen and (max-width: 1100px) {
        .send-container input.send-email-text {
            max-width: 600px;
        }

        .message-info-wrapper .url-info {
            max-width: 600px;
        }
    }

    @media only screen and (max-width: 920px) {
        .send-container input.send-email-text {
            max-width: 500px;
        }

        .message-info-wrapper .url-info {
            max-width: 500px;
        }
    }

    @media only screen and (min-device-width: 921px) and (max-device-width: 955px) {
        .send-container input.send-email-text {
            max-width: 500px;
        }

        .message-info-wrapper .url-info {
            max-width: 500px;
        }
    }
    /*.quota-wrapper.message-info-wrapper .send-container {
    margin: 15px 0;
}*/
    form:not(.mobile-wrapper) .quota-wrapper.message-info-wrapper .send-container {
        margin: 15px 0;
    }

    .ap_accordion_msg p {
        display: none;
        color: rgba(32, 35, 42, 1);
        font-size: 14px;
        font-weight: 500;
        transition: all 0.1s ease-in-out;
        font-style: normal;
        letter-spacing: 0px;
        text-align: left;
        line-height: 21px;
        background-color: rgba(244,244,244, 1);
        padding: 0px 50px 10px 18px;
        /* max-height: 80px;
    overflow: auto;*/
        box-sizing: content-box;
        transition: all 0.3s ease-in-out;
    }

    .ap_accordion_msg span {
        cursor: pointer;
        position: relative;
        color: #20232A;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
        text-align: left;
        line-height: 21px;
        display: block;
        padding-left: 0;
        border-bottom: 1px dashed rgba(208, 208, 208, 1);
        display: block;
        padding: 0px 0 15px 0;
        margin-bottom: 15px;
    }



    .ap_accordion_msg p {
        display: block;
        border-bottom-left-radius: 5px;
        transition: all 0.3s ease-in-out;
        border-bottom-right-radius: 5px;
        display: none;
        margin: 0;
    }

    .ap_accordion_msg span:after {
        content: url(../../ImagesNew/general/down_arrow_blackHover.svg);
        position: absolute;
        right: 10px;
        opacity: 0.8;
        top: 0px;
        transform: scale(0.8);
    }

    div.ap_accordion_msg div {
        list-style: none;
        margin-bottom: 15px;
    }

    div.ap_accordion_msg {
        padding: 0;
    }

    .ap_accordion_msg > span.checkData {
        background-color: rgba(244,244,244, 1);
        border-bottom: 0;
        padding-left: 18px;
        padding-bottom: 5px;
        font-weight: 600;
        padding-top: 12px;
        border-top-left-radius: 5px;
        margin-bottom: 0;
        border-top-right-radius: 5px;
    }

    .ap_accordion_msg span.checkData::after {
        transform: scale(0.8) rotate(180deg);
        top: 10px;
        transition: all 0.3s ease-in-out;
    }
    /* width */
    .ap_accordion_msg span.checkData + p::-webkit-scrollbar {
        width: 4px;
    }
    /* Track */
    .ap_accordion_msg span.checkData + p::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    /* Handle */
    .ap_accordion_msg span.checkData + p::-webkit-scrollbar-thumb {
        background: #888;
    }
        /* Handle on hover */
        .ap_accordion_msg span.checkData + p::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    div.ap_accordion_msg {
        padding: 0;
        margin: 30px 0px;
        margin-bottom: 0px;
    }

    .ap_accordion_msg span.checkData + p {
        display: block;
        margin-bottom: 15px;
    }

    .email-done-parent {
        display: inline-block;
    }

    .mobile-wrapper .email-done-container {
        display: flex;
        align-items: center;
    }

    .email-done-icon-parent {
        display: inline-block;
    }

    .mobile-wrapper .email-done-container .link-email-id {
        word-break: break-all;
    }

    @media only screen and (max-width: 813px) {
        .email-done-container {
            display: flex;
            align-items: center;
        }

            .email-done-container .link-email-id {
                word-break: break-all;
            }
    }

    .RTLDir .ap_accordion_msg span {
        text-align: unset;
        padding-right: 18px;
    }

        .RTLDir .ap_accordion_msg span ~ p {
            text-align: unset;
            padding-right: 18px;
        }

        .RTLDir .ap_accordion_msg span::after {
            right: 97%;
        }

    @media only screen and (max-width: 680px) {
        .ap_accordion_msg span:after {
            right: 12px;
        }

        .ap_accordion_msg > span.checkData {
            padding-right: 30px;
        }

        .mobile-wrapper .message-text span {
            padding-right: 30px;
        }

        .RTLDir .ap_accordion_msg span {
            text-align: unset;
            padding-left: 40px;
            padding-right: 10px !important;
        }

            .RTLDir .ap_accordion_msg span ~ p {
                text-align: unset;
                padding-right: 10px;
            }

            .RTLDir .ap_accordion_msg span::after {
                right: unset;
                left: 12px;
            }
    }

    form:not(.mobile-wrapper) .SurveyMsgWrapper, .SurveyMsgWrapper.JsSurveyWrapper:not(.mobile-wrapper) {
        margin: 0 auto;
        position: unset;
        top: 0;
        left: 0;
        width: unset;
        /* max-width: 875px; */
        max-width: 75%;
        transform: translate(0, -2%);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

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

    form:not(.mobile-wrapper).tablet-wrapper .SurveyMsgWrapper.full-survey-width {
        max-width: 100%;
    }

    form:not(.mobile-wrapper) .message-wrapper.partialComplete {
        min-width: 615px;
    }

    .message-info-wrapper .send-container {
        margin-bottom: 31px;
        display: flex;
    }

    .mobile-wrapper .email-done-container .link-email-id {
        display: block;
    }

    .mobile-wrapper .message-info-wrapper.quota-wrapper .send-container {
        margin: 12px 30px;
    }

    .mobile-wrapper .message-info-wrapper .message-text > div {
        padding: 16px 30px;
    }

    form:not(.mobile-wrapper) .footer-div, .JsSurveyWrapper:not(.mobile-wrapper) + .footer-div {
        box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
    }

    @media only screen and (min-device-width: 700px) and (max-device-width: 846px) {
        .send-container {
            display: flex !important;
        }

        form:not(.mobile-wrapper) .SurveyMsgWrapper {
            max-width: 90% !important;
        }
    }

    .footer-div.main-footer-div {
        box-shadow: 0px 1px 0px 0px RGBA(0, 0, 0, 0.1) inset !important;
        padding: 11px 0 10px !important;
        background-color: #fff;
    }

    .Privacy-txt {
        position: absolute;
        right: 45px;
        top: 10px;
    }

    .mobile-wrapper .Privacy-txt {
        position: inherit;
    }

    .mobile-wrapper .footer-div.main-footer-div {
        box-shadow: 0px 1px 0px 0px RGBA(0, 0, 0, 0.1) inset !important;
    }

    .message-wrapper .send-container input.send-email-text {
        border: 1px solid #E4E4E4;
        background-color: #FFFFFF;
    }

    .mobile-wrapper span#txtSocialAuthMsg1 {
        padding: 16px 30px 16px 65px;
    }

    .mobile-wrapper .RTLDir span#txtSocialAuthMsg1 {
        padding: 16px 65px 16px 30px;
    }

    .mobile-wrapper .Notaccordion_surveyMsg .message-info-wrapper .message-text > div {
        padding: 16px 30px 80px 30px;
    }

    @media screen and (min-width: 1300px) and (max-width: 1550px) {
        .SurveyMsgWrapper.Notaccordion_surveyMsg {
            transform: translate(0,0) !important;
            height: auto !important;
        }
    }




/*Smiley Palette 12*/

 /*Normal order*/

 /*Default Slider*/
.SmileyPalette12 .ui-slider,
.SmileyPalette12.isRTL.ReverseOrder .ui-slider{
    background: linear-gradient(90deg, rgba(252,87,59,0.3) 0%, rgba(252,87,59,0.3) 25%, rgba(255,210,0,0.3) 50%, rgba(13,148,14,0.3) 75%, rgba(13,148,14,0.3) 100%) !important;
    border: 1px solid transparent !important
}

/*Slider Range*/
.SmileyPalette12.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 25%, rgba(255,210,0, 1) 50%, rgba(13,148,14, 1) 75%, rgba(13,148,14, 1) 100%) !important;
}

.SmileyPalette12.Slide85 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 33%, rgba(255,210,0,1) 60%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette12.Slide65 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 33%, rgba(255,210,0,1) 75%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette12.Slide75 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 33%, rgba(255,210,0,1) 66%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette12.Slide50 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 50%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette12.Slide25 .ui-slider-range,
.SmileyPalette12 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 100%) !important;
}

/*Slider Handle*/
.rs-smiley-wrapper .SmileyPalette12 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.Slide25 .ui-slider-handle{
    background-color: rgb(252,87,59) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(252,87,59) !important;
}

.rs-smiley-wrapper .SmileyPalette12.Slide50 .ui-slider-handle {
    background-color: rgb(255,210,0) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(255,210,0) !important;
}

.rs-smiley-wrapper .SmileyPalette12.Slide65 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.Slide85 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.Slide75 .ui-slider-handle {
    background-color: rgb(13,148,14) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(13,148,14) !important;
}

.rs-smiley-wrapper .SmileyPalette12.Slide100 .ui-slider-handle {
    background-color: rgb(13,148,14) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(13,148,14) !important;
}

/*Tooltip*/
.SmileyPalette12.Slide25 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12 .very-sad-smiley + .slider-value-text.tooltip-weight,
.SmileyPalette12 .unhappy-smiley + .slider-value-text.tooltip-weight,
.SmileyPalette12 .sad-smiley + .slider-value-text.tooltip-weight {
    background-color: rgb(252,87,59);
}
.SmileyPalette12.Slide50 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12 .neutral-smiley + .slider-value-text.tooltip-weight {
    background-color: rgb(255,210,0);
}
.SmileyPalette12.Slide75 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.Slide65 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.Slide85 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.Slide100 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12 .smile-smiley + .slider-value-text.tooltip-weight,
.SmileyPalette12 .happy-smiley + .slider-value-text.tooltip-weight,
.SmileyPalette12 .very-happy-smiley + .slider-value-text.tooltip-weight {
    background-color: rgb(13,148,14);
}

.SmileyPalette12.Slide25 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12 .very-sad-smiley + .slider-value-text.tooltip-weight::after,
.SmileyPalette12 .unhappy-smiley + .slider-value-text.tooltip-weight::after,
.SmileyPalette12 .sad-smiley + .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(252,87,59);
}
.SmileyPalette12.Slide50 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12 .neutral-smiley + .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(255,210,0);
}
.SmileyPalette12.Slide75 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.Slide65 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.Slide85 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.Slide100 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12 .happy-smiley + .slider-value-text.tooltip-weight::after,
.SmileyPalette12 .smile-smiley + .slider-value-text.tooltip-weight::after,
.SmileyPalette12 .very-happy-smiley + .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(13,148,14);
}


/*Reverse Order*/

/*Default Slider*/
.SmileyPalette12.ReverseOrder .ui-slider,
.SmileyPalette12.isRTL .ui-slider {
    background: linear-gradient(90deg, rgba(13,148,14,0.3) 0%, rgba(13,148,14,0.3) 25%, rgba(255,210,0,0.3) 50%, rgba(252,87,59,0.3) 75%, rgba(252,87,59,0.3) 100%) !important;
}

/*Slider Range*/
.SmileyPalette12.ReverseOrder.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 25%, rgba(255,210,0,1) 50%, rgba(252,87,59,1) 75%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette12.ReverseOrder.Slide85 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 33%, rgba(255,210,0,1) 60%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette12.ReverseOrder.Slide65 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 33%, rgba(255,210,0,1) 75%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette12.ReverseOrder.Slide75 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 33%, rgba(255,210,0,1) 66%, rgba(252,87,59,1) 100%) !important;
}


.SmileyPalette12.ReverseOrder.Slide50 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 50%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette12.ReverseOrder.Slide25 .ui-slider-range,
.SmileyPalette12.ReverseOrder .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14, 1) 100%) !important;
}

/*Slider Handle*/
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide25 .ui-slider-handle {
    background-color: rgb(13,148,14) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(13,148,14) !important;
}

.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide50 .ui-slider-handle {
    background-color: rgb(255,210,0) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(255,210,0) !important;
}

.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide75 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide65 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide85 .ui-slider-handle {
    background-color: rgb(252,87,59) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(252,87,59) !important;
}

.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.Slide100 .ui-slider-handle {
    background-color: rgb(252,87,59) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(252,87,59) !important;
}
/*Tooltip*/
.SmileyPalette12.ReverseOrder.Slide25 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide25 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette12.ReverseOrder .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(13,148,14);
}
.SmileyPalette12.ReverseOrder.Slide50 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide50 .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(255,210,0);
}
.SmileyPalette12.ReverseOrder.Slide75 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide65 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide85 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide100 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette12.ReverseOrder.Slide100 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette12.ReverseOrder.Slide85 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette12.ReverseOrder.Slide65 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette12.ReverseOrder.Slide75 .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(252,87,59);
}

.SmileyPalette12.ReverseOrder.Slide25 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide25 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette12.ReverseOrder .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(13,148,14);
}
.SmileyPalette12.ReverseOrder.Slide50 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide50 .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(255,210,0);
}
.SmileyPalette12.ReverseOrder.Slide75 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide65 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide85 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide100 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette12.ReverseOrder.Slide100 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette12.ReverseOrder.Slide65 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette12.ReverseOrder.Slide85 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette12.ReverseOrder.Slide75 .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(252,87,59)
}

/*RTL Normal*/

.SmileyPalette12.isRTL.Slide50 .ui-slider-range {
    background: linear-gradient(90deg,rgba(255,210,0,1) 0%, rgba(252,87,59,1) 50%, rgba(252,87,59,1) 100%) !important;
}
.SmileyPalette12.isRTL.Slide85 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0, rgba(255,210,0,1) 33%, rgba(252,87,59,1) 60%, rgba(252,87,59,1) 100%) !important;
}
.SmileyPalette12.isRTL.Slide65 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0, rgba(255,210,0,1) 33%, rgba(252,87,59,1) 75%, rgba(252,87,59,1) 100%) !important;
}
.SmileyPalette12.isRTL.Slide75 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0, rgba(255,210,0,1) 33%, rgba(252,87,59,1) 66%, rgba(252,87,59,1) 100%) !important;
}
.SmileyPalette12.isRTL.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0, rgba(13,148,14,1) 25%, rgba(255,210,0,1) 50%, rgba(252,87,59,1) 75%, rgba(252,87,59,1) 100%) !important;
}



/*RTL Reverse*/
.SmileyPalette12.isRTL.ReverseOrder.Slide50 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(13,148,14, 1) 50%,rgba(13,148,14, 1) 100%) !important;
}
.SmileyPalette12.isRTL.ReverseOrder.Slide85 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 60%, rgba(13,148,14,1) 100%) !important;
}
.SmileyPalette12.isRTL.ReverseOrder.Slide65 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 75%, rgba(13,148,14,1) 100%) !important;
}
.SmileyPalette12.isRTL.ReverseOrder.Slide75 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 66%, rgba(13,148,14,1) 100%) !important;
}
.SmileyPalette12.isRTL.ReverseOrder.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(13,148,14, 1) 50%,rgba(13,148,14, 1) 100%) !important;
}
.SmileyPalette12.ReverseOrder.isRTL.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 25%, rgba(255,210,0,1) 50%, rgba(13,148,14,1) 75%, rgba(13,148,14,1) 100%) !important;
}


/*Slider Handle Inactive*/
.rs-smiley-wrapper .SmileyPalette12 .inactive-scale .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder .inactive-scale .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette12.ReverseOrder.RTL .inactive-scale .ui-slider-handle,
.SmileyPalette12 .inactive-scale .ui-slider-handle,
.SmileyPalette12.ReverseOrder.RTL .inactive-scale .ui-slider-handle {
    box-shadow: 0 0 0 4px #D8D8D8, 0 0 0 5px #A3A3A3 !important;
    background-color: #d8d8d8 !important;
}

.mobile-wrapper .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
.mobile-wrapper .RTLDir .rs-smiley-cont.very-happy-smiley,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
.mobile-wrapper .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10,
.mobile-wrapper .RTLDir .rs-smiley-cont.weight_10,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0 {
    left: -3px;
}
.mobile-wrapper .rs-smiley-cont.very-happy-smiley,
.rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
.RTLDir .rs-smiley-cont.very-sad-smiley,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
.mobile-wrapper .rs-smiley-cont.weight_10,
.rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
.RTLDir .rs-smiley-cont.weight_0,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
    left: -9px;
}

@media (max-width:415px) {
    .mobile-wrapper .rs-smiley-cont.very-happy-smiley,
    .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
    .RTLDir .rs-smiley-cont.very-sad-smiley,
    .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
    .mobile-wrapper .rs-smiley-cont.weight_10,
    .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
    .RTLDir .rs-smiley-cont.weight_0,
    .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
        left: -11px;
    }
    .isFromPreview .mobile-wrapper .rs-smiley-cont.very-happy-smiley,
    .isFromPreview .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
    .isFromPreview .RTLDir .rs-smiley-cont.very-sad-smiley,
    .isFromPreview .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
    .isFromPreview .mobile-wrapper .rs-smiley-cont.weight_10,
    .isFromPreview .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
    .isFromPreview .RTLDir .rs-smiley-cont.weight_0,
    .isFromPreview  .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
        left: -9px;
    }
}
.SmileyPalette12 .rs-mobile-wrapper .rs-slider.ui-slider {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/*Height Increased form Rating Scale (Normal and Smiley) form mobile*/
.rs-mobile-wrapper .ui-slider,
.rs-mobile-wrapper .rs-slider.ui-slider {
    height: 10px !important;
}
.rs-mobile-wrapper .ui-slider-handle{
    top: -10px !important;
    margin-left: -0.63em;
}
.rs-smiley-cont {
    bottom: -14px;
}



.rs-smiley-cont.palette-12{
    background-color: #fff;
    border-radius: 50%;
}
/*Reverse Handle Color*/
.SmileyPalette12.ReverseOrder.Slide25 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.ReverseOrder .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(13,148,14) !important;
}
.SmileyPalette12.ReverseOrder.Slide50 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(255,210,0) !important;
}
.SmileyPalette12.ReverseOrder.Slide75 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.ReverseOrder.Slide65 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.ReverseOrder.Slide85 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.ReverseOrder.Slide100 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(252,87,59) !important;
}
/*Handle Color*/
.SmileyPalette12.Slide25 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(252,87,59) !important;
}
.SmileyPalette12.Slide50 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(255,210,0) !important;
}
.SmileyPalette12.Slide75 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.Slide65 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.Slide85 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette12.Slide100 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(13,148,14) !important;
}
.SmileyPalette12.ReverseOrder .rs-mobile-wrapper .ui-slider-handle[aria-valuetext="Unselected"],
.SmileyPalette12 .rs-mobile-wrapper .ui-slider-handle.ui-state-default[aria-valuetext="Unselected"] {
    background-color: #fff !important;
}



/*NPS Pallete start*/
/*Web*/

form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15 input[type='radio']:checked + label
{
    font-weight:bold;
}

form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_0'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_1'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_2'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_3'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_4'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_5'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_6'] input[type='radio'] + label {
    background: RGB(252, 87, 59,1) !important;
    color: #ffffff !important;
}

form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_7'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_8'] input[type='radio'] + label {
    background: RGB(255, 210, 0,1) !important;
    color: #000000 !important;
}

form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_9'] input[type='radio'] + label,
form:not(.mobile-wrapper) .nps-ans-option.palette.palette-15[data-state = 'N_10'] input[type='radio'] + label {
    background: RGB(13, 148, 14,1) !important;
    color: #ffffff !important;
}


.mobile-wrapper .nps-ans-option.palette.palette-15:nth-child(1) input[type='radio'] + label {
    border-left: 1px solid rgba(252, 87, 59,1);
}

.mobile-wrapper .RTLDir .nps-ans-option.palette.palette-15:nth-child(1) input[type='radio'] + label {
    border-left: 0px;
}
.mobile-wrapper .RTLDir .nps-ans-option.palette.palette-15:nth-last-child(1) input[type='radio'] + label {
    border-left: 1px solid rgba(13, 148, 14,1);
}

.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_0'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_1'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_2'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_3'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_4'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_5'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_6'] input[type='radio'] + label {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-top: 1px solid rgba(252, 87, 59,1);
    border-bottom: 1px solid rgba(252, 87, 59,1);
    border-right: 1px solid rgba(252, 87, 59,1);
}


.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_7'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_8'] input[type='radio'] + label {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-top: 1px solid rgba(227, 187, 1,1);
    border-bottom: 1px solid rgba(227, 187, 1,1);
    border-right: 1px solid rgba(227, 187, 1,1);
}

.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_9'] input[type='radio'] + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_10'] input[type='radio'] + label {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-top: 1px solid rgba(13, 148, 14,1);
    border-bottom: 1px solid rgba(13, 148, 14,1);
    border-right: 1px solid rgba(13, 148, 14,1);
}

.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_0'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_1'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_2'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_3'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_4'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_5'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_6'] input[type='radio']:checked + label {
    background: RGBA(252, 87, 59,1) !important;
    color: #FFFFFF !important;
}

.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_7'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_8'] input[type='radio']:checked + label {
    background: RGBA(255, 210, 0,1) !important;
    color: #000000 !important;
}
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_9'] input[type='radio']:checked + label,
.mobile-wrapper .nps-ans-option.palette.palette-15[data-state = 'N_10'] input[type='radio']:checked + label {
    background: RGBA(13, 148, 14,1) !important;
    color: #FFFFFF !important;
}

/*NPS Smiley Palette 16 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-16.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-16.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-16,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-16 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_0.svg?k=1') !important;
}

.rs-smiley-cont.weight_1.palette-16,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-16 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_1.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-16,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-16 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_2.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-16,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-16 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_3.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-16,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-16 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_4.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-16,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-16 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_5.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-16,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-16 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_6.svg?k=1') !important;
}
.rs-smiley-cont.weight_7.palette-16,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-16 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_7.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-16,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-16 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_8.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-16,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-16 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_9.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-16,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-16 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_16/Nps_Palette_16_10.svg?k=1') !important;
}
/*NPS Smiley Palette 16 End*/

/*NPS Smiley Palette 17 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-17.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-17.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-17,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-17 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_0.svg?k=1') !important;
}

.rs-smiley-cont.weight_1.palette-17,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-17 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_1.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-17,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-17 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_2.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-17,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-17 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_3.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-17,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-17 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_4.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-17,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-17 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_5.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-17,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-17 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_6.svg?k=1') !important;
}

.rs-smiley-cont.weight_7.palette-17,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-17 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_7.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-17,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-17 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_8.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-17,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-17 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_9.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-17,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-17 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_17/Nps_Palette_17_10.svg?k=1') !important;
}
/*NPS Smiley Palette 17 End*/

/*NPS Smiley Palette 18 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-18.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-18.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-18,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-18 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_0_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_1.palette-18,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-18 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_1_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-18,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-18 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_2_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-18,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-18 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_3_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-18,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-18 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_4_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-18,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-18 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_5_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-18,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-18 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_6_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_7.palette-18,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-18 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_7_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-18,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-18 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_8_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-18,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-18 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_9_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-18,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-18 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_18/Nps_Palette_18_10_hover.svg?k=1') !important;
}


/*NPS Smiley Palette 18 End*/

/*NPS Smiley Palette 19 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-19.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-19.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-19,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-19 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_0_hover.svg?k=1') !important;
}


.rs-smiley-cont.weight_1.palette-19,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-19 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_1_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-19,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-19 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_2_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-19,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-19 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_3_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-19,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-19 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_4_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-19,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-19 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_5_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-19,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-19 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_6_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_7.palette-19,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-19 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_7_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-19,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-19 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_8_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-19,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-19 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_9_hover.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-19,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-19 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_19/Nps_Palette_19_10_hover.svg?k=1') !important;
}
/*NPS Smiley Palette 19 End*/

/*NPS Smiley Palette 20 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-20.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-20.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-20,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-20 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_0.svg?k=1') !important;
}

.rs-smiley-cont.weight_1.palette-20,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-20 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_1.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-20,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-20 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_2.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-20,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-20 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_3.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-20,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-20 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_4.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-20,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-20 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_5.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-20,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-20 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_6.svg?k=1') !important;
}

.rs-smiley-cont.weight_7.palette-20,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-20 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_7.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-20,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-20 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_8.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-20,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-20 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_9.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-20,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-20 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_20/Nps_Palette_20_10.svg?k=1') !important;
}
/*NPS Smiley Palette 20 End*/
/*NPS Smiley Palette 21 Start*/

.rs-smiley-wrapper[isrev=true] .smiley-rs-icon.palette-21.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper[isrev=false] .smiley-rs-icon.palette-21.unselected { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_0.svg?k=1') !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.rs-smiley-wrapper .smiley-rs-icon.palette-12 { /*Neutral*/
    border-radius: 0px !important;
}

.rs-smiley-cont.weight_0.palette-21,
.rs-smiley-wrapper[data-state = '10_0'] .smiley-rs-icon.palette-21 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_0.svg?k=1') !important;
}

.rs-smiley-cont.weight_1.palette-21,
.rs-smiley-wrapper[data-state = '10_1'] .smiley-rs-icon.palette-21 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_1.svg?k=1') !important;
}

.rs-smiley-cont.weight_2.palette-21,
.rs-smiley-wrapper[data-state = '10_2'] .smiley-rs-icon.palette-21 { /*sad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_2.svg?k=1') !important;
}

.rs-smiley-cont.weight_3.palette-21,
.rs-smiley-wrapper[data-state = '10_3'] .smiley-rs-icon.palette-21 { /*unhappy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_3.svg?k=1') !important;
}

.rs-smiley-cont.weight_4.palette-21,
.rs-smiley-wrapper[data-state = '10_4'] .smiley-rs-icon.palette-21 { /*Neutral*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_4.svg?k=1') !important;
}

.rs-smiley-cont.weight_5.palette-21,
.rs-smiley-wrapper[data-state = '10_5'] .smiley-rs-icon.palette-21 { /*smile*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_5.svg?k=1') !important;
}

.rs-smiley-cont.weight_6.palette-21,
.rs-smiley-wrapper[data-state = '10_6'] .smiley-rs-icon.palette-21 { /*glad*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_6.svg?k=1') !important;
}

.rs-smiley-cont.weight_7.palette-21,
.rs-smiley-wrapper[data-state = '10_7'] .smiley-rs-icon.palette-21 { /*angry*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_7.svg?k=1') !important;
}

.rs-smiley-cont.weight_8.palette-21,
.rs-smiley-wrapper[data-state = '10_8'] .smiley-rs-icon.palette-21 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_8.svg?k=1') !important;
}

.rs-smiley-cont.weight_9.palette-21,
.rs-smiley-wrapper[data-state = '10_9'] .smiley-rs-icon.palette-21 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_9.svg?k=1') !important;
}

.rs-smiley-cont.weight_10.palette-21,
.rs-smiley-wrapper[data-state = '10_10'] .smiley-rs-icon.palette-21 { /*happy*/
    background-image: url('../../ImagesNew/PM/NPS_Palettes/Palette_21/Nps_Palette_21_10.svg?k=1') !important;
}


/*Smiley Palette 12*/

/*Normal order*/

/*Default Slider*/
.SmileyPalette21 .ui-slider,
.SmileyPalette21.isRTL.ReverseOrder .ui-slider {
    background: linear-gradient(90deg, rgba(252,87,59,0.3) 0%, rgba(252,87,59,0.3) 50%, rgba(255,210,0,0.3) 85%, rgba(13,148,14,0.3) 100%) !important;
    border: 1px solid transparent !important
}

/*Slider Range*/
.SmileyPalette21.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 50%, rgba(255,210,0, 1) 85%,  rgba(13,148,14, 1) 100%) !important;
}

.SmileyPalette21.Slide90 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 50%, rgba(255,210,0,1) 96%, rgba(13,148,14, 1) 100%) !important;
}

.SmileyPalette21.Slide80 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 70%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette21.Slide70 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 90%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette21.Slide60 .ui-slider-range,
.SmileyPalette21 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 100%) !important;
}

/*Slider Handle*/
.rs-smiley-wrapper .SmileyPalette21 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.Slide60 .ui-slider-handle {
    background-color: rgb(252,87,59) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(252,87,59) !important;
}

.rs-smiley-wrapper .SmileyPalette21.Slide70 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.Slide80 .ui-slider-handle {
    background-color: rgb(255,210,0) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(255,210,0) !important;
}

.rs-smiley-wrapper .SmileyPalette21.Slide90 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.Slide100 .ui-slider-handle {
    background-color: rgb(13,148,14) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(13,148,14) !important;
}

/*Tooltip*/
.SmileyPalette21.Slide60 .slider-value-text.tooltip-info.show-rs-val {
    background-color: rgb(252,87,59);
}

.SmileyPalette21.Slide70 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.Slide80 .slider-value-text.tooltip-info.show-rs-val {
    background-color: rgb(255,210,0);
}

.SmileyPalette21.Slide90 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.Slide100 .slider-value-text.tooltip-info.show-rs-val {
    background-color: rgb(13,148,14);
}

.SmileyPalette21.Slide60 .slider-value-text.tooltip-info.show-rs-val::after{
    border-top: 6px solid rgb(252,87,59);
}

.SmileyPalette21.Slide70 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.Slide80 .slider-value-text.tooltip-info.show-rs-val::after {
    border-top: 6px solid rgb(255,210,0);
}

.SmileyPalette21.Slide90 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.Slide100 .slider-value-text.tooltip-info.show-rs-val::after {
    border-top: 6px solid rgb(13,148,14);
}


/*Reverse Order*/

/*Default Slider*/
.SmileyPalette21.ReverseOrder .ui-slider,
.SmileyPalette21.isRTL .ui-slider {
    background: linear-gradient(90deg, rgba(13,148,14,0.3) 0%, rgba(255,210,0,0.3) 15%, rgba(252,87,59,0.3) 50%, rgba(252,87,59,0.3) 100%) !important;
}

/*Slider Range*/
.SmileyPalette21.ReverseOrder.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,0.3) 0%, rgba(255,210,0,0.3) 15%, rgba(252,87,59,0.3) 50%, rgba(252,87,59,0.3) 100%) !important;
}

.SmileyPalette21.ReverseOrder.Slide90 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,0.3) 0%, rgba(255,210,0,0.3) 4%, rgba(252,87,59,0.3) 50%, rgba(252,87,59,0.3) 100%) !important;
}

.SmileyPalette21.ReverseOrder.Slide80 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 30%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette21.ReverseOrder.Slide70 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14,1) 10%, rgba(255,210,0,1) 100%) !important;
}

.SmileyPalette21.ReverseOrder.Slide60 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(13,148,14, 1) 100%) !important;
}


/*Slider Handle*/
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.Slide60 .ui-slider-handle {
    background-color: rgb(13,148,14) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(13,148,14) !important;
}

.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.Slide70 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.Slide80 .ui-slider-handle {
    background-color: rgb(255,210,0) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(255,210,0) !important;
}

.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.Slide90 .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.Slide100 .ui-slider-handle {
    background-color: rgb(252,87,59) !important;
    box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgb(252,87,59) !important;
}

/*Tooltip*/
.SmileyPalette21.Slide60 .slider-value-text.tooltip-weight {
    background-color: rgb(252,87,59);
}

.SmileyPalette21.Slide70 .slider-value-text.tooltip-weight,
.SmileyPalette21.Slide80 .slider-value-text.tooltip-weight {
    background-color: rgb(255,210,0);
}


.SmileyPalette21.Slide90 .slider-value-text.tooltip-weight,
.SmileyPalette21.Slide100 .slider-value-text.tooltip-weight {
    background-color: rgb(13,148,14);
}

.SmileyPalette21.Slide60 .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(252,87,59);
}

.SmileyPalette21.Slide70 .slider-value-text.tooltip-weight::after,
.SmileyPalette21.Slide80 .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(255,210,0);
}


.SmileyPalette21.Slide90 .slider-value-text.tooltip-weight::after,
.SmileyPalette21.Slide100 .slider-value-text.tooltip-weight::after {
    border-top: 6px solid rgb(13,148,14);
}
/*Tooltip*/
.SmileyPalette21.ReverseOrder.Slide60 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder.Slide60 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette21.ReverseOrder .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(13,148,14);
}

.SmileyPalette21.ReverseOrder.Slide70 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder.Slide70 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette21.ReverseOrder.Slide80 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder.Slide80 .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(255,210,0);
}


.SmileyPalette21.ReverseOrder.Slide90 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder.Slide90 .slider-value-text.show-rs-val.tooltip-weight,
.SmileyPalette21.ReverseOrder.Slide100 .slider-value-text.tooltip-info.show-rs-val,
.SmileyPalette21.ReverseOrder.Slide100 .slider-value-text.show-rs-val.tooltip-weight {
    background-color: rgb(252,87,59);
}

.SmileyPalette21.ReverseOrder.Slide60 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder.Slide60 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette21.ReverseOrder .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(13,148,14);
}

.SmileyPalette21.ReverseOrder.Slide70 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder.Slide70 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette21.ReverseOrder.Slide80 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder.Slide80 .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(255,210,0);
}


.SmileyPalette21.ReverseOrder.Slide90 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder.Slide90 .slider-value-text.show-rs-val.tooltip-weight::after,
.SmileyPalette21.ReverseOrder.Slide100 .slider-value-text.tooltip-info.show-rs-val::after,
.SmileyPalette21.ReverseOrder.Slide100 .slider-value-text.show-rs-val.tooltip-weight::after {
    border-top: 6px solid rgb(252,87,59)
}

/*RTL Normal*/

.SmileyPalette21.isRTL.Slide60 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette21.isRTL.Slide70 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(252,87,59,1) 10%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette21.isRTL.Slide80 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(252,87,59,1) 30%, rgba(252,87,59,1) 100%) !important;
}

.SmileyPalette21.isRTL.Slide90 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0, rgba(255,210,0,1) 4%, rgba(252,87,59,1) 50%, rgba(252,87,59,1) 100%) !important;
}
    
.SmileyPalette21.isRTL.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(13,148,14,1) 0%, rgba(255,210,0,1) 15%, rgba(252,87,59,1) 50%, rgba(252,87,59,1) 100%) !important;
}




/*RTL Reverse*/
/*.SmileyPalette21.isRTL.ReverseOrder.Slide50 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(13,148,14, 1) 50%,rgba(13,148,14, 1) 100%) !important;
}

.SmileyPalette21.isRTL.ReverseOrder.Slide85 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 60%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette21.isRTL.ReverseOrder.Slide65 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 75%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette21.isRTL.ReverseOrder.Slide75 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0, rgba(255,210,0,1) 33%, rgba(13,148,14,1) 66%, rgba(13,148,14,1) 100%) !important;
}

.SmileyPalette21.isRTL.ReverseOrder.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(13,148,14, 1) 50%,rgba(13,148,14, 1) 100%) !important;
}

.SmileyPalette21.ReverseOrder.isRTL.Slide100 .ui-slider-range {
    background: linear-gradient(90deg, rgba(252,87,59,1) 0%, rgba(252,87,59,1) 25%, rgba(255,210,0,1) 50%, rgba(13,148,14,1) 75%, rgba(13,148,14,1) 100%) !important;
}*/


/*Slider Handle Inactive*/
.rs-smiley-wrapper .SmileyPalette21 .inactive-scale .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder .inactive-scale .ui-slider-handle,
.rs-smiley-wrapper .SmileyPalette21.ReverseOrder.RTL .inactive-scale .ui-slider-handle,
.SmileyPalette21 .inactive-scale .ui-slider-handle,
.SmileyPalette21.ReverseOrder.RTL .inactive-scale .ui-slider-handle {
    box-shadow: 0 0 0 4px #D8D8D8, 0 0 0 5px #A3A3A3 !important;
    background-color: #d8d8d8 !important;
}

.mobile-wrapper .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
.mobile-wrapper .RTLDir .rs-smiley-cont.very-happy-smiley,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
.mobile-wrapper .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10,
.mobile-wrapper .RTLDir .rs-smiley-cont.weight_10,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0 {
    left: -3px;
}

.mobile-wrapper .rs-smiley-cont.very-happy-smiley,
.rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
.RTLDir .rs-smiley-cont.very-sad-smiley,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
.mobile-wrapper .rs-smiley-cont.weight_10,
.rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
.RTLDir .rs-smiley-cont.weight_0,
.RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
    left: -9px;
}

@media (max-width:415px) {
    .mobile-wrapper .rs-smiley-cont.very-happy-smiley,
    .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
    .RTLDir .rs-smiley-cont.very-sad-smiley,
    .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
    .mobile-wrapper .rs-smiley-cont.weight_10,
    .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
    .RTLDir .rs-smiley-cont.weight_0,
    .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
        left: -11px;
    }

    .isFromPreview .mobile-wrapper .rs-smiley-cont.very-happy-smiley,
    .isFromPreview .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-sad-smiley,
    .isFromPreview .RTLDir .rs-smiley-cont.very-sad-smiley,
    .isFromPreview .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.very-happy-smiley,
    .isFromPreview .mobile-wrapper .rs-smiley-cont.weight_10,
    .isFromPreview .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_0,
    .isFromPreview .RTLDir .rs-smiley-cont.weight_0,
    .isFromPreview .RTLDir .rs-slider-axis-wrapper[isrev="true"] .rs-smiley-cont.weight_10 {
        left: -9px;
    }
}

.SmileyPalette21 .rs-mobile-wrapper .rs-slider.ui-slider {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/*Height Increased form Rating Scale (Normal and Smiley) form mobile*/
.rs-mobile-wrapper .ui-slider,
.rs-mobile-wrapper .rs-slider.ui-slider {
    height: 10px !important;
}

.rs-mobile-wrapper .ui-slider-handle {
    top: -10px !important;
}

.rs-smiley-cont {
    bottom: -14px;
}


    .rs-smiley-cont.palette-21,
    .rs-smiley-cont.palette-12 {
        background-color: #fff;
        border-radius: 50%;
    }
/*Reverse Handle Color*/
.SmileyPalette21.ReverseOrder.Slide60 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21.ReverseOrder .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(13,148,14) !important;
}

.SmileyPalette21.ReverseOrder.Slide70 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21.ReverseOrder.Slide80 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(255,210,0) !important;
}

.SmileyPalette21.ReverseOrder.Slide90 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21.ReverseOrder.Slide100 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(252,87,59) !important;
}
/*Handle Color*/
.SmileyPalette21.Slide60 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(252,87,59) !important;
}
.SmileyPalette21.Slide70 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21.Slide80 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(255,210,0) !important;
}

.SmileyPalette21.Slide90 .rs-mobile-wrapper .ui-slider-handle,
.SmileyPalette21.Slide100 .rs-mobile-wrapper .ui-slider-handle {
    background: rgb(13,148,14) !important;
}

.SmileyPalette21.ReverseOrder .rs-mobile-wrapper .ui-slider-handle[aria-valuetext="Unselected"],
.SmileyPalette21 .rs-mobile-wrapper .ui-slider-handle.ui-state-default[aria-valuetext="Unselected"] {
    background-color: #fff !important;
}

/*NPS Smiley Palette 21 End*/

/*NPS Pallete End*/

.csat .smiley.smiley-4.palette-12::before {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile.svg) !important;
}
form:not(.mobile-wrapper) .csat .smiley.smiley-4.palette-12:hover::before,
.csat input[type='radio']:checked + .smiley.smiley-4.palette-12::before {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile_hover.svg) !important;
    opacity: 1;
}
.ces .smiley.smiley-2.palette-12::before,
form:not(.mobile-wrapper) .ces .smiley.smiley-2.palette-12:hover::before,
.ces input[type='radio']:checked + .smiley.smiley-2.palette-12::before {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_sad_ces.svg) !important;
    opacity: 1;
}
.ces input[type='radio']:checked + .smiley.smiley-5.palette-12::before, form:not(.mobile-wrapper) .ces .smiley.smiley-5.palette-12:hover::before {
    background-image: url(../../ImagesNew/PM/SmileyPalette12_smile_hover.svg) !important;
    opacity: 1;
}
.ces .smiley.smiley-3.palette-12::before,
.ces .smiley.smiley-2.palette-12::before,
.ces .smiley.smiley-6.palette-12::before{
    opacity: 0.6
}
.ces .smiley.smiley-3.palette-12:hover::before,
.ces .smiley.smiley-2.palette-12:hover::before,
.ces .smiley.smiley-6.palette-12:hover::before {
    opacity: 1
}
.ces input[type='radio']:checked + .smiley.smiley-2.palette-12,
.ces input[type='radio']:checked + .smiley.smiley-3.palette-12::before,
.ces input[type='radio']:checked + .smiley.smiley-6.palette-12::before {
    opacity: 1;
}
.smiley-rs-icon.palette-11.palette{
    height: 80px
}
.rs-smiley-wrapper.rs-wrapper .smiley-rs-icon.palette-11::before {
    font-size: 80px;
}

.mobile-wrapper .nps-box .nps-axis-text.nps-axis-text-last{
    text-align: right;
}
.mobile-wrapper .nps-box .nps-axis-text.nps-axis-text-last, .mobile-wrapper .nps-box .nps-axis-text.nps-axis-text-first {
    display: inline-block;
    width: 40%;
}
.mobile-wrapper .nps-box .nps-axis-text {
    font-size: 14px;
    display: none;
}


.mobile-wrapper .embedLangs .languageBody .langModal {
    padding-bottom: 25px !important;
}

.embedLangs .language {
    margin-bottom: 10px;
}

/*.embedLangs .languageBody .langModal {
    max-height: calc(100vh - 15vh);
}*/

.embedLangs .language a {
    padding: 10px 20px;
}

.embedLangs .languageCont {
    align-content: flex-start;
    padding-top: 20px;
}

.btn-align-mar {
    margin: 0 !important;
}