@charset "UTF-8";
/*Base*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-helvetica: Helvetica, sans-serif;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

* {
  margin: 0;
  padding: 0; }

*, ::after, ::before {
  box-sizing: border-box; }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(238, 47, 93, 0.3);
  border-radius: 8px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ee2f5d; }

html, body, form {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0; }

body {
  background-color: #F8F9FA !important;
}

html {
  font-size: 62.5%;
  position: relative;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

body {
  background: var(--#ffffff);
  font-size: 1.6rem;
  font-family: var(--font-family-helvetica); }

.hidden-spacer {
  height: 80px;
  background: transparent; }

/* fonts */
.zevioo__h5 {
  font-size: 1rem;
  padding: 25px 0 10px;
  font-weight: bold; }

@media (max-width: 500px) {
  .zevioo__h5 {
    font-size: .8rem; } }

/*Old*/
#dvContainer {
  display: block;
  position: absolute;
  min-height: 105%;
  width: 100%;
  padding: 0;
  margin: auto; }

#dvMainContent {
  display: block;
  margin-top: 90px;
  /* Same as footer height */
  width: 100%;
  padding: 0; 
  /*padding-top: 90px;*/}

#dvHeader {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  padding: 0;
  background-color: #ffffff;
  /*border-bottom: 1px solid #999999;*/
  z-index: 1; }

#dvFooter {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  width: 100%;
  margin-top: 80px; }

/* SPK: DIV Master Layout END */
/* OTHER TAGS */
/* TABLE */
table, td {
  font-size: 100%; }

table.InfoPanelIndent {
  margin-top: 8px; }

table.CodeLabel {
  margin-top: 13px; }

table.DemoButton {
  margin-top: 25px; }

/* TD */
td.ActionMainLabel {
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: bold; }

td.ActionPanel {
  width: 100%;
  padding-bottom: 4px; }

td.InfoPanel {
  padding-left: 24px; }

td.InfoPanelGroupItem {
  padding-left: 30px; }

td.InfoPanelLabel {
  padding-left: 3px; }

/* HR */
hr {
  height: 1px;
  border: 0px;
  border-top: Solid 1px #ffffff;
  display: block;
  width: 100%; }

/* P */
p {
  margin: 0px;
  padding: 0px;
  margin-top: 8px;
  font-size: 12px; }

p.h1, p.h2, p.h3, h1.DemoHeader, h2.DemoHeader, h3.DemoHeader {
  font-family: helvetica, Arial;
  color: #818180;
  margin: 0px;
  padding: 0px;
  background-color: Transparent !important; }

p.h2, p.h3, h2.DemoHeader, h3.DemoHeader {
  font-size: 12px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 11px; }

p.h3, h3.DemoHeader {
  font-size: 10px;
  margin-bottom: 8px; }

.DemoHeader {
  white-space: nowrap; }

/* PRE */
pre {
  margin-top: 23px;
  margin-bottom: 23px;
  font-family: Courier New;
  font-size: 13px;
  padding: 20px;
  color: #000000;
  background-color: #FFFFFF; }

pre.NoIndent {
  margin: 0px;
  background-color: transparent; }

/* TEXTAREA */
textarea, select, input {
  font-size: 11px;
  font-family: helvetica, Arial; }

textarea, select {
  background-color: #FFFFFF; }

textarea.Code {
  border: 1px solid #9D9D9D;
  font-size: 11px;
  background-color: #FFFFFF;
  color: #000000; }

textarea.InactiveColor {
  color: Gray; }

textarea.EditSample {
  width: 398px;
  border: solid 1px #C3D9FF;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  background-color: #FFFFFF;
  overflow: auto;
  height: 200px;
  color: #000000;
  margin-top: -1px; }

/* INPUT */
input.DemoButton {
  width: 75px;
  height: 23px; }

input.BigButton {
  width: 120px;
  height: 23px; }

/* DIV */
div.Events {
  border: 1px solid #9D9D9D;
  padding: 2px;
  font-size: 11px;
  background-color: #FFFFFF;
  overflow: auto;
  height: 200px;
  color: #000000; }

div.Events table, div.Events td {
  color: #000000; }

div.LoadingDiv {
  vertical-align: middle;
  text-align: center; }

/* SPAN */
span.blue {
  color: #293ACF;
  font-weight: normal; }

span.black {
  color: #333333; }

/* A */
a {
  color: #346DAD; }

a.LinkButton {
  color: #0451A7;
  text-decoration: underline; }

/* Custom Classes */
.Form {
  padding-left: 20px;
  padding-right: 20px; }

.Main {
  width: 1%; }

.Header {
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 0px; }

.Navigation {
  width: 1%;
  padding-right: 10px; }

.Content {
  padding-top: 0px;
  padding-left: 1px;
  padding-right: 0px; }

.Footer {
  font-size: 12px;
  padding-left: 1px;
  padding-top: 53px;
  padding-bottom: 19px; }

.Copyright {
  padding: 12px 0px 4px 0px; }

.StatusImage {
  margin-left: 5px;
  vertical-align: bottom; }

.PageStatus img {
  margin-left: 2px;
  vertical-align: middle; }

.PageStatusHideImage img {
  display: none; }

.Banners {
  margin-top: 11px; }

label.BannerVersion {
  font-size: 16px; }

.OnceBanner {
  margin-top: 20px; }

.Slogan {
  white-space: nowrap;
  margin-left: -5px;
  color: White;
  font-size: 42px;
  position: absolute;
  line-height: 65%;
  padding-top: 8px; }

.MiniSlogan {
  white-space: nowrap;
  color: #ACDAFA;
  font-size: 17px;
  margin-left: 3px; }

.BannerLime {
  font-size: 11px;
  line-height: 14px; }

.ControlActionSpacing {
  padding-left: 17px; }

.ContentMargin {
  margin-left: 6px; }

.Title img {
  margin-right: 12px; }

.Title h1.h1Blue {
  font-size: 27px;
  display: inline;
  font-weight: normal;
  padding: 0px;
  margin: 0px; }

.Title h2.h2Gray {
  font-size: 25px;
  display: inline;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #A9A9A9; }

.DemoInfoLabel {
  color: Red;
  font-size: 11px;
  font-family: Verdana;
  white-space: nowrap; }

.ActionGroupIndent {
  padding-top: 17px; }

.ActionItemIndent {
  padding-top: 10px; }

.DemoLabel {
  padding-left: 6px;
  white-space: nowrap;
  color: #666666; }

.CaptionLabelIndent {
  padding-left: 0px;
  display: block;
  padding-bottom: 4px; }

.EventMonitor {
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 2px; }

.CheckBoxLeftIndentCorrect {
  padding-left: 6px; }

.CheckBoxTopIndent {
  padding-bottom: 10px; }

.TableCheckBoxLeftIndentCorrect {
  margin-left: 4px; }

.ActionLabel {
  white-space: nowrap;
  width: 1%; }

.Hint {
  border: solid 1px #A8A8A8;
  background-color: #FEFFDE;
  color: #5A5A5A;
  padding: 10px;
  font-size: 10px; }

.BlackBorder {
  border: Solid 1px #000000; }

/* UTILITIES */
.Clear {
  clear: both; }

div.Spacer {
  overflow: hidden;
  width: 1px;
  height: 1px; }

.think {
  font-weight: normal; }

.Cursor {
  cursor: pointer;
  cursor: hand; }

.NoWrap {
  white-space: nowrap; }

.NoLeftIndent {
  padding-left: 0px; }

.Show {
  display: block; }

.ShowInline {
  display: inline; }

.Hide {
  display: none; }

.Bold {
  font-weight: bold; }

.FontNormal {
  font-weight: normal !important; }

.FontSmall, .FontSmall * {
  font-size: 11px !important; }

.ClearIndent {
  margin: 0px;
  padding: 0px; }

.NoTopIndent {
  margin: 0px; }

.Gray {
  color: #333333; }

.centeredContentContainer {
  text-align: center; }

.UserHelpTopic {
  width: 100%;
  font-size: 11px; }

/* Code Renderer Styles */
.cr-cs-comment {
  color: Green; }

.cr-cs-keyword {
  color: Blue; }

.cr-cs-preproc {
  color: #2B91AF; }

.cr-cs-string {
  color: #A31515; }

.cr-region-head {
  display: inline;
  margin: 0px 0px 0px 0px;
  font-size: small;
  font-weight: normal;
  color: Gray; }

.cr-region-div {
  border-left: solid 1px DarkGray;
  margin-left: 5px;
  padding-left: 10px; }

.cr-region-span {
  border-left: solid 1px LightGrey;
  width: 1px;
  margin-left: 5px;
  padding-left: 3px; }

.cr-aspx-region-head {
  display: inline;
  margin: 0px 0px 0px 0px;
  font-size: small;
  font-weight: normal;
  color: Green; }

.cr-js-comment {
  color: Green; }

.cr-js-keyword {
  color: Blue; }

.cr-js-preproc {
  color: #2B91AF; }

.cr-js-string {
  color: #A31515; }

.cr-js-pre {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.cr-vb-comment {
  color: Green; }

.cr-vb-keyword {
  color: Blue; }

.cr-vb-string {
  color: #A31515; }

.cr-vb-preproc {
  color: #2B91AF; }

.cr-delphi-comment {
  color: Green; }

.cr-delphi-keyword {
  color: Blue; }

.cr-delphi-string {
  color: #A31515; }

.cr-delphi-preproc {
  color: #2B91AF; }

.cr-xml-comment {
  color: Green; }

.cr-xml-keyword {
  color: Blue; }

.cr-xml-string {
  color: #A31515; }

.cr-xml-preproc {
  color: #2B91AF; }

.cr-xml-tag {
  color: #A31515; }

.cr-xml-attribute {
  color: #FF0000; }

.cr-xml-bind {
  background-color: #FFEE62; }

.cr-aspx-comment {
  color: Green; }

.cr-aspx-preproc {
  background-color: #FFEE62;
  color: Black; }

.cr-aspx-string {
  color: Black; }

.cr-aspx-text {
  color: Blue; }

.cr-aspx-keyword {
  color: #2B91AF; }

.cr-aspx-tag {
  color: #A31515; }

.cr-aspx-attribute {
  color: #FF0000; }

.cr-aspx-bind {
  background-color: #FFEE62; }

.cr-aspx-pre {
  padding: 0px;
  margin-top: 0px !important; }

div.cr-div pre {
  font-size: 9pt;
  font-family: 'Courier New';
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }

.cr-div {
  width: 606px;
  height: 380px;
  font-size: 9pt;
  font-family: 'Courier New';
  overflow: auto;
  padding: 14px 20px 0px;
  background-color: #FFFFFF; }

.cr-div-description {
  width: 606px;
  height: 380px;
  font-size: 9pt;
  overflow: auto;
  padding: 14px 20px 0px; }

/* OTHER */
.HeaderPanel {
  padding: 27px 3px 0px 20px; }

label.defaultLabel, span.defaultLabel {
  color: Black; }

/* ASPxGridView */
.templateTable {
  border-collapse: collapse;
  background-color: #F3F8F7; }

.templateTable td {
  border: Solid 1px #C2D4DA; }

.templateCaption {
  background-color: #ECF2F3; }

/*Dxe*/
.dxeListBoxItemSelected {
  background-color: #ee2f5d;
  color: #fff !important; }

.dxeListBoxItemHover {
  background-color: #ee2f5d;
  color: #fff !important; }

tr#ctl00_cpnlReportMain_cphMain_gvMaster_DXHeadersRow0 {
  overflow: hidden;
  height: 56px;
  left: 0px;
  position: relative; }

.dxgvControl, .dxgvDisabled {
  border: none; }

.dxgvHeader {
  background: #f4f3fb;
  padding: 16px 10px;
  display: table-cell;
  font-weight: 600;
  vertical-align: middle;
  border: none; }

.zevgrid table td.dxgv:after {
  border-bottom: 1px solid #ccc;
  content: "";
  display: block;
  width: 80%;
  margin: 10px auto; }

.prodrev-revcell td.dxgv:after {
  content: none; }

.dxgvPagerBottomPanel {
  background: #fff; }

.dxpLite_Material .dxp-current {
  background-color: #EC5D7F; }

.dxpLite_Material:not(.dxpLiteDisabled_Material) .dxp-current.dxp-num:hover {
  background-color: #ee2f5dad; }

/*.dxbButton {
    background: white;
    color: #22b9ff;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #ebedf2;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 2.25rem;
    transition: all 0.15s ease-in-out;
}

    .dxbButton:hover {
        background: #EE2F5D;
        color: #fff;
    }*/
.dxgvTable_Material,
.dxgvPagerBottomPanel_Material {
  border: none;
  box-shadow: none; }

#ctl00_cpnlReportMain_cphMain_gvMaster_DXMainTable .dxgv {
  padding: 0;
  max-width: 100%; }

.dxdvControl td.dxdvCtrl {
  padding: 0; }

.dxucBrowseButton_Material {
  background-color: #EC5D7F;
  border-radius: 5px; }

.dxucControl_Material .dxucBrowseButton_Material a {
  color: #fff; }

.dxbButton_Material {
  background-color: #EC5D7F; }

.dxpc-mainDiv.dxpc-shadow {
  box-shadow: rgba(139, 140, 140, 1) 0px 1px 15px 1px !important;
  background-color: white;
  padding: 15px;
  border-radius: 8px;
  border: none; }

.dxeToken {
  background: transparent; }

.dxgvEditForm_Material > td.dxgv {
  background-color: rgba(244, 244, 244, 0.2); }

.dxbButton {
  border: none;
  background: none;
  padding: 1px; }

.dxeButtonEditButtonHover_Material, .dxeSpinIncButtonHover_Material, .dxeSpinDecButtonHover_Material, .dxeSpinLargeIncButtonHover_Material, .dxeSpinLargeDecButtonHover_Material {
  background-color: #EC5D7F;
  color: white; }

.dxeFocused_Material {
  border: 1px solid #EC5D7F; }

/* remove loader border*/
.dxlpLoadingPanel, .dxlpLoadingPanelWithContent {
  border: none; }

/*.dxlp-imgPosLeft::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.55);
}*/
.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
  padding: 0; }

/*FeedBack*/
/* feedBack*/
.feedback {
  color: white;
  border-radius: 5px;
  width: 40px;
  padding: 12px 14px 12px 12px;
  background: #d6384c;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  -ms-transition: -ms-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }

#mybutton {
  position: fixed;
  bottom: 50%;
  right: 0; }

.feedback-title {
  display: inline-block !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  cursor: pointer;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/* modal frame */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 40;
  -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
  -webkit-transition-delay: 0s, 0s;
  transition: opacity 0.25s ease 0s, visibility 0.35s linear; }

.modal-overlay.state-show {
  opacity: .7;
  visibility: visible;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s, 0s;
  -o-transition-duration: 0.2s, 0s;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s; }

.modal-frame {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  /*     display: table; */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  width: 100%;
  text-align: center;
  visibility: hidden; }

.modal-frame.state-appear {
  visibility: visible; }

.modal-frame.state-appear .modal-inset {
  -moz-animation: modalComeIn 0.25s ease;
  -webkit-animation: modalComeIn 0.25s ease;
  animation: modalComeIn 0.25s ease;
  visibility: visible;
  /* to keep @ final state */ }

.modal-frame.state-appear .modal-body {
  opacity: 1;
  -moz-transform: translateY(0) scale(1, 1);
  -ms-transform: translateY(0) scale(1, 1);
  -webkit-transform: translateY(0) scale(1, 1);
  transform: translateY(0) scale(1, 1); }

.modal-frame.state-leave {
  visibility: visible; }

.modal-frame.state-leave .modal-inset {
  -moz-animation: modalHeadOut 0.35s ease 0.1s;
  -webkit-animation: modalHeadOut 0.35s ease 0.1s;
  animation: modalHeadOut 0.35s ease 0.1s;
  visibility: visible; }

.modal-frame.state-leave .modal-body {
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  transform: translateY(25px); }

@-moz-document url-prefix() {
  .modal-frame {
    height: calc(100% - 55px); } }

.modal-gs {
  display: block;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 25%;
  right: 50px; }

.modal-inset {
  position: relative;
  padding: 60px 5px;
  background-color: white;
  min-width: 320px;
  min-height: 126px;
  margin: auto;
  visibility: hidden;
  -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.modal-inset .close {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  opacity: .4; }

.modal-inset .close:hover {
  opacity: 1; }

.modal-body {
  margin: auto;
  opacity: 0;
  -moz-transform: translateY(0) scale(0.8, 0.8);
  -ms-transform: translateY(0) scale(0.8, 0.8);
  -webkit-transform: translateY(0) scale(0.8, 0.8);
  transform: translateY(0) scale(0.8, 0.8);
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.modal-body h3 {
  font-weight: 700;
  padding-bottom: 22px;
  display: block;
  color: #F2594B;
  text-align: center; }

.modal-body p {
  padding-bottom: 20px; }

.modal-body .ps {
  font-size: 12px;
  opacity: .3; }

.emotion-rating {
  display: inline-block;
  padding: 0 5px; }

.experience-rating {
  margin-bottom: 25px; }

.experience-rating:hover .emotion-rating {
  opacity: .4; }

.emotion-rating:hover {
  opacity: 1 !important; }

.experience-emotion-img {
  width: 45px; }

.tooltip-gs {
  position: relative; }

.tooltip-gs .tooltiptext {
  visibility: hidden;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  font-size: 12px;
  color: #999;
  left: 0;
  right: 0; }

.tooltip-gs:hover .tooltiptext {
  visibility: visible; }

.feedback-textarea textarea {
  border: 0 !important;
  background: #eaeaeb !important;
  color: #454A55 !important;
  padding: 12px 20px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-left: -20px;
  margin-right: -20px;
  width: 350px; }

.feedback-textarea {
  display: none; }

.feedback-textarea.open {
  display: block;
  margin-top: 40px;
  position: relative; }

.feedback-textarea.open:before {
  content: "";
  width: 1px;
  height: 1px;
  position: absolute;
  left: auto;
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.1); }

.modal-gs[data-chosen-emotion-option="1"] .feedback-textarea.open:before {
  left: 8%; }

.modal-gs[data-chosen-emotion-option="2"] .feedback-textarea.open:before {
  left: 28%; }

.modal-gs[data-chosen-emotion-option="3"] .feedback-textarea.open:before {
  left: 47%; }

.modal-gs[data-chosen-emotion-option="4"] .feedback-textarea.open:before {
  left: 66%; }

.modal-gs[data-chosen-emotion-option="5"] .feedback-textarea.open:before {
  left: 86%; }

@-webkit-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03); }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-moz-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03); }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03); }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1); }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97); } }

@-moz-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1); }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97); } }

@keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1); }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97); } }

/*Components*/
/* Custom clearfix */
.gs-clear:before, .gs-clear:after {
  content: " ";
  display: table; }

/* portlet */
@media (min-width: 787px) {
  .portlet-title.first h2, .row.clearfix .portlet-title h2 {
    padding-top: .4rem;
    font-size: 1.75rem; } }

.portlet-title h2 {
  font-size: 1.1rem;
  color: #5E5E5E;
  padding: 25px 0 10px;
  font-family: Arial, Helvetica, sans-serif;}

/*.portlet-title.customer-table-title h2 {
  padding: 0.4rem 0 16px; }*/

.reviews-container{
  margin-top: 8px;
}

.resp-margin {
  display: block;
}

.title-opportunities {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}

.title-opportunities h2{
  font-size: 14px !important;
  padding-left: 40px;
  position: relative;
  margin-bottom: 5px;
}

.title-opportunities h2 a{
  color: #5e5e5e !important; }

.title-opportunities h2::before {
  content: '';
  position: absolute;
  background-image: url(/common/imgs/chart-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 21%;
  height: 24px;
  left: 0;
  bottom: 10px;
}

.cx-choice a.export-act-disabled {
  color: #FFFFFF;
  background-color: rgba(214,213,213,1) !important;
}

.opport-choice a.export-act-disabled {
  color: rgba(214,213,213,1) !important;
  cursor: pointer;
}

.opport-choice .dxeListBox, .col-overview .dxeListBox, .col-sm-12.order-4 .dxeListBox, .zevgrid.container  .dxeListBox, .big-filter-action_flex .dxeListBox{
  border: none !important;
}

.opport-choice .dxeListBoxItemRow, .col-overview .dxeListBoxItemRow, .col-sm-12.order-4 .dxeListBoxItemRow, .zevgrid.container  .dxeListBoxItemRow, .big-filter-action_flex .dxeListBoxItemRow{
  color: #818180 !important;
  font-weight: bold;
  line-height: 14px;
}

.opport-choice .dxeListBoxItem, .col-overview .dxeListBoxItem, .col-sm-12.order-4 .dxeListBoxItem, .zevgrid.container .dxeListBoxItem, .big-filter-action_flex .dxeListBoxItem{
  position: relative;
  padding-left: 25px;
}

.opport-choice .dxeListBoxItemHover, .col-overview .dxeListBoxItemHover, .col-sm-12.order-4 .dxeListBoxItemHover, .zevgrid.container .dxeListBoxItemHover, .big-filter-action_flex .dxeListBoxItemHover {
  color: #0056b3 !important;
  background: none !important;
}

.opport-choice .dxeListBoxItemSelected, .col-overview .dxeListBoxItemSelected, .col-sm-12.order-4 .dxeListBoxItemSelected, .zevgrid.container .dxeListBoxItemSelected, .big-filter-action_flex .dxeListBoxItemSelected {
  color: #0056b3 !important;
  background: none !important;
}

.opport-choice .dxeListBoxItemHover::after, .col-overview .dxeListBoxItemHover::after, .col-sm-12.order-4 .dxeListBoxItemHover::after, .zevgrid.container .dxeListBoxItemHover::after, .big-filter-action_flex .dxeListBoxItemHover::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 14px;
  left: 5px;
  bottom: 5px;
  display: block;
  border: solid #0056B3;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
}

.opport-choice .dxeListBoxItemSelected::after, .col-overview .dxeListBoxItemSelected::after, .col-sm-12.order-4 .dxeListBoxItemSelected::after, .zevgrid.container .dxeListBoxItemSelected::after, .big-filter-action_flex .dxeListBoxItemSelected::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 14px;
  left: 5px;
  bottom: 5px;
  display: block;
  border: solid #0056B3;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
}

.opport-choice tbody {
  color: #000000;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .opport-choice .row.row-col-sep table {
    margin-left: 25px;
    margin-right: 15px;
  }
  .opport-choice .row.row-col-sep .col-md-6.col-sm-6 table {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media(min-width: 360px) {
  .opport-choice .row.row-col-sep .col-md-6.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 997px) {
  .row.col-value {
    display: block;
  }
  .row.col-value .col-md-6.col-sm-12 {
    margin: auto;
    flex: 0 0 80%;
    max-width: 80%;
  }
}

.portlet {
  -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  -moz-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  background-color: #ffffff;
  padding: 20px; }

/* Buttons */
.material-btn,
.dxbButton_Material {
  border-radius: 5px; }

.logout-btn:hover {
  background-color: #f3002dd4; }

.logout-btn a {
  color: #fff; }

/*
    UI UL 
*/
/* Default custom select styles */
div.gs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.gs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */ }

.gs-select select {
  display: none; }

.gs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* Placeholder and selected option */
.gs-select > span {
  padding-right: 3em; }

.gs-select > span::after,
.gs-select .gs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gs-select > span::after {
  content: '\25BE';
  right: 1em; }

.gs-select .gs-selected span::after {
  content: '\2713';
  margin-left: 1em; }

.gs-select.gs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

div.gs-active {
  z-index: 200; }

/* Options */
.gs-select .gs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden; }

.gs-select.gs-active .gs-options {
  visibility: visible; }

.gs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.gs-select ul span {
  padding: 1em; }

.gs-select ul li.gs-focus span {
  background-color: #ddd; }

/* Optgroup and optgroup label */
.gs-select li.gs-optgroup ul {
  padding-left: 1em; }

.gs-select li.gs-optgroup > span {
  cursor: default; }

div.gs-skin-border {
  background: transparent;
  font-size: 1em;
  font-weight: 700;
  max-width: 115px; }

@media screen and (max-width: 30em) {
  div.gs-skin-border {
    font-size: 1em; } }

.gs-skin-border > span {
  border: 2px solid #3d98fb;
  border-color: inherit;
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s; }

.gs-skin-border > span::after,
.gs-skin-border .gs-selected span::after {
  content: '\21E9'; }

.gs-skin-border ul span::after {
  content: '';
  opacity: 0; }

.gs-skin-border .gs-selected span::after {
  content: '\25C3';
  color: #ddd9c9;
  font-size: 1.5em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.gs-skin-border.gs-active > span {
  background: #fff;
  border-color: #fff;
  color: #3d98fb; }

.gs-skin-border .gs-options {
  color: #3d98fb;
  font-size: 0.75em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s; }

.gs-skin-border.gs-active .gs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.gs-skin-border ul span {
  padding: 1em 2em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.gs-skin-border .gs-options li span:hover,
.gs-skin-border li.gs-focus span {
  background: #f5f3ec; }

/*
    UI Switch
*/
input[type=checkbox] {
  display: block;
  opacity: 0; }

label.checkbox-label {
  width: 60px;
  height: 30px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background: #bdbdbd;
  border-radius: 30px;
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s; }

/*label:after {
    left: 0;
    width: 20px;
    height: 20px;
    margin: 5px;
    content: '';
    position: absolute;
    background: #FFF;
    border-radius: 10px;
}*/
input:checked + label {
  border-bottom: 2px solid #EC5D7F; }

input:checked + label:before {
  content: "✓";
  margin-right: 5px; }

input:checked + label:after {
  left: auto;
  right: 0; }

input:checked ~ p:nth-of-type(1) {
  color: #27ad5f;
  display: block; }

input:not(:checked) ~ p:nth-of-type(2) {
  display: block; }

/*
    UI Switch
    how to use { 
         <input type="checkbox" id="checkbox2" />
  <label for="checkbox2"></label>
    <input type="checkbox" id="checkbox2" checked />
  <label for="checkbox2"></label>
    }
*/
/*  Material Button */
.material-btn {
  color: white;
  /*background-color: #2BBA96;*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition-property: box-shadow, background-color;
  -moz-transition-property: box-shadow, background-color;
  -o-transition-property: box-shadow, background-color;
  transition-property: box-shadow, background-color;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-tap-highlight-color: transparent; }

.material-btn:hover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  text-decoration: none; }

.material-btn:checked {
  color: white;
  /*background-color: #00897B;*/ }

.material-btn:focus {
  color: white;
  /*background-color: #26A69A;*/
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2); }

/* Chart Container */
.gaugeContainer {
  width: 100%;
  height: 40px; }

.gaugeContainer > center > div {
  display: inline-block;
  vertical-align: middle; }

.chartContainer {
  width: 100%;
  height: 500px; }

.chartContainer > center > div {
  display: inline-block;
  vertical-align: middle; }

/*
card - user
*/
.card-user {
  padding: 5px 0;
  margin: 0;
  display: table;
  table-layout: fixed; }

.card-user-pic {
  display: table-cell;
  text-align: right;
  padding: 0 5px 0 0;
  vertical-align: middle;
  width: 70px; }

.card-user-pic img {
  max-width: 70px;
  margin: 0; }

.img-rounded {
  border-radius: 50%; }

.marginless {
  margin: 0; }

.card-user-details {
  display: table-cell;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 15px; }

.card-user-welcome {
  color: #1b1c1e;
  display: block;
  padding: 0 0 0 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1; }

.card-user-name {
  color: #1b1c1e;
  display: block;
  padding: 0 0 0 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1; }

.widget-header {
  padding: 1.1rem 0; }

.widget-title {
  /*font-weight: 600;*/
  margin-bottom: 0;
  padding-top: 5px;
  white-space: nowrap;}

.widget-desc {
  display: inline-block;
  margin-top: 0.2rem;
  font-size: 1rem; }

.widget-img img {
  height: 50px; }

.widget-stats {
  padding-top: 10px;
  padding-bottom: 20px;
}

.overtablecellnum1 {
  font-size: 26px; }

.overtablecellnum2 {
  font-size: 15px; }

.overgraphs-div {
  width: 90%;
  margin: 25px auto;
  padding: 30px 0; }

/* Gs styles */
td {
  box-sizing: content-box; }

td a,
td div {
  box-sizing: inherit; }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button-bevel; }

td.dxdvItem {
  background: white; }

.dxdvItem, .dxdvFlowItem,
.relative-review .dxdvItem {
  border: none;
  background-color: transparent;
  padding: 0; }

.date-review {
  font-size: 100%; }

.src-btn {
  position: relative;
  top: -11px;
  right: 3px; }

.product-listed {
  display: block;
  font-size: 9px; 
}

.reviews-container .product-listed { color: #929292; }
#total-basket-table td, #total-rating-table td { vertical-align: bottom; }

.product-coverage,
.product-avg-reviews,
.product-text,
.col-big,
.col-small {
  display: inline-block; }

.col-big {
  width: 70%; }

.col-small {
  width: 30%; }

.to-the-left {
  float: left; }

.to-the-right {
  float: right; }

.to-the-left::after,
.to-the-right::after {
  content: "";
  display: table;
  clear: both; }

.product-info img {
  vertical-align: middle;
  padding: 5px; }

ul.gs-divider-p-r > li:hover a:after,
ul.gs-divider-p-r > .salemenusel a:after {
  bottom: -10px !important; }

.company-title {
  font-size: 16px; }

.opport-choice td div { 
  cursor: pointer;
  position: relative }

.tooltip-block{
  position: absolute;
  display: none; 
  background: #fff;
  z-index: 100;
  border: solid 1px #929292;
  color: #929292;
  width: 130px;
  padding: 5px;
  left: 70%;
  top: 20%;
}

#icon-reset{
  text-align: center;
  margin: 4px auto 6px;
  font-size: 11px;
  cursor: pointer;
  color: #000;
  font-weight: bold;
  font-family: 'helvetica', sans-serif;
}

.opport-choice td div:hover > .tooltip-block { display:block }

@media (min-width: 992px) {
  .unique-shoppers {
    padding-top: 80px; }
  .portlet.big {
    height: 505px; }
  .portlet.small {
    height: 595px; } 
  .opport-choice {
    height: 100% !important; } }

@media (min-width:599px) and (max-width: 786px) {
  .portlet-title h2 {
    font-size: 1.4375rem; } 
  }

  @media (max-width:599px)  {
    .overtablecellnum1 {
      font-size: 22px !important;}
  }

@media (min-width: 1200px) {
  .row.row-col-sep > div {
    border-bottom: 0;
    /*-webkit-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    box-shadow: 10px 0px 19px -20px rgba(255, 255, 255, 1); }
  .row.row-col-sep > div:last-child {
    border-right: 0;*/ } }

.graph-row {
  margin-top: -20px;
}

.graph-col{
  color: rgba(146, 146, 146, 1) !important;
  position: relative;
  padding-top: 13px;
  border-top:solid 7px transparent;
}

.graph-col > .widget-stats {
  height: 84px;
}

.graph-col.selected{
  border-top:solid 7px #ee2f5d;
}

.graph-col.selected > .widget-title {
  color: #000000;
}

.graph-col.selected > .widget-stats .overtablecellnum1 {
  color: #000000;
}

.graph-col.disabled {
  pointer-events: none;
}

.menu-active-graph:after {
  content: " ";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  border-top: 8px solid #EE2F5D;
}

/*.graph-col {
  content: " ";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  border-top: 8px solid #EE2F5D;}

.graph-col::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  border-top: 8px solid #f5f5f5;
}*/

.graph-col > .widget-title {
  font-weight: 600 ;
}

.graph-col:hover {
  color: rgba(146, 146, 146, 1) !important;
  background-color: #F5F5F5 !important;}

.container.portlet.small {
  color: rgba(146, 146, 146, 1);
  font-size: 13px !important;
  font-family: Helvetica, sans-serif;
}

.row .col-md-7 h3.widget-title, .row .col-md-5 h3.widget-title {
  position: relative;
  padding-bottom: 5px;
  font-size: 16px;
}
 
.row .col-md-7 h3.widget-title:after, .row .col-md-5 h3.widget-title:after{
  content: '';
  position: absolute;
  border-bottom: 1px solid;
  bottom: 0;
  width: 100%;
  left: -3px;
}

.widget-col{
  padding-right:0;
  padding-left: 0;
}

.box-widget-col{
  padding-right: 20px;
  padding-left: 20px;
}

.box-widget-col .widget-stats{
  padding-bottom: 46px;
}

.box-widget-col .widget-col:nth-child(even) {
  text-indent: 15px;
}

.selected-date a{
  color: #0056b3 !important;
}

.selected-date a:after {
  content: " ";
  position: absolute;
  width: 6px;
  height: 14px;
  left: -5px;
  bottom: 7px;
  display: block;
  border: solid #0056B3;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
}


.row .col-md-6 .button, .row .col-md-7 .button, .row .col-md-5 .button, #ctl00_pnlNoAccess .widget-stats .button, .cx-choice .widget-stats #ctl00_cpnlReportMain_cphMain_lbtnExportData{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: button;
  -o-appearance: button;
  -ms-appearance: button;
  cursor: pointer;
  text-decoration: none;
  border-radius: 8px;
  font-size: 13px;
  height: 32px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 8px 5px !important;
}

#ctl00_pnlNoAccess .widget-stats .button {
  color: #FFFFFF;
  background-color:  #FF2C55;
  width: 13%;
  min-height: 42px;
  font-size: 1rem;
  box-shadow: 1px 1px 1px  #FF2C55;
  font-weight: bold;
  margin: auto;
}

#ctl00_pnlNoAccess {
  display: block;
  text-align: center;
  color: #5E5E5E;
  position: fixed;
  left: 0;
  top: 200px;
  right: 0;
}

#ctl00_pnlNoAccess h1 {
  font-size: 2.25rem;
  font-weight: bold;
}

#ctl00_pnlNoAccess h2 {
  font-size: 1.75rem;
}

#ctl00_pnlNoAccess a {
  color: #5E5E5E;
  text-decoration: underline;
}


.cx-tracking-more {text-align: center; margin-top: 90px; font-size: 0.9375rem;}
.cx-tracking-more a { color: #EE2F5D; text-decoration: underline; }

@media (min-width: 992px) {
  .graph-col .widget-title, .graph-col .widget-stats, .widget-col .widget-title, .widget-col .widget-stats {
    white-space: nowrap;
  }
}

@media (max-width: 1040px) {
  .row .col-md-6 h3.widget-title {
    font-size: 14px;
  }
  .graph-col .widget-title {
    font-size: 13px;
  } }

@media (min-width: 999px) and (max-width:1199px) {
  .col-sm-12 td.online-td {
    padding-right: 16px;
  }
}

@media(max-width: 998px) and (min-width: 992px) {
  .row.col-overview {
    display: block;
    max-width: 80%;
  }
  .row.col-overview .col-md-8, .row.col-overview .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto;
  }
  .buttons-col .col-md-6.col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media(max-width: 991px) {
  .row.col-overview {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .row.col-overview .col-md-8, .row.col-overview .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto;
  }
  .buttons-col .col-md-6.col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .buttons-col {
    height: 62px; }
  .box-widget-col:nth-child(-n+3) {
    height: 116px; }
  
  .box-widget-col:nth-child(4) {
    height: 94px; } }


.check-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

#ctl00_cpnlReportMain_cphMain_lnkResolveAlerts:hover, #ctl00_cpnlReportMain_cphMain_lnkAnswerQuestions:hover {
  color: #818180;
}

.row.row-col-sep.buttons-col .col-md-6.col-sm-12:first-child {
  padding-left: 20px;
}

#ctl00_cpnlReportMain_cphMain_lnkAnswerQuestions {
  color: #EE2F5D;
  background-color: #FFFFFF;
  width:90%;
  line-height: 14px;
  box-sizing: border-box;
  box-shadow: 0px 1px 10px 0px #FFFFFF;
  max-width: 140px;
}

#ctl00_cpnlReportMain_cphMain_lnkResolveAlerts {
  color: #EE2F5D;
  background-color: #FFFFFF;
  width:80%;
  line-height: 14px;
  box-sizing: border-box;
  box-shadow: 0px 1px 10px 0px #FFFFFF;
  max-width: 140px;
}

#ctl00_cpnlReportMain_cphMain_lnkCheckKPIs {
  color: #FFFFFF;
  background-color: #FF2C55;
  line-height: 14px;
  box-sizing: border-box;
  width: 140px;
}

@media (max-width: 471px) {
  #ctl00_cpnlReportMain_cphMain_lnkAnswerQuestions, #ctl00_cpnlReportMain_cphMain_lnkResolveAlerts, #ctl00_cpnlReportMain_cphMain_lnkCheckKPIs {
    font-size: 12px !important; 
    max-width: 100px !important;}
  .col-review-cx h2, .col-review-cx span#ctl00_cpnlReportMain_cphMain_lbReviewsCount{
    font-size: 1.125rem !important;
  }
}

#ctl00_cpnlReportMain_cphMain_lnkCheckKPIs:hover {
  background-color: #FFFFFF;
  border: 1px solid#FF2C55;
  color: #FF2C55;
}

#ctl00_cpnlReportMain_cphMain_lbtnShopTripsExport, #ctl00_cpnlReportMain_cphMain_lbtnCustomerExperienceExport, #ctl00_cpnlReportMain_cphMain_lbtnShopperRecomendationsExport, #ctl00_cpnlReportMain_cphMain_lbtnShopperEffortScoreExport {
  color: #EE2F5D;
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_lnkPopupFilter:after, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_lnkPopupFilter:after, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_lnkPopupFilter:after, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_lnkPopupFilter:after {
  content: "";
  display:inline-block;
  border: 6px solid transparent;
  border-top:7px solid;
  border-bottom:0 none;
  margin-bottom: 1px;
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_teSearch_I, #ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_I, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_I, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_I, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_I {
  font-size: 14px;
  color: rgba(146, 146, 146, 1);
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_lnkPopupFilter{
  color: #FFFFFF;
}

#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories, #ctl00_cpnlReportMain_cphMain_cbBusinessBrands, #ctl00_cpnlReportMain_cphMain_cbBusinessStores, #ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter, #ctl00_cpnlReportMain_cphMain_cbCustExperienceStores, #ctl00_cpnlReportMain_cphMain_cbFltStores {
  border: none !important;
  width: 100%;
}

a#ctl00_cpnlReportMain_cphMain_lnkNoBrands, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories2, a#ctl00_cpnlReportMain_cphMain_lnkNoStores2, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories, a#ctl00_cpnlReportMain_cphMain_lnkNoStores, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessBrands_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessStores_I, input#ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_I, input#ctl00_cpnlReportMain_cphMain_cbFltStores_I {
  color: rgba(214,213,213,1) !important;
  font-size: 14px !important;
  text-align: right !important;
}

input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2_I:hover, #ctl00_cpnlReportMain_cphMain_cbFltStores_I:hover, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories_I:hover, input#ctl00_cpnlReportMain_cphMain_cbBusinessBrands_I:hover, input#ctl00_cpnlReportMain_cphMain_cbBusinessStores_I:hover, input#ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_I:hover {
  color: #EE2F5D!important;
}

#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2 tbody tr td:last-child, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories tbody tr td:last-child, #ctl00_cpnlReportMain_cphMain_cbBusinessBrands tbody tr td:last-child, #ctl00_cpnlReportMain_cphMain_cbBusinessStores tbody tr td:last-child, #ctl00_cpnlReportMain_cphMain_cbCustExperienceStores tbody tr td:last-child, #ctl00_cpnlReportMain_cphMain_cbFltStores tbody tr td:last-child{
  display:none;
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_PWC-1, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_PWC-1, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_PWC-1, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_PWC-1 {
  line-height: 25px;
  font-weight: bold;
  color: #575757;
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover {
  text-decoration: none !important;
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover:after, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover:after , #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover:after, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_PWC-1 .row .col-sm-12 a:hover:after{
  content: " ";
  position: absolute;
  width: 6px;
  height: 14px;
  left: -5px;
  bottom: 7px;
  display: block;
  border: solid #0056B3;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
}

#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_lbPfltSelection, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_lbPfltSelection, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_lbPfltSelection, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_lbPfltSelection {
  color: rgba(185, 189, 194, 1);
}

/*#ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbBusinessStores_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbBusinessBrands_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbFltStores_DDD_PW-1 {
  width: 200px !important;
}

#ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_DDD_L, #ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_DDD_L, #ctl00_cpnlReportMain_cphMain_cbBusinessBrands_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbBusinessBrands_DDD_L, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories_DDD_LLBVSTC, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbBusinessCategories_DDD_L, #ctl00_cpnlReportMain_cphMain_cbBusinessStores_DDD_L, #ctl00_cpnlReportMain_cphMain_cbBusinessStores_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbBusinessStores_DDD_L_LBT, #ctl00_cpnlReportMain_cphMain_cbFltStores_DDD_L {
  width: 100% !important;
}*/

#ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter, .opport-choice .dxeButtonEditSys.dxeButtonEdit {
  width: 115px;
  border: none !important;
}

#dvPfltCustomRange input {
  color: rgba(146, 146, 146, 1);
}

#dvPfltCustomRange .col-md-12.col-sm-12 a {
  background-color: #1988ff !important;
  color: #fff !important;
    padding: 6px 10px;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    line-height: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    font-weight: normal;
}

#dvPfltCustomRange .col-md-12.col-sm-12 a:hover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}

#dvPfltCustomRange .col-md-12.col-sm-12 a::after {
  content: none !important;
}

.dxeCalendar {
  border: none !important; }

.dxeCalendarHeader, .dxeCalendarFooter, .dxeCalendarButton {
  background: none !important;
}

.dxeCalendarButtonPressed, .dxeCalendarFooter button:focus  {
  border: none !important;
  outline: none !important;
}

.dxeCalendarFooter button {
  -webkit-appearance: none;
  appearance: button;
}

.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_dePfltDateFrom_DDD_C_BT, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_dePfltDateTo_DDD_C_BT,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_dePfltDateFrom_DDD_C_BT, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_dePfltDateTo_DDD_C_BT,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_dePfltDateFrom_DDD_C_BT, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_dePfltDateTo_DDD_C_BT,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_dePfltDateFrom_DDD_C_BT, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_dePfltDateTo_DDD_C_BT {
  background-color: #1988ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
}

.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_dePfltDateFrom_DDD_C_BC, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter_pctlSelectFilters_dePfltDateTo_DDD_C_BC,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_dePfltDateFrom_DDD_C_BC, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_pctlSelectFilters_dePfltDateTo_DDD_C_BC,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_dePfltDateFrom_DDD_C_BC, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_pctlSelectFilters_dePfltDateTo_DDD_C_BC,
.dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_dePfltDateFrom_DDD_C_BC, .dxeCalendarFooter button#ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_pctlSelectFilters_dePfltDateTo_DDD_C_BC {
  background-color: #EC5D7F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
}

.dxeCalendarButtonHover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}

#dvPfltCustomRange table.dxeButtonEditSys.dxeButtonEdit, #dvPfltCustomRange td.dxeButton.dxeButtonEditButton, #ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_B-1, #ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_B-1, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_B-1, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_B-1, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_B-1, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_B-1 {
  border: none;
  background: none;
}

#dvPfltCustomRange table.dxeButtonEditSys.dxeButtonEdit {
  width: 95px !important;
}

#dvPfltCustomRange img.dxEditors_edtDropDown, img#ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_B-1Img, img#ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_B-1Img, img#ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_B-1Img, img#ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_B-1Img, img#ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_B-1Img,img#ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_B-1Img {
  background-image: none;
  border: 6px solid transparent;
  border-top: 7px solid;
  border-bottom: 0 none;
  margin-top: 5px;
  color: rgba(146, 146, 146, 1);
  width: 12px;
  height: 7px;
}

/*#ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_DDD_PW-1, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_DDD_L_D {
  width: 200px !important;
}

#ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_DDD_L, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_DDD_L, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_DDD_L, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_DDD_L, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_DDD_L_D, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_DDD_L, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_DDD_L_D {
  width: 100%;
}*/

a#ctl00_cpnlReportMain_cphMain_lnkNoBrands:hover, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories2:hover, a#ctl00_cpnlReportMain_cphMain_lnkNoStores2:hover, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories:hover, a#ctl00_cpnlReportMain_cphMain_lnkNoStores:hover {
  color: rgba(146, 146, 146, 1) !important;
  text-decoration: none !important;
}

.col-seven-days{
  position: relative;
  padding-top: 20px;
}

.col-seven-days::before{
  content: '';
  border-top: 1px solid;
  border-color: rgba(214,213,213,1);
  position: absolute;
  top: 10px;
  left: -27px;
  width: 300px;
}

#dvPfltSelection {
  line-height: 15px;
}

#dvPfltCustomRange {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 695px) {
  .row.row-col-sep .col-sm-12.drop-col {
    flex: 0 0 100% !important;
    max-width: 100% !important; }
  .drop-col.customers a#ctl00_cpnlReportMain_cphMain_lnkAdvFlt_AllCustomers {
    padding: 0; 
    margin-top: 10px;
    margin-bottom: 10px;}
  .drop-col, .drop-col.categories, .drop-col.customers, .drop-col.days, .drop-col.stores,
  input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessBrands_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessStores_I, input#ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2_I {
    text-align: left !important; } }

@media (max-width: 500px) { 
  #ctl00_cpnlReportMain_cphMain_ctlPopupFilter1_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_cbShopperLearnFromInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_I, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_ctlPopupFilter3_lnkPopupFilter, #ctl00_cpnlReportMain_cphMain_cbScoreByStoreFilter_I, #ctl00_cpnlReportMain_cphMain_cbShopTripsInterval_I, #ctl00_cpnlReportMain_cphMain_cbCustomerExperienceInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperRecomendationsInterval_I, #ctl00_cpnlReportMain_cphMain_cbShopperEffortScoreInterval_I,
  a#ctl00_cpnlReportMain_cphMain_lnkNoBrands, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories2, a#ctl00_cpnlReportMain_cphMain_lnkNoStores2, a#ctl00_cpnlReportMain_cphMain_lnkNoCategories, a#ctl00_cpnlReportMain_cphMain_lnkNoStores, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories2_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessCategories_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessBrands_I, input#ctl00_cpnlReportMain_cphMain_cbBusinessStores_I, input#ctl00_cpnlReportMain_cphMain_cbCustExperienceStores_I, input#ctl00_cpnlReportMain_cphMain_cbFltStores_I,
  .drop-col, .drop-col.categories, .drop-col.customers, .drop-col.days, .drop-col.stores {
    font-size: 12px !important; } 
  #ctl00_cpnlReportMain_cphMain_teSearch_I {
  line-height: 13px !important; } 
}

/* Categories - sales*/
.make-relative {
  position: relative; }

.filter-action {
  top: 49px;
  right: 0;
  position: absolute; }

@media (min-width: 992px) {
  .filter-action {
    top: 25px; } }

@media (max-width: 400px) {
  .datefilter-buttons > a {
    font-size: 10px; } }

/* Custom gs*/
textarea#ctl00_cpnlReportMain_cphMain_pctlReviewReply_meReviewReplyBody_I {
  height: 175px !important; }

div#tblRevReplyInfo {
  padding-left: 1.1rem; }

/* button Filters */
.datefilter-buttons > a {
  -webkit-border-radius: 60px;
  border-radius: 60px;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17);
  -moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17);
  box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17); }

.datefilter-buttons > a {
  background: white;
  border-color: #ebedf2;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: .5rem 1rem;
  line-height: 1.25;
  transition: all 0.15s ease-in-out; }

.datefilter-buttons > a:hover,
.datefilter-buttons > a.date-Filter-sel {
  border-color: #ebedf2;
  background-color: #f4f5f8; }

.datefilter-buttons > a:nth-child(1) {
  border-radius: 5px 0 0 5px; }

.datefilter-buttons > a:nth-child(2) {
  border-radius: 0;
  margin-left: -5px; }

.datefilter-buttons > a:nth-child(3) {
  border-radius: 0 5px 5px 0;
  margin-left: -5px; }

.revrev-sortby span {
  position: relative;
  top: -4px; }

.revrev-sortby,
td.revrev-sortby .dxeButtonEditSys {
  display: inline-block; }

.to-right {
  float: right; }

.revrev-sortby.filter-action.to-right {
  position: relative;
  margin-top: 0; }

@media screen and (max-width: 991px) {
  .salesr-table .dxdvContent > table > tbody > tr {
    display: block; }
  .salesr-table .dxdvContent > table > tbody > tr > .dxdvItem {
    width: 100% !important;
    height: initial;
    padding: 10px 0;
    display: inline-block; }
  table.revrow-maintable.top-product {
    border-bottom: 1px solid #999999 !important; } 
    .cx-choice .col-review-cx { max-width: 100% !important; flex: 1;}

  }

.trackDropdown {
  position: relative;
  cursor: pointer;
  margin-right: 15px; }

.trackDropdown a {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.65rem 1.25rem;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
  color: #111;
  background-color: #ffb822;
  border-color: #ffb822; }

.trackDropdown:hover .dropdown-wrapper {
  display: block; }

@media (max-width: 539px) {
  ul.salesra-mainmenu > li {
    margin: 0 5px; }
  ul.salesra-mainmenu > li > a {
    font-size: 12px; }
  ul.salesra-mainmenu > li:nth-child(1),
  ul.salesra-mainmenu > li:nth-child(2),
  ul.salesra-mainmenu > li:nth-child(3),
  ul.salesra-mainmenu > li:nth-child(4) {
    width: auto; }
  .datefilter-buttons > a {
    padding: .5rem 0.5rem; } }

@media (max-width: 991px) {
  ul.salesra-mainmenu {
    display: block; } }

/* CX */

.cx-choice .portlet.equal {
  box-shadow: none;
}

.cx-choice .widget-stats #ctl00_cpnlReportMain_cphMain_lbtnExportData {
  color: #FFFFFF;
  background-color:#EE2F5D;
  width: 160px;
  font-weight: bold;
  line-height: 18px;
  box-sizing: border-box;
}

.cx-choice .widget-stats #ctl00_cpnlReportMain_cphMain_lbtnExportData:hover {
  background-color: rgba(245, 132, 159, 1);
}

.cx-choice ul {
  list-style: none;
}

.cx-choice ul li a {
  color: rgba(146, 146, 146, 1);
  text-decoration: none;
}

.cx-container .row.col-overview .title-date-col {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.title-date-col a#ctl00_cpnlReportMain_cphMain_ctlPopupFilter2_lnkPopupFilter {
  color: rgba(146, 146, 146, 1);
}

.treeview-col {
  margin-left: 20px;
  color: rgba(146, 146, 146, 1);
  font-size: 0.9375rem;
}

#treeview .open > .checkbox-item {
  display: none;
}

#treeview .close-tree > .checkbox-item {
  margin-top: 9px;
  margin-left: 16px;
}

#treeview .close-tree > a {
  color: #EE2F5D;
}

#treeview input[type=checkbox], #treeview input[type=radio]{
  display: none;
  height: 16px;
  width: 16px;
}

#treeview li { 
  padding: 6.5px 0; }

#treeview input[type=checkbox] + .checkbox-item-label,
#treeview input[type=radio] + .checkbox-item-label {
  display: block;
  cursor: pointer;
  padding-left: 22px;
  position: relative;
}

#treeview .checkbox-item-label::before, #treeview .checkbox-item-label::after {
  content: " ";
}

#treeview input[type=checkbox] + .checkbox-item-label:before,
#treeview input[type=radio] + .checkbox-item-label:before {
  content: "";
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  transition: .2s;
  position: absolute;
  left: 0;
  top: 0;
  border:solid 1px #929292;
}

#treeview input[type=checkbox]:hover + .checkbox-item-label:before,
#treeview input[type=radio]:hover + .checkbox-item-label:before{
  background:#ccc;
}

#treeview input[type=checkbox]:checked + .checkbox-item-label:after,
#treeview input[type=radio]:checked + .checkbox-item-label:after {
  position: absolute;
  left: 1px;
  top: 1px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #ee2f5d;
}


#treeview label {display: block; margin: 6.5px 0}

#treeview .open:before {
  content: "";
  display: inline-block;
  border: 6px solid transparent;
  border-top: 7px solid;
  border-bottom: 0 none;
  transform: rotate(-90deg);
  margin-right: 5px;
  margin-bottom: 2px;
}

#treeview .close-tree:before {
  content: "";
  display: inline-block;
  border: 6px solid transparent;
  border-top: 7px solid #EE2F5D;
  border-bottom: 0 none;
  margin-right: 5px;
  margin-bottom: 2px;
}

#ctl00_cpnlReportMain_cphMain_teSearch {
  border: 1px solid #EE2F5D;
  border-radius: 35px;
  padding: 5px 10px;
}

#ctl00_cpnlReportMain_cphMain_teSearch_I {
  font-size: 15px;
  font-family: 'Helvetica', sans-serif;
}

.cx-choice .float-left .d-inline-block:first-child {
  width: 310px;
}

.cx-choice .float-left .d-inline-block.src-btn {
  top: -13px;
  right: 47px;
  background-color: #EE2F5D;
  padding: 6px 12px;
  border-radius: 35px;
}

.cx-choice .float-left .d-inline-block.src-btn img{
  width: 19px;
  height: 22px;
}

.cx-choice .revrev-sortby.float-right span {
  color: #000000;
}

.drop-col input {
  cursor: pointer;
}

@media (max-width: 998px) and (min-width: 992px) {
  .cx-container .row.col-overview {
    max-width: 100%;
    margin: auto;} 
  .cx-choice .graph-row {
    width: 100%; }
  .cx-choice .row.row-col-sep .drop-col.days {
    flex: 0 0 72% !important;
    max-width: 72% !important;}
  .cx-choice .row.row-col-sep .drop-col.stores {
    max-width: 15% !important; } }

@media (min-width: 992px) {
  .portlet.small.cx-choice {
    height: 100% !important; }
  .cx-choice .graph-row {
    width: 92%;
    justify-content: space-between; } 
  .cx-choice .col-sm-12.order-4 {
    flex: 0 0 78%;
    max-width: 80%; } }

@media (max-width: 991px) {  
  .cx-choice .col-sm-12.order-4 {
  flex: 0 0 100%;
  max-width: 100%; } }

@media (min-width: 695px) and (max-width: 991px) { 
  .drop-col.days {
    max-width: 60% !important;
    flex: 0 0 60%; }
  .drop-col.categories {
    max-width: 25% !important;
    flex: 0 0 25%;}
  .drop-col.stores {
    max-width: 15% !important;
    float: 0 0 15%; } }

@media (max-width: 695px) {
  input#ctl00_cpnlReportMain_cphMain_cbFltStores_I {
    text-align: left; } }

@media (min-width: 768px) {
.cx-choice .graph-row .col-md-1 {
  max-width: 22%; }
.graph-col {
  width: 92%;
  justify-content: space-between;}
.cx-choice .col-review-cx{
  max-width: 20%; }
.cx-container .col-md-8 {
  flex: 0 0 100% !important;
  max-width: 100% !important; }
.cx-container .col-md-12 {
  flex: 0 0 100%; 
  max-width: 100%;} }

.customer-table-title .datefilter-buttons {
  float: right; }

@media (max-width: 768px) {
  .customer-table-title .datefilter-buttons {
    float: none;
    text-align: center; } 
    .big-filter-action { margin-left: 0 !important; margin-bottom: 30px;}
  }

@media (max-width: 769px) {
  .customer-table-title.float-right {
    float: none !important;
    text-align: center; }
  a.customerbtnnew.float-left {
    margin-bottom: 20px; }
  div#tblDateFilters {
    float: none; } }

/* cusat*/
@media (min-width: 777px) and (max-width: 991px) {
  .cusat-yourcxover-bignumber {
    font-size: 40px; }
  .cusat-yourcxover-smallnumber {
    font-size: 20px;
    margin-left: 4px; }
  .cusat-yourcxover-reviews {
    font-size: 1rem;
    padding-top: 20px; } }

@media (max-width: 1200px) {
  .cusat-sidebar-propade-main {
    display: flex;
    flex-direction: column; }
  img.cusat-sidebar-detractor-img {
    width: 100%; }
  .cusat-sidebar-propade-left {
    order: 2; }
  .cusat-sidebar-propade-right {
    display: block;
    width: 100%;
    text-align: center;
    order: 1; }
  .cusat-sidebar-propade-circle {
    margin-top: 0;
    margin-bottom: 15px; } }

.cx-score,
.cx-tabs {
  margin: 20px 0; }

@media (max-width: 767px) {
  .cusat-sidebar-detractor {
    display: none; }
  .cusat-sidebar {
    text-align: center; }
  .cusat-sidebar-propade-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -20px; }
  #prdDimensions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .cusat-sidebar-propade-main div {
    display: block; }
  .cusat-sidebar-propade-left {
    order: 2; }
  .cusat-sidebar-propade-right {
    width: auto;
    order: 1; }
  /* Relative reviews */
  table.reviews-table-row {
    display: block; }
  .reviews-table-row > tbody > tr > td {
    max-width: 100%; }
  .cx-tabs.order-2 {
    -ms-flex-order: 3;
    order: 3; }
  .cusat-sidebar.order-3 {
    -ms-flex-order: 2;
    order: 2; }
  .order-1.cx-box {
    order: 2; }
  .cusat-sidebar.order-2 {
    order: 1; }
  .portlet.equall.taby {
    padding: 0; }
  .taby .cusat-emotion-sel::after {
    bottom: 0;
    top: 0; }
  .taby .cusat-emotion:hover:after {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0; }
  .col-2 > div.cusat-emotion-sel {
    background: #fafafa;
    margin: 0px -15px; }
  .dimensions-title {
    text-align: center; } }

@media (max-width: 767px) {
  .portlet.equal.gs-clear {
    display: flex;
    flex-direction: row; }
  .net-promoter,
  .key-metric {
    zoom: 0.6;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .net-promoter {
    padding-right: 20px;
    -webkit-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59); }
  #prdDimensions .dimetrititle {
    font-size: 10px; } }

@media (max-width: 500px) {
  /*.net-promoter,
    .key-metric {
        zoom: 0.5;
    }*/
  .cusat-sidebar-propade-bignum {
    font-size: 18px; }
  .cusat-sidebar-propade-circle {
    width: 80px;
    height: 80px;
    margin-bottom: 0; }
  .cusat-sidebar-propade-bigtext {
    font-size: 5px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap; }
  .cusat-sidebar-propade-text {
    width: 180px; }
  .cusat-sidebar-propade-left {
    width: auto; }
  .cusat-sidebar-propade-num {
    font-size: 10px; }
  .cusat-sidebar-propade-text {
    font-size: 10px;
    text-align: left; }
  .cusat-sidebar-propade-pers {
    font-size: 10px;
    padding-top: 15px; }
  .reviewsupl-name {
    font-size: 6px; } }

@media (max-width: 500px) {
  .col-2.mobile-4 {
    -ms-flex: 0 0 32.666667%;
    flex: 0 0 32.666667%;
    max-width: 32.666667%; }
  img.cusat-emotion-img.cusat-emotion-img-all {
    width: 75px; } }

.single-product-item .cusat-emotion-percent-all a {
  text-align: center;
  font-size: 11px; }

.single-product-item .prodrev-emotion-percent {
  font-size: 17px; }

.single-product-item .cusat-emotion-sel,
.single-product-item .cusat-emotion {
  text-align: center; }

@media (max-width: 991px) {
  .cusat-emotion-percent-all a {
    font-size: 12px; }
  img.cusat-emotion-img.cusat-emotion-img-all {
    width: 60px; }
  img.cusat-emotion-img {
    width: 60px; }
  .cusat-emotion-sel {
    padding: 28px 0; }
  .cusat-emotion {
    padding: 20px 0; }
  .cusat-emotion-percent {
    font-size: 14px; }
  .cusat-emotion-percent2 {
    display: none; } }

/* Relative reviews */
.cusat-sidebar:after {
  display: none; }

.relative-review .dxdvControl td.dxdvCtrl {
  padding: 0; }

table#tblFilters.custsatfilt {
  margin: 20px 0; }

.reviewsupl-cell {
  padding-right: 0;
  width: 50%; }

.npsdivbars {
  padding: 0; }

table.revrow-maintable {
  border-bottom: none; }

div#ctl00_cpnlReportMain_cphMain_cpnlSupplier_pnlView table {
  margin: 0 auto; }

/* reviews-table-row */
.revrow-img,
.revrow-user,
.date-review {
  padding: 10px 0;
  color: #919191; }

.revrow-user {
  position: relative;
  top: 10px;
  left: 10px; }

.reviewsupl-cell {
  max-width: 20%;
  width: 15%; }

.reply-rev {
  width: 17%;
  text-align: center;
  display: inline-block; }

@media (max-width: 767px) {
  .reply-rev {
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%; }
  .reply-quest {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%; } }

@media (max-width: 991px) {
  .reviewsupl-cell {
    max-width: 30%;
    width: 30%;
    margin-right: 15px;
    display: inline-block; }
  .reviews-div .reviewsupl-cell {
    margin-right: 0; } }

@media (min-width: 992px) {
  .reviewsupl-cell.d-inline-block.p-0 {
    margin-right: 17px;
} }


.reviews-div {
  /*padding-bottom: 20px;*/
  margin-left: 130px;
  margin-top: 6px; }

.zevioo-btn,
.nps-rating {
  display: flex;
  float: right;
  justify-content: center;
  text-align: center;
  align-items: center; }

.zevioo-btn a {
  text-decoration: none;
  font-family: 'Helvetica',arial,sans-serif;
  color: #fff;
  padding: 10px 10px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  border-radius: 4px;
  margin-top: 15px; }

.zevioo-btn:nth-child(2) a {
  width: 30px; }

.zevioo-btn:nth-child(3) a {
  width: 85px; }

.zevioo-btn:nth-child(4) a {
  width: 35px; }

input#ctl00_cpnlReportMain_cphMain_cbOrderBy_I {
  color: #01A2FF; }

div#tblFilters {
  position: relative;
  top: 0; }

@media (max-width: 991px) {
  div#tblFilters {
    position: relative;
    top: -10px; } 
    .reviewssearchfil .search input.dxeEditArea { width: 217px !important; }
  }



@media (min-width: 768px) {
  td.revrow-row1-cell1 {
    -webkit-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
    box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59); }
  #ctl00_cpnlReportMain_cphMain_gvMaster_DXMainTable .dxgv {
    padding-top: 20px; }
  .reviews-table-row2-cell2,
  .reviews-table-row1-cell1 {
    padding-left: 20px; } }

a.revrow-row1-cell1-link:hover {
  text-decoration: none; }

@media (max-width: 767px) {
  div #ctl00_cpnlReportMain_cphMain_gvMaster_DXPagerBottom {
    min-width: 0px !important; }
  a.revrow-row1-cell1-link div {
    font-size: 10px; }
  tr.product-row,
  tr.questions-row {
    display: block;
    width: 100%; }
  tr.product-row > td.revrow-row1-cell1,
  tr.questions-row > td.revrow-row1-cell1 {
    display: block;
    margin: 10px auto;
    width: 100%;
    border-bottom: none; }
  td.revrow-row4-cell2 {
    padding-bottom: 15px; }
  a.revrow-row1-cell1-link {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .revrownamer-img,
  .row-star {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .row-star .jq-ry-container {
    zoom: .8; }
  tr.product-row .jq-ry-container,
  tr.questions-row .jq-ry-container {
    margin: auto; }
  .reviews-table-stars .jq-ry-container {
    margin: 0 !important; }
  .revrow-row1-cell2 {
    width: auto; }
  .revrow-row1-cell1-div1 {
    position: relative; } }

/* Preferences */
@media (max-width: 767px) {
  .container {
    max-width: 100% !important; }
  .box-widget-col .widget-col:nth-child(even) {
    text-indent: initial; }
  div#ctl00_cpnlReportMain_cphMain_pctlCustHistory_PW-1 {
    width: 90% !important;
    /* left: 5% !important;  */
  }
  .revrow-row1-cell2 {
    width: 20%; } }

.reply-img {
  width: 80px;
  text-align: center; }

.answer-box {
  text-align: left;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px; }

td#ctl00_cpnlReportMain_cphMain_gvMaster_tccell0_0 {
  border-bottom: none !important; }

.pr-user-age {
  display: none; }

td.prodrev-row4-cell1.buttons-td {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px; }

@media (max-width: 489px) {
  .revrow-row1-cell5-dates {
    padding: 0; }
  .years-old {
    display: none; }
  .resp-width {
    min-width: 0 !important; }
  .revrow-row1-cell5-checkedbuy {
    margin-right: -16px; }
  .pr-user-checkedbuy {
    margin-right: -16px; }
  .pr-user-maindiv {
    display: block !important; }
  .revrow-row3-cell2 {
    padding: 10px 0; }
  .pr-user-more-info {
    margin-right: 20px; }
  .reply-img {
    width: 50px;
    text-align: center; }
  .answer-box {
    padding: 5px;
    font-size: 10px;
    max-width: 100px; } }

@media (max-width: 680px) {
  table#ctl00_cpnlReportMain_cphMain_gvUsers td.dxgv {
    display: block;
    width: 100% !important; }
  table#ctl00_cpnlReportMain_cphMain_gvUsers {
    width: 100% !important; } }

@media (max-width: 491px) {
  td#ctl00_cpnlReportMain_cphMain_gvPrdBoost_col2,
  td#ctl00_cpnlReportMain_cphMain_gvPrdIgnore_col2 {
    display: none !important; }
  td#ctl00_cpnlReportMain_cphMain_gvMaster_col3,
  td.date-cell.dxgv {
    display: none !important; } }

@media (max-width: 530px) {
  .import-btn {
    margin: 15px 0; } }

.export-rev .dxbButton_Material.dxbTSys {
  width: 250px; }

@media (max-width: 550px) {
  .d-inline-block.top-margin {
    margin-top: 20px; }
  .export-rev {
    display: block !important; }
  .export-rev .dxbButton_Material.dxbTSys {
    width: 250px; }
  ul#ulTopBrandsTab > li,
  ul#ulTracking > li {
    margin: 2px;
    width: auto !important; } }

.widget-btn {
  margin: 15px 0; }

@media (min-width: 700px) {
  .my-margin-left {
    margin-left: 60px; }
  .row.my-margin-left {
    margin-left: 20px; } 
  .product-img {
    margin-right: 5px;
  }}

@media (max-width: 788px) {
  .salesmaintable,
  .cx-container,
  .zevgrid {
    width: 100%;
    padding-right: 0;
    padding-left: 0; } }

@media (max-width: 991px) {
  ul#ulTracking,
  ul#ulCustomers,
  ul#ulProducts,
  ul#ulTopBrandsTab,
  ul#ulPRTab {
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  .resp-margin {
    margin-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .portlet.big {
    height: 518px; } }

@media (min-width: 435px) and (max-width: 830px) {
  #dvMainContent {
    margin-top: 110px; } }

.review-history {
  padding: 3px 0; }

.review-history a {
  color: #3D98FB; }

@media (min-width: 991px) {
  .salesr-table .dxdvContent > table > tbody > tr > .dxdvItem {
    border-top: 1px solid #efefef; }
  .salesr-cell5,
  .salesr-cell6,
  td.salesr-cell2,
  .salescust-table .salesr-cell2,
  .salescust-table .salesr-cell5,
  .salesr-table .dxdvContent > table > tbody > tr:first-child > td {
    border-top: none; } }

@media (max-width: 471px) {
  .revrev-sortby.float-right,
  .search.float-left {
    zoom: .7; }
  .p-0.nps-rating {
    margin-left: 10px; }
  .src-btn {
    position: relative;
    top: -10px;
    right: 0px; }
  .src-btn img {
    height: 27px; } 

    
    #ctl00_cpnlReportMain_cphMain_teSearch { padding: 4px !important }
    .revrow-user.float-left { float: none !important }
    .date-review { padding: 0 }
    .cx-choice .float-left .d-inline-block:first-child { width: 220px !important; }
    .zevioo-btn a { margin-right: 2px }
    #tblFilters { zoom: .7; }
    .reviewssearchfil .search input.dxeEditArea { width: 192px !important; }
    .zevioo-single-review .zevioo-single-review-header, .zevioo-single-question .zevioo-single-review-header { padding: 20px 0px !important; }
    .zevioo-single-review .zevioo-single-review-body, .zevioo-single-question .zevioo-single-review-body { padding: 0 !important;}
    ul.salesra-mainmenu > li > a { padding: 0 10px; }
    .zevioo-reviews-list .zevioo-single-review { padding: 5px !important;}

  }

@media (max-width: 500px) {
  .cx-choice .float-left .d-inline-block.src-btn { top: -10px; right: 43px; padding: 4px 10px; }
  .reviewssearchfil .search #search-btn { padding: 4px 10px !important; }
}

@media (min-width:472px) and (max-width: 500px) {
  #tblFilters, .cx-choice .search.float-left .d-inline-block { zoom: .9; }
}

@media (max-width: 430px) {
  .taby .row.m-0 {
    zoom: 0.6;
    text-align: center; }
  .the-age {
    display: none; }
  table#tblFilters {
    zoom: 0.9; } }

.big-filter-action {
  margin-left: 22%;
}

  .reviewssearchfil { display: flex; justify-content: space-between; }
  .reviewssearchfil .revrev-sortby { display: flex; align-items: center; }
  .reviewssearchfil .revrev-sortby span { font-weight: bold; margin-right: 4px; top: 0 }
  .reviewssearchfil .search { position: relative; }
  .reviewssearchfil .search #search-btn { background-color: #EE2F5D; padding: 7px 12px; border-radius: 35px; position: absolute; right: 0; top: 0; }
  .reviewssearchfil .search input.dxeEditArea { width: 262px; }

/*@media (min-width:700px) and (max-width: 991px) {
    .big-filter-action {
        top: -30px;
    }
}*/




@media (max-width: 699px) {
  .portlet-title.customer-table-title.position-relative {
    display: flex;
    flex-direction: column; }
  .portlet-title.customer-table-title.position-relative h2,
  ul#ulPRTab,
  .big-filter-action {
    flex: 100%; }
  ul#ulPRTab {
    order: 3; }
  .big-filter-action {
    order: 2;
    float: none;
    position: unset;
    margin-bottom: 20px;
    margin-top: 10px; } 

    .reviews-div { display: block; }
    .reviews-emotion-rate { display: block; margin-bottom: 15px; }
    .reviews-div { margin-left: 0; }
    .reviews-overallcomm-div { width: 100%; }
    .zevioo-questions { display: block !important; }
    .zevioo-single-question-header.review-col-qstn { flex-flow: wrap !important; flex-direction: column-reverse !important;}
    .zevioo-product-infos, .zevioo-single-question { max-width: 100% !important; flex-basis: 100% !important; }
    .qstn-row-col .zevioo-btn.flag-button, .qstn-row-col .zevioo-btn.reply-button { float: left !important; margin: 0 6px !important; display: inline-block !important; }
    .relative-review .dxgvControl_Material .dxpLite_Material { min-width: auto !important; }
    .zevioo-questions .zevioo-question-date { margin-left: 0 !important; margin-top: 10px; }
    .zevioo-question-title { margin-bottom: 12px !important; }
    .zevioo-single-question-header { padding: 20px 10px !important; }
    .review-col-qstn .zevioo-pull__right { text-align: left !important; margin-left: 0 !important;}
  }

.product-title {
  font-size: 13px !important; 
  color: #929292;
  width: 165px;
}

.product-rating {
  font-size: 18px;
  font-weight: 600;
  padding-right: 5px; }

.product-rating-up {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap; }

.product-img-container {
  min-width: 70px;
  padding: 0 5px;
  text-align: center; }

@media (max-width: 564px) {
  .product-rating {
    font-size: 12px; }
  .product-rating-up {
    font-size: 7px; }
  .total-reviews {
    font-size: 10px; }
  .zevgrid .dxeHyperlink, .zevgrid a.dxeHyperlink:visited,
  a.revrowcall2act {
    line-height: 1;
    width: auto; }
  .product-title {
    font-size: 10px !important; }
  .product-listed {
    font-size: 7px; }
  .product-text {
    font-size: 10px; }
  img.product-icon {
    height: 10px; }
  a.revrow-row1-cell1-link div {
    font-size: 8px; }
  .gorightfloat {
    float: left; }
  .product-img-container {
    padding: 0 10px; }
  .customer-btn {
    display: none; }
  table#ctl00_cpnlReportMain_cphMain_cbOrderBy {
    width: 120px !important; }
  .salesr-cell3 .review-basket,
  .salesr-cell4 .review-euro {
    font-size: 10px; }
  .zevioo-btn:nth-child(4) a {
    width: auto; }
  .zevioo-btn a {
    font-size: 11px; }
  .date-review .review-euro-img {
    height: 14px; }
  .date-review .review-basket-img {
    height: 10px;
    margin-bottom: -6px; }
  .date-review .review-basket {
    margin-right: 3px; }
  .reviewsupl-cell.d-inline-block.p-0 {
    padding-right: 5px !important; }
  .dxdvControl .dxdvPagerShowMoreItemsContainer a {
    font-size: 10px; } }

@media (max-width: 730px) {
  .dxp-num {
    display: none; }
  .dxp-num.dxp-current {
    display: block; } }

@media (max-width: 420px) {
  b.dxp-lead.dxp-summary {
    display: none; }
  input#ctl00_cpnlReportMain_cphMain_ratingURL,
  input#ctl00_cpnlReportMain_cphMain_reviewURL,
  input#ctl00_cpnlReportMain_cphMain_badgeUrlCX,
  input#ctl00_cpnlReportMain_cphMain_badgeUrlPR {
    width: 100% !important; }
  table.revrow-maintable.top-product {
    margin-left: -15px; }
  .dropdown-wrapper {
    width: 300px; } }

.resp-width {
  min-width: 170px; }

.product-text {
  padding-right: 10px; }

.salesr-cell5 > div {
  display: inline-block;
  font-size: 18px; }

/* Single Product */
.product-header {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.product-back {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  /*width: 25px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);*/ }

a.product-back {
  position: relative;
  color: #EE2F5D;
  font-size: 15px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

a.product-back::before {
  content: '';
  position: relative;
  width: 25px;
  height: 25px;
  border: solid #EE2F5D;
  border-width: 0 3px 3px 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  display: inline-block;
  top: 0;
  left: 0;
}

.product-img {
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.product-content {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  font-size: 1.1rem;
  font-weight: 600; }

a.customer-btn {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 25px 0 10px;
  color: #3D98FB; }

.prodrev-revcell .prodrev-maintable {
  border-left: none; }

.pr-rating-str {
  margin-left: 25px;
  margin-top: -5px; }

.pr-rating-str .jq-ry-container {
  zoom: 0.6;
  margin-left: 7px; }

.pr-user-head {
  padding-top: 10px; }

.pr-user-and-stars {
  float: left;
  width: auto; }

.pr-user-avatar {
  display: inline-block; }

.pr-user-avatar img {
  height: 32px; }

.pr-user-name {
  display: inline-block;
  font-weight: 600;
  vertical-align: top;
  padding: 10px 5px 0; }

.pr-user-more-info {
  float: right;
  width: auto; }

.pr-user-checkedbuy {
  background-image: url(/common/imgs/shieldcheck.png);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0px 1px;
  padding: 0px 10px 0px 20px;
  color: #42bd00;
  font-weight: 600;
  font-size: 12px;
  height: 15px; }

.pr-user-dates {
  padding: 0 10px 0 0;
  font-size: 12px;
  font-weight: 300;
  color: #919191; }

.pr-user-basket-img {
  margin: 1px 0 0 0;
  height: 14px; }

.pr-user-basket {
  font-size: 14px;
  font-weight: 600;
  color: #919191; }

.pr-user-euro-img {
  margin: 4px -1px 0 3px;
  height: 11px; }

.pr-user-euro {
  font-size: 14px;
  font-weight: 600;
  color: #919191; }

.pr-user-euro,
.pr-user-euro-img,
.pr-user-basket,
.pr-user-basket-img,
.pr-user-checkedbuy,
.pr-user-dates,
.pr-user-maindiv {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 700px) {
  .product-header {
    flex-direction: column;
    position: relative; }
  a.product-back {
    position: absolute;
    left: 0; }
  .product-content {
    flex: 100%;
    margin: 10px 0;
    max-width: 100%;
    text-align: center;
    font-size: 0.8em; } }

table#ctl00_cpnlReportMain_cphMain_gvMaster_DXMainTable td.dxgv {
  border-bottom: none !important; }

@media (max-width: 400px) {
  .pr-user-head {
    width: 280px; }
  table.reply-table,
  tr.reply-row {
    display: block; }
  td.reply-img,
  td.answer-box {
    display: inline-block; }
  td.answer-box {
    min-width: 195px; } }

/*attributes.aspx */
.add-attribute__table {
  width: 100%;
  margin: 0 auto; }

.add-attribute__table td.dxgv {
  padding: 15px 2px; }

.add-attribute__table .dxeTextBoxSys td.dxic {
  overflow: hidden;
  padding: 7px 8px 6px 7px; }

.add-attribute__table .dxeTextBox {
  overflow: hidden;
  background-color: white;
  border: 1px solid #DCDCDC;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -khtml-border-radius: 2px;
  width: 170px;
  font: 14px "Roboto Regular", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
  border-collapse: separate;
  border-spacing: 0; }

.add-attribute__table .dxeTextBox:focus {
  border: 1px solid #009688; }

.button-attribute {
  text-align: center;
  margin: 25px 0; }

@media (max-width: 600px) {
  .button-attribute {
    display: none; } }

@media (max-width: 500px) {
  .add-attribute__table table tr {
    display: block;
    min-width: 100%; }
  .add-attribute__table table tr td {
    width: 100px !important; }
  .add-attribute__table tr.dxgvInlineEditRow_Material,
  .add-attribute__table tr.dxgvInlineEditRow_Material td {
    display: block;
    min-width: 80%;
    margin: auto; }
  .add-attribute__table .dxeTextBox {
    width: 100% !important; }
  .add-attribute__table input[type="text"].dxeEditArea_Material, input[type="password"].dxeEditArea_Material {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; }
  .add-attribute__table .dxeButtonEdit_Material td {
    display: table-cell !important; } }

@media (max-width: 400px) {
  .dxgvDataRow_Material .dxICheckBox_Material {
    margin: 0; }
  .add-attribute__table {
    margin-left: -15px; }
  .add-attribute__table td.dxgv {
    padding: 15px 2px;
    font-size: 9px; } }

@media (max-width: 768px) {
  .target-cx__table .dxgv {
    padding-top: 15px !important; } }

@media (max-width: 650px) {
  .small-d__overflow {
    overflow-x: auto; } }

@media (min-width: 651px) and (max-width: 992px) {
  .mid-d__overflow {
    overflow-x: auto; } }

.company-img-sup img {
  width: 250px; }

@media (min-width: 1000px) {
  .company-img-sup img {
    width: 100%;
    max-width: 600px; } }

/*dx pop-up reply customer*/
.popup-window {
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  -moz-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08);
  background-color: #ffffff; }

input#ctl00_cpnlReportMain_cphMain_pctlReviewReply_tbReviewReplyTitle_I {
  height: 25px; }

.popup-window .dxpc-content {
  padding: 50px 20px; }

.popup-window .dxpc-headerText {
  font-size: 1.6rem;
  font-weight: 800; }

.popup-window.show-hist span {
  font-size: 1.2rem;
  color: rgba(146, 146, 146, 1);
}

.show-hist .dxpc-content {
  padding: 20px 10px;
}

.show-hist .dxpc-closeBtn {
  width: 20px;
  height: 20px;
}

#ctl00_cpnlReportMain_cphMain_pctlCustHistory_PW-1 {
  left: 0 !important;
  right: 0 !important;
  margin: auto;
}

.popup-window table#tblRevReplyInfo {
  margin-left: 10px; }

/* More Buttons*/
.zevioo-button__delete,
.zevioo-button__cancel,
.zevioo-button__edit,
.zevioo-button__update,
.dxbButton_Material.dxbButtonSys[data-args="[['UpdateEdit'],1]"],
.dxbButton_Material.dxbButtonSys[data-args="[['CancelEdit'],1]"] {
  text-decoration: none !important;
  padding: 10px !important;
  color: #fff !important;
  margin-right: 10px !important;
  min-width: 50px !important;
  border-radius: 5px; }

.zevioo-button__edit,
.zevioo-button__update,
.dxbButton_Material.dxbButtonSys[data-args="[['UpdateEdit'],1]"] {
  background-color: #2BBA96 !important; }

.zevioo-button__delete,
.zevioo-button__cancel,
.dxbButton_Material.dxbButtonSys[data-args="[['CancelEdit'],1]"] {
  background-color: #EC5D7F !important; }

.zevioo-button__gray,
.gray-bg {
  background-color: #929292 !important; }

.dxgvControl_Material a:hover {
  text-decoration: none; }

.zevioo-button__delete:hover,
.zevioo-button__cancel:hover,
.zevioo-button__edit:hover,
.zevioo-button__update:hover,
.dxbButton_Material.dxbButtonSys[data-args="[['UpdateEdit'],1]"]:hover,
.dxbButton_Material.dxbButtonSys[data-args="[['CancelEdit'],1]"]:hover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  text-decoration: none; }

/* Targeted CX */
.TargetCXEntry {
  display: flex;
  flex-direction: row;
  height: 40px; }

.TargetCXEntry .dxeTextBox .dxeEditArea,
.TargetCXEntry_input {
  background-color: #efefef; }

.TargetCXEntry .dxeTextBox {
  background-color: #efefef;
  border: 1px solid #efefef; }

.TargetCXEntry td.dxeNoBorderRight {
  width: 200px !important; }

.TargetCXEntry td.dxeErrorFrame {
  border: 1px solid red; }

.targetCX_input .dxucBrowseButton_Material {
  background-color: #1988ff; }

.targetCX_button {
  margin-left: 10px; }

@media (max-width: 565px) {
  .TargetCXEntry {
    flex-direction: column;
    height: auto; }
  .TargetCXEntry .dxeTextBox .dxeEditArea, .TargetCXEntry_input {
    background-color: transparent; }
  .targetCX_button {
    margin-top: 10px;
    margin-left: 0px; 
  } 

  .show-hist .dxpc-content {
    padding: 15px 0;
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  .product-title {
    font-size: 12px !important; 
    width: 126px;}
  .product-text {
    padding-right: 5px; }
  .total-reviews {
    margin-top: 15px; }
  .product-rating {
    font-size: 16px; }
  .product-rating-up {
    font-size: 11px; } }

@media (min-width: 992px) {
  .container {
    max-width: 997px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

/* codepen */
body#the-body,
.codepen-embed-body {
  border: none !important; }

/* question component*/
.question-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

a.question-product__link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.zevioo-question-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

a.question-product__link {
  display: flex;
  flex-direction: column;
  text-align: center; }

a.question-product__link img {
  height: 50px;
  display: block;
  margin: 0 auto; }

.question-product__name {
  font-size: 12px;
  font-weight: 600;
  height: 52px;
  overflow: hidden; }

.zevioo-loader {
  -webkit-animation: opacity 2s linear infinite;
  /* Safari */
  animation: opacity 2s linear infinite; }

/* Safari */
@-webkit-keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Zevioo Product Reviews*/
.zevioo-product-reviews,
.zevioo-questions {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.zevioo-questions a.revrowcall2act.green-bg {
  margin-left: auto; }

.zevioo-product-infos {
  display: block;
  -ms-flex-preferred-size: 18%;
  flex-basis: 20%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  max-width: 20%;
  min-height: 100px;
  padding-right: 1%;
  webkit-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
  -moz-box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59);
  box-shadow: 10px 0px 19px -20px rgba(0, 0, 0, 0.59); }
  .zevioo-product-infos a.zevioo-product-link {
    width: 100%;
    height: 100%;
    display: block; }
  .zevioo-product-infos img {
    height: 50px;
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .zevioo-product-infos h4 {
    height: auto;
    overflow: hidden;
    color: #01A2FF;
    font-weight: 600;
    font-size: 10px;
    padding-top: 10px; }
  .zevioo-product-infos .zevioo-product-rating .counter {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    color: #ff0d61; }
  .zevioo-product-infos .zevioo-product-rating .counter-reviews {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #555; }

.zevioo-single-review,
.zevioo-single-question {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 80%; }
  .zevioo-single-review .zevioo-single-review-header,
  .zevioo-single-question .zevioo-single-review-header {
    padding: 20px;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .zevioo-single-review .zevioo-single-review-header .zevioo-pull__left,
    .zevioo-single-question .zevioo-single-review-header .zevioo-pull__left {
      margin-left: 0; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__left .zevioo-review-title,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__left .zevioo-review-title {
        font-weight: 800;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        margin-right: 20px;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__left .zevioo-star-ratings,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__left .zevioo-star-ratings {
        margin-left: -5px; }
        .zevioo-single-review .zevioo-single-review-header .zevioo-pull__left .zevioo-star-ratings .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg,
        .zevioo-single-question .zevioo-single-review-header .zevioo-pull__left .zevioo-star-ratings .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
          width: 15px;
          height: 15px; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__left .zevioo-product-rating-title,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__left .zevioo-product-rating-title {
        margin-top: 5px; }
    .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right,
    .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right {
      margin-left: auto;
      margin-bottom: 15px;
      text-align: right;
      color: #666;
      font-weight: 100; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-review-date, .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-review-date,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info {
        font-size: 12px; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-checkedbuy,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-checkedbuy {
        background-image: url(/common/imgs/shieldcheck.png);
        background-repeat: no-repeat;
        background-size: 14px;
        background-position: 0px 1px;
        padding: 0px 10px 0px 20px;
        color: #42bd00;
        font-weight: 600;
        font-size: 12px;
        height: 15px;
        display: inline-block; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-review-date,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-review-date {
        display: inline-block; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .basket-img,
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .euro-img,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .basket-img,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .euro-img {
        vertical-align: top;
        display: inline-block;
        margin: 1px 0 0 0;
        height: 10px;
        vertical-align: inherit; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .basket-info, .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .euro-info,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .basket-info,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-info .zevioo-buyer-basket .euro-info {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        font-weight: 600;
        color: #919191; }
      .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-details .zevioo-buyer-name, .zevioo-single-review .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-details .zevioo-verify-buyer,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-details .zevioo-buyer-name,
      .zevioo-single-question .zevioo-single-review-header .zevioo-pull__right .zevioo-buyer-details .zevioo-verify-buyer {
        display: inline-block; }
  .zevioo-single-review .zevioo-single-review-body,
  .zevioo-single-question .zevioo-single-review-body {
    padding: 0 20px; }
    .zevioo-single-review .zevioo-single-review-body p.zevioo-review-negative, .zevioo-single-review .zevioo-single-review-body p.zevioo-review-positive,
    .zevioo-single-question .zevioo-single-review-body p.zevioo-review-negative,
    .zevioo-single-question .zevioo-single-review-body p.zevioo-review-positive {
      font-weight: 100;
      margin: 5px 0;
      font-size: 16px; }
    .zevioo-single-review .zevioo-single-review-body p .zevioo-negative, .zevioo-single-review .zevioo-single-review-body p .zevioo-positive,
    .zevioo-single-question .zevioo-single-review-body p .zevioo-negative,
    .zevioo-single-question .zevioo-single-review-body p .zevioo-positive {
      display: inline-block;
      font-size: 25px;
      width: 1rem;
      margin-right: 5px; }
    .zevioo-single-review .zevioo-single-review-body .zevioo-container__flex,
    .zevioo-single-question .zevioo-single-review-body .zevioo-container__flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: baseline;
      align-items: baseline;
      -ms-flex-direction: row;
      flex-direction: row; }

td.revrow-row2-cell2 {
  padding-left: 15px; }

.revrow-row3-cell2 {
  padding: 10px 0 10px 15px; }

.zevgrid table td.zevioo-question-td.dxgv:after {
  content: none; }

/* Style Buttons for mobile */
@media screen and (max-width: 550px) {
  .zevioo-questions {
    flex-direction: column; }
  .zevioo-product-infos {
    display: flex;
    flex-basis: 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-left: 20px;
    box-shadow: none;
    padding-right: 0;
    padding-bottom: 5px;
    box-shadow: 0 7px 18px -15px rgba(0, 0, 0, 0.59); }
  .zevioo-single-review, .zevioo-single-question {
    flex-basis: 100%;
    max-width: 100%; }
  .zevioo-product-infos h4 {
    height: auto; }
  .zevioo-product-rating .jq-ry-container {
    margin: auto; }
  .zevioo-questions .zevioo-single-question-body {
    padding: 0; }
  .zevioo-questions .zevioo-question-reply {
    font-size: 10px; }
  .zevioo-questions .zevioo-question-content {
    padding: 5px 10px; }
  span.zevioo-was-helpful {
    font-size: 9px; } }

@media (max-width: 699px) {
  .zevioo-product-infos {
    display: flex;
    flex-basis: 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-left: 20px;
    box-shadow: none;
    padding-right: 0;
    padding-bottom: 5px;
    box-shadow: 0 7px 18px -15px rgba(0, 0, 0, 0.59); }
    #dvPReviews .zevioo-single-review {
      flex-basis: 100%;
      max-width: 100% !important;
    }
}

@media (max-width: 500px) {
  .zevioo-review-title, .zevioo-question-title {
    font-size: 15px !important;
  }
  .treeview-col {
    font-size: 14px;
  }
}

@media (max-width: 599px) {
.zevioo-single-review .zevioo-single-review-body p.zevioo-review-positive, .zevioo-single-review .zevioo-single-review-body p.zevioo-review-negative {
  font-size: 14px !important;
} }

@media (max-width: 998px) and (min-width: 992px) {
  .row.col-overview.qstn-row-col {
    max-width: 100%;
    margin: auto;
  }}

@media (max-width: 991px) {
  .cx-choice .float-left .d-inline-block:first-child {
    width: 245px; }
  #ctl00_cpnlReportMain_cphMain_teSearch_I {
    font-size: 10px;
  line-height: 17px; } 
    .treeview-col {
    padding-bottom: 20px; }
  .cx-choice .col-review-cx {
    border-right: none !important;
    border-bottom: 1px solid;
    margin-bottom: 20px; }
  }

@media (min-width: 768px)  and (max-width: 991px) {
  .qstn-row-col .col-sm-12.order-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}



.zevioo-single-question-header.review-col-qstn{
  flex-flow: nowrap;
  padding-top: 10px;
  padding-bottom: 5px;
}

.review-col-qstn .zevioo-buyer-name {
  color: #919191;
  padding-bottom: 10px;
  font-weight: bold;
}

.review-col-qstn .zevioo-question-date {
  color: #919191;
  padding-bottom: 10px;
  font-size: 12px;
}

.review-col-qstn .zevioo-pull__left  .zevioo-question-title {
  font-size: 15px;
}

.qstn-row-col .relative-review .zevioo-single-question {
  margin-bottom: 0 !important;
}

.cx-choice .gs-clear .call2actionsrow {
  display: flex;
  align-items: flex-end;
}

.zevioo-btn__reply {
  background: #8fda5c;
  text-decoration: none;
  color: #fff !important;
  box-sizing: border-box;
  margin-top: 1px !important;}

.zevioo-btn__reply {
  margin-left: auto; }

.zevioo-btn.flag-button {
  margin-left: auto; 
  position: relative;
}

.zevioo-btn.flag-button a{
  width: 56px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.zevioo-btn_flag {
  background: #FFFFFF;
  text-decoration: none;
  color: #5e5e5e !important;
  border: 1px solid #929292;
  border-radius: 4px !important;
  box-sizing: border-box;
  margin-top: 1px !important; }

.flag-pop-up:after, .flag-pop-up:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.flag-pop-up:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.flag-pop-up:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #929292;
  border-width: 11px;
  margin-left: -11px;
}

.flag-pop-up {
  z-index: 10;
  position: absolute;
  left: -11px;
  bottom: 43px;
  overflow: visible;
  display: none;
  background-color: #FFFFFF;
  border: 1px solid;
  border-radius: 4px;
  padding: 15px 10px 5px;
}
  
.dxgvEditFormDisplayRow_Material td.dxgv, .dxgvDetailCell_Material td.dxgv, .dxgvDataRow_Material td.dxgv, .dxgvDetailRow_Material.dxgvADR td.dxgvAIC {
  padding: 40px 10px 15px !important;
  overflow: visible !important;
}

@media screen and (max-width: 471px) {
.dxgvDataRow_Material td.dxgv {padding: 40px 5px 20px !important;}
}

#dvPReviews .dxgvDataRow_Material td.dxgv { padding-top: 0 !important }
#dvPReviews .zevioo-product-reviews { padding-bottom: 10px; }

@media screen and (max-width: 500px) {
  .revrowcall2act,
  .zevgrid .dxeHyperlink,
  .zevgrid a.dxeHyperlink:visited {
    font-size: 11px;
    white-space: nowrap; } }

@media screen and (max-width: 420px) {
  .zevioo-buyer-info,
  .zevioo-review-date,
  .basket-info,
  .euro-info,
  .zevioo-buyer-name {
    font-size: 10px !important; }
  img.basket-img, img.euro-img {
    height: 9px !important; } }

@media screen and (max-width: 360px) {
  .revrowcall2act,
  .zevgrid .dxeHyperlink,
  .zevgrid a.dxeHyperlink:visited {
    font-size: 8px;
    padding: 10px 5px; } }

.zevioo-product-score-bars {
  display: inline-block; }

.zevioo-action-btns {
  display: flex;
  margin-top: 20px;
  justify-content: flex-end; }

.zevioo-review-date {
  font-weight: 300;
  color: #919191;
  font-size: 11px; }

.zevioo-review-date, .zevioo-buyer-basket {
  display: inline-block; }

.zevioo-review-date {
  margin-right: 10px; }

/*.zevioo-product-reviews:after {
    border-bottom: 1px solid #efefef;
    content: "";
    display: block;
    width: 80%;
    margin: 10px auto;
}*/
.zevioo-review-replies__container {
  margin-top: 15px; }

/* /product-reviews.aspx */
#prdDimensions .zevioo-score-graph {
  width: 115px; }

#prdDimensions .zevioo-product-bar-title p {
  line-height: 12px;
  font-size: 12px; }

#prdDimensions .zevioo-star-value span, #prdDimensions .zevioo-bar-value span {
  font-size: 15px; }

/* Cards using box shadows */
.zevioo-card__1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); }

.zevioo-card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.zevioo-card__3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19); }

.zevioo-card__4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); }

.zevioo-card__5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3); }

.zevioo-is-round {
  border-radius: 50%; }

/*Forms*/
textarea, select, input {
  font-size: 11px;
  font-family: helvetica, Arial; }

/*Header Style*/
#dvHeader .container {
  padding-top: 20px; }

#dvHeader {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  padding: 0;
  background-color: #f8f9fa;
  box-shadow: none;
  z-index: 20 !important; }
  #dvHeader .container {
    position: relative;
    padding-bottom: 2px; }

.zevioo-logo, .topMenu {
  float: left; }

.topMenu {
  width: 700px;
}

.admin-menu {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 0; }

.settings-hide {
  position: relative;
  cursor: pointer;
  margin-right: 15px;
  padding-bottom: 10px;
  float: right; }

.settings-hide .user-settings {
  padding-right: 36px;
  height: 24px;
  color: #5e5e5e;
  font-weight: 700;
}

.dropdown_menu {
  position: relative; }

.dropdown-wrapper {
  display: none;
  position: absolute;
  right: 0;
  top: 4px;
  text-align: left;
  width: 360px;
  border-radius: 6px;
  padding-top: 10px;
  z-index: 9999; }

.dropdown-inner {
  background-color: #fff;
  box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }

.dropdown-inner:after {
  content: "";
  position: absolute;
  top: -20px;
  width: 0;
  height: 0;
  right: 0px;
  border: 15px solid transparent;
  border-bottom-color: #fff; }

.dropdown-header {
  padding: 20px;
  border-radius: 6px 6px 0 0;
  box-shadow: 1px 34px 52px -19px rgba(68, 62, 84, 0.03); }

.dropdown-body {
  padding: 20px; }

.dropdown-content {
  border-radius: 6px; }

.dropdown-nav {
  padding: 0;
  margin: 0;
  list-style: none; }

.dropdown-nav li {
  display: block; }

.nav-link-a {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  outline: none !important;
  vertical-align: middle;
  touch-action: manipulation; }

.nav-link-icon {
  color: #c1bfd0;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  width: 35px;
  font-size: 1.4rem;
  line-height: 0; }

.nav-link-text {
  color: #6f727d;
  font-weight: 400;
  display: table-cell;
  height: 100%;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  font-size: 1rem; }

.nav-seperator {
  margin-left: -20px;
  margin-right: -20px;
  border-bottom: 1px solid #f4f5f8;
  height: 0;
  overflow: hidden;
  margin: 15px 0; }

.logout-btn {
  background: #EC5D7F;
  padding: 0.75rem 2rem;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #ebedf2;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: 5px;
  transition: all 0.15s ease-in-out; }

.dropdown-nav li:hover a {
  text-decoration: none; }

.dropdown-nav li:hover span,
.nav-link-a.active span {
  color: #EE2F5D; }

div#ctl00_cpnlReportMain_cphMain_sbClearList {
  background-color: #EC5D7F; }

.settings-hide span {
  font-size: 1.1rem;
  color: #919191;
  padding: 10px 35px 10px 0px;
  display: block; }

.settings-hide:hover .dropdown-wrapper {
  display: block; }

.topSort {
  padding-right: 15px;
  float: right;
  clear: right;}

.new_drop .dxeButton.dxeButtonEditButton {
  background: transparent;
  border: none; }

.new_drop .dxeButtonEdit {
  border-radius: 5px;
  padding-left: 8px;
  padding-bottom: 2px;
  border: none;
  font-family: helvetica;
  padding: 3px 8px;
  font-size: 16px; }

.fa-cog:before {
  content: '';
  background-image: url(/common/imgs/icons/fa-cog.png);
  width: 29px;
  height: 29px;
  position: absolute;
  right: 0;
  top: -3px;
  background-repeat: no-repeat;
  background-position: center;
}

.navMenu {
  background-color: #EE2F5D;
  border-radius: 35px; 
  height: 40px;
  display: flex;
  align-items: center;
}

.navMenu a {
  color: #ffffff;
  font-size: 1.1rem;
  font-family: Helvetica, sans-serif;
  font-weight: lighter;
  text-align: center;
  padding-bottom: 0px;
  text-decoration: none;
  padding: 10px 10px; 
  width: 140px;
}

.navMenu .menuText {
  position: relative; }

.navMenu .menuText:not(:last-of-type)::after{
  content:'';
  border-right: 1px solid ;
  position: absolute;
  right: 0;
  height: 26px;
  max-height: 57%;
}

.navMenu .menuText:hover:after{
  border-right: none;
}

a.menuTextSel {
  
  font-weight: 600;
  color: #ee2f5d;
  background-color: #ffffff;
  border: 1px solid #9f9f9f;
  border-radius: 35px;
}

.menuTextSel {
  display: flex;
  justify-content: center;
}

/*a.menuTextSel:after {
  content: " ";
  position: absolute;
  bottom: -9px;
  left: -1px;
  right: -1px;
  border-bottom: 5px solid #EE2F5D; }

.menuText:hover:after {
  content: " ";
  position: absolute;
  bottom: -9px;
  left: -1px;
  right: -1px;
  }*/

.menuText:hover {
  background-color: #ffffff;
  color: #ee2d5f;
  border-radius: 35px;
  border: 1px solid #9f9f9f;
}

/* new changes 12/2021 */

.review-eurocx a.show {
  color: #1988ff;
  margin-left: 8px;
}

.review-eurocx a.show:hover {
  color: #1988ff;
}

/* end  */

@media (min-width: 787px) {
  .zevioo-logo, .topMenu {
    display: inline-block; } }

@media (min-width: 992px) {
  .zevioo-logo {
    margin-right: 8%; } }

@media (max-width: 993px) {
  .zevioo-logo {
    margin-right: 1%; } }

@media (max-width: 786px) {
  .zevioo-logo, .topMenu {
    display: block;
    float: none; }
  .topMenu {
    position: relative;
    left: 0;
    margin-top: 10px; }
  .navMenu {
    margin-bottom: 5px; } 
  a.menuTextSel, .navMenu a, .menuText:hover {
    font-size: 0.9375rem;}
  }

@media (max-width: 500px) {
  .admin-menu {
    display: inline-block;
    position: unset; }
  .settings-hide {
    float: none;
    position: absolute;
    top: 20px;
    right: 5px; }
  .dropdown-wrapper {
    width: 300px; }
  .topSort {
    float: none;
    width: 100vw; }
  .new_drop {
    padding: 5px 0; }
  img#ctl00_ctlPageHeader1_cbSuppliers_B-1Img {
    background-image: none; }
  td#ctl00_ctlPageHeader1_cbSuppliers_B-1 {
    background-image: url(/common/imgs/icons/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 25px;
    padding-right: 20px; }
  .navMenu a {
    font-size: 0.8125rem; }
  .portlet-title h2 {
    font-size: 1.1rem; }
  table#ctl00_ctlPageHeader1_cbSuppliers {
    margin: auto;
    border-style: None;
    width: 199px;
    height: 30px;
    border: none;
    border-radius: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } }

@media (max-width: 993px) {
  #dvHeader .container {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  .zevioo-logo {
    margin-right: 1%; } }

@media (min-width: 1027px) {
  .zevioo-logo{ margin-left: -15px;} }

@media (max-width: 460px) {
  .opport-choice table td { font-size: 10px; width: 36px !important; }
  .opport-choice table td:first-child { width: 50px !important; }
  .opport-choice .row.row-col-sep table { margin-right: 0; }
  .opport-choice table td div { padding: 10px 3px !important }
  .opport-choice .row.row-col-sep .col-md-6.col-sm-6 input {
    font-size: 12px !important;}
  .opport-choice .row.row-col-sep .col-md-6.col-sm-6 a {
    font-size: 12px !important;}
  .opport-choice .dxeButtonEditSys.dxeButtonEdit {
    width: 150px !important; }
}

@media (max-width: 446px) {
  a.menuTextSel {
    font-size: 12px !important; }
  .navMenu a {
    font-size: 11px; } 
    .navMenu .menuText:not(:last-of-type)::after { top: 5px;}
    .navMenu a { padding: 10px 9px; }
    
  }

/* menu try */
#dvHeader > .container {
  position: relative;
  padding-bottom: 2px; }

@media (min-width: 992px) {
  .zevioo-logo {
    margin-right: 8%; } }

@media (min-width: 787px) {
  .zevioo-logo, .topMenu {
    display: inline-block; }
  .zevioo-logo { margin-top: 5px; }
  .topMenu {
    width: 700px;
    max-width: 64%;
    margin-bottom: 15px; }
  .admin-menu {
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 0; } }

@media (max-width: 830px) {
  .admin-menu {
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 0; }
  .zevioo-logo, .topMenu {
    display: block;
    float: none; }
  #dvHeader {
    text-align: left; }
  .topMenu {
    max-width: 100%;
    position: relative;
    left: 0;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto; }
  .topSort {
    clear: none !important;} }

@media (max-width: 500px) {
  .admin-menu {
    display: inline-block;
    position: unset; }
  .topSort {
    float: none;
    width: 100vw; }
  .new_drop {
    padding: 5px 0; }
  img#ctl00_ctlPageHeader1_cbSuppliers_B-100Img {
    display: none; }
  .settings-hide {
    float: none;
    position: absolute;
    top: 20px;
    right: 5px; }
  .topSort table#ctl00_ctlPageHeader1_cbSuppliers {
    margin: auto; }
  #dvMainContent {
    margin-top: 130px; }
  td#ctl00_ctlPageHeader1_cbSuppliers_B-1 {
    background-image: url(/common/imgs/icons/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 25px;
    padding-right: 20px; }
  img#ctl00_ctlPageHeader1_cbSuppliers_B-1Img {
    background-image: none; }
  table#ctl00_ctlPageHeader1_cbSuppliers {
    border-style: None;
    width: 199px;
    height: 30px;
    border: none;
    border-radius: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .dropdown-header {
    display: none; } }

@media (max-width: 767px) {
  .widget.text-center {
    zoom: 1.3; } }

.dxgvControl_Material a,
.dropdown.recipients a {
  color: #3D98FB; }

.card-user-text {
  color: #ee2f5d;
  font-size: 1.2rem;
  font-weight: bold; }