/* Hide the current icons */
 .featureFeedback .emojis img {
     opacity: 0 !important;
     height: 100% !important;
     width: 100% !important;
     margin: 0 !important;
}
/* Create a place for the new icons */
 .featureFeedback .emojis span {
    background-color: #fff;
     background-position: center center;
     background-size: 30px 30px;
     background-repeat: no-repeat;
     display: inline-block !important;
     border-radius: 50%;
     margin: -6px 6px 0;
     -webkit-transition: all .25s ease;
     transition: all .25s ease;
     border: 1px solid #dfdede;
    transform: scale(0.7) !important;
    margin: -2px 0;
}
.featureFeedback .emojis span.unselectedemoji {
	transform: scale(0.6) !important;
}
/* Handle hover action */
 .featureFeedback .emojis span:hover {
    cursor: pointer;
     opacity: 0.8;
}
/* Add new icons */
 .featureFeedback .emojis span:nth-of-type(1) {
    background-image: url('https://res.cloudinary.com/onlinesales/image/upload/h_42/Aarya_Testing/Down.png');
}
 .featureFeedback .emojis span:nth-of-type(2) {
    display: none !important;
}
 .featureFeedback .emojis span:nth-of-type(3) {
    background-image: url('https://res.cloudinary.com/onlinesales/image/upload/h_42/Aarya_Testing/Up.png');
}
/* Add the visual feedbacks */
 .featureFeedback .emojis span.unselectedemoji {
    -webkit-transform: scale(0.8);
     transform: scale(0.8);
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
 .featureFeedback .emojis span.selectedemoji {
}
.emojis {direction: rtl !important;}

/* dunnhumby theme css start*/
body.dunnhumby:not(.inapp) .header, body.dunnhumby:not(.inapp) .news .cover, body.dunnhumby:not(.inapp) .modeTab.widgetMode {
    background-color: #39b2ab !important; 
}
/* dunnhumby theme css end*/

/* dark theme css start*/
.dark .feedbackSend {
	color: #ffffff;
    background: #212121;
    box-shadow: -2px 2px 4px 3px #212121;
}
.dark .feature {
    background: #212121 !important;
    color: #ffffff !important;
}

.dark.embed.beamer_active .news {
    background-color: #3c3c3c !important; 
}
.dark .feedbackInput {
    border-color: #2a2a2a;
    background: #212121;
}
.dark .featureFeedback .emojis span {
    background-color: #212121;
    border-color: #2a2a2a;
}
.dark .featureTitle a, .dark .featureAction a {
    color: #4493f8 !important;
}
.dark.embed.beamer_active .container {
    background: #3c3c3c;
}
body.dark:not(.inapp) .header, body.dark:not(.inapp) .news .cover, body.dark:not(.inapp) .modeTab.widgetMode {
    background-color: #0d0d0d !important; 
}
.dark.embed[data-scroll-hide=false] .container:after {
    background: #212121;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
}
/* dark theme css end*/

/* common-os-theme theme css start*/
body.common-os-theme:not(.inapp) .header,
body.common-os-theme:not(.inapp) .news .cover,
body.common-os-theme:not(.inapp) .modeTab.widgetMode {
    background-color: #fff !important;
}

body.common-os-theme:not(.inapp) .headerTitle,
body.common-os-theme:not(.inapp) .headerTitle a,
body.common-os-theme:not(.inapp) .headerMention a,
body.common-os-theme:not(.inapp) .headerSubtitle {
    color: #000 !important;
}

body.common-os-theme:not(.inapp) .headerClose svg,
body.common-os-theme:not(.inapp) .headerNav svg {
    fill: #000 !important;
}
/* common-os-theme theme css end*/
body.common-os-theme:not(.inapp) .headerTitle {
    box-shadow: 0 0 4px rgb(38 44 49 / 26%);
}