@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.loginBoxLayout {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; }

.loginTopContent {
  display: flex;
  padding: 40px; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 256px;
  padding-right: 0em; }

.textfield-login {
  top: 20px;
  width: 256px;
  margin-left: 118px; }

.login-block-info {
  color: #01337d;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 28px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.letsGet {
  line-height: 1.07;
  font-style: normal;
  font-stretch: normal;
  font-size: 60px;
  letter-spacing: normal;
  color: #ffffff;
  font-family: Chivo-Bold; }

.needInfo {
  font-family: Chivo-Regular;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff; }

.container-login {
  display: flex;
  justify-content: center; }

.login-box {
  width: 1000px;
  z-index: 1;
  height: 420px;
  background: #ffffff;
  display: -webkit-flex;
  flex-direction: row-reverse;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em; }

/*==================================================================
[ login more ]*/
.loginBgImage {
  width: 96%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  height: 420px;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em; }

/*[ Form Styles]*/
.login-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 101px; }

#loginLeftBlock {
  display: block; }

#loginBtnBlock {
  border-radius: 2em;
  position: absolute;
  margin-top: 195px;
  margin-left: -55px; }

@media (min-width: 320px) and (max-width: 414px) {
  #loginLeftBlock {
    display: none; }
  #loginBtnBlock {
    border-radius: 2em;
    position: absolute;
    margin-top: 195px;
    margin-left: -44px; }
  .loginTopContent {
    justify-content: center; }
  .forgot {
    color: #ff656c !important;
    font-family: Chivo-Regular;
    font-size: 12px !important;
    text-decoration: underline !important;
    font-weight: normal;
    display: flex;
    justify-content: center; }
  .login-box {
    width: 949px;
    height: 378px;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row-reverse;
    z-index: 1;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em; }
  .login-block-info {
    color: #01337d;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    bottom: 40px;
    left: 25px;
    line-height: normal;
    letter-spacing: normal; } }

.login-left-box {
  width: 115%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1; }

.login-left-image-box {
  z-index: 33;
  left: 24px;
  position: absolute;
  bottom: 47px;
  color: #ffffff; }

@media (min-width: 650px) {
  .loginBoxLayout {
    background-position: center center; }
  .loginTopContent {
    align-items: flex-end; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .login-form {
    display: flex;
    justify-content: center; }
  .login-block-info {
    color: #003353;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    bottom: 40px; } }

@media (min-width: 768px) and (max-width: 3440px) {
  .loginContentContainer {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

.logout-loading-style1 {
  justify-content: center;
  display: flex;
  color: #000000;
  font-weight: bolder;
  border-radius: 15px; }

.logout-loading-style2 {
  padding: 4px;
  padding-right: 8px;
  font-size: 30px;
  color: #ffffff; }

.login-btn-loading-style {
  color: #637280; }

.pixlogin {
  background-color: #0e90e1;
  overflow: auto; }

.modal-open .pixlogin {
  overflow: hidden; }

.features-section > ul {
  padding-left: 25px; }

.features-section > ul > li {
  margin-bottom: 30px; }

.pixlogin .pixContainer {
  width: 1251px;
  height: 665px;
  min-height: 500px;
  background: #ffffff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);
  margin: 30px auto; }

.pixlogin .emailid-placeholder,
.pixlogin .password-placeholder {
  background: #ffffff;
  border-radius: 0px !important;
  padding-left: "12px";
  padding-bottom: "3px"; }

.pixlogin .login-text {
  font-weight: 400;
  font-size: 12px;
  color: #181717; }

.pixlogin .pix-Description {
  padding: 0px;
  height: 100%; }

.pixlogin .project-title {
  font-family: Chivo-Italic;
  height: 170px;
  font-weight: 900;
  font-size: 143.033px;
  line-height: 170px;
  color: #ffffff;
  mix-blend-mode: normal;
  opacity: 0.05;
  text-indent: 220px;
  letter-spacing: 10px;
  text-transform: uppercase; }

.pixlogin .store-image {
  width: auto;
  height: auto;
  margin: 0px auto; }

.pixlogin .store-image > img {
  width: 347px;
  height: 285px; }

.pixlogin .Content-holder section {
  color: #ffffff; }

.pixlogin .login-header {
  font-weight: 900;
  font-size: 143.033px;
  line-height: 170px;
  mix-blend-mode: normal;
  opacity: 0.05;
  font-family: Chivo-Bold;
  text-indent: 180px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic; }

.pixlogin .content-text {
  word-break: break-all; }

.pixlogin .content-section {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 400; }

.pixlogin .section-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  font-family: Chivo-Bold; }

.pixlogin .about-section-content {
  margin-bottom: 40px;
  color: white; }

.pixlogin .login-svg {
  width: 100%;
  height: 100%; }

.pixlogin .pixloginForm {
  height: 100%; }

.pixlogin .logoSection {
  margin-top: 133px;
  margin-left: 75px; }

.pixlogin .logo-style {
  width: 145px; }

.pixlogin .login-form {
  margin-top: 52px; }

.pixlogin #new-login-btn {
  color: #ffffff;
  width: 120px;
  height: 32px;
  background: #0e90e1 !important;
  border-radius: 0px !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-left: -5px;
  margin-top: 18px; }

.pixlogin .forgot {
  margin-left: -5px;
  font-weight: 900;
  font-size: 12px;
  color: #000000; }

.pixlogin .emailid-field,
.pixlogin .password-field {
  border-radius: 0px !important;
  padding-left: 10px;
  padding-bottom: 3px; }

.pixlogin .login-page-constant {
  display: contents; }

.pixlogin .textbox-padding {
  padding-top: 1.5em; }

.pixlogin .inputGroup-Prepend1 {
  position: absolute;
  margin-top: 13px;
  margin-left: 200px;
  z-index: 5; }

.pixlogin .inputGroup-Prepend2 {
  position: absolute;
  margin-top: 13px;
  margin-left: 250px;
  z-index: 5; }

/**************Pimerce Blue Theme***************/

.execution-module-footer, .authentication-module-footer {
  position: fixed;
  left: 0;
  bottom: -2px;
  width: 100%;
  color: #2d363f;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  font-family: Chivo-Regular;
  z-index: -1; }

.authentication-module-footer {
  background-color: transparent;
  color: #ffffff;
  opacity: 0.5;
  bottom: 0 !important;
  z-index: 1; }

/**************Pimerce Blue Theme***************/

.modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 1rem 2rem 1rem 1rem;
  background-color: white; }

.modal-header-without-title {
  border-bottom: none;
  padding: 0rem 2rem 0rem 1rem;
  position: absolute;
  top: 2px;
  z-index: 5;
  right: 0;
  background-color: white; }

.modal-header .close {
  font-size: 28px;
  font-weight: bold;
  line-height: 2;
  color: #000;
  display: contents; }

.modal-title {
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  width: -webkit-fill-available; }

.modal-body {
  padding: 0px; }

.modal-content {
  border-radius: 0px; }

.modal-footer {
  border: none;
  display: flex;
  justify-content: flex-start;
  height: 90px; }

.hide-modal-footer {
  display: none; }

.modalButton, .submitBtn, .submitBtnDisbled, .cancelBtn {
  width: 105px;
  height: 32px;
  color: #0e90e1;
  font-family: Chivo-Medium;
  font-size: 12px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  padding: 1px 11px 1px 11px;
  border-radius: 19.5px;
  line-height: 2.14; }

.submitBtn, .submitBtnDisbled {
  background-color: #0e90e1 !important;
  color: #FFF !important;
  border: solid 1px #c2d5e5; }

.submitBtnDisbled {
  cursor: no-drop; }

.submitBtnDisbled.btn.btn-primary:hover {
  cursor: no-drop; }

button.submitBtnDisbled.btn.btn-primary {
  background-color: #e3f3ff;
  color: #0e90e1;
  cursor: no-drop; }

button.submitBtnDisbled.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #0e90e1; }

button.btn.submitBtn, button.btn.submitBtnDisbled {
  border-radius: 0px !important; }

button.submitBtn.btn.btn-primary:hover, button.btn.btn-primary.submitBtnDisbled:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #0e90e1; }

.cancelBtn {
  border: solid 1px #c2d5e5;
  background-color: #0e90e1;
  color: #FFF; }

button.btn.cancelBtn {
  border-radius: 0px !important; }

button.cancelBtn.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #0e90e1; }

.modalDropdown, input.modalInputBox, input.modalInputBoxPromotion, input.modalInputBox:disabled, input.preferredEmailInputBox, .errorBox {
  width: 259px;
  height: 38px;
  border: solid 1px #bbbbbb;
  font-size: 14px;
  font-family: Chivo-Regular;
  line-height: 1.43;
  color: #3a3b3f;
  margin: 6px 90px 25px 1px;
  box-shadow: none; }

.exportText {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 8px 0px 9px 42px;
  margin-bottom: 34px;
  margin-left: -16px; }

input.modalInputBox {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 89% !important; }

input.modalInputBoxPromotion {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 97% !important;
  margin-bottom: 5px; }

input.modalInputBoxPromotion:focus {
  border: solid 1px #bbbbbb; }

input.modalInputBox:disabled {
  padding: 12px;
  color: #000000;
  background-color: #dddddd;
  width: 89% !important; }

.label-info {
  display: inline-block;
  background-color: #636c72;
  padding: 0 .4em .15em;
  border-radius: .25rem;
  margin-bottom: 0.4em;
  text-transform: lowercase; }

.modal-inputbox-email {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out; }
  .modal-inputbox-email.has-focus {
    background-color: #ffffff;
    border-color: #5cb3fd; }

.inner-input {
  border: none;
  font-size: 13px;
  font-family: 'Chivo-Regular';
  width: inherit; }

.modal-inputbox-email {
  margin-top: 6px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 4.5px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  max-width: 100%;
  line-height: 25px;
  cursor: text; }

.modal-inputbox-email .label-info {
  display: inline-block;
  background-color: #0e90e1;
  padding: 0 0.4em 0.15em;
  border-radius: 0.25rem;
  margin-bottom: 0.4em; }

.modal-inputbox-email .tag {
  margin-right: 2px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

input.modalInputBox:focus {
  border: solid 1px #bbbbbb; }

.remove-email-input {
  padding-left: 12px;
  cursor: pointer; }

.error-Message-Icon {
  padding-bottom: 3px; }

input.preferredEmailInputBox, .errorBox {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 71% !important; }

.errorBox {
  margin-bottom: 0px;
  border: 1px solid #ff000c;
  width: 89% !important; }

.errorBoxDatePicker .dateRangePickerContainer {
  justify-content: center;
  background: #ffffff;
  margin-top: 10px !important;
  width: 280px;
  height: 40px;
  border: solid 1px #e9eff4;
  background-color: #ffffff; }

.errorBoxDatePicker .dateRangePickerContainerClose {
  justify-content: center;
  background: #ffffff;
  margin-top: 10px !important;
  width: 280px;
  height: 40px;
  border: solid 1px #e9eff4;
  background-color: #ffffff; }

.errorMessage {
  height: 11px;
  width: 320px;
  font-size: 10px;
  color: #ff000c;
  padding-top: 5px; }

.limitErrorMessage {
  height: 11px;
  width: 320px;
  font-size: 10px;
  color: #ff000c;
  padding-top: 5px;
  margin-top: -11px; }

.notifytext {
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 0px 0px 25px 67px; }

.noteIcon {
  padding: 0px 7px 0px 7px; }

.submit-button {
  right: 50px;
  top: -20px;
  display: flex !important;
  padding-bottom: 25px;
  padding-top: 8px; }

.promotion-submit-button {
  padding-bottom: 25px;
  padding-top: 0px;
  padding-left: 55px; }

.submit-button-disabled-dashboard {
  padding-bottom: 25px;
  padding-top: 8px;
  cursor: no-drop;
  right: 50px;
  display: flex;
  justify-content: flex-end; }

.submit-button-disabled {
  padding-bottom: 25px;
  padding-top: 8px;
  cursor: no-drop;
  right: 50px;
  top: 110px;
  display: flex; }

.promotion-submit-button-disabled {
  right: 50px;
  top: -20px;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 25px;
  padding-top: 0px;
  padding-left: 55px;
  cursor: no-drop; }

.modalLine {
  margin: 42px 60px 11px 60px; }

.modalTitleStyles {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 0px 0px 9px 25px;
  margin-top: -49px;
  margin-bottom: 11px;
  margin-left: 29px;
  position: absolute; }

.export-selected-supercategory {
  margin-bottom: 19px;
  padding: 0px 0px 9px 53px; }

.modalText {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 57px;
  padding-bottom: 25px;
  padding-right: 0;
  margin-left: -21px; }

.email-notifytext {
  font-size: 9px;
  text-transform: none; }

.preferred-email-modal-text {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 68px;
  padding-bottom: 25px;
  padding-right: 0;
  padding-left: 0px; }

@media (min-width: 300px) and (max-width: 1200px) {
  .modalText {
    font-family: Chivo-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    padding-left: 78px;
    margin-left: -12px; } }

@media (min-width: 300px) and (max-width: 991px) {
  .modalText {
    font-family: Chivo-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    padding-left: 78px;
    margin-left: -23px; } }

.preferredEmail {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.mandatorySymbol {
  color: #fa042d; }

@media (min-width: 300px) and (max-width: 350px) {
  .modalDropdown, input.modalInputBox, input.modalInputBoxPromotion, input.modalInputBox:disabled, input.preferredEmailInputBox, .errorBox {
    width: 200px; } }

.body-title {
  padding: 11px; }

.body-sku {
  padding: 11px;
  pointer-events: none;
  word-break: break-word; }

.modal-promotionHeading {
  padding-left: 21em; }

@media only screen and (max-width: 1199px) {
  .modal-promotionHeading {
    padding-left: 14em; } }

@media only screen and (max-width: 991px) {
  .modal-promotionHeading {
    padding-left: 7em; } }

.dropDiv1 .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 8%;
  top: 52%;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 2px; }

.dropDiv2 .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 8%;
  top: 52%;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 2px; }

.dateRangePickerContainer .dropdown-toggle::after {
  content: '';
  width: 7px !important;
  height: 7px !important;
  position: absolute;
  top: 60% !important;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(135deg) !important;
  display: inline-block;
  padding: 2px; }

.dateRangePickerContainerClose .dropdown-toggle::after {
  content: '';
  width: 7px !important;
  height: 7px !important;
  position: absolute;
  top: 70% !important;
  right: -14% !important;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(-44deg) !important;
  display: inline-block;
  padding: 2px; }

.picky__input::after {
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  right: 8% !important;
  top: 52% !important;
  margin-top: -3px !important;
  border: solid #000000 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  display: inline-block !important;
  padding: 2px !important; }

button:focus {
  outline: none !important; }

.exportLabels {
  height: 16px;
  font-family: Chivo-Regular;
  font-size: 14px;
  letter-spacing: -0.04px;
  color: #3a3b3f;
  padding-top: 14px;
  padding-bottom: 75px; }

button.exportSubmitBtn.btn.btn-primary {
  border-radius: 2px !important; }

.exportInput[type='button'] {
  height: 45px !important;
  border-radius: 4px 0px 0px 4px !important;
  border: solid 1px #e9eff4;
  border-right-width: 0px !important;
  background-color: #ffffff;
  width: 280px; }

#otherInputs {
  width: 235px !important; }

#dateInputs {
  width: 89px !important; }

.exportdropdown {
  width: 45px;
  height: 45px;
  border-radius: 0px 4px 4px 0px;
  border: solid 1px #e9eff4;
  background-color: rgba(244, 247, 249, 0.4); }

.modalDateError .dateRangePickerContainer {
  max-width: 280px;
  min-width: 280px;
  border-radius: 4px;
  border: solid 1px #ff000c;
  background-color: #ffffff; }

.modalDateError .dateRangePickerContainerClose {
  max-width: 280px;
  min-width: 280px;
  border-radius: 4px;
  border: solid 1px #ff000c;
  background-color: #ffffff; }

.modalDateError .dateRangePickerContainer input.inputfontstyle.form-control {
  border-right: 1px solid #ff000c !important; }

.modalDateError .dateRangePickerContainerClose input.inputfontstyle.form-control {
  border-right: 1px solid #ff000c !important; }

.exportModalBtnContainer .btn.btn-primary {
  border-color: transparent; }

.modalMandatoryField {
  font-family: Chivo-Regular;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  display: flex;
  justify-content: center;
  padding-top: 6px; }

.mandatoryFieldBackground {
  height: 30px;
  background-color: #ffbfc2; }

.exportModalBody {
  padding-left: 0px;
  padding-right: 0px; }

.dateRangePickerContainer input.inputfontstyle.form-control,
.dateRangePickerContainerClose input.inputfontstyle.form-control {
  text-align: left;
  width: 208px; }

.dateRangePickerContainer input.inputfontstyle.form-control:focus,
.dateRangePickerContainerClose input.inputfontstyle.form-control:focus {
  box-shadow: none; }

.selectedDate.input-group.input-group-md {
  width: 109px; }

input.inputfontstyle.form-control {
  margin: -3px;
  margin-top: 14px; }

.toastModalTitleClass {
  padding-top: 0px; }

.toastModalHeaderClass {
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0px; }

.toastModalBodyClass {
  padding: 16px 19px; }

.exportDateRange {
  font-size: 10px;
  margin-top: 53px;
  cursor: default;
  color: #0e90e1; }

.toastImg {
  width: 12px;
  height: 12px;
  margin: 1px 10px 4px 2px;
  object-fit: contain; }

.modalLoading-forLogout1 {
  justify-content: center;
  display: flex;
  color: #000000;
  font-weight: bolder;
  border-radius: 15px; }

.modalLoading-forLogout2 {
  width: 50px;
  margin-top: -20px; }

.legend-text-style {
  color: #FF0004;
  font-weight: 200;
  font-size: 14px;
  padding-left: 83px; }

.date-container {
  margin-top: 5px;
  margin-bottom: 2px;
  margin-left: 33px; }

.date-excel {
  margin-top: 10px;
  margin-left: 2px; }

.excel-date {
  margin-left: 5px; }

.excel-powersku {
  margin-left: 50px; }

.p-checkbox .p-component .checkbox-power {
  width: 25px;
  height: 19px; }

.checkbox-power .p-checkbox-box {
  background: #003353;
  border-radius: 0px; }

.checkbox-power .p-checkbox-icon.p-c.pi.pi-check {
  color: whitesmoke; }

.checkbox-power .p-checkbox-box.p-highlight {
  border: none; }

.checkbox-power .p-checkbox-box {
  border: none; }

.checkbox-power .p-checkbox-box.p-highlight.p-focus {
  box-shadow: none; }

.checkbox-power .p-checkbox-box.p-focus {
  box-shadow: none; }

.checkbox-power .p-highlight {
  color: #000 !important;
  background: black !important; }

.excel-date .gridDayPickerdropdown {
  margin-left: 0px;
  margin-top: 18px; }

.excel-date .DayPicker-wrapper {
  width: 310px; }

.excel-powersku-checkbox {
  display: inline-flex;
  align-content: center;
  flex-wrap: wrap-reverse; }

.p-checkbox .p-component .checkbox-power {
  width: 19px;
  height: 19px; }

@media only screen and (max-width: 1199px) {
  .excel-powersku-checkbox {
    margin-left: 65px;
    margin-top: 10px; } }

.container-modal .modal-xl {
  display: flex;
  align-content: center;
  justify-content: center; }

.modal-dialog.modal-xl.modal-dialog-centered .modal-content {
  max-width: 750px;
  margin-left: 144px; }

.preferred-email-modal-text {
  padding-bottom: 0px; }

.p-inputtext {
  border-radius: 0px !important; }

label[for="attrName"] {
  margin-left: -8px; }

label[for="attrDesc"] {
  margin-left: -8px; }

.modalText {
  padding-bottom: 0px; }

.preferred-email-modal-text {
  padding-bottom: 0px; }

.export-filter-date-label-style {
  color: #637280; }

/**************Pimerce Blue Theme***************/

.features-section {
  margin-top: 125px;
  font-size: 18px; }

.section-name, .section-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  font-family: Chivo-Bold; }

.section-query {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  font-family: Chivo-Bold;
  margin-top: 75px; }

.about-section-copyright {
  margin-top: 21px;
  font-family: 'Chivo';
  font-size: 16px; }

/**************Pimerce Blue Theme***************/

.sidebarMenu {
  padding: 10px; }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px; }

.sidenav a:hover {
  color: #f1f1f1; }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px; }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 18px; } }

/*/////////////////////////////*/
/* Common Styles - Responsive */
/*///////////////////////////*/
.background {
  width: 100%;
  height: 100%;
  position: absolute; }

.navbarTopContainer {
  display: flex;
  margin-top: 1em; }

.topRightNavContainer {
  position: relative;
  left: 1em; }

.logoContainerBlock {
  display: flex;
  position: relative;
  left: 2em;
  top: 13px; }

.login-signup {
  height: 24px;
  width: 134px;
  color: #00aeef;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 24px; }

.navRightContainer {
  top: 2em;
  position: relative; }

#btnBlockContainer {
  border-color: #082056;
  font-size: 12px;
  color: #181717;
  font-family: Chivo-Regular;
  padding: 1px; }

#btnBlockContainer:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important; }

.navLogoContainer {
  width: 116px; }

.pageHeadingContainer {
  color: #ffffff;
  font-family: Chivo-Bold;
  font-size: 24px;
  letter-spacing: 0.4px;
  line-height: 28px; }

.welcomeUserContainer {
  color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 16px; }

#welcomeUserBlock {
  display: none; }

.cardBlockContainer {
  margin-top: 15px;
  margin-left: 39px;
  margin-right: -22px; }

.imageAlign {
  padding-top: 70px; }

.qrCodeImageAlign {
  width: -webkit-fill-available;
  position: relative;
  right: 19.5px;
  bottom: 60px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }

.fontStyleBold {
  position: relative;
  top: 11px;
  margin-top: 2px !important;
  color: #af210c;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  text-align: end; }

#dropDownMenuBlock:hover {
  color: #ffffff;
  font-family: Chivo-Regular;
  background-color: #082056; }

/*/////////////////////////////*/
/* Common Form Field Styles  */
/*///////////////////////////*/
#fieldContainer::placeholder {
  height: 14px;
  color: #999999;
  font-family: Chivo-Regular;
  font-size: 12px !important;
  line-height: 14px; }

#formGroupBlock {
  position: relative;
  bottom: -3px; }

#formGroupBlock .form-control {
  text-align: left !important;
  font-style: italic;
  opacity: 0.5;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-color: #c2d5e5; }

@media screen and (max-width: 900px) {
  #formGroupBlock {
    position: relative;
    bottom: 37px; } }

.fieldLabelBlock {
  height: 24px;
  width: 78px;
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 24px; }

#fieldIconBlock {
  box-sizing: border-box;
  height: 42px;
  width: 46px;
  border-radius: 0em;
  border: 1px solid #bdbdbd;
  background-color: #F9F9F9;
  justify-content: center; }

.fieldIcon {
  box-sizing: border-box;
  height: 15px;
  width: 25px; }

#fieldContainer {
  border-radius: 0em;
  box-sizing: border-box;
  height: 42px;
  font-size: 12px;
  background-color: #ffffff; }

/*/////////////////*/
/* QR Code Styles */
/*////////////////*/
.qrBlockContainer {
  display: flex;
  position: relative;
  bottom: 12em;
  justify-content: center;
  flex-flow: row-reverse; }

.card-img-top {
  width: 100%;
  height: fit-content;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.qrCardContainer {
  margin-top: 5em;
  height: 360px;
  width: 372px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); }

/*////////////////////////////*/
/* Document Encryption Styles */
/*////////////////////////////*/
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }

.custom-file-upload {
  width: 196px;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  display: inline-block;
  padding: 6px 12px;
  color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px; }

.upload-btn-wrapper input[type='file'] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

/*/////////////////////*/
/* Info Content styles */
/*/////////////////////*/
.headingInfo {
  display: flex;
  justify-content: center;
  margin-top: 3em;
  color: #292929;
  font-family: Chivo-Bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center; }

.successInfoHeading {
  display: flex;
  justify-content: center;
  color: #292929;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5em; }

.successInfo {
  display: flex;
  justify-content: center;
  color: #292929;
  font-family: Chivo-Regular;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  margin-top: 2em; }

/*/////////////////////*/
/* Media Query Styles /*/
/*/////////////////////*/
@media (min-width: 320px) and (max-width: 375px) {
  .topRightNavContainer {
    position: relative;
    left: -26px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .columnSwap {
    flex-direction: column-reverse; }
  .logoContainerBlock {
    display: flex;
    position: relative;
    left: 1em;
    top: 1em; }
  .navRightContainer {
    position: relative;
    top: 2em;
    padding: 1em; }
  .navLogoContainer {
    width: 90px; }
  .pageHeadingContainer {
    color: #ffffff;
    font-family: Chivo-Bold;
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 28px; }
  .welcomeUserContainer {
    display: none;
    color: #ffffff;
    font-family: Chivo-Regular;
    font-size: 14px;
    line-height: 16px; }
  #welcomeUserBlock {
    display: block; }
  .cardBlockContainer {
    margin-top: -0.5em;
    margin-left: 5px;
    position: relative;
    bottom: 1em; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px;
    font-size: 12px;
    font-style: italic !important;
    text-align: left !important;
    width: 200px; }
  .imageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCodeImageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCardContainer {
    position: relative;
    bottom: 1em;
    margin-top: 5em;
    height: 360px;
    width: 372px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); } }

@media (min-width: 768px) and (max-width: 991px) {
  .columnSwap {
    flex-direction: column-reverse; }
  .imageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCodeImageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px;
    font-size: 12px; }
  .logoContainerBlock {
    display: flex;
    position: relative;
    left: 1em;
    top: 1em; }
  .qrCardContainer {
    position: relative;
    bottom: 1em;
    margin-top: 5em;
    height: 360px;
    width: 372px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); } }

@media (min-width: 1024px) and (max-width: 1260px) {
  .logoImageContainer {
    width: auto; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px; } }

@media (min-width: 1600px) and (max-width: 1799px) {
  .cardBlockContainer {
    margin-top: 15px;
    margin-left: 16px;
    margin-right: 4px; } }

@media (min-width: 1800px) and (max-width: 1920px) {
  .cardBlockContainer {
    margin-top: 15px;
    margin-left: -7px;
    margin-right: 25px; } }

.userField {
  text-transform: capitalize; }

.forgot {
  color: #637280 !important;
  font-family: Chivo-Regular;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-align: center;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 9px !important; }

a.forgot:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem transparent; }

.forgot:hover {
  color: #0e90e1 !important;
  text-decoration: underline !important; }

/* new styles */
.container {
  padding: 0px;
  padding-left: 86px;
  padding-right: 25px;
  width: 100%; }

.background {
  width: 100%;
  height: 100%;
  position: absolute; }

.login-container {
  margin-top: 3%;
  margin-bottom: 3%; }

.login-form-2 {
  padding: 66px;
  background: #ffffff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); }

.login-form-2 h3 {
  text-align: center;
  color: #ffffff; }

.login-container form {
  padding: 10%; }

.btnSubmit {
  width: 37%;
  background: #1e058b;
  color: #ffffff;
  border-radius: 2rem;
  padding: 2.5%;
  border: none;
  cursor: pointer; }

.login-form-2 .ForgetPwd {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none; }

.emailid-placeholder,
.password-placeholder {
  border-radius: 0px !important;
  font-family: Barlow-Regular;
  font-size: 14px; }

.emailid-field,
.password-field {
  border-radius: 0px !important;
  opacity: 1 !important;
  font-style: normal !important;
  font-family: Barlow-Regular;
  font-size: 14px; }

.btn-block {
  width: 107px;
  color: #ffffff;
  border-radius: 24px !important;
  padding: 2.5%;
  border: none;
  height: 40px;
  box-shadow: 0 2px 4px 0 rgba(46, 57, 255, 0.23);
  margin-left: 113px;
  background-color: #e3f3ff !important; }

.invalid-feedback {
  width: 100%;
  margin-top: -13px !important;
  font-size: 64%;
  color: #dc3545;
  text-align: right;
  font-style: italic; }

.fontStyleBold1 .invalid-feedback {
  width: 100%;
  margin-top: -10px !important;
  font-size: 64%;
  color: #dc3545;
  text-align: right;
  font-style: italic; }

.apexcharts-legend.apexcharts-align-left.position-bottom {
  bottom: -1px !important; }

#fieldContainer::-webkit-input-placeholder {
  font-size: 14px !important; }

.forgot-password-disableButtons {
  padding: 1.5em;
  background-color: #e3f3ff;
  width: 80px;
  height: 38px;
  border-radius: 2em;
  border-color: #c2d5e5;
  color: #000000;
  font-family: Chivo-Bold;
  font-size: 12px;
  line-height: 0px;
  cursor: pointer; }

.forgot-password-disableButtons.btn-primary:hover {
  color: #ffffff;
  background-color: #0e90e1;
  border-color: #637280; }

.forgot-password-cancelButton {
  padding: 1.5em;
  background-color: #ffffff;
  border-radius: 2em;
  border-color: #c2d5e5;
  color: #000000;
  font-family: Chivo-Bold;
  font-size: 12px;
  line-height: 0px;
  cursor: pointer; }

.forgot-password-cancelButton.btn-primary:hover {
  color: #ffffff;
  background-color: #0e90e1;
  border-color: #637280; }

.forgot-password-showBackBtn {
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer; }

.forgot-password-style {
  color: #003353;
  font-family: Chivo-Bold;
  font-size: 24px;
  line-height: 28px;
  cursor: context-menu;
  padding-bottom: 2em; }

.pi-custom-btn-padding {
  padding: 0.3rem 1.45rem; }

.pi-self-btn-padding {
  padding: 10px; }

.pi-self-btn-margin-t {
  margin-top: 15px; }

.pi-margin-t {
  margin-top: 15px; }

.pi-margin-l {
  margin-left: 15px; }

.pi-margin-r {
  margin-right: 15px; }

.pi-margin-b {
  margin-bottom: 15px; }

.pi-self-btn-margin-r {
  margin-right: 15px; }

.pim-btn-main {
  font-family: Chivo-Regular;
  background-color: #0E90E1 !important;
  color: white !important;
  flex: none; }

.pim-btn-main-color-green {
  font-family: Chivo-Regular;
  background-color: #7ed321 !important;
  color: white !important;
  flex: none; }

.pim-btn-main-color-red {
  font-family: Chivo-Regular;
  background-color: #fa042d !important;
  color: white !important;
  flex: none; }

.pim-font-property {
  width: fit-content;
  height: 32px;
  flex-shrink: 0;
  border: none;
  color: #FFF;
  font-family: 'chivo-bold';
  background-color: #0E90E1 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; }

/**************Pimerce Blue Theme***************/

.forgotBoxLayout {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; }

.forgotTopContent {
  display: flex;
  padding: 40px; }

.forgot-block-info {
  color: #292929;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 28px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.letsGet {
  line-height: 1.07;
  font-style: normal;
  font-stretch: normal;
  font-size: 60px;
  letter-spacing: normal;
  color: #ffffff;
  font-family: Chivo-Bold; }

.needInfo {
  font-family: Chivo-Regular;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff; }

.container-forgot {
  display: flex;
  justify-content: center; }

.forgot-box {
  width: 1000px;
  height: 420px;
  background: #ffffff;
  display: -webkit-flex;
  flex-direction: row-reverse;
  z-index: 1;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em; }

/*==================================================================
[ login more ]*/
.forgotBgImage {
  width: 96%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  height: 420px;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em; }

/*[ Form Styles]*/
.forgot-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 50px; }

#forgotLeftBlock {
  display: block; }

@media (min-width: 320px) and (max-width: 414px) {
  #forgotLeftBlock {
    display: none; }
  .forgotTopContent {
    justify-content: center; }
  .forgot {
    color: #ff656c !important;
    font-family: Chivo-Regular;
    font-size: 12px !important;
    text-decoration: underline !important;
    font-weight: normal;
    display: flex;
    justify-content: center; }
  .forgot-box {
    width: 1000px;
    height: 378px;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row-reverse;
    z-index: 1;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em; }
  .forgot-block-info {
    color: #292929;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    bottom: 40px;
    left: 25px;
    line-height: normal;
    letter-spacing: normal; } }

.forgot-left-box {
  width: 115%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.forgot-left-image-box {
  z-index: 33;
  left: 24px;
  position: absolute;
  bottom: 47px;
  color: #ffffff; }

@media (min-width: 650px) {
  .forgotBoxLayout {
    background-position: center center; }
  .forgotTopContent {
    align-items: flex-end; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .forgot-form {
    display: flex;
    justify-content: center; }
  .forgot-block-info {
    color: #292929;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    bottom: 40px; } }

@media (min-width: 768px) and (max-width: 3440px) {
  .forgotContentContainer {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

.forgot-password-info {
  width: fit-content;
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2em;
  margin-top: -42px; }

.password-link-sent {
  width: fit-content;
  color: green;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2em;
  margin-top: -42px; }

.show-back-btn {
  cursor: pointer; }

/**************Pimerce Blue Theme***************/

.changePasswordCard {
  text-align: center;
  display: grid !important;
  border: none !important; }

.resetPasswordCard {
  text-align: center;
  justify-content: center;
  height: 625px; }

.screenForm {
  background: #ffffff;
  padding: 30px;
  border-radius: 2em; }

.resetPageLink {
  font-size: medium;
  font-family: Chivo-Regular; }

.resetPageLink:hover {
  color: #082056 !important; }

.reset-text {
  font-size: 20px;
  font-weight: bolder;
  padding-bottom: 2rem; }

.reset-link-text {
  font-size: small;
  color: darkgrey;
  margin-top: -31px;
  padding-bottom: 35px; }

.logo {
  width: 130px;
  height: 95px;
  justify-content: center;
  margin-left: 294px;
  margin-top: -97px; }

.inputField input {
  text-align: left;
  padding-left: 15px;
  width: 296px;
  height: 40px;
  font-size: 14px;
  border-radius: 20px !important; }

.inputField input::-webkit-input-placeholder {
  font-size: 12px; }

.submitButtonStyle[type='submit'] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 24px !important;
  color: #0e90e1; }

.submitButtonStyle:focus {
  border: 5px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(31, 96, 170, 0.11); }

.cancelButtonStyle[type='button'] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 24px !important;
  color: #0e90e1; }

.cancelButtonStyle[type='button']:focus .submitButtonStyle[type='button']:focus,
#cancelButton:focus {
  box-shadow: 0 0 0 0.2rem transparent !important; }

#saveButton {
  background-color: #e3f3ff;
  margin-top: 20px;
  margin-left: -194px;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

#save-button {
  background-color: #0e90e1;
  width: 296px;
  height: 40px;
  border-radius: 15px; }

.confrim-password-validation {
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end; }

#cancelButton {
  margin-top: -114px;
  border: solid 2px #c6cbd4;
  color: black;
  margin-left: 199px;
  color: #0e90e1;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff; }

.formgroupStyle {
  position: relative;
  display: flex;
  justify-content: center;
  margin-left: 56px; }

.profileInputStyle input {
  text-align: left;
  padding-left: 15px;
  width: 325px;
  height: 50px;
  font-size: 14px;
  border-radius: 20px !important;
  border: solid 1px #c2d5e5;
  background-color: #ffffff; }

.profileInputStyle input::-webkit-input-placeholder {
  font-size: 12px; }

.ProfileBoxStyle {
  width: 325px;
  height: 50px;
  margin-left: -54px;
  padding-top: 2px; }

.card-style-div {
  padding: 4% 31% 0px 30%;
  border-radius: 25px; }

.card-style {
  border-radius: 25px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); }

.change-password-card-style {
  text-align: center;
  border: none;
  top: 50px; }

.change-password-style {
  color: #003353;
  font-size: 16px;
  font-weight: bolder;
  padding-bottom: 20px;
  padding-top: 28px; }

.change-password-form-group {
  color: #FF0004;
  font-size: 10px;
  padding-bottom: 1rem;
  margin-top: -30px; }

.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  animation: Toastify__trackProgress linear 1;
  background-color: rgba(255, 255, 255, 0.7); }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 110%, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -110%, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
/**************Pimerce Blue Theme***************/

.profileDummyImage {
  position: absolute;
  z-index: 1;
  display: initial; }

.profileContainer {
  justify-content: center; }

.profileCardBody {
  margin-top: 6%;
  padding: 10%; }

.cardFieldRow {
  width: 50%; }

.LogoutbuttonStyle {
  position: absolute;
  right: 2%;
  width: 125px;
  height: 52px;
  padding: 0px;
  margin-top: -31px;
  cursor: pointer; }

.logoutModal .modal-content {
  background: #30191900 !important;
  border: none; }

.screenForm {
  text-align: center;
  padding: 8px !important;
  margin-top: -6px !important; }

.formgroup {
  position: relative;
  display: flex;
  justify-content: center;
  margin-left: 56px; }

.form-group-resetpassword {
  position: relative;
  display: flex;
  justify-content: center; }

.cardFieldCol {
  height: 100%;
  justify-content: center; }

.submitButton[type="button"] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 0px !important;
  color: #0e90e1; }

.submitButton[type="button"]:focus,
#cancelBtn:focus {
  box-shadow: 0 0 0 0.2rem transparent !important; }

#saveBtn {
  background-color: #e3f3ff;
  margin-top: 20px;
  margin-left: 55px;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

#cancelBtn {
  margin-top: -66px;
  border: solid 2px #c6cbd4;
  color: #000000;
  margin-left: 251px;
  color: #0e90e1;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff; }

.profileInputs input {
  text-align: left;
  padding-left: 15px;
  width: 325px;
  height: 50px;
  font-size: 14px;
  border-radius: 0px !important;
  border: solid 1px #c2d5e5;
  background-color: #edf1f4; }

.profilePlaceholder {
  font-style: italic;
  font-size: 12px;
  color: #999999; }

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: transparent; }

.currentPasswordValid {
  position: absolute;
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end;
  top: 38px;
  right: 3px; }

.logoutBtn {
  width: 105px;
  border-radius: 0px;
  border: none;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #000000;
  font-family: Chivo-Medium; }

.logoutBtn.setupProfilebtnColor {
  background-color: #0e90e1;
  color: #ffffff; }

.logoutBtn:hover {
  background: #0e90e1;
  border: none;
  color: #093549; }

.confrimPasswordValid {
  position: absolute;
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end;
  top: 38px;
  right: 3px;
  top: 48px; }

.profile-close-icon {
  width: 15px;
  height: 15px;
  margin: 7px -9px 2px 23px;
  cursor: pointer; }

.versioningText {
  color: #000000;
  font-weight: 200;
  font-size: 14px;
  margin-top: 107px;
  margin-left: 70px; }

.profileInputs input::-webkit-input-placeholder {
  font-size: 12px; }

.ChangePasswordStyle {
  color: #003353;
  font-weight: 200;
  font-size: 14px;
  margin-top: -19px;
  margin-left: -158px; }

.footerStyle {
  color: #FF0004;
  font-weight: 200;
  font-size: 14px;
  margin-top: -130px;
  margin-left: 215px; }

.support-link-style {
  position: relative;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-left: 22px;
  padding-top: -2px;
  width: 91px;
  height: 65px; }

.support-link-Text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  padding: 20px; }

.overlayOpen {
  margin-top: -65px; }

.overlayOpenLogout {
  position: absolute;
  right: 2%;
  width: 125px;
  height: 52px;
  padding: 0px;
  margin-top: -96px;
  cursor: pointer; }

.logoutBtnIcon {
  filter: brightness(1.5) invert(1);
  margin: 0px 0px 3px 4px;
  width: 20px; }

.setup-profile-style {
  color: #003353;
  font-size: 18px;
  font-weight: bolder;
  padding-bottom: 25px;
  padding-top: 10px;
  padding-left: 54px; }

.form-control:disabled.form-control {
  background-color: #f8fcff;
  opacity: 1; }

#saveBtn.setupProfilebtnColor, #cancelBtn.setupProfilebtnColor {
  background-color: #0e90e1;
  color: #ffffff; }

/**************Pimerce Blue Theme***************/

#profileHeader {
  width: fit-content;
  transition: margin-left 0.5s; }

.logoStyle {
  height: 100px;
  cursor: pointer; }

.userstyle {
  position: unset;
  display: -webkit-box;
  margin-top: -30px;
  cursor: pointer; }

.logoContent {
  margin-top: 7px;
  height: 35px;
  width: 85px; }

@media screen and (max-width: 500px) {
  .logoContent {
    margin-top: 10px;
    height: 30px; } }

#userCircleIcon {
  color: #2d363f;
  width: 24px;
  height: 24px; }

.profileIcon {
  margin-top: -4px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.DropdownControl {
  padding-top: 10px; }

.dropDivCountry {
  left: 18px; }

.sideNavProfileHeading {
  color: #000000;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 24px;
  margin: -13px 0 0 9.5px;
  position: absolute;
  cursor: default; }

.usertype {
  position: absolute;
  font-family: Chivo-Medium;
  color: #a2a2a2;
  font-size: 12px;
  line-height: 24px;
  margin: -5.5px 0 0 9.5px;
  cursor: default; }

.angleDownIcon {
  width: 19px;
  height: 19px;
  position: absolute;
  left: 209px;
  margin-top: -11px; }

.closeIcon {
  width: 10px;
  position: absolute;
  left: 209px;
  margin-top: -8px; }

.rectangle-style {
  width: 238px;
  height: 76px;
  flex-grow: 0;
  margin: 57px 7px 0px 0;
  padding: 15px 23px 17px 20px;
  background-image: linear-gradient(to bottom, #f8fcff 0%, rgba(255, 255, 255, 0) 100%, var(--white) 100%);
  border-bottom-right-radius: 20px; }

.header-component-container {
  display: flex;
  justify-content: flex-end;
  padding: 2px; }

.help-icon-style {
  position: absolute;
  top: 55px;
  z-index: 999;
  right: 0px; }

.applied-filter-headerlogo {
  position: absolute;
  left: 75px;
  top: 10px; }

.header-flag-icon {
  position: relative;
  top: -4px; }

/**************Pimerce Blue Theme***************/

.tooltip {
  position: relative;
  display: inline-block;
  z-index: 10 !important; }

.tooltip .tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s; }

/* Tooltip top content */
.top .tooltip-text {
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  /* 120/2 = 60 */ }

/* Tooltip right content */
.right .tooltip-text {
  top: -5px;
  left: 110%; }

/* Tooltip bottom content */
.bottom .tooltip-text {
  top: 100%;
  left: 50%;
  z-index: 10 !important;
  margin-left: -60px;
  /* 120/2 = 60 */ }

/* Tooltip left content */
.left .tooltip-text {
  top: -5px;
  right: 110%; }

.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid; }

/* Tooltip top arrow */
.top .tooltip-text::after {
  margin-left: -5px;
  left: 50%;
  top: 100%;
  border-color: #555 transparent transparent transparent; }

/* Tooltip bottom arrow */
.bottom .tooltip-text::after {
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
  border-color: transparent transparent #555 transparent; }

/* Tooltip left arrow */
.left .tooltip-text::after {
  top: 50%;
  margin-top: -5px;
  left: 100%;
  border-color: transparent transparent transparent #555; }

/* Tooltip right arrow */
.right .tooltip-text::after {
  top: 50%;
  margin-top: -5px;
  right: 100%;
  border-color: transparent #555 transparent transparent; }

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1; }

.tooltip-inner {
  max-width: 779px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #0e90e1;
  border-radius: 0rem;
  overflow-wrap: break-word;
  hyphens: auto; }

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #0e90e1; }

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #0e90e1; }

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #0e90e1; }

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #0e90e1; }

/**************Pimerce Blue Theme***************/

.mr-auto.navbar-nav {
  width: -webkit-fill-available;
  flex-direction: column; }

@media (min-width: 320px) {
  .sidenav {
    width: 100%; } }

@media (min-width: 320px) {
  .sidenavLessMenu {
    width: 100%; } }

.profile {
  position: absolute;
  display: inline-flex;
  top: 79px;
  right: 0px;
  cursor: default; }

.welcomeFont {
  font-weight: bold;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 3px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6B49B9; }

.containerContent {
  background-color: #ffffff;
  border-bottom: 1px solid #f0f0f0; }

.sidenav {
  height: 673px;
  width: 0;
  top: 55px;
  z-index: 11;
  display: flex;
  position: absolute;
  left: auto;
  right: 30px;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px; }

.sidenavLessMenu {
  height: 640px;
  width: 0;
  top: 55px;
  z-index: 11;
  display: flex;
  position: absolute;
  margin-left: 20px;
  left: auto;
  right: 30px;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px; }

.sidenav a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenavLessMenu a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenav a:hover {
  color: #f1f1f1; }

.sidenavLessMenu a:hover {
  color: #f1f1f1; }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.sidenavLessMenu .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.containerContent ul {
  padding: 0;
  list-style: none;
  background: #f2f2f2;
  border-left: 5px solid grey; }

.containerContent ul li {
  display: inline-block;
  position: relative;
  line-height: 21px;
  text-align: left; }

.containerContent ul li a {
  display: block;
  padding: 8px 25px;
  color: #333;
  text-decoration: none; }

.containerContent ul li ul.dropdown-menu-container {
  width: 165px;
  border-radius: 4px;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #292929;
  background: #ffffff;
  display: none;
  border: none;
  position: absolute;
  border-left: 5px solid #00bde1;
  z-index: 999;
  left: -8px;
  top: 110%; }

.containerContent ul li ul.dropdown-menu-container li {
  display: block; }

.highlight:hover {
  font-weight: 600; }

.navbar-toggler.collapsed {
  zoom: 0.6; }

.blue {
  color: blue; }

.sideNavcontainer {
  width: 617px;
  height: 645px; }

/* Menu-Navigation tab style code starts here */
.menuTabLink {
  width: 20%;
  margin-left: 20px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.04px;
  color: #7f7f7fbf;
  margin-top: 15px; }

.menuTabLink.active .menuTabSubContent {
  padding: 0px 15px 20px 0px;
  border-bottom: 3px solid #007bff;
  box-shadow: 0px 15px 10px -15px rgba(1, 172, 253, 0.74), rgba(1, 172, 253, 0.74) 0px -8px 8px -10px inset; }

.menuTabLink.active .menuTabContent {
  color: #000000; }

.menuTabLink.active .menuTabContent img.menuTabImg {
  filter: drop-shadow(0 0 0 #000000); }

.menuTabContent .expandIcon {
  margin-right: 30px;
  float: right; }

.menuTabNav {
  display: contents;
  height: 60px;
  background-color: #ffffff; }

.subMenuList a.active.menuTabLink {
  color: #000000; }

.menuTabImg {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.04px;
  color: #3a3b3f;
  padding-right: 9px;
  font-family: Chivo-Regular; }

@media (max-width: 767px) {
  .menuTabNav {
    text-align-last: start; }
  .menuTabLink.active .menuTabSubContent {
    border-bottom: none;
    box-shadow: none; } }

@media (max-width: 875px) {
  .menuTabLink {
    font-size: 11px; } }

.collapse {
  padding-bottom: 1px; }

.collapse:not(.show) {
  display: flex !important; }

/* Menu-Navigation tab style code ends here */
.menuBaseClass {
  margin-bottom: 20px; }

.menuBaseClass i {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  cursor: pointer;
  font-size: 10px; }

.menuBaseClassWithoutDash {
  margin-bottom: 20px; }

.menuBaseClassWithoutDash i {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  cursor: pointer;
  font-size: 10px; }

.menuBaseClassWithoutDash {
  margin-bottom: 20px; }

.menuNewClass i {
  margin-top: -36px; }

.parentContainer {
  margin: -51px 0px 0px 0px;
  width: auto;
  height: auto;
  overflow: inherit; }

.sidebar .parentContainer {
  background: linear-gradient(90deg, #0d8bdf 23%, white 24%); }

.second-level-style {
  height: auto;
  margin-right: 10px;
  padding: 7px 2px 7px 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 35px; }

.withoutIconForSecondChild {
  margin-left: 25px; }

.wrapper.collapse .sidebar .openSideMenu {
  display: none; }

.wrapper .sidebar .openSideMenu {
  display: contents; }

.wrapper .sidebar .sidemenuCollapsedIconContainer {
  display: none; }

.wrapper.collapse .sidebar .sidemenuCollapsedIconContainer {
  display: contents; }

.wrapper .sidebar .logoImage {
  margin-left: 15px; }

.wrapper.collapse .sidebar .logoImageCollapse {
  margin-left: 0px; }

.menuBaseClass a:hover {
  font-weight: bolder;
  color: #000000;
  opacity: 1; }

.linkNavContent {
  color: #000000;
  opacity: 0.5; }

.withIcon {
  font-size: 14px;
  margin-right: 10px;
  margin-left: 15px;
  font-family: Chivo-Regular;
  opacity: inherit; }

.withoutIcon, .withoutIconForSecondChild {
  font-size: 14px;
  margin-right: 10px;
  font-family: Chivo-Regular; }

.singleLevel {
  margin: 1px -8px -16px 78px; }

.singleLevel:hover img,
.single:hover img,
.multiLevel:hover img {
  filter: opacity(1) drop-shadow(1px 0px 2px #637280); }

.singleLevel:hover i,
.single:hover i,
.multiLevel:hover i {
  filter: opacity(1) drop-shadow(1px 0px 2px #000000); }

img.sidemenuTabMenuIconActive {
  filter: brightness(0) invert(1); }

.Active,
.ActiveTab {
  font-weight: bold;
  color: #000000;
  opacity: 1 !important; }

.wrapper.collapse .menuNavigationDropdown {
  display: none; }

.wrapper .menuNavigationDropdown {
  margin-left: auto;
  margin-right: auto;
  width: 227px;
  height: 45px;
  margin-top: 50px;
  background-color: #e3f3ff; }

.wrapper .main_container .item {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
  padding: 15px 15px 10px 15px !important; }

.keyAccountsContent {
  padding-top: 9px;
  padding-left: 10px;
  width: fit-content;
  position: absolute; }

.gridFilterMenuNavigation {
  max-width: 180px;
  min-width: 180px;
  margin-left: 20px;
  padding-top: 4px; }

.sideMenuPimerceHome {
  margin-bottom: 58px;
  margin-top: 15px;
  width: inherit;
  overflow: hidden; }

.toggleArrowIcon {
  display: flex;
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 10px;
  height: 42px; }

.gridFilterMenuNavigation .css-10u4t4s-control {
  height: 30px;
  background-color: #ff922100;
  box-shadow: none;
  border: none; }

.gridFilterMenuNavigation .css-138e81f-singleValue {
  width: 100px;
  color: #0e90e1;
  font-size: 16px; }

.menuNavigationDropdown svg.svg-icon {
  fill: #0e90e1; }

.gridFilterMenuNavigation .css-51nctc-control {
  height: 30px;
  background-color: #ff922100;
  box-shadow: none;
  border: none; }

.In-Active:hover,
.InactiveTab:hover {
  opacity: 1;
  cursor: pointer;
  color: #000000; }

.menuBaseClass:focus {
  cursor: pointer;
  filter: opacity(1) drop-shadow(1px 0px 2px #000); }

.menuTabNavbar {
  display: contents; }

.market-flag-container {
  display: flex;
  justify-content: start;
  margin: 1rem 0rem 0rem 1rem; }

.market-flag {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #0e90e1;
  object-fit: cover;
  border-radius: 2em; }

.menu-logo-block {
  cursor: pointer; }

#app-logo-container {
  float: left;
  width: 53.33%;
  padding: 5px;
  margin: 0em 1em 0em 1em; }

.app-logo-img {
  height: 35px;
  margin: 4px 0px 0px 76px;
  object-fit: contain;
  cursor: pointer;
  position: relative;
  top: 15px; }

#brand-logo-container {
  float: left;
  width: 30.33%;
  padding: 5px;
  position: relative;
  top: 1em; }

.brand-logo-img {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 80%; }

/* Clearfix (clear floats) */
.row-style::after {
  content: "";
  clear: both;
  display: table; }

.horizontal-line {
  width: 189px;
  height: 1px;
  margin: 0px 0px 17px 21px;
  transform: rotate(-360deg);
  opacity: 0;
  background-color: #637280; }

.menu-navigation-fa-chevron-left {
  color: #ff9321;
  padding: 16px; }

.menu-navigation-isKeyAccountPresent {
  margin-top: -21px;
  margin-left: 25px;
  font-size: 14px;
  font-family: Chivo-Medium;
  color: #000000; }

.navigation-fa-minus {
  font-size: 0.5rem; }

#navigation-fa-plus {
  font-weight: normal;
  font-size: 10px; }

.page-base-layout-inActiveMessage-dropdown {
  margin: 0px 40px 0px; }

.page-base-layout-inActiveMessage {
  text-align: left;
  margin: 5px 18px 13px; }

.multiLevel_style, .multiLevel_style:hover, .multiLevel_style_active {
  height: 38px;
  margin-right: 10px;
  padding: 7px 2px 7px 20px; }

.multiLevel_style:hover, .multiLevel_style_active:hover {
  background-Color: transparent; }

.multiLevel_style_active {
  margin-left: 67px !important;
  margin-right: 5px !important;
  background: #e3f3ff; }

.single-active {
  background: #e3f3ff;
  padding: 5px;
  margin-left: 47px; }

.single-active .single {
  height: 38px;
  padding-top: 5px;
  padding-left: 20px; }

.single-inactive-style {
  background: transparent;
  margin-right: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.single {
  padding-top: 5px;
  padding-left: 20px; }

.menu-navigation-placeholder-style {
  width: 90px;
  margin: -95px 0px -72px 20px; }

img.sidemenuTabMenuIcon {
  width: 18px; }

.beta-tag {
  color: white;
  background-color: #e5712a;
  font-family: Chivo-Medium;
  font-size: 12px;
  position: absolute;
  left: 184px;
  margin-top: -11px;
  padding: 1px;
  width: 35px;
  text-align: center;
  border-radius: 5px; }

@media (min-width: 320px) {
  .sidenav-with-menu-list {
    width: 100%; } }

.sidenav-with-menu-list {
  height: 673px;
  width: 0;
  top: 300px;
  z-index: 4;
  display: flex;
  position: relative;
  margin-left: 20px;
  margin-top: -672px;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px; }

.sidenav-with-menu-list a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenav-with-menu-list a:hover {
  color: #F1F1F1; }

.sidenav-with-menu-list .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.wrapper .sidebar-collapse .sidemenuCollapsedIconContainer {
  display: none; }

.sidebar-collapse .menuBaseClass a:hover {
  opacity: 0; }

.sidebar-collapse .withIcon {
  opacity: 0;
  display: none; }

.sidebar-collapse .Active {
  opacity: 0 !important; }

.sidebar-collapse .ActiveTab {
  opacity: 0 !important;
  display: none; }

.sidebar-collapse .border-solid {
  width: 45%; }

.sidebar-collapse .In-Active:hover, .sidebar-collapse .InactiveTab:hover {
  opacity: 0; }

.sidebar-collapse .In-Active:hover, .sidebar-collapse .InactiveTab:hover {
  opacity: 0; }

.sidebar-collapse {
  z-index: 4;
  position: absolute;
  top: 0px;
  background: #0E90E1;
  width: 67px;
  height: 100%;
  transition: all 0.5s ease; }
  .sidebar-collapse li a {
    display: block;
    padding: 20px;
    color: #fff;
    position: relative;
    margin-bottom: 1px;
    color: #92a6e2;
    white-space: nowrap;
    opacity: 0; }
    .sidebar-collapse li a:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background: #92a6e2;
      display: none; }
    .sidebar-collapse li a span.icon {
      margin-right: 10px;
      display: inline-block; }
    .sidebar-collapse li a:hover {
      background: #4360b5;
      color: #fff; }
      .sidebar-collapse li a:hover:before {
        display: block; }
  .sidebar-collapse li a.active {
    background: #4360b5;
    color: #fff; }
    .sidebar-collapse li a.active:before {
      display: block; }
  .sidebar-collapse img.app-logo-img {
    width: 29px;
    height: 20px;
    margin: 0 61.3px 19.9px 15px; }
  .sidebar-collapse .toggle-arrow {
    background: white;
    position: absolute;
    z-index: 9999; }

.withoutIcon, .withoutIconForSecondChild {
  font-size: 13px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: Chivo-Regular;
  display: inline-block; }

.sidemenu-image-tab-style {
  position: absolute;
  left: 23px; }

a.withIcon.ActiveTab.linkNavContent {
  margin-left: 5px; }

a.withIcon.InactiveTab.linkNavContent {
  margin-left: 60px; }

span.Active.withIcon.ActiveTab {
  margin-left: -6px; }

span.Active.withIcon.InactiveTab {
  margin-left: -9px; }

span.In-Active.withIcon.InactiveTab {
  position: absolute;
  margin-top: 0px;
  margin-left: 60px; }

span.In-Active.withIcon.ActiveTab {
  margin-left: 60px; }

.toggle-icon-size {
  width: 24px;
  height: 24px; }

.cursor-pointer {
  cursor: pointer; }

.sideMenuKeyAccountWithBackground {
  background: #e3f3ff;
  margin-left: 47px;
  padding-top: 5px;
  padding-bottom: 5px; }

.sideMenuKeyAccount {
  margin-left: 47px;
  padding-top: 5px;
  padding-bottom: 5px; }

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
  .wrapper .sidebar-open .main_container {
    margin-left: 70px !important; } }

@media only screen and (min-width: 1400px) and (max-width: 1749px) {
  .wrapper .sidebar-open .main_container {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1750px) and (max-width: 1920px) {
  .wrapper .sidebar-open .main_container {
    margin-left: -50px !important; } }

@media only screen and (min-width: 1921px) and (max-width: 2400px) {
  .wrapper .sidebar-open .main_container {
    margin-left: -125px !important; } }

@media only screen and (min-width: 2401px) and (max-width: 2560px) {
  .wrapper .sidebar-open .main_container {
    margin-left: -165px !important; } }

@media only screen and (min-width: 2561px) and (max-width: 2880px) {
  .wrapper .sidebar-open .main_container {
    margin-left: -240px !important; } }

.serach-beta-tag {
  margin-left: 0px;
  border-radius: 8px;
  background: #0E90E1;
  color: #fff;
  padding: 5px;
  font-size: 14px; }

/**************Pimerce Blue Theme***************/

.optionStyle {
  font-weight: 'bold';
  margin-left: '10px';
  color: '#556063';
  font-size: '10px';
  font-family: Chivo-Regular; }

.dropdownItemStyle {
  overflow: hidden;
  font-family: Chivo-Regular;
  text-overflow: ellipsis !important;
  white-space: initial !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  height: 47px !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.5 !important; }

.dropDownEllipseText {
  overflow: "hidden";
  text-overflow: "ellipsis";
  white-space: "initial";
  display: "-webkit-box";
  -webkit-line-clamp: 2;
  height: "47px";
  -webkit-box-orient: "vertical";
  line-height: 1.5; }

.iconStyle {
  z-index: 0; }

.indicatorSeparatorStyle {
  align-self: 'stretch';
  background-color: 'none';
  margin-bottom: 8;
  margin-top: 8;
  width: 1; }

.superCategory-dropdown .css-2b097c-container {
  display: flex;
  justify-content: center; }

.css-es53b3-multiValue {
  background-color: #ffffff;
  display: flex;
  margin: 0px;
  min-width: 65px;
  font-size: 14px;
  font-family: Chivo-Regular;
  box-sizing: border-box; }

.css-1hwfws3 {
  flex-wrap: initial;
  cursor: pointer !important; }

.css-1alnv5e {
  padding-left: 1px;
  padding-right: 1px; }

.limitStyle {
  margin: 10px;
  text-align: center;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding: 10px; }

@media (min-width: 992px) and (max-width: 1200px) {
  .css-1ju5jrz-control {
    width: 175px; }
  .css-wrqit4-control {
    width: 175px; } }

@media (min-width: 300px) and (max-width: 350px) {
  .css-1ju5jrz-control {
    width: 200px; }
  .css-wrqit4-control {
    width: 200px; } }

.css-1rhbuit-multiValue {
  background-color: unset;
  min-width: 60px; }

.css-1rhbuit-multiValue .css-12jo7m5 {
  color: #2e3d4a;
  padding-left: 0px;
  font-size: 12px;
  font-family: Chivo-Regular; }

.css-16629it-option:active {
  background-color: transparent; }

.css-16629it-option {
  background-color: transparent; }

.css-lr915d-option:active {
  background-color: transparent; }

.css-lr915d-option {
  background-color: transparent; }

.css-14xkxcv-option:active {
  background-color: transparent; }

.css-14xkxcv-option {
  background-color: transparent;
  color: #2e3d4a; }

.css-xb97g8 {
  display: none; }

.css-19bqh2r {
  width: 16px; }

.css-10u4t4s-control:hover {
  border-color: #0e90e1; }

.css-6jztv8::-webkit-scrollbar {
  height: 8px;
  overflow: visible;
  width: 5px; }

.checkbox input[type='checkbox']:focus + label::before {
  outline: 0; }

.css-qlqwgq-menu {
  z-index: 2; }

.css-1jea7q0-singleValue.css-2df376-option {
  background-color: #2e3d4a !important; }

.css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: 5px !important;
  top: 6px !important; }

.css-1nqgufb-option, .css-1sx5vg2-option {
  background-color: transparent;
  color: #2e3d4a;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular; }

.css-1nqgufb-option:active, .css-1sx5vg2-option:active {
  background-color: transparent; }

.css-1wr21wx-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular; }

.css-1wr21wx-option:active {
  background-color: transparent; }

.css-1wr21wx-option:hover {
  background-color: transparent; }

.css-1puajjh-option, .css-1nqgufb-option, .css-1sx5vg2-option, .css-1wr21wx-option, .css-1e0mtz0-option, .css-17os4r0-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  padding: 5px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Medium; }

.css-1nqgufb-option, .css-1sx5vg2-option {
  color: #2e3d4a; }

.css-1puajjh-option:active, .css-1nqgufb-option:active, .css-1sx5vg2-option:active, .css-1wr21wx-option:active, .css-1e0mtz0-option:active, .css-17os4r0-option:active {
  background-color: transparent; }

.css-jz4unx-option {
  background-color: #0e90e1;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  max-height: 47px; }

.css-1xnm5y9-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 9px 12px;
  min-height: 40px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Barlow-Regular;
  outline: none !important;
  border: none !important;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2e3d4a; }

.css-1x0jd2r-option {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 9px 12px;
  min-height: 40px; }

input.filterMenuOptionCheckbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 0px solid #0e90e1;
  margin: 3px 3px 0px 0px;
  box-sizing: border-box;
  padding: 0;
  background-color: #003353; }

input.filterMenuOptionCheckbox:checked:before {
  position: absolute; }

input.filterMenuOptionCheckbox:checked:after {
  content: '';
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMenuOptionCheckbox:checked:after {
  display: block; }

input.filterMenuOptionCheckbox:disabled:after {
  border-color: #ffffff; }

.dropDownLabel {
  overflow-wrap: break-word;
  width: 85%;
  cursor: pointer; }
  @supports (-webkit-line-clamp: 2) {
    .dropDownLabel {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: contents;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-family: Chivo-Regular; } }

.contexual-filter-title-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280; }

.react-select__loading-indicator {
  display: inline-block;
  width: 1rem;
  margin-left: -18px;
  margin-bottom: -18px;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-radius: 50%;
  border-width: 0.2em;
  animation: spinner-border 0.75s linear infinite;
  color: #0e90e1;
  font-size: unset;
  padding: 0; }
  .react-select__loading-indicator > * {
    display: none; }

.predictiveSearchLoading {
  display: inline-flex;
  padding: 0.8em 2.8em 0.9em 0.8em;
  justify-items: center;
  margin-left: 8.6em; }

.searchLoading {
  display: inline-flex;
  padding: 0.8em 2.8em 0.9em 0.8em;
  justify-items: center;
  margin-left: 2.4em; }

.no-option-title-style {
  height: 60px;
  text-align: center;
  padding: 8px 12px;
  color: #999999;
  cursor: context-menu; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

.filter-label-text {
  height: 13px;
  margin-bottom: 0px; }

/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/**************Pimerce Blue Theme***************/

/* New styles add for Datepicker */
.datePickerMain {
  position: absolute; }

#calendarIcon {
  justify-content: center;
  display: flex;
  font-size: 40px; }

.date-range-value {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px; }

.dateClick {
  position: initial;
  right: -42px;
  width: 75px;
  top: -10px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end; }

.dateRangePickerContainer {
  width: 260px;
  height: 42px;
  border-radius: 8px;
  background-color: #ffffff; }
  .dateRangePickerContainer .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainer input.inputfontstyle.form-control {
    margin-top: 5px; }

.dateRangePickerContainerClose {
  width: 230px;
  height: 47px;
  border: solid 1px #e9eff4;
  background-color: #ffffff;
  position: absolute;
  box-shadow: none; }
  .dateRangePickerContainerClose .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainerClose input.inputfontstyle.form-control {
    margin-top: 5px; }

.gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px; }

.subtab-2 .gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: none;
  top: 60px;
  margin-left: -4px; }

.gridDayPickerdropdownDown {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  bottom: 25em;
  position: sticky; }

.dateRangeDownPosition {
  position: sticky;
  z-index: 1000;
  background: #ffffff; }
  .dateRangeDownPosition .DayPicker-Day {
    border-radius: 0 !important; }
  .dateRangeDownPosition .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .dateRangeDownPosition .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

.gridDate .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.btn-outline-dark {
  color: #e5e5e5 !important; }
  .btn-outline-dark:hover {
    background: none !important; }

.inputfontstyle {
  font-size: 12px !important;
  border: none !important;
  background: none !important;
  color: #000000 !important;
  cursor: pointer;
  margin-top: 10px; }

.dropdownDateField {
  padding-right: 0px;
  border: none !important;
  font-family: Chivo-Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 110px !important;
  background: none !important;
  color: #000000 !important;
  margin-top: 12px;
  cursor: pointer;
  font-size: 12px !important; }
  .dropdownDateField:focus {
    box-shadow: none !important; }

.DayPicker-Day {
  display: table-cell;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-radius: 60%;
  vertical-align: middle;
  text-align: center;
  color: #353535;
  cursor: pointer; }

.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected:focus {
  outline: aliceblue !important; }

.DayPicker-Day--disabled {
  color: #dce0e0 !important;
  cursor: default; }

.DayPicker-NavButton,
.DayPicker-wrapper {
  outline: none !important; }

.DayPicker-TodayButton {
  width: 20%;
  background-color: #e3f3ff;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-family: Chivo-Bold;
  margin-left: 1em;
  letter-spacing: inherit;
  margin-top: -13px;
  margin-right: 28px;
  float: right; }

.datePickerCalenderIcon {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 23px; }

.DayPicker-Month {
  width: -webkit-fill-available; }

.DayPicker-Caption {
  text-align: center;
  color: #637280; }
  .DayPicker-Caption > div {
    font-weight: 500;
    font-size: 0.8em; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #edf1f4;
  color: #0c4475; }
  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #edf1f4; }

.DayPicker-NavButton--prev {
  left: 1em; }

.DayPicker-NavButton--next {
  right: 1em; }

.DayPicker-Weekdays {
  display: table-caption;
  background-color: #e3f3ff;
  margin-bottom: 10px; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  padding-right: 0.91em;
  padding-left: 1em;
  color: #353535;
  text-align: center;
  font-size: 14px; }

.selectable {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  position: relative;
  bottom: 7em;
  margin-left: 20em;
  box-shadow: 4px 6px 21px 4px #8080801c;
  border: 1px solid #8080801c; }
  .selectable .DayPicker-Day {
    border-radius: 0 !important; }
  .selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

@media screen and (max-width: 787px) {
  .selectable {
    justify-content: center;
    box-shadow: 0px -2px 2px -2px #e77d3b;
    z-index: 100;
    background: #ffffff;
    position: relative;
    bottom: -2em;
    margin-left: 0px;
    box-shadow: 4px 6px 21px 4px #8080801c;
    border: 1px solid #8080801c; }
    .selectable .DayPicker-Day {
      border-radius: 0 !important; }
    .selectable .DayPicker-Day--start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important; }
    .selectable .DayPicker-Day--end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important; } }

.gridDate.input-group.input-group-md {
  flex-wrap: inherit;
  width: 150px;
  cursor: pointer;
  margin-top: -8px; }

.highlightsWeeks {
  color: #f04848; }

.modalDatepicker {
  margin-top: 7px;
  margin-bottom: 40px; }

.datePickerDropButton {
  border: none !important;
  padding-bottom: 15px !important;
  margin-right: -5px; }

@media screen and (max-width: 991px) {
  .datePickerDropButton {
    border: none !important;
    padding-bottom: 0px !important;
    margin-right: -5px;
    margin-left: -47px; } }

.datePickerDropButton:hover {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:active {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:focus {
  box-shadow: none !important;
  outline: none !important; }

button.dateRangePickerDropButton.dropdown-toggle.dropdown-toggle-split.btn.btn-outline-dark.btn-sm {
  border: none;
  box-shadow: none; }

.gridDayPickerdropdown .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.selectable .DayPicker-Footer {
  padding-top: 21px; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.selected-days {
  margin-left: -8px;
  margin-top: 1px;
  border: 1px solid #f0f0f0 !important;
  width: 186px;
  height: 38px;
  padding: 9px; }

.filter-date-range {
  width: 10px; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.export-date-dropdown {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-date-dropdown > div > div > div {
  width: 100px !important;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-date-dropdown .accordion-tab-style {
  padding: 0px; }

.export-date-dropdown .css-51nctc-control {
  height: 38px; }

.export-date-dropdown .css-1r3ozas-control {
  height: 38px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none; }

.filter-select-font-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

@media (max-width: 1300px) {
  .date-range-value {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #0e90e1;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

/**************Pimerce Blue Theme***************/

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.reloadButtonIcon {
  font-size: 15px;
  position: relative;
  padding: 15px;
  cursor: pointer;
  margin-left: -27px; }

.rotate {
  animation: rotation 2s infinite linear; }

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

/**************Pimerce Blue Theme***************/

.available {
  z-index: 1;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailable {
  z-index: 1;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.verticalLine {
  z-index: 1;
  border-left: 2px solid #b0b0b0;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

/**************Pimerce Blue Theme***************/

.header-style {
  position: relative;
  padding-top: 14px;
  top: 0.7em;
  width: 103%;
  left: 0.7em; }

.toggle-selected-value {
  color: #0E90E1;
  border-bottom: 2px solid #0E90E1; }

.toggle-unselected-value {
  border-bottom: 1px solid #A7ABAF; }

.option {
  width: 10px;
  height: 100px; }

/**************Pimerce Blue Theme***************/

#cursor {
  border-left: 0.1em solid 14px;
  animation: blink 0.7s steps(1) infinite; }

#typer-header {
  font-size: 2em; }

@keyframes blink {
  50% {
    border-color: transparent; } }

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #0e90e1;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #0e90e1; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0E90E1;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #0e90e1;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #0e90e1;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #0e90e1; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #0E90E1;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #0e90e1;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #0e90e1; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #0e90e1; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #0E90E1;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #0E90E1; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #0E90E1;
  background: #0E90E1; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #0E90E1 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #0E90E1 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #0E90E1; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 145px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #0E90E1 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

.panelBackground {
  background: none;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  background: transparent;
  border: none;
}

/* open dropdowns and closed dropups have upward facing arrow */

.dropdown.open>.expanderButton:after {
  border: solid #0e90e1  !important;
  border-width: 0 2px 2px 0 !important;
  top: 15px;
  transform: rotateX(180deg) rotateZ(45deg);
  right: 8px;
}

.expanderButton {
  padding-left: 0px;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  /* background-color: transparent; */

  padding: 12px;
  background: #e3f3ff;
  border-radius: 20px;
  max-height: 20px;
}

.dropdown-toggle::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  margin-left: 10px !important;
  /* right: 30%; */
  top: 48%;
  margin-top: -5px;
  border: solid #0e90e1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 3px;
  right: 8px;
}
@charset "UTF-8";

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #0e90e1 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #0e90e1; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

/**************Pimerce Blue Theme***************/

input.searchBar.form-control {
  width: 241px !important;
  height: 36px;
  font-family: Chivo-Regular;
  font-size: 10px;
  text-align: left;
  z-index: 0 !important;
  padding-right: 32px;
  border-radius: 0px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #c2d5e5;
  background-color: #ffffff;
  padding: 9px 10px; }

input.searchBar::placeholder {
  width: 241px;
  height: 10px;
  opacity: 0.3;
  font-family: Chivo-Regular;
  font-size: 9px;
  color: #000000; }

.searchBarandIcon {
  display: flex;
  margin-right: -43px;
  justify-content: flex-end; }

.cpcSearchExport {
  display: flex;
  justify-content: flex-end; }

.info-icon {
  position: absolute;
  left: -99px;
  bottom: -38px;
  font-family: Chivo-Medium;
  color: red;
  font-size: 13px;
  margin-left: 124px; }

::-webkit-input-placeholder {
  font-size: 8px; }

.searchboxPlaceholder::placeholder {
  color: #000000; }

.search-brand-icon-extended i.fa.fa-search,
.search-brand-icon-extended i.fa.fa-close {
  margin-left: -23px;
  color: #e5712a;
  margin-top: 14px !important;
  border-top: 0px solid #ffe0cc !important;
  border-bottom: 0px solid #ffe0cc !important;
  box-shadow: unset !important; }

input.searchboxPlaceholder {
  width: 240px;
  padding: 1em;
  padding-top: 9px;
  font-size: 10px;
  font-family: Chivo-Regular;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
  background-color: #f8fcff;
  height: 30px;
  border-left: solid 1px #E6E6E6;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: white; }

#searchBarBox_style1 {
  width: 24px;
  height: 14px;
  color: #0e90e1;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 23px;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
  background-color: #f8fcff;
  border-right: 1px solid #E6E6E6; }

#searchBarBox_style2 {
  width: 24px;
  height: 12px;
  color: #0e90e1;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 21px;
  background: #f8fcff;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: 1px solid #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }

#searchBarBox_without_excel {
  width: 24px;
  height: 12px;
  color: #0e90e1;
  z-index: 1;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 23px;
  background-color: #f8fcff;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: 1px solid #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }

input.suggestion-search-box {
  width: 140px;
  text-overflow: ellipsis;
  margin: 7px;
  overflow: hidden;
  font-size: 13px;
  font-family: "Barlow-Regular";
  border-style: none; }

.suggestion-search-box:hover {
  cursor: text; }

.div-class-list {
  max-height: 100px;
  width: 151px;
  overflow-y: scroll;
  position: absolute;
  background-color: white; }

.li-suggestion-listes, .li-suggestion-listes-overlay {
  display: block;
  cursor: pointer;
  margin: 12px;
  user-select: none; }

.suggestion-search-box::placeholder {
  border-radius: 2px;
  color: #333333;
  font-size: 13px;
  overflow: hidden;
  padding: 3px 3px 3px -2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  margin-left: 10px; }

.div-class-list li:hover {
  display: block;
  cursor: pointer;
  font-weight: bolder;
  color: #0e90e1;
  opacity: 1; }

.li-suggestion-listes-overlay {
  text-shadow: 0 0 black; }

.text-overlay .text {
  visibility: hidden;
  background-color: white;
  color: #030000;
  text-align: center;
  font-size: 11px;
  font-family: Chivo-Medium;
  border-radius: 4px;
  position: absolute;
  z-index: 1; }

.text-overlay:hover .text {
  bottom: -5px;
  left: 40em;
  visibility: visible; }

@media (min-width: 738px) and (max-width: 1370px) {
  .searchBarandIcon {
    display: flex;
    margin-right: 2px;
    justify-content: flex-end; } }

@media (min-width: 1440px) and (max-width: 1600px) {
  .searchBarandIcon {
    display: flex;
    margin-right: -18px;
    justify-content: flex-end; } }

@media (min-width: 1370px) and (max-width: 1440px) {
  .searchBarandIcon {
    display: flex;
    margin-right: -4px;
    justify-content: flex-end; } }

/**************Pimerce Blue Theme***************/

.emptyContentContainer {
  text-align: center;
  position: initial;
  padding: 90px;
  background-color: #ffffff;
  border: none; }

.gridgradeSku {
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }
  .gridgradeSku .emptyContentContainer {
    text-align: center;
    position: initial;
    padding: 1px;
    height: 8.8em;
    border: none; }

.emptyImageBlock {
  width: fit-content !important; }

.emptyMessageBlock {
  height: 40px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #003353;
  margin-top: 10px;
  text-align: center; }

/**************Pimerce Blue Theme***************/

.date-range-datevalue {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

@media (max-width: 1300px) {
  .date-range-datevalue {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #0e90e1;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px;
    cursor: pointer; } }

.date-range-datevalue-dashboard {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -16px;
  margin-bottom: 9px;
  margin-right: -16px;
  cursor: pointer; }

@media (max-width: 1300px) {
  .date-range-datevalue-dashboard {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #0e90e1;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -16px;
    margin-bottom: 8px;
    margin-right: -16px;
    cursor: pointer; } }

.datePickerMain {
  position: absolute; }

#calendarIcon {
  justify-content: center;
  display: flex;
  font-size: 40px; }

.date-range-value {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

.dateClick {
  position: initial;
  right: -42px;
  width: 75px;
  top: -10px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end; }

.dateRangePickerContainer {
  width: 260px;
  height: 42px;
  border-radius: 8px;
  background-color: #ffffff; }
  .dateRangePickerContainer .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainer input.inputfontstyle.form-control {
    margin-top: 5px; }

.dateRangePickerContainerClose {
  width: 230px;
  height: 47px;
  border: solid 1px #e9eff4;
  background-color: #ffffff;
  position: absolute;
  box-shadow: none; }
  .dateRangePickerContainerClose .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainerClose input.inputfontstyle.form-control {
    margin-top: 5px; }

.gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px; }

.subtab-2 .gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: none;
  top: 60px;
  margin-left: -4px; }

.gridDayPickerdropdownDown {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  bottom: 25em;
  position: sticky; }

.dateRangeDownPosition {
  position: sticky;
  z-index: 1000;
  background: #ffffff; }
  .dateRangeDownPosition .DayPicker-Day {
    border-radius: 0 !important; }
  .dateRangeDownPosition .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .dateRangeDownPosition .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

.gridDate .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.btn-outline-dark {
  color: #e5e5e5 !important; }
  .btn-outline-dark:hover {
    background: none !important; }

.inputfontstyle {
  font-size: 12px !important;
  border: none !important;
  background: none !important;
  color: #000000 !important;
  cursor: pointer;
  margin-top: 10px; }

.dropdownDateField {
  padding-right: 0px;
  border: none !important;
  font-family: Chivo-Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 110px !important;
  background: none !important;
  color: #000000 !important;
  margin-top: 12px;
  cursor: pointer;
  font-size: 12px !important; }
  .dropdownDateField:focus {
    box-shadow: none !important; }

.DayPicker-Day {
  display: table-cell;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-radius: 60%;
  vertical-align: middle;
  text-align: center;
  color: #353535;
  cursor: pointer; }

.DayPicker-Day--disabled {
  color: #A3A4A7 !important;
  cursor: default; }

.DayPicker-NavButton,
.DayPicker-wrapper {
  outline: none !important; }

.DayPicker-TodayButton {
  width: 20%;
  background-color: #e3f3ff;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-family: Chivo-Bold;
  margin-left: 1em;
  letter-spacing: inherit;
  margin-top: -13px;
  margin-right: 28px;
  float: right; }

.datePickerCalenderIcon {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 23px; }

.DayPicker-Month {
  width: -webkit-fill-available; }

.DayPicker-Caption {
  text-align: center;
  color: #637280; }
  .DayPicker-Caption > div {
    font-weight: 500;
    font-size: 0.8em; }

.date-range-filter-style .DayPicker-NavButton--prev {
  display: none !important; }

.date-range-filter-style .DayPicker-NavButton--next {
  display: none !important; }

.DayPicker-Weekdays {
  display: table-caption;
  background-color: #e3f3ff;
  margin-bottom: 10px; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  padding-right: 0.91em;
  padding-left: 1em;
  color: #353535;
  text-align: center;
  font-size: 14px; }

.selectable {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  position: relative;
  bottom: 7em;
  margin-left: 20em;
  box-shadow: 4px 6px 21px 4px #8080801c;
  border: 1px solid #8080801c; }
  .selectable .DayPicker-Day {
    border-radius: 0 !important; }
  .selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

@media screen and (max-width: 787px) {
  .selectable {
    justify-content: center;
    box-shadow: 0px -2px 2px -2px #e77d3b;
    z-index: 100;
    background: #ffffff;
    position: relative;
    bottom: -2em;
    margin-left: 0px;
    box-shadow: 4px 6px 21px 4px #8080801c;
    border: 1px solid #8080801c; }
    .selectable .DayPicker-Day {
      border-radius: 0 !important; }
    .selectable .DayPicker-Day--start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important; }
    .selectable .DayPicker-Day--end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important; } }

.gridDate.input-group.input-group-md {
  flex-wrap: inherit;
  width: 150px;
  cursor: pointer;
  margin-top: -8px; }

.highlightsWeeks {
  color: #f04848; }

.modalDatepicker {
  margin-top: 7px;
  margin-bottom: 40px; }

.datePickerDropButton {
  border: none !important;
  padding-bottom: 15px !important;
  margin-right: -5px; }

@media screen and (max-width: 991px) {
  .datePickerDropButton {
    border: none !important;
    padding-bottom: 0px !important;
    margin-right: -5px;
    margin-left: -47px; } }

.datePickerDropButton:hover {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:active {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:focus {
  box-shadow: none !important;
  outline: none !important; }

button.dateRangePickerDropButton.dropdown-toggle.dropdown-toggle-split.btn.btn-outline-dark.btn-sm {
  border: none;
  box-shadow: none; }

.gridDayPickerdropdown .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.selectable .DayPicker-Footer {
  padding-top: 21px; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: #9FDAFF !important;
  color: #A3A4A7 !important; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: #9FDAFF !important;
  color: #0C4475 !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.selected-days-export {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  position: absolute;
  left: 12%;
  margin-top: -29px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

.filter-date-range {
  width: 10px; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.export-date-dropdown {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-date-dropdown > div > div > div {
  width: 100px !important;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-date-dropdown .accordion-tab-style {
  padding: 0px; }

.export-date-dropdown .css-51nctc-control {
  height: 38px; }

.export-date-dropdown .css-1r3ozas-control {
  height: 38px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none; }

.filter-select-font-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

@media (max-width: 1300px) {
  .date-range-value {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #0e90e1;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

.date-range-filter-style .DayPicker-Day--selectedRangeStart {
  background-color: #0e90e1 !important; }

.date-range-filter-style .DayPicker-Day--selectedRangeEnd {
  background-color: #0e90e1 !important; }

.date-range-filter-style .DayPicker-Day--selectedRange {
  background-color: #E3F3FF !important; }

.year-style {
  position: relative;
  padding: 5px;
  border-radius: 0.3em;
  background-color: white;
  border-color: #A7ABAF !important; }

.month-style {
  position: relative;
  padding: 5px;
  left: -10px;
  border-radius: 0.3em;
  background-color: white;
  border-color: #A7ABAF !important; }

.date-range-filter-style .DayPicker-Day--hoverRange {
  background-color: #F3F3F3 !important; }

.date-range-filter-style .DayPicker-Day--selected {
  background-color: #9FDAFF !important; }

@media (max-width: 1300px) {
  .date-range-datevalue {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #0e90e1;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

.datePickerCalenderIcon-dashboard-export {
  margin-top: -26px;
  margin-left: 82px; }

.datePickerCalenderIcon-dashboard {
  margin-top: 23px; }

.date-range-datevalue-dashboard-excel {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  margin-bottom: 11px;
  margin-right: 7px;
  cursor: pointer; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.dashboard-version-two .panel-main-container {
  min-height: 88vh; }

.dashboard-version-two .dashboard-widgets-alignment {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.dashboard-version-two .btn-benchmark.dropdown .dropdown-toggle.btn.btn-primary {
  padding: 6px; }

.dashboard-version-two .p-tabview-panels {
  padding: 0px; }

.dashboard-version-two .p-tabview-selected {
  background: #ffff; }
  .dashboard-version-two .p-tabview-selected .p-tabview-title {
    color: #0e90e1 !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }

.dashboard-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  box-shadow: none !important;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding: 0.7rem; }

.dashboard-version-two .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-color: #0e90e1 !important; }

.dashboard-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
  background-color: #0e90e1 !important;
  height: 3px; }

.dashboard-version-two .p-tabview-title {
  color: #60666b !important;
  font-family: Chivo !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: 0em !important;
  text-align: center !important; }

.dashboard-version-two .msg-box-kpi .p-inline-message {
  min-height: 64px;
  height: auto !important; }

.dashboard-version-two .msg-box-kpi .card {
  border: 0px !important; }

.dashboard-version-two .msg-box-kpi .flex-column {
  gap: 2px !important; }

.dashboard-version-two .common-header-component {
  height: 40px !important; }
  .dashboard-version-two .common-header-component .page-title {
    font-family: Chivo;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left; }

.dashboard-version-two .variance-box.msg-box-container.msg-box-variance > div .p-inline-message.p-component.p-inline-message-info.p-inline-message-icon-only.w-full.justify-content-start {
  border-width: 1px 1px 1px 4px !important; }

.dashboard-version-two .msg-box-variance .p-inline-message {
  height: 38px !important; }

.dashboard-version-two .msg-box-variance .card {
  border: 0px !important; }

.dashboard-version-two .msg-box-variance .flex-column {
  align-self: center !important; }

.dashboard-version-two li.p-unselectable-text {
  border-right: 0px !important; }

.dashboard-version-two .db-tabview .p-tabview-nav-content {
  border: solid lightgrey !important;
  border-width: 0 0 1px 0 !important; }

.dashboard-version-two .pimerce-date-picker-button-text {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center; }

.dashboard-version-two .btn-benchmark > .dropdown-toggle.btn.btn-primary {
  display: flex;
  align-items: center; }

.dashboard-version-two .btn-benchmark button,
.dashboard-version-two .show > .btn-primary.dropdown-toggle {
  height: 40px;
  background-color: #fff;
  border-color: #a7abaf;
  border-radius: 8px;
  color: #212427; }
  .dashboard-version-two .btn-benchmark button span,
  .dashboard-version-two .show > .btn-primary.dropdown-toggle span {
    font-family: Chivo !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center; }

.dashboard-version-two .btn-benchmark button:hover {
  border: 1px #a7abaf solid !important;
  background-color: #dbdcdc !important;
  color: #212427 !important; }

.dashboard-version-two .dropdown-toggle::after {
  display: none !important; }

.dashboard-version-two .db-powersku {
  height: 40px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px #a7abaf solid !important;
  padding-left: 0.4rem !important; }
  .dashboard-version-two .db-powersku .filter-v2-textaligin-left {
    font-family: Chivo !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center; }

.dashboard-version-two .filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label {
  margin-right: 5px;
  vertical-align: inherit; }

.dashboard-version-two .pimerce-date-picker-button {
  margin-right: 0px; }

.dashboard-version-two .custom-switch {
  padding-left: 0.6rem; }

.dashboard-version-two .p-button.p-button-sm .p-button-icon {
  font-size: 1.4rem !important; }

.dashboard-version-two .p-button.p-button-sm {
  padding: 0.4rem; }

.dashboard-version-two .btn-region-dashboard.dropdown .btn-primary {
  background-color: transparent;
  border: 0px;
  border-color: #f2f2f2;
  color: #000; }

.dashboard-version-two .dashboardFilter-container {
  padding: 0px 10px; }

.dashboard-version-two .btn-region-dashboard.show.dropdown
> .dropdown-toggle.btn.btn-primary
> .dashboard-Regional-Button-Row.row {
  background-color: transparent;
  border: 0px; }

.dashboard-version-two .region-Button,
.dashboard-version-two .region-Button:hover {
  min-width: 136px;
  min-height: 35px;
  height: 40px;
  border-radius: 8px; }

.dashboard-version-two .div-benchmark {
  padding-right: 0.5rem !important; }
  .dashboard-version-two .div-benchmark .p-button.p-button-text:enabled:hover {
    border: 1px #a7abaf solid !important;
    background-color: #dbdcdc !important;
    color: #212427 !important; }

.dashboard-version-two .div-datefilter {
  padding-right: 0.5rem !important; }

.dashboard-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-width: 0px 0px 3px 0px !important;
  border-color: transparent transparent #a7abaf transparent; }

.dashboard-version-two .p-tabview .p-tabview-nav {
  border: none !important; }

.dashboard-version-two .dropdown-menu {
  width: 133px !important;
  box-shadow: 0px 0px 17px 0px #0000001a !important;
  background: #ffffff !important;
  left: -25px;
  padding: 8px !important;
  border-radius: 8px !important; }

.dashboard-version-two .field-radiobutton {
  align-items: center;
  padding: 0px 0px 0px 8px !important;
  margin-bottom: 0px !important; }

.dashboard-version-two .p-checkbox .p-checkbox-box {
  height: 20px;
  width: 20px;
  border-radius: 0px !important; }

.dashboard-version-two .benchmark-name {
  width: 77px;
  height: 40px;
  padding: 8px 8px 8px 12px; }

.dashboard-version-two .p-checkbox .p-checkbox-box.p-highlight {
  background-color: #0e90e1 !important; }

.dashboard-version-two .dashboardFilter-container .p-radiobutton .p-radiobutton-box.p-highlight {
  background: #fff !important; }

.dashboard-version-two .filters-container .btn-region-dashboard.show.dropdown .dropdown-menu {
  width: auto !important; }

.dashboard-version-two .common-header-component .btn-region-dashboard {
  width: auto !important;
  padding: 10px; }

.dashboard-version-two .db-region-label-col.col {
  padding: 5px; }

.dashboard-version-two .region-Button-active,
.dashboard-version-two .region-Button {
  font-family: Chivo !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  letter-spacing: 0em !important;
  text-align: center !important;
  border: 1px solid #a7abaf !important;
  border-radius: 8px !important;
  min-width: 120px !important;
  max-width: fit-content !important;
  min-height: 40px !important;
  height: 40px !important; }

.dashboard-version-two .region-Button-active:hover,
.dashboard-version-two .region-Button:hover {
  border: 1px #a7abaf solid !important;
  background-color: #dbdcdc !important;
  color: #212427 !important;
  font-family: Chivo !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  letter-spacing: 0em !important;
  text-align: center !important;
  border-radius: 8px !important;
  min-width: 120px !important;
  max-width: fit-content !important;
  min-height: 40px !important;
  height: 40px !important; }

.dashboard-version-two .export-icon {
  cursor: pointer; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.common-header-component {
  align-items: center; }
  .common-header-component .page-title {
    font-size: 24px;
    font-weight: 700;
    color: #212427; }
  .common-header-component .btn-container {
    display: flex; }
  .common-header-component .filters-container {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .btn-component {
    height: 40px;
    padding: 0 11px;
    border: 1px solid;
    border-color: #a7abaf;
    border-radius: 8px;
    color: #212427cc;
    margin-right: 15px; }
  .common-header-component .p-button.p-component.btn-component:hover {
    padding: 0 11px;
    border: 1px solid;
    background-color: #c3c3c3cc !important;
    border-color: #a7abaf;
    color: #212427cc; }
  .common-header-component .icon-container {
    display: flex;
    padding: 5px 15px;
    border-left: 1px solid #b9b9b9; }
    .common-header-component .icon-container .pi-user {
      margin-top: 3px !important; }
  .common-header-component .icon-container i {
    font-size: 24px; }
  .common-header-component .icon-container i:not(:last-child) {
    margin-right: 15px; }
  .common-header-component .icon-container .header-flag-icon {
    position: unset;
    display: block; }
  .common-header-component .date-picker-container {
    position: absolute;
    z-index: 999;
    border-radius: 8px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 1.5px 10px 3.5px #ECECEC;
    border-color: #A7AbAf; }
  .common-header-component .btn-region-dashboard {
    width: 150px;
    height: 40px;
    padding: 0px;
    gap: 4px;
    border: 1px solid #A7ABAF;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    margin-left: 15px; }
    .common-header-component .btn-region-dashboard .dropdown-menu {
      inset: 0px -15% auto auto !important; }
  .common-header-component .dashboard-Regional-Button-Row {
    margin-top: 0px;
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .global-Icon-Img {
    bottom: 4px;
    position: unset; }
  .common-header-component .db-global-icon-col {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .db-region-label-col {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0px 30px; }
  .common-header-component .region-btn-label {
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 0px; }
  .common-header-component .btn-region-dashboard:hover {
    border: 1px solid #A7ABAF !important;
    background-color: #DBDCDC !important;
    color: #000000 !important; }
  .common-header-component .filters-container .filter-v-two .p-button-icon {
    font-size: 18px;
    margin-right: 8px;
    color: #000000; }

/**************Pimerce Blue Theme***************/

.flagCircleIcon {
  width: 24px;
  height: 24px;
  object-fit: cover;
  cursor: default;
  border: 1px solid white;
  border-radius: 1em;
  margin-right: 15px; }

.flag-icon-div-style {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 1px;
  margin-bottom: 3px; }

.profile-info-icon-style {
  width: 23px;
  height: 23px;
  margin: 20px 21px 16px 10px;
  cursor: pointer; }

.support-link-style {
  position: relative;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-left: 22px;
  padding-top: -2px;
  width: 91px;
  height: 28px;
  margin-top: 17px; }

.support-link-Text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  padding: 20px; }

.support-icon-style {
  margin-right: 30px; }

.bkbtnalignment {
  border-radius: 19.5px;
  background-color: #e3f3ff;
  color: #0e90e1;
  width: 100px; }

.bkbtnalignmentDiv {
  display: flex;
  flex: inherit;
  margin-top: -5px; }

/**************Pimerce Blue Theme***************/

.content-font-medium {
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-bottom: 10px; }

.content-font-regular-bold {
  font-size: 12px;
  font-weight: 600;
  font-family: Chivo-Regular; }

.content-font-regular {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular; }

.no-content {
  text-align: center; }

#content-dock ::-webkit-scrollbar {
  display: none; }

.support-ticket-icon {
  width: 21px;
  float: right;
  margin-right: 40px;
  margin-top: -22px; }

.support-ticket-tooltip {
  position: relative;
  display: inline-block;
  float: right;
  top: 23px; }

.support-ticket-tooltip .support-ticket-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #0e90e1;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 3px;
  position: absolute;
  z-index: 1;
  top: -26px;
  right: 111%; }

.support-ticket-tooltip .support-ticket-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #0e90e1; }

.support-ticket-tooltip:hover .support-ticket-tooltiptext {
  visibility: visible; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker-dropdown {
  justify-content: center;
  margin-top: 20px; }

.pimerce-date-picker-dropdown .css-yk16xz-control {
  border-color: #A7ABAF;
  border-radius: 8px; }

.pimerce-date-picker-dropdown .css-yk16xz-control .css-1hwfws3 {
  justify-content: center; }

.pimerce-date-picker-dropdown .css-tlfecz-indicatorContainer .css-19bqh2r {
  width: 20px;
  color: #212427; }

.pimerce-date-picker-month-dropdown {
  font-size: 12px; }

.pimerce-date-picker-month-dropdown .css-1uccc91-singleValue {
  text-transform: uppercase;
  text-overflow: initial; }

.pimerce-date-picker-dropdown .css-1n7v3ny-option {
  background-color: #DBDCDC; }

.pimerce-date-picker-dropdown ::-webkit-scrollbar-thumb {
  background: #A7ABAF !important; }

.pimerce-date-picker-dropdown .col-md-4 {
  flex: 0 0 40%;
  max-width: 40%; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker-toggle .toggle-selected-tab {
  color: #0E90E1;
  border-bottom: 2px solid #0E90E1;
  cursor: pointer;
  display: flex;
  justify-content: center; }

.pimerce-date-picker-toggle .toggle-unselected-tab {
  border-bottom: 2px solid #A7ABAF;
  cursor: pointer;
  display: flex;
  justify-content: center; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker .DayPicker {
  display: block; }

.pimerce-date-picker .DayPicker-Weekdays {
  display: table-header-group;
  background-color: #E7F6FF; }

.pimerce-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #0E90E1;
  color: #ffffff; }

.pimerce-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #0E90E1; }

.pimerce-date-picker .DayPicker-Day--outside {
  color: #A3A4A7;
  cursor: default; }

.pimerce-date-picker .DayPicker-Caption > div {
  display: none; }

.pimerce-date-picker .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #DBDCDC; }

.pimerce-date-picker-component {
  position: absolute;
  z-index: 999;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 1.5px 10px 3.5px #ECECEC;
  border-radius: 8px;
  border-color: #A7ABAF; }

.pimerce-date-picker-button {
  height: 40px;
  background-color: #fff;
  border-color: #A7ABAF;
  border-radius: 8px;
  color: #212427;
  margin-right: 15px; }

.pimerce-date-picker-button:not(:disabled):not(.disabled):active {
  background-color: #DBDCDC;
  border-color: #A7ABAF;
  color: #212427; }

.pimerce-date-picker-button:hover {
  background-color: #DBDCDC !important;
  border-color: #A7ABAF !important;
  color: #212427 !important; }

.pimerce-date-picker-icon {
  height: 24px;
  width: 24px;
  padding-right: 4px;
  margin-right: 4px; }

.pimerce-date-picker-button-text {
  height: 14px;
  width: 27px;
  font-size: 12px;
  font-weight: 400; }

.pimerce-date-picker-button.pimerce-date-picker-active {
  border-color: #0E90E1; }

.pimerce-date-picker .DayPicker-Months {
  font-size: 14px; }

.pimerce-date-picker .DayPicker-Weekday {
  padding: 0.55em 0;
  width: 44.5px;
  height: 35px; }

.pimerce-date-picker .DayPicker-Day {
  padding: 0;
  padding-bottom: 0;
  height: 41px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.reload-card-container {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .reload-card-container .reload-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .reload-card-container .card-body {
    flex: none; }
  .reload-card-container .reload-loading-spinner {
    animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .reload-card-container .card-img {
    width: unset; }
  .reload-card-container .reload-header {
    border: none;
    background-color: transparent;
    display: none; }
  .reload-card-container .reload-footer {
    border: none;
    background-color: transparent;
    display: none; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.modal-content-filter-v2 {
  width: 400px; }

.filter-v2-textaligin-left {
  text-align: left; }

.filter-v2-textaligin-right {
  text-align: right; }

.filter-selection-no-option-text {
  color: #60666B;
  font-size: 12px;
  font-weight: 400; }

.modal-content-filter-v2 .modal-content {
  border: none;
  border-radius: 8px;
  overflow: hidden; }

.modal-content-filter-v2 .modal-header {
  height: 57px; }

.modal-content-filter-v2 .p-highlight {
  background: none !important; }

.header-title-value {
  font-size: 24px;
  font-weight: 600;
  color: #212427; }

.filter-v2-header {
  font-size: 14px;
  text-align: center; }

.filter-v2-powersku-container {
  border: none; }

.filter-v2-box-container {
  border: none;
  border-top: 1px solid #DADBDC;
  border-radius: 0;
  background: none; }

.modal-content-filter-v2 *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.filter-v2-selection-container {
  height: 330px;
  overflow: scroll;
  overflow-x: auto; }

.modal-content-filter-v2 *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.filter-v2-powersku-text {
  font-size: 14px;
  font-family: 'Chivo-Medium';
  color: #212427; }

.filter-v2-box-container .accordion-tab-style .p-accordion-header-text {
  font-size: 14px;
  color: #212427;
  font-family: 'Chivo-Medium';
  font-weight: 400; }

.filter-v2-box-container .filter-search {
  border-radius: 4px !important;
  height: 40px; }

.filter-v2-box-container .filter-v2-search-icon {
  color: #212427 !important;
  font-weight: 600; }

.filter-v2-box-container .p-input-icon-left.p-float-label > input:focus ~ label, .filter-v2-box-container .p-float-label input.p-filled ~ label {
  top: -1rem; }

.filter-v2-box-container .p-accordion-header {
  padding-left: 1rem;
  padding-right: 1rem; }

.filter-v2-reset-button.btn.btn-primary {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #0e90e1;
  border: none;
  transition: none; }

.filter-v2-reset-button.btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #0e90e1;
  text-decoration: none;
  border: none; }

.filter-v2-reset-button.btn.btn-primary:disabled {
  background-color: white;
  height: 40px;
  font-size: 16px;
  text-decoration: none;
  color: #0e90e1;
  border: none; }

.filter-v2-reset-button.btn.btn-primary:hover {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #0e90e1;
  border: none; }

.filter-v2-apply-button {
  font-size: 16px;
  height: 40px;
  background-color: #0e90e1;
  color: white;
  border: none;
  border-radius: 8px; }

.filter-v-two {
  position: relative;
  overflow: visible; }
  .filter-v-two .filter-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 18px;
    height: auto;
    line-height: 18px;
    padding: 0 4px;
    background-color: #0E90E1;
    color: #fff; }

.filter-v2-box-container .dataview-mulitsort {
  height: 40px;
  display: flex; }

.filter-v2-box-container .dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 20px;
  height: 20px; }

.filter-v2-box-container .dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 12px;
  height: 12px; }

.filter-v2-box-container .Radiobutton-allignment {
  padding-left: 18px;
  padding-bottom: 2px; }

.filter-v2-box-container .filter-items-container .field-radiobutton {
  width: 100%; }

.filter-v-two.filter-active-border {
  border-color: #0E90E1; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label {
  width: 39px;
  height: 24px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label::before {
  left: 0;
  width: 39px;
  height: 24px;
  pointer-events: all;
  border-radius: 75px;
  cursor: pointer;
  border: #60666B solid 1.5px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label::after {
  top: 10px;
  left: 7px;
  width: 12px;
  height: 12px;
  background-color: #60666B;
  transition: 0.3s; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label:hover:after {
  transition: 0.3s;
  top: 6px;
  left: 1px;
  width: 21px;
  height: 21px;
  background-color: #60666B;
  border-radius: 40px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF;
  width: 18px;
  height: 18px;
  border-radius: 40px;
  top: 7px;
  left: 6px;
  transition: 0.3s; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label:hover::after {
  transition: 0.3s;
  left: 4px;
  width: 21px;
  height: 21px;
  top: 6px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: unset; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0E90E1;
  border: unset; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:hover {
  box-shadow: 0px 0px 0px 9px #DBDCDC; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-highlight),
.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border: 2px solid #696e73; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  box-shadow: unset;
  border-color: #0E90E1; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  box-shadow: 0px 0px 0px 9px #DBDCDC;
  background: #DBDCDC; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):active {
  box-shadow: 0px 0px 0px 9px #CACACB; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #0E90E1; }

.filter-checkbox.common-filter-style {
  top: 3px !important; }

/**************Pimerce Blue Theme***************/

#global-selection-filter .region-Button,
#global-selection-filter .region-Button:hover {
  background: #ffffff;
  color: #000000;
  border-color: #0e90e1;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

#global-selection-filter button.region-Button.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ffffff;
  border-radius: 0px;
  color: #000000;
  border-color: #0e90e1; }

#global-selection-filter button.region-Button-active.btn.btn-primary {
  background-color: #e3f3ff !important;
  color: #000000 !important;
  border-color: #0e90e1;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

#global-selection-filter .btn-label {
  margin-top: 7px;
  font-size: 12px;
  cursor: pointer; }

#global-selection-filter .market-labels, #global-selection-filter .market-labels-active {
  margin-top: 2px;
  font-size: 11px;
  cursor: pointer;
  font-family: Chivo-Medium; }

#global-selection-filter .market-labels-active {
  color: #0e90e1; }

#global-selection-filter .dashboardFilter-card {
  margin-top: -10px;
  min-height: 270px;
  min-width: fit-content;
  max-width: 796px;
  max-height: max-content;
  border-radius: 0px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  padding: 0 10px 10px 10px; }

#global-selection-filter .dashboardFilter-container {
  padding: 0px 16px; }
  #global-selection-filter .dashboardFilter-container div.region-container {
    padding: 0px 10px; }
    #global-selection-filter .dashboardFilter-container div.region-container .marketList {
      margin: 20px 0px; }
    #global-selection-filter .dashboardFilter-container div.region-container .market-label-size {
      padding: 1.25rem; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.data-not-available-card {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .data-not-available-card .heading-msg {
    font-family: Chivo-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block; }
  .data-not-available-card .content-msg {
    margin-top: -9px;
    font-family: Chivo-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .data-not-available-card .card-body {
    flex: none; }
  .data-not-available-card .data-not-available-header {
    background-color: transparent;
    border: none;
    display: none; }
  .data-not-available-card .data-not-available-footer {
    background-color: transparent;
    border: none;
    display: none; }

.alert-box-title {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.alert-box-title-link {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  font-weight: 700; }

.pt-panel-active-cls {
  background: #ffff; }
  .pt-panel-active-cls .p-tabview-title {
    color: #0e90e1 !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .pt-panel-active-cls .p-tabview-nav li {
    border-right: 0px !important; }

.pt-panel-cls .p-tabview-nav li {
  border-right: 0px !important; }

.p-tabview-title {
  color: #60666b !important;
  font-family: Chivo !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: 0em !important;
  text-align: center !important; }

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #0e90e1;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #0e90e1; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0E90E1;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #0e90e1;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #0e90e1;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #0e90e1; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #0E90E1;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #0e90e1;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #0e90e1; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #0e90e1; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #0E90E1;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #0E90E1; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #0E90E1;
  background: #0E90E1; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #0E90E1 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #0E90E1 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #0E90E1; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 145px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #0E90E1 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

.headerText {
  margin-top: -2px;
  font-family: Chivo-Bold;
  font-size: 16px;
  font-stretch: normal;
  margin-left: 0px;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.05px;
  color: #3a3b3f;
  padding-left: 20px; }

text.current-value {
  visibility: hidden; }

.dashboard-Regional-Button,
.dashboard-Regional-Button:hover {
  font-size: 14px;
  letter-spacing: normal;
  float: right;
  width: 227px;
  height: 55px;
  color: #000000;
  margin: -8px -18px 18px -40px;
  padding: 10px 20px;
  border-radius: 0px;
  border: none;
  box-shadow: 0 -4px 24px 0 rgba(236, 236, 236, 0.5) !important;
  background-color: var(--white); }

button.dashboard-Regional-Button.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--white);
  border-radius: 0px;
  border: none;
  color: #000000; }

.defaultStyle-Container {
  background: #f4f8f9;
  cursor: default;
  height: inherit; }

.dashboard-container {
  display: contents; }

.global-dashboard-container-style {
  display: flex;
  justify-content: space-between;
  margin-top: -15px; }

.retailer-chart-container {
  margin: 0px 0px 30px 0px;
  background-color: #ffffff; }

.sos-chart-block {
  height: 278px;
  margin: 18px 2px 0px 10px; }

.sos-chart-colorScaleContainer {
  height: 73px;
  border-radius: 6px;
  box-shadow: 0 4px 4px 0 rgba(230, 230, 230, 0.45);
  background-color: #ffffff;
  margin: 5px 49px 40px 54px; }

.sosinTreeMap {
  font-family: Chivo-Bold;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.05px;
  color: #212529;
  margin: 16px 0px 0px 4px; }

.pricing-chart-container {
  margin: -5px -15px 20px 0px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.tile-block {
  background: transparent;
  border: none;
  position: absolute;
  top: 2.5em; }

.tile-heading {
  height: 16px;
  font-family: Chivo-Bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0d0d0d;
  margin-top: 0px;
  margin-bottom: 20px; }

.cardDefault {
  width: fit-content !important; }

.tile-percentage {
  height: 48px;
  font-family: Chivo-Medium;
  font-size: 35px;
  font-stretch: normal;
  font-style: normal;
  display: flex;
  line-height: 1.14;
  letter-spacing: normal;
  color: #0e90e1;
  margin-top: 0px;
  margin-bottom: 20px; }

.tile-trend {
  height: 30px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #003353; }

.image-box, .loadingimage-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.loadingimage-box {
  height: 175px;
  margin-right: -15px; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2.25rem;
  cursor: pointer; }

.noData_Style {
  height: 40px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.dottedLine {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  height: 191px;
  margin-top: 2em;
  margin: 0;
  border-left: 2px dashed #ff6c40; }

#button-tooltip_dottedline .tooltip-inner {
  color: #000000;
  background: #ffffff; }

.dottel_line_container {
  display: flex;
  justify-content: center;
  width: 10px; }

.popover .arrow::after {
  display: none; }

.popover .arrow::before {
  display: none; }

.sos-tooltip-header {
  font-family: Chivo-Bold;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.sos-tooltip-title {
  font-family: Chivo-Bold;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.spinnerBlockDashBoard {
  text-align: center;
  position: initial;
  padding: 100px;
  color: #0e90e1;
  margin-top: 39px; }

.spinner {
  color: #0e90e1;
  margin-top: 39px; }

.wrapper {
  background: #f4f8f9;
  display: content;
  background: #f4f8f9; }
  .wrapper .hamburger {
    position: relative;
    float: right;
    margin-right: 250px;
    margin-top: -122px;
    cursor: pointer; }
  .wrapper .sidebar {
    z-index: 999;
    position: absolute;
    top: 0px;
    background: #0d8bdf;
    background: linear-gradient(90deg, #0d8bdf 23%, white 24%);
    width: 282px;
    height: 116%;
    transition: all 0.3s ease; }
    .wrapper .sidebar li a {
      display: block;
      padding: 20px;
      color: #ffffff;
      position: relative;
      margin-bottom: 1px;
      color: #92a6e2;
      white-space: nowrap; }
      .wrapper .sidebar li a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: #92a6e2;
        display: none; }
      .wrapper .sidebar li a span.icon {
        margin-right: 10px;
        display: inline-block; }
      .wrapper .sidebar li a:hover {
        background: #4360b5;
        color: #ffffff; }
        .wrapper .sidebar li a:hover:before {
          display: block; }
    .wrapper .sidebar li a.active {
      background: #4360b5;
      color: #ffffff; }
      .wrapper .sidebar li a.active:before {
        display: block; }
  .wrapper .main_container {
    margin-top: -12px;
    margin-left: 75px;
    padding-right: 15px;
    transition: all 0.3s ease; }
    .wrapper .main_container .item {
      margin-bottom: 10px;
      margin-top: 15px;
      margin-top: 12px;
      padding: 15px;
      font-size: 14px;
      line-height: 22px; }

.wrapper.collapse .hamburger i#closeIcon {
  transform: rotate(184deg) !important; }

.wrapper.collapse .sidebar {
  width: 40px;
  height: 900px; }
  .wrapper.collapse .sidebar ul li a {
    text-align: center; }
    .wrapper.collapse .sidebar ul li a span.icon {
      margin: 0; }
  .wrapper.collapse .sidebar a span.title {
    display: none; }
  .wrapper.collapse .sidebar a span.expandIcon {
    display: none; }
  .wrapper.collapse .sidebar span.title {
    display: none; }
  .wrapper.collapse .sidebar span.expandIcon {
    display: none; }

.wrapper.collapse .main_container {
  width: 100%;
  margin-left: 70px; }

.dashboard-chartStyleClass {
  margin-left: -22px;
  margin-bottom: -25px;
  position: relative;
  margin-right: -25px; }

.dashboard-graphHeaderStyle {
  padding-top: 3px;
  margin-left: -15px; }

.dashboard-treemapchartStyle {
  height: 216px;
  top: 36px;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px;
  padding-right: 10px;
  cursor: context-menu; }

.dashboardTilesReload {
  text-align: center;
  padding: 17px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border: #ffffff;
  max-height: 103em;
  height: 170px;
  padding-top: 30px;
  color: #003353; }

.Search-treemap-reload, .inventory-treemap-reload {
  padding: 121px;
  color: #003353;
  padding-left: 405px;
  font-family: Chivo-Medium;
  font-size: medium;
  padding-left: 550px; }

.superCategoryDashboardDropDown > div > div > div > div {
  max-width: 160px;
  padding-left: 4px; }

.superCategoryDashboardDropDown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 150px; }

.superCategoryDashboardDropDown.css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 75px; }

.superCategoryDashboardDropDown .css-12jo7m5 {
  border-radius: 2px;
  font-size: 115%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box; }

.superCategoryDashboardDropDown-hide {
  display: none; }

.superCategory-dropdown {
  margin-left: 0px;
  margin-top: 5px; }

.searchable-fliter-col {
  margin-left: -2px;
  height: 66px; }

.searchable-fliter-col-hidden {
  display: none; }

.circle-equal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%; }
  .circle-equal:after {
    position: absolute;
    content: "\003D";
    left: 35%;
    color: #ffffff; }

.circle-toparrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: rotate(360deg); }
  .circle-toparrow:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
    transform: translateX(-50%) translateY(-85%); }

.circle-bottomarrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: rotate(180deg); }
  .circle-bottomarrow:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
    transform: translateX(-50%) translateY(-85%); }

.loadingspinner-centeralign {
  margin: auto; }

.dashboard-Regional-Button-Row {
  margin-top: 8px; }

.global-Icon-Img {
  float: left;
  display: flex;
  position: absolute;
  bottom: 7px; }

.dashboard-searchRetailerWiseAnalysis {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-keyword-Category-Lists {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-inventory-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-pricing-compliance {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-rating-summary,
.dashboard-reviews-summary,
.dashboard-paid-reviews-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-treemapbg-sokc {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: -15px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 0px; }

.dashboard-treemapbg-sos {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: -15px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 1px; }

.dashboard-treemapbg-inv {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 0px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 1px; }

.emptyColumn {
  border-right: solid 2px #c2d5e5 !important;
  border-bottom: none !important;
  background-color: #FFFFFF; }

.submoduleValueStyle {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
  border-radius: 2px; }

.emptyCellStyle {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
  border-radius: 2px;
  background-color: #E9E9E9; }

.newDashboard {
  margin-bottom: 10em; }
  .newDashboard tr.activeRow {
    height: 3rem !important; }
  .newDashboard tr.non-activeRow {
    height: 3rem !important; }
  .newDashboard th.commonHeader {
    color: #002C59;
    font-size: 14px;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderTrust {
    color: #F9837C;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderAssortment {
    color: #8EB272;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderSearch {
    color: #4500D9;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.emptyHeaderCell {
    text-align: center;
    border-right: solid 2px #c2d5e5 !important;
    background-color: #FFFFFF;
    width: 200px;
    margin-left: 0;
    margin-right: 0;
    top: -1px !important; }
  .newDashboard th.ratingsClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.reviewsClass {
    text-align: center;
    width: 157px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important; }
  .newDashboard th.availabilityClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.priceClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 0px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.searchClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.dsi-header-style {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.contentClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.perfectTitleClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.perfectImageClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.aScoreClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.videoClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard .emptyHeaderCellDiv {
    text-align: left;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default; }

.headerBottomLineStyleDsi, .header-bottom-line-style-width-include {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #4500D9; }

.header-bottom-line-style-width-include {
  width: 160px; }

.headerBottomLineStyleSearch {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #4500D9; }

.headerBottomLineStyleContent {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #04B049; }

.headerBottomLineStyleAvailability {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #F37C10; }

.headerBottomLineStylePrice {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #F37C10; }

.headerBottomLineStyleRatings {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #E30F77; }

td#columnBorder {
  padding: 3px;
  border-right: solid 2px #c2d5e5;
  background-color: #FFFFFF !important; }

div#subModuleId {
  cursor: pointer; }

div#subModuleIdCursor {
  cursor: text; }

.textSpace {
  margin-left: 10px; }

.searchable-dropdown-filter {
  height: 68px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  padding-left: 0px;
  margin-left: -29px;
  margin-top: 0px;
  width: 229px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }
  .searchable-dropdown-filter .css-10u4t4s-control {
    box-shadow: none; }

.superCategory-Searchable-Dropdown-Col {
  display: none; }

.prime-row {
  padding-left: 13px; }

.prime-col {
  padding: 0px; }

.summary-loader {
  min-height: 520px; }

.dashboard-gridLoadingStyle {
  margin-top: 194px;
  margin-bottom: 194px;
  color: #637280; }

.dynamic-table {
  margin-right: -12px; }

.retailer-img-style {
  width: 30px;
  height: 29.5px; }

.retailer-img-withoutStyle {
  margin: 0px 10px 0px 84px; }

.newDashboard-grid-container-style {
  max-height: 539px;
  overflow-y: scroll;
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  display: flex; }

.info_icon_style {
  position: absolute;
  bottom: 20px;
  right: 1em; }

.summaryDashboardInfoStyles {
  position: absolute;
  right: 37px;
  margin-top: -28px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1;
  margin-bottom: 15px; }

.gradBoxStyleDashboard {
  left: -222px;
  bottom: -185px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  position: absolute;
  width: max-content;
  margin: 0px 0px 20px 0px;
  padding: 20px 20px 0px 30px;
  border-radius: 0px;
  background-color: var(--white);
  min-width: max-content; }

.newDashboard-gradBoxStyleDashboard {
  right: 41px;
  bottom: 18px;
  background: #0e90e1;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  max-width: 50%;
  position: absolute;
  width: max-content; }

.newDashboard-infoIcon2 {
  object-fit: contain;
  width: 21px;
  position: absolute;
  right: 1em;
  margin-top: -1px; }

.dashboard-info-text-header {
  font-family: Chivo-Bold;
  font-size: 12px;
  color: white; }

.dashboard-info-content-text {
  font-family: Chivo-Regular;
  font-size: 12px;
  color: white; }

.new-dashboard-ruleCardData {
  list-style: None;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
  margin-bottom: 4px; }

.dashboard-empty-col-header {
  text-align: center;
  border-right: solid 2px #c2d5e5 !important;
  background-color: #FFFFFF;
  text-align: center;
  width: 1em;
  left: -1px;
  padding: 14px !important; }

.support-ticket-icon {
  width: 21px;
  float: right;
  margin-right: 40px;
  margin-top: -22px; }

.support-ticket-tooltip {
  position: relative;
  display: inline-block;
  float: right;
  top: 23px; }

.support-ticket-tooltip .support-ticket-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #0e90e1;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 3px;
  position: absolute;
  z-index: 1;
  top: -26px;
  right: 111%; }

.support-ticket-tooltip .support-ticket-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #0e90e1; }

.support-ticket-tooltip:hover .support-ticket-tooltiptext {
  visibility: visible; }

.submit-button .btn-primary:not(:disabled):not(.disabled):active {
  background: #0e90e1;
  color: #FFF; }

.cancel-button .btn-primary:not(:disabled):not(.disabled):active {
  background: #0e90e1;
  color: #FFF; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.card-container-v-two {
  width: 100%;
  border: none;
  justify-content: center;
  flex-direction: column; }
  .card-container-v-two .title-container {
    display: flex;
    align-items: start;
    justify-content: center;
    justify-items: center;
    flex-direction: column;
    padding: 0;
    min-width: 20%;
    width: auto; }
  .card-container-v-two .action-container {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
    width: auto;
    min-width: 80%; }
  .card-container-v-two .title-icon {
    margin-left: 16px;
    display: flex;
    align-items: center;
    font-size: 24px; }
  .card-container-v-two .title {
    margin: 0;
    font-size: 16px;
    font-weight: bold; }
  .card-container-v-two .sub-title {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px; }
  .card-container-v-two .action-list {
    padding: 8px 0px 8px 16px; }
  .card-container-v-two .sort-list {
    border: 1px solid #a8a8a8;
    border-radius: 10px;
    display: flex;
    align-items: center; }
  .card-container-v-two .sort-list .filter-btn {
    margin-right: 15px; }
  .card-container-v-two .action-list.search-container {
    width: 30%;
    min-width: 426px;
    height: 100%; }
  .card-container-v-two .action-list.sort-container {
    width: 17.5%;
    min-width: 190px; }
  .card-container-v-two .export-icon {
    cursor: pointer;
    margin-left: 12px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.p-autocomplete-panel .p-autocomplete-items-wrapper .p-autocomplete-items .p-autocomplete-item.p-highlight, .p-autocomplete-item .p-highlight {
  color: #000 !important;
  background: rgba(218, 219, 220, 0.84) !important;
  margin: 5px 5px;
  padding: 0.25rem 0.7rem;
  border: 0 none;
  border-radius: 8px;
  font-family: 'Chivo-Regular';
  font-size: 13px; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #000 !important;
  background: #EEF2FF; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  border-radius: 8px;
  color: #000 !important;
  background: rgba(218, 219, 220, 0.46) !important; }

.p-autocomplete .p-autocomplete-loader {
  display: none; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 5px 2px;
  padding: 0.25rem 0.7rem;
  border: 0 none;
  color: #000;
  background: transparent;
  border-radius: 0;
  font-family: Chivo-Regular;
  font-size: 13px; }

.p-autocomplete-item {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: wrap; }

.p-autocomplete-panel {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px;
  border: 1px solid #777C82;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 0px solid !important;
  z-index: 1 !important;
  overflow: auto;
  box-shadow: 0px 0px 0px;
  max-width: min-content;
  overflow-x: hidden;
  padding: 4px 0px 10px;
  margin-top: -4px; }

.p-autocomplete-items-wrapper {
  border-top: 1px solid #cfcfcf;
  overflow: auto; }

::-webkit-scrollbar-thumb:hover {
  background: #555; }

.p-autocomplete-panel .p-autocomplete-items {
  padding: 0.05rem 0.09rem; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-button {
  background: transparent;
  height: 8px; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-track-piece, .p-autocomplete-items-wrapper::-webkit-scrollbar-track {
  background: transparent !important; }

.p-autocomplete-panel .p-component .p-ripple-disabled .p-connected-overlay-enter-done {
  max-width: 100%;
  transform-origin: center top;
  top: 78px !important;
  left: 842px !important;
  min-width: 100%; }

.version2-search-brand-icon {
  margin: 0px;
  width: 100%; }

.p-inputtext-left {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-left: 36px;
  padding-right: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-autocomplete-panel.p-component.p-connected-overlay-enter-done:has(ul:empty) {
  display: none; }

.p-inputtext-left-with-text {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  border-top: 1px solid #777C82 !important;
  border-left: 1px solid #777C82 !important;
  border-right: 1px solid #777C82 !important;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-inputtext-right {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-right: 30px;
  padding-left: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-inputtext-right-with-text {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top: 1px solid #777C82 !important;
  border-left: 1px solid #777C82 !important;
  border-right: 1px solid #777C82 !important;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-right: -8px;
  padding-right: 30px;
  padding-left: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset;
  outline: 0 none;
  outline-offset: 0; }

.auto-suggestion-search-container-left {
  width: 100%;
  margin-right: -10px; }

.auto-suggestion-search-container-lefticon {
  width: 100%;
  justify-content: flex-end;
  display: flex; }

.auto-suggestion-search-container-right {
  width: 100%;
  overflow: hidden;
  min-height: 40px;
  position: relative;
  top: 0;
  left: 0; }

.autosuggestion-card .p-autocomplete {
  top: 8px;
  height: 100%;
  left: 8px; }

.p-inputtext {
  border-radius: 6px;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: -8px;
  margin-left: -8px;
  width: 100%;
  max-width: unset;
  color: #212427;
  font-family: Chivo-Regular; }

.search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-left: 3px; }

.auto-suggestion-search {
  cursor: pointer !important; }

.search-bar-boxing-search-icon-right {
  margin-left: -23px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.search-bar-boxing-search-icon-left {
  margin-right: -23px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.search-icon-left {
  margin-right: 0px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.auto-suggestion-search-container-right .p-inputtext:enabled:focus,
.auto-suggestion-search-container-right .p-inputtext:enabled,
.auto-suggestion-search-container-right .p-inputtext:hover {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem transparent;
  border-color: #777C82;
  padding-right: 30px; }

.fa-search:before {
  font-size: 16px; }

.p-autocomplete {
  display: inline-flex;
  width: 100% !important;
  position: relative; }

.p-autocomplete-items-wrapper {
  max-height: 275px; }

.autosuggestion-card ::placeholder {
  font-size: 12px; }

.search-bar-boxing {
  position: relative;
  z-index: 0;
  width: 20px;
  cursor: pointer;
  margin-left: 3px; }

.search-bar-close {
  position: relative;
  z-index: 0;
  width: 20px;
  cursor: pointer;
  right: 9px;
  top: 11px;
  background: #fff;
  position: absolute; }

.searchboxHeader {
  height: 45px !important;
  margin-top: -50px;
  background: transparent !important;
  border: 0px; }

.searchboxBody {
  padding: 0px; }

.auto-suggestion-container {
  position: relative; }

.autosuggestion-card {
  display: flex;
  margin-top: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent;
  width: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2; }

.autosuggestion-card.show-autosuggestion {
  opacity: 1;
  width: 100%;
  z-index: 1;
  transition: width 1s; }

.autosuggestion-card.close-autosuggestion {
  opacity: 1;
  width: 0%;
  z-index: 3;
  transition: width 1s; }

.search-icon-left.search-bar-active {
  opacity: 0; }

.search-icon-left.search-bar-deactive {
  opacity: 1;
  transition-delay: 1s; }

.noResultSuggestion {
  color: #777C82; }

.p-autocomplete-items .searchBox-No-Result {
  color: #60666b; }

.version2-search-brand-icon {
  height: 24px;
  position: relative; }
  .version2-search-brand-icon .search-bar-boxing {
    position: absolute;
    left: -3px;
    top: 0px;
    width: auto; }
  .version2-search-brand-icon .search-icon-left {
    margin-right: 0px !important;
    position: absolute;
    z-index: 0;
    cursor: pointer;
    top: -2px;
    right: -4px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
#overlay-tooltip .tooltip-inner {
  background-color: #003759;
  border-radius: 5px;
  padding: 6px 15px; }

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #003759; }

.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #003759; }

.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #003759; }

.pi-tooltip .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #003759; }

.nodata-message-color {
  color: #FFFFFF; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sort-container .selected-text-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #212427; }

.sort-container .dropdown-padding {
  padding: 4px 2px; }

.sort-container .dropdown-border-radius {
  border-radius: 8px;
  width: 100%;
  height: 40px; }

.sort-container .dropdown-border-radius:active {
  border-color: blue !important; }

.sort-container .p-dropdown:not(.p-disabled).p-focus, .sort-container .p-dropdown.sort-active {
  border-color: #0E90E1; }

.sort-container .selected-text-padding {
  padding: 4px 0px;
  margin-left: 1px; }

.sort-container .text-color .p-dropdown-trigger {
  width: 30px; }

.sort-container .p-dropdown:not(.p-disabled):hover {
  border-color: unset !important; }

.sort-container .p-dropdown-label.p-inputtext.p-placeholder {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin: 0px;
  color: #212427; }

.dropdown-text-color {
  color: #212427; }

.drop-panel.p-dropdown-panel {
  font-size: 12px;
  font-family: Chivo-Regular;
  width: min-content; }
  .drop-panel.p-dropdown-panel .panel-padding {
    width: auto;
    margin-left: 8px;
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal;
    font-weight: 400; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    background-color: unset !important;
    color: unset; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: unset;
    background: unset; }
  .drop-panel.p-dropdown-panel .p-dropdown-items-wrapper {
    max-height: none;
    overflow: auto; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    margin: auto; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding: 5px; }
  .drop-panel.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
    padding: unset; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box {
    width: 20px;
    height: 20px;
    margin: auto; }
  .drop-panel.p-dropdown-panel .p-radiobutton {
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .drop-panel.p-dropdown-panel .p-dropdown-panel {
    top: 373.516px !important;
    left: 1644.95px !important;
    width: 194px; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: white !important; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box.p-highlight {
    background: white !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.main {
  position: relative;
  width: 100%; }

.maincardregistered,
.mainCardAlternative,
.maincardalternativefocus {
  width: 100%;
  border: 0px;
  background-color: transparent;
  border-radius: 8px;
  padding: 10px; }

.email-container .p-inputtext {
  margin: 0px;
  background-color: transparent;
  height: fit-content;
  padding: 2px;
  border: 0px; }

.maincardregistered .email-container .p-inputtext {
  margin: 0px;
  height: fit-content;
  background: transparent;
  padding: 2px;
  border: 0px; }

.p-chips .p-chips-multiple-container .p-chips-input-token input:disabled {
  padding: 0px 10px;
  margin: 0;
  cursor: default !important;
  font-family: "Chivo-Regular"; }

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0rem #C7D2FE; }

.p-chips .p-chips-multiple-container .p-chips-input-token input {
  padding: 0px 10px;
  margin: 0;
  font-family: "Chivo-Regular"; }

.email-container .p-chips .p-inputtext .p-highlight {
  background: #ada8a8 !important;
  margin: 5px;
  color: #000; }

.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0.375rem 0; }

.maincardregistered .maincardbody {
  padding: 0px;
  flex: 0; }

.mainCardAlternative .maincardbody,
.mainCardAlternativeError .maincardbody,
.maincardalternativefocuserror .maincardbody,
.maincardalternativefocus .maincardbody {
  padding: 10px 0px 0px 0px; }

.maincardregistered .maincardfooter,
.mainCardAlternative .maincardfooter,
.maincardalternativefocus .maincardfooter,
.mainCardAlternativeError .maincardfooter,
.maincardalternativefocuserror .maincardfooter {
  background: transparent;
  padding: 0px 0px 0px 10px;
  font-size: 12px;
  font-family: "Chivo-Regular"; }

.maincardregistered .form-floating > label,
.mainCardAlternative .form-floating > label,
.maincardalternativefocus .form-floating > label,
.mainCardAlternativeError .form-floating > label,
.maincardalternativefocuserror .form-floating > label {
  padding: 1rem 0.75rem;
  color: #4b5563; }

.maincardregistered .errorMessage,
.mainCardAlternative .errorMessage,
.maincardalternativefocus .errorMessage,
.mainCardAlternativeError .errorMessage,
.maincardalternativefocuserror .errorMessage {
  font-size: 10px;
  color: #f00;
  margin-bottom: -30px;
  margin-top: 10px; }

.maincardregistered .form-control:disabled.form-control,
.mainCardAlternative .form-control:disabled.form-control,
.maincardalternativefocus .form-control:disabled.form-control,
.mainCardAlternativeError .form-control:disabled.form-control,
.maincardalternativefocuserror .form-control:disabled.form-control {
  background-color: #fff; }

.maincardregistered input#floatingInput:enabled:focus,
.mainCardAlternative input#floatingInput:enabled:focus,
.maincardalternativefocus input#floatingInput:enabled:focus,
.mainCardAlternativeError input#floatingInput:enabled:focus,
.maincardalternativefocuserror input#floatingInput:enabled:focus {
  box-shadow: 0px 0px 0px;
  border-color: #777C82; }

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.15rem 0.55rem;
  border-radius: 6px; }

.maincardregistered {
  max-height: 65px !important;
  border-radius: 8px;
  width: 100%;
  padding: 25px 0px 3px 0px !important;
  border: 1px solid #dadbdc;
  background-color: #f3f3f3; }

.emailfieldgrouped {
  display: flex; }

.email-container .maincardregistered .p-chips .p-inputtext .p-highlight {
  background: transparent !important;
  color: #000 !important;
  margin: 0px; }

.mainCardAlternative {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 1px solid #777C82;
  margin-left: 15px;
  background-color: transparent; }

.mainCardAlternative .p-float-label label {
  position: absolute;
  pointer-events: none;
  top: 10%;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  margin-top: -0.5rem;
  transition-property: all;
  transition-timing-function: ease;
  line-height: 1; }

.maincardalternativefocus {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 3px solid #777C82;
  margin-left: 15px;
  background-color: transparent;
  justify-content: center; }

.mainCardAlternativeError {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 1px solid #ff0000;
  margin-left: 15px;
  background-color: transparent;
  justify-content: center; }

.maincardalternativefocuserror {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 3px solid #ff0000;
  margin-left: 15px;
  background-color: transparent;
  justify-content: center; }

.maincardregistered .maincardbody,
.mainCardAlternative .maincardbody,
.maincardalternativefocus .maincardbody,
.mainCardAlternativeError .maincardbody,
.maincardalternativefocuserror .maincardbody {
  padding: 0px;
  flex: 0; }

.form-floating {
  position: relative; }

.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25; }

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none; } }

.form-floating > .form-control {
  padding: 1rem 0.75rem; }

.form-floating > .form-control::-moz-placeholder {
  color: transparent; }

.form-floating > .form-control::placeholder {
  color: transparent; }

.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.senddocument {
  padding: 15px 0px;
  border-top: 2px solid #ccc;
  font-family: "Chivo-Medium";
  color: #000; }

.p-chips-token.p-highlight .p-chips-token-icon.pi.pi-times {
  font-size: 12px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.email-container {
  position: relative;
  flex-direction: column;
  display: flex;
  padding: 0px 15px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control {
  width: auto;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown .react-select__control.css-18no9bb-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown svg.dropdownColor_svg {
  fill: #212427; }

.pimerce-export-filter-dropdown svg.css-19bqh2r {
  display: none; }

.pimerce-export-filter-dropdown .react-select__indicators.css-1wy0on6 {
  display: inline-grid;
  align-content: center; }

.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control:hover {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown .react-select__control--is-focused {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-powersku-button {
  width: 160px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px !important;
  border-color: #0E90E1 !important;
  color: 'black'; }

.pimerce-export-filter-powersku-text {
  height: 14px;
  width: 70px;
  font-size: 12px;
  font-weight: 400;
  color: #212427;
  display: flex;
  align-items: center; }

.pimerce-export-filter-powersku-button .pimerce-export-toggle-switch {
  left: 10px;
  bottom: 5px; }

.pimerce-export-filter-powersku-button:hover {
  background-color: #fff; }

.pimerce-export-filter-powersku-button:not(:disabled):not(.disabled):active {
  background-color: #fff; }

.pimerce-export-filter-dropdown {
  width: 160px; }

.datePickerContainerStyle {
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 1px 1px #ccc;
  margin: 5px 0px;
  padding: 10px;
  z-index: 10; }

.p-chips {
  display: inline-flex;
  width: 100%; }

.exportLayout {
  flex-direction: column;
  align-items: flex-start;
  display: inline-block;
  width: -webkit-fill-available; }

.p-dialog .p-dialog-content:last-of-type {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: auto; }

.exportExcel .p-dialog-header {
  padding: 1rem; }

.exportExcel {
  min-width: 60%;
  max-width: 60%;
  min-height: 475px;
  max-height: -webkit-fill-available; }

.pimerce-export-filter-dropdown .list::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.pimerce-export-filter-dropdown .react-select__option--is-focused {
  background-color: #DBDCDC; }

.pimerce-export-filter-dropdown .react-select__option--is-selected:hover {
  background-color: #0E90E1; }

.export-footer {
  display: flex;
  justify-content: flex-end; }

.datePickerContainerClass {
  position: fixed;
  z-index: 999;
  min-width: 25%;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 1.5px 10px 0.5px #ccc;
  border-radius: 8px; }

.css-tlfecz-indicatorContainer {
  color: #ccc;
  display: flex;
  margin-top: -5px;
  transition: color 150ms ease 0s;
  box-sizing: border-box; }

.email-container .p-chips .p-inputtext .p-highlight {
  background: #f3f3f3 !important;
  margin: 5px;
  color: #212427 !important; }

.export-excel-status-modal-container .modal-content .modal-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Chivo-Regular"; }

.export-excel-status-modal-container .modal-content .modal-body {
  font-family: "Chivo-Regular";
  font-size: 18px;
  font-weight: 500; }

.export-excel-status-modal-container .modal-content .modal-footer {
  display: flex; }

.export-excel-status-modal-container .modal-content .modal-footer .pi-btn-primary {
  height: 40px;
  width: 80px; }

.request-failed-modal-container {
  width: 65%; }

.modal-dialog.request-failed-modal-container {
  z-index: 1000; }

.request-failed-modal-container .p-dialog-content {
  padding: 20px; }

.request-failed-modal-container {
  width: 30%;
  height: 16%; }

.request-failed-modal-container .modal-content .modal-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Chivo-Regular"; }

.request-failed-modal-container .modal-content .modal-body {
  font-family: "Chivo-Regular";
  font-size: 18px;
  font-weight: 500; }

.request-failed-modal-container .modal-content .modal-footer {
  display: flex; }

.request-failed-modal-container .modal-content .modal-footer .pi-btn-primary {
  height: 40px;
  width: 80px; }

.export-filter-support-email {
  font-size: 12px;
  font-weight: 400;
  font-family: "Chivo-Regular";
  padding: 0px 15px;
  padding-bottom: 15px; }

.support-link,
.support-link:hover {
  color: #0E90E1;
  text-decoration: underline; }

.dropDownColumn .pimerce-date-picker-component {
  position: fixed;
  z-index: 999;
  background: #fff;
  margin-top: 10px;
  box-shadow: 0px 1.5px 10px 1.5px #ccc;
  border-radius: 8px;
  border-color: #A7ABAF; }

.export-filter-container-main .col-md-4 {
  flex: 0 0 40%;
  max-width: 40%; }

.export-filter-container-main .export-filter-container {
  padding: 14px 0px 0px 0px;
  overflow-y: hidden; }

.export-filter-container-main .export-filter-container > div > div > div {
  padding: 0px 0px !important;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.export-filter-container-main .export-filter-container > div {
  border-top: 1px solid #212427;
  border: none;
  margin-top: -36px;
  margin-left: 25px; }

.export-filter-container-main .dropdownRow,
.filter-container-style-filter {
  flex-wrap: nowrap; }

.export-filter-container .dropdownRow,
.filter-container-style-filter {
  flex-wrap: wrap; }

.export-filter-container-main .dropDownColumn .pimerce-date-picker-button {
  border-color: #0E90E1;
  width: 160px;
  background-color: #fff; }

.export-filter-container-main .dropDownColumn .pimerce-date-picker-button:not(:disabled):not(.disabled):active {
  background-color: #fff;
  border-color: #0E90E1; }

.exportLayout .export-footer .p-button.p-component.p-button-outlined.pi-btn-font.pi-button-secondary {
  height: 40px;
  width: 80px;
  justify-content: center; }

.exportLayout .export-footer .p-button.p-component.pi-btn-primary.pi-btn-font {
  height: 40px;
  width: 80px;
  justify-content: center; }

.exportSubmitDisabled {
  cursor: no-drop; }

.exportSubmitEnabled {
  cursor: default; }

.exportLayout .modal-footer {
  display: flex; }

.modal-content-filter-v2 .modal-title {
  font-weight: 100; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown .react-select__control.css-18no9bb-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown svg.dropdownColor_svg {
  fill: #212427; }

.pimerce-export-filter-dropdown svg.css-19bqh2r {
  display: none; }

.pimerce-export-filter-dropdown .react-select__indicators.css-1wy0on6 {
  display: inline-grid;
  align-content: center; }

.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control:hover {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-dropdown .react-select__control--is-focused {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #0E90E1 !important; }

.pimerce-export-filter-powersku-button {
  width: 160px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px !important;
  border-color: #0E90E1 !important;
  color: #212427; }

.pimerce-export-filter-powersku-text {
  height: 14px;
  width: 70px;
  font-size: 12px;
  font-weight: 400;
  color: #212427;
  display: flex;
  align-items: center; }

.pimerce-export-filter-powersku-button .pimerce-export-toggle-switch {
  left: 10px;
  bottom: 5px; }

.pimerce-export-filter-powersku-button:hover {
  background-color: #fff; }

.pimerce-export-filter-powersku-button:not(:disabled):not(.disabled):active {
  background-color: #fff; }

.export-filter-container-main {
  padding: 0px 0px 10px 15px;
  display: flex;
  flex-wrap: wrap; }

.export-filter-container-main .row {
  display: flex;
  flex-wrap: wrap;
  width: inherit; }

.export-filter-container-main .container .row .dropDownColumn.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 170px;
  max-width: 170px; }

.export-filter-container-main .container .row .dropDownColumnPowerSku.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 170px;
  max-width: 170px; }

.css-512urr-singleValue {
  font-size: 12px; }

.reload-loading-spinner {
  animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-btn-font {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.pi-btn-font .p-button-label {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal; }

.pi-btn-primary {
  color: #ffffff;
  background: #0E90E1;
  border: none;
  border-radius: 8px;
  padding: 11px 1.25rem; }

.pi-btn-primary:hover {
  background-color: #35A2E6 !important; }

.pi-btn-primary:active {
  background-color: #48ABE8 !important; }

.pi-btn-primary-loding {
  background: #0E90E1 !important; }

.secondary-button-disabled {
  background-color: transparent;
  color: #8E9398;
  border: 1px solid;
  cursor: not-allowed;
  border-radius: 8px;
  padding: 0.48rem 1.25rem; }

.pi-btn-loading .p-disabled, .p-component:disabled {
  opacity: unset; }

.pi-button-secondary {
  background-color: transparent;
  color: #0E90E1;
  border: 1px solid;
  border-radius: 8px; }

.pi-button-secondary.p-button.p-button-outlined {
  background-color: transparent;
  color: #0E90E1;
  border: 1px solid;
  padding: 10px 1.25rem; }

.pi-button-secondary.p-button.p-button-outlined:hover {
  background-color: #DBDCDC;
  color: #0E90E1;
  border: 1px solid; }

.pi-button-secondary.p-button.p-button-outlined:active {
  background-color: #CACACB;
  color: #0E90E1;
  border: 1px solid; }

.reload-loading-spinner {
  animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.api-error-card {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .api-error-card .heading-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: block;
    margin-bottom: 1px; }
  .api-error-card .sub-heading-msg {
    margin-top: 2px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    color: #60666B;
    display: block; }
    .api-error-card .sub-heading-msg a:hover {
      color: #007bff !important; }
  .api-error-card .admin-btn {
    background-color: white;
    color: #0E90E1;
    border-radius: 8px;
    width: 200px;
    height: 40px; }
  .api-error-card .card-body {
    flex: none; }
  .api-error-card .api-error-header {
    background-color: transparent;
    border: none; }
  .api-error-card .api-error-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .api-error-card .api-error-footer {
    background-color: transparent;
    border: none;
    margin-top: -36px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-modal .modal-content {
  border-radius: 8px;
  border: none; }

.pi-modal .modal-content .close {
  font-weight: 100; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-table-v-two-layout {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  overflow-x: auto;
  border-color: #A7ABAF; }
  .pimerce-table-v-two-layout .card-header {
    background-color: #fff;
    border: none;
    height: auto;
    max-height: 80px;
    display: flex;
    min-width: 825px; }
  .pimerce-table-v-two-layout .clickable-grid-container {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 825px; }
  .pimerce-table-v-two-layout .clickable-grid-container.no-data-content {
    min-height: 53vh; }
  .pimerce-table-v-two-layout .row {
    margin-left: 0; }
  .pimerce-table-v-two-layout .data-table-version-two.apply-ellipsis-text .p-datatable .p-datatable-tbody > tr > td div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .pimerce-table-v-two-layout .data-table-version-two::-webkit-scrollbar-thumb {
    background: #DADBDC !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two::-webkit-scrollbar-thumb {
    background: #DADBDC !important;
    width: 0px !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two::-webkit-scrollbar {
    width: 0px !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two .p-datatable-thead {
    visibility: collapse;
    display: none; }

.data-table-version-two {
  width: 100%;
  overflow: auto; }
  .data-table-version-two .p-datatable table {
    border-collapse: separate;
    border-spacing: 0 0.5px; }
  .data-table-version-two .p-datatable-tbody {
    display: table-row-group; }
  .data-table-version-two .p-datatable-tbody tr.p-disabled {
    opacity: unset; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:not(:first-child),
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
    min-width: 110px;
    max-width: 410px;
    padding: 0; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr {
    background-color: #fff;
    border: none;
    border-color: #fff; }
  .data-table-version-two tr.p-selectable-row.p-row-odd,
  .data-table-version-two .p-datatable .p-datatable-tbody > tr.p-row-odd,
  .data-table-version-two .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #fff;
    border: none;
    border-color: #fff; }
  .data-table-version-two .gridContentAlign11 {
    text-align: inherit;
    cursor: default;
    display: block;
    align-items: center;
    padding: 0 1rem;
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    color: #212427; }
  .data-table-version-two .gridContentAlign11.loader-container {
    display: flex; }
  .data-table-version-two .p-selectable-cell .gridContentAlign11 {
    cursor: pointer; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background-color: #F3F3F3;
    border: none;
    border-color: #F3F3F3; }
  .data-table-version-two .p-column-header-content {
    padding: 0 1rem; }
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th {
    background-color: #E7F6FF;
    border: none;
    padding: 0 1rem;
    height: 44px; }
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
    font-family: Chivo !important;
    font-size: 12px;
    color: #5b6063;
    font-weight: 400; }
  .data-table-version-two .p-datatable-thead {
    position: sticky;
    top: 0;
    z-index: 1; }
  .data-table-version-two th.p-frozen-column, .data-table-version-two td.p-frozen-column {
    width: auto;
    right: unset;
    position: sticky;
    min-width: 10%; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td {
    background-color: inherit;
    border: 1px solid;
    border-color: inherit;
    height: 44px;
    padding: 0 1rem;
    opacity: 1; }
  .data-table-version-two .data-table-version-two .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-color: #a4a4a4; }
  .data-table-version-two .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-color: #a4a4a4; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #fff; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F3F3F3; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:first-child, .data-table-version-two .p-datatable .p-datatable-tbody > tr > th:first-child {
    width: 65px;
    padding: 0rem; }
  .data-table-version-two .p-datatable.p-datatable-selectable-cell .p-selectable-cell:hover {
    background-color: #e2e2e2; }
  .data-table-version-two .p-datatable.p-datatable-selectable-cell .p-selectable-cell:active {
    background-color: #dcdcdc; }
  .data-table-version-two .p-datatable-responsive-scroll > .p-datatable-wrapper {
    overflow-x: unset; }
  .data-table-version-two .grid-loader-skeleton {
    width: 60% !important; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight),
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr:has(td.p-highlight) {
    border: 1.5px solid #0E90E1; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: inherit;
    border-top: inherit; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td:first-child {
    border-left: inherit; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td:last-child {
    border-right: inherit; }
  .data-table-version-two .p-highlight:focus {
    border: unset !important;
    border-bottom: inherit !important;
    border-top: inherit !important; }
  .data-table-version-two .p-datatable-row-expansion > td {
    padding: 0px !important; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
    background: none; }
  .data-table-version-two .p-datatable .p-datatable-tbody .expander-column.p-frozen-column .p-row-toggler.p-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 20px; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td.expander-column button.p-row-toggler.p-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 20px; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
    background-color: #FFFFFF !important; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
    background-color: #f2f2f2 !important;
    border: 0px; }

.inner-data-table-version-two .data-table-version-two {
  max-height: 215px; }

.inner-data-table-version-two .p-datatable-thead {
  visibility: collapse; }

.inner-data-table-version-two .p-datatable-row-expansion > td {
  padding: 0px !important; }

.inner-data-table-version-two .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
  background: none; }

.inner-data-table-version-two .p-datatable .p-datatable-tbody .expander-column.p-frozen-column .p-row-toggler.p-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  left: 20px; }

.inner-data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
  background-color: #FFFFFF !important; }

.inner-data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
  background-color: #f2f2f2 !important;
  border: 0px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pagination-card {
  width: fit-content;
  height: fit-content;
  margin: auto;
  float: inherit; }

.pagination-Container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#paginationbtn Button {
  background-color: transparent;
  font-family: Chivo-Regular;
  font-weight: 400;
  color: #000000;
  border: none;
  padding: 10px;
  margin: 8px;
  cursor: pointer;
  border-radius: 60%;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, border-color 0.3s; }

#paginationbtn Button.active {
  background-color: #4A4F54;
  border-color: #4A4F54;
  color: #FFFFFF; }

#paginationbtn Button:not(.active):hover {
  background-color: #21242726; }

#paginationbtn .btn:disabled {
  opacity: .20; }

#paginationbtn .btn {
  line-height: unset; }

.pageNumber {
  margin: 0 5px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px; }

.p-paginator {
  background: none;
  flex: none; }

.currentPageReport {
  font-family: Chivo;
  font-size: 10px;
  font-style: normal;
  height: 12px;
  color: #60666B;
  padding: inherit;
  font-weight: 500;
  line-height: 11.9px; }

.pagination-card {
  box-sizing: none;
  background: transparent;
  box-shadow: none;
  height: 112px;
  display: flex;
  align-items: center; }

.pagination-card .p-card-body, .pagination-card .p-card-content {
  padding: 0; }

#paginationbtn .btn-arrow:active {
  background-color: #4A4F54 !important; }

@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url(c08d00cac4f2edb5ade360a193fcd08e.eot);
    src: url(c08d00cac4f2edb5ade360a193fcd08e.eot?#iefix) format('embedded-opentype'), url(c0929a1e055f2ceb5c889501c24a24e1.woff2) format('woff2'), url(062070972fbad0f4fbb3505e6d013a39.woff) format('woff'), url(acb19296cb26b15dcf42e13c603217f2.ttf) format('truetype'), url(1d854e3ab2c37173804a0d1d1af229ee.svg?#primeicons) format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.expand-collapse-clickable-container .pimerce-table-default-height.card-header {
  height: 0px; }

.expand-collapse-clickable-container .retailer-sub-cell-content {
  width: 210px !important;
  min-width: 40px !important; }

.expand-collapse-clickable-container .dashbord-cell-content {
  width: 150px !important; }

.expand-collapse-clickable-container .expander-column {
  width: 60px !important;
  min-width: 40px !important; }

.expand-collapse-clickable-container .retailer-cell-content {
  width: 150px !important; }

.expand-collapse-clickable-container .expander-column {
  width: fit-content; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout.card.card-header {
  padding: 0.6rem 1.25rem; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout .clickable-grid-container {
  min-height: 0px; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout .reload-card-container.card {
  min-height: 53vh; }

.expand-collapse-clickable-container .inner-data-table-version-two .reload-card-container.card {
  min-height: 15vh; }

.expand-collapse-clickable-container .clickable-grid-container {
  padding: 0px 19px 19px; }
  .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:not(:first-child), .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
    max-width: 80px; }
  .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:first-child {
    border: 0px; }
  .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    border-color: #fff; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.retailer-cell-content.p-frozen-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.expander-column.p-frozen-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.retailer-cell-content {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.expander-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-thead > tr > th.p-column-title {
  color: #494e52 !important; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .gridContentAlign11 {
  color: #212427; }

/**************Pimerce Blue Theme***************/

.chartContainer {
  width: 1150px;
  height: 349px;
  border-radius: 14px;
  background-color: #ffffff; }

.chart-component-chexbox {
  position: absolute;
  top: 31px;
  right: 15px; }

.chexbox_onchange-disbled {
  pointer-events: none; }

.chartContainerDashboard {
  width: 100%; }

.noDataFound_Position {
  text-align: center;
  position: initial;
  height: 21.8em;
  padding: 150px; }

.apexcharts-legend-marker {
  background: none !important;
  border: 1px solid !important; }

.graphContainerStyle {
  border: none;
  border-radius: 0px; }

.graphComponentTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212529;
  margin-left: 1px; }

.graphComponentRatingTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  width: max-content;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 1px;
  user-select: none;
  cursor: default; }

.nationalLegendMsgText {
  color: #0e90e1;
  margin-top: -20px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.nationalLegendMsgTextOnKeywordSpecificTrend {
  color: #0e90e1;
  margin-top: -57px;
  margin-right: 29px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.pricing-trend-chartcomponentbg .nationalLegendMsgTextOnKeywordSpecificTrend {
  margin-top: 0px !important; }

.nationalLegendMsgTextOnPricingTrend {
  color: #0e90e1;
  margin-top: -20px;
  margin-right: 5px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.graphComponentHeader {
  padding-top: 0px;
  padding-right: 28px; }

.graphToggle {
  float: right; }

.customTooltip {
  font-family: Chivo-Regular;
  text-align: center;
  padding: 5px;
  word-wrap: break-word; }

.customToolTipHeader {
  font-family: Chivo-Bold;
  text-align: center;
  background: gray;
  padding: 5px; }

.chartInfoIconStyle {
  display: flex;
  bottom: 28px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.graph-staticLegendStyle {
  padding-left: 8px;
  margin-top: -6px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.graph-HeadingStyle {
  margin-bottom: -22px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500; }

.custom-apexchart-tooltip {
  width: 90%;
  white-space: break-spaces;
  position: absolute;
  left: 50% !important; }

.colorScaleContainerColGraph {
  width: 30px;
  height: 9px;
  border-radius: 0px !important; }

.color-scale-container {
  display: flex;
  margin-left: 55px;
  justify-content: flex-start;
  margin-top: -25px; }

.footerbackgroundstyle {
  background: none !important;
  margin-top: -23px; }

.footerbackground-ms {
  background: none !important;
  margin-top: -42px; }

.graph-chart-colorScaleContainer {
  width: 100%;
  height: 0px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px;
  margin-top: -11px; }

.footer-remove {
  background: none !important; }

.category-growth-chart-style .apexcharts-tooltip.apexcharts-theme-light {
  top: -75px !important; }

.infoStylePosition {
  position: absolute;
  padding-right: 30px;
  padding-left: 26px;
  padding-top: 3px; }

.infoStyle {
  font-family: Chivo-Regular !important;
  font-size: 12px;
  font-weight: 600;
  background-color: #0e90e1;
  color: white;
  padding-right: 5px;
  padding-left: 5px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }

.hideFooterClassName {
  display: none; }

.marketshare-info-names {
  display: flex;
  justify-content: flex-end; }

.market-share-text-info-msg {
  margin-right: '10px'; }

.checkBoxStyle {
  margin-right: -131px; }

/**************Pimerce Blue Theme***************/

.treeMapContainer {
  margin-top: -5px;
  height: 382px;
  background-color: #ffffff;
  border-radius: 0px;
  user-select: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.pricingTreeMapContainer {
  margin-top: -5px;
  height: 360px;
  background-color: #ffffff;
  border-radius: 0px;
  user-select: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.treemap-chart-container {
  width: 100%;
  height: 244px;
  margin-bottom: 8px;
  background-color: #ffffff;
  margin-left: 0px;
  cursor: pointer; }

.treemap-chart-block {
  height: 216px;
  top: 36px;
  padding-left: 12px; }

.treemap-chart-colorScaleContainer {
  width: 100%;
  height: 0px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px; }

.colorScaleContainerRow {
  height: 15px;
  align-self: center;
  margin-left: 40px;
  margin-bottom: 48px;
  margin-left: 41px; }

.colorScaleContainerCol {
  width: 30px;
  height: 9px;
  border-radius: 0px !important; }

.treemapTitleBack {
  width: 242px;
  height: 22px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  color: #000000;
  top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-left: 0px;
  margin-bottom: -8px; }

.treemapTitle {
  width: 242px;
  height: 22px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  color: #000000;
  top: 22px;
  padding-left: 0px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-left: 0px;
  margin-bottom: -8px; }

.colorScaleText, .colorScaleTextPoor, .colorScaleTextExcellent {
  height: 12px;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  font-family: Chivo-Regular;
  margin-top: 15px; }

.colorScaleTextPoor {
  width: 29px; }

.colorScaleTextExcellent {
  width: 53px;
  margin-left: -18px; }

.treeTooltipCard {
  width: max-content;
  border: none; }

.treeTooltip, .treeTooltip-header, .treeTooltip-title {
  font-family: Chivo-Regular;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.treeTooltip-header {
  font-weight: bold; }

.treeTooltip-title {
  font-weight: 600;
  text-align: left; }

.noDataMsg {
  padding: 50px;
  background-color: #ffffff;
  margin: 44px 53px 7% 53px;
  text-align: center;
  position: initial; }

.noData_Style {
  display: block;
  height: 40px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.ResetBtn, .resetButton {
  width: 75px;
  height: 20px;
  color: #0e90e1;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  object-fit: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-width: 0px;
  margin-left: 5px; }

.resetButton {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  margin-top: -40px; }

button.btn.resetButton {
  border-radius: 19.5px !important; }

button.resetButton.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  color: #0e90e1; }

.TreeSpinner {
  text-align: center;
  margin-top: 100px;
  color: #0e90e1; }

.treemapBreadCrumbCol {
  top: 27px;
  text-align: end; }

.treemapResetCol {
  top: 25px;
  text-align: end;
  right: 35px; }

.breadcrumb {
  display: inline-flex;
  margin-bottom: 0px;
  margin: 0px 0 0 0;
  height: auto;
  width: auto;
  padding: 0px;
  background-color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  margin-left: 12px; }

.treeMapFilter {
  top: 15px;
  text-align: end;
  float: right;
  height: 10px;
  margin: 10px 0 10px 0px; }

.treeMapCheckBoxFilter {
  top: 15px;
  float: right;
  height: 10px;
  margin: 10px 30px 10px 0px; }

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

.treeMapToggle {
  padding-right: 6% !important;
  display: flex;
  justify-content: end; }

.treemapBreadcrumAlignment {
  float: left;
  padding-left: 2%;
  padding-bottom: 6px; }

.treemapBreadcrumAlignmentBack {
  float: left;
  padding-left: 2%;
  margin-bottom: -10px; }

.breadcrumVerticalLine {
  border-left: 2px solid #edf1f4;
  height: 11px;
  display: inline-flex;
  margin: 6px 5px 0px 5px; }

.breadcrumTitle {
  cursor: pointer;
  display: inline-flex;
  color: #0eace8; }

.breadcrumActive {
  cursor: pointer;
  display: inline-flex; }

.breadcrumDisable {
  cursor: default;
  opacity: 0.5;
  font-weight: 600;
  color: #000000; }

.zeroRetailers {
  width: 145%;
  float: right; }

.retailerStyle {
  font-weight: 600;
  font-family: Chivo-Medium;
  font-size: 14px; }

.treemap-infoMessage {
  display: inline-flex;
  margin-left: 5px;
  color: #0e90e1;
  font-weight: 600; }

.treemap-card-container {
  border-bottom: 2px solid #ffe0cc;
  background-color: #ffe0cc;
  border-radius: 7px;
  max-height: 276px;
  display: flex; }

.heading-style-treemap-id, .heading-style-treemap-zero-value {
  top: -1px !important; }

.treemap-img-style {
  margin: -7px 11px -26px 0px;
  object-fit: cover;
  height: 50px;
  width: 53px; }

.treemap-text-style {
  height: 13px; }

/**************Pimerce Blue Theme***************/

.region-Button,
.region-Button:hover {
  background: #ffffff;
  color: #000000;
  border-color: #0e90e1;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

button.region-Button.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ffffff;
  border-radius: 0px;
  color: #000000;
  border-color: #0e90e1; }

button.region-Button-active.btn.btn-primary {
  background-color: #e3f3ff !important;
  color: #000000 !important;
  border-color: #0e90e1;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

.btn-label {
  margin-top: 7px;
  font-size: 12px;
  cursor: pointer; }

.market-labels, .market-labels-active {
  margin-top: 2px;
  font-size: 11px;
  cursor: pointer;
  font-family: Chivo-Medium; }

.market-labels-active {
  color: #0e90e1; }

.dashboardFilter-card {
  margin-top: -10px;
  min-height: 270px;
  min-width: fit-content;
  max-width: 796px;
  max-height: max-content;
  border-radius: 0px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  padding: 0 10px 10px 10px; }

.dashboardFilter-container {
  padding: 14px 0px 0px 0px; }

.dashboard-searchRetailerWiseAnalysis {
  min-width: 11em;
  margin-right: -15px; }

.card-tabs {
  width: 100%;
  margin-bottom: 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0px; }

.dashboard-tabs {
  display: block;
  border: #fff;
  border-radius: 15px;
  margin-top: -15px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 0px; }

.box-background {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px; }

.p-tabview .p-tabview-panels {
  background: #ffffff;
  padding: 0px;
  border: 0 none;
  color: #495057;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.p-tabview .p-tabview-nav-btn.p-link {
  display: none;
  background: #ffffff;
  color: #6366F1;
  width: 3rem;
  border-radius: 0; }

.p-tabview .p-tabview-nav .p-tabview-selected .p-tabview-title {
  font-weight: bold; }

.p-highlight {
  color: #FFF !important;
  background: none !important; }

.subtab-1,
.subtab-3 {
  border-right: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
  height: 50px;
  margin-top: 7px !important;
  margin-bottom: 5px !important; }

.subtab-1 {
  border-left: none; }

.powesku-container {
  padding: 14px;
  padding-right: 0px; }

.subtab-1 input[type=checkbox] {
  border: 1px solid black !important;
  background-color: black !important; }

.powesku-checkboxes {
  transform: scale(1.2); }

.export-button {
  margin-top: 16px;
  background-color: #0E90E1;
  border-radius: 0px !important;
  position: absolute;
  right: 31px;
  top: 3px; }

.export-button-disabled {
  margin-top: 16px;
  background-color: #0E90E180;
  opacity: 50%;
  border-radius: 0px !important;
  cursor: no-drop; }

.tab-button-label {
  font-size: 12px;
  padding: 0px 17px 0px 17px; }

.powesku-checkbox {
  transform: scale(1.2);
  border: 1px solid black !important;
  background-color: black !important; }

.powersku-label {
  font-size: 12px;
  font-weight: bold; }

.subtab-2 .dateRangePickerContainerClose {
  margin-top: 2px;
  margin-left: 2px;
  padding: 0px;
  width: 116px;
  height: 47px;
  border-radius: 6px;
  position: absolute;
  background-color: transparent;
  box-shadow: none !important;
  border: none; }

.subtab-2 .datePickerCalenderIcon {
  margin-left: 5px; }

.checkboxes {
  padding: 1px 1px 28px 1px;
  margin-top: 9px !important; }

.export-button {
  margin-top: 16px;
  background-color: #0E90E1;
  border-radius: 2px !important; }

.export-button-disabled {
  margin-top: 16px;
  background-color: #0E90E180;
  opacity: 50%;
  border-radius: 2px !important;
  cursor: no-drop; }

.tab-button-label {
  font-size: 14px;
  padding: 0px 10px 0px 10px; }

.powesku-container .p-checkbox {
  margin-top: 4px !important;
  width: 13px !important;
  height: 13px !important; }

.checkbox-power .p-checkbox-box {
  background: #003353;
  border-radius: 0px;
  width: 13px !important;
  height: 13px !important; }

.checkbox-power .p-checkbox-icon.p-c.pi.pi-check {
  color: whitesmoke; }

.checkbox-power .p-checkbox-box.p-highlight {
  border: none; }

.checkbox-power .p-checkbox-box {
  border: none; }

.checkbox-power .p-checkbox-box.p-highlight.p-focus {
  box-shadow: none; }

.checkbox-power .p-checkbox-box.p-focus {
  box-shadow: none; }

.p-checkbox-icon {
  color: #FFF !important; }

.subtab-1 .p-checkbox-checked {
  background: black; }

.subtab-1-disabled {
  display: none; }

.subtab-2-disabled {
  display: none; }

.subtab-3-disabled {
  display: none; }

.subtab-4-disabled {
  display: none; }

.subtab-4 {
  left: -15px; }

.subtab-3 .p-checkbox {
  margin-top: 3px;
  width: 13px !important;
  height: 13px !important; }

.checkbox-1 .p-checkbox-box {
  border: 0.5px solid darkgray;
  background: #FDEBEC;
  border-radius: 0px; }

.checkbox-2 .p-checkbox-box {
  border: 0.5px solid darkgray;
  background: #FFFDC4;
  border-radius: 0px; }

.checkbox-3 .p-checkbox-box {
  border: 0.5px solid darkgray;
  background: #E1F3D7;
  border-radius: 0px; }

.datePickerCalenderIcon {
  margin-top: 16px; }

.date-picker.form-control {
  background: transparent;
  font-size: 12px;
  margin-left: 10px;
  width: 92px;
  margin-top: 7px;
  border: none;
  padding: 0px 8px;
  cursor: pointer; }

input.date-picker.form-control {
  outline: none !important;
  box-shadow: none; }

.p-checkbox-disabled {
  cursor: not-allowed; }

.p-unselectable-text {
  display: flex;
  justify-content: center; }

.superCategory-dropdown .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
  width: 180px;
  height: 38px;
  top: 10px;
  outline: 0px !important; }

.superCategory-dropdown .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
  width: 180px;
  height: 38px;
  top: 10px;
  outline: 0px !important; }

.superCategory-dropdown .css-51nctc-control:hover {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
  width: 180px;
  height: 38px;
  top: 10px;
  outline: 0px !important; }

.superCategory-dropdown .react-select__menu.css-qlqwgq-menu {
  text-align: center;
  margin-top: 12px;
  width: 180px;
  height: 220px;
  position: absolute;
  background: #fff;
  cursor: context-menu; }

.dashboard-tab-1 {
  padding-right: 0px; }

.dashboard-tab-2-filter-hide {
  display: none; }

.dashboard-tab-2-others-hide {
  display: none; }

.p-tabview .p-tabview-nav .p-tabview-ink-bar {
  z-index: 1;
  display: block;
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: #0E90E1;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }

ul.p-tabview-nav {
  border: none !important;
  border-color: white;
  background: none;
  border-width: 0px 0 0px 0; }

.p-tabview-title {
  background: #ffffff;
  border-color: #0E90E1;
  color: #495057;
  font-weight: 600;
  line-height: 14px;
  font-size: 12px; }

.tabButtonTextBold span.p-tabview-title {
  font-weight: bold; }

.tabButtonText span.p-tabview-title {
  font-weight: normal; }

input.date-picker.form-control {
  outline: none !important;
  box-shadow: none; }

.p-tabview-nav li {
  border-right: 2px solid #F4F4F4; }

.subtabs {
  padding-top: 8px; }

@media (min-width: 1200px) and (max-width: 1309px) {
  .subtabs {
    width: 600px; } }

.color-filter-checkbox .p-checkbox .p-checkbox-box {
  background: none !important;
  border: none !important;
  box-shadow: none !important; }

button.p-0.export-button.btn.btn-primary {
  color: #fff;
  background-color: #0e90e1;
  border-color: #0e90e1;
  margin-right: 11px; }

.tooltip-cursor-style {
  cursor: default; }

.checkboxes .p-checkbox-box.p-highlight {
  padding-bottom: 6px !important; }

.checkboxes .tab-button-label {
  font-size: 12px;
  padding: 0px 10px 0px 10px; }

.checkboxes .subtab-4 {
  left: -2px; }

/**************Pimerce Blue Theme***************/

.pdf-dashboard-graph-bg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px; }

.pdf-dashboard-graph-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 4.8em;
  background-color: #ffffff;
  border: none; }

.pdf-dashboard-graph-loading-style {
  margin: 128px;
  text-align: center; }

.pdf-dashboard-graph-class-style {
  margin-left: -7px;
  margin-bottom: -25px;
  margin-top: -20px; }

.pdf-dashboard-graph-class-style .apexcharts-legend-marker {
  margin-right: 9px; }

.pdf-dashboard-graph-header-style {
  display: none; }

#renderInventoryTrendGraphRetailerWise .apexcharts-legend {
  height: 115px !important;
  inset: auto 0px 1px -15px;
  position: absolute; }

@page {
  size: A4;
  margin: 0; }

.pageSize {
  width: 210mm;
  padding: 20mm;
  margin: 10mm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.staticLegends, .staticLegendsForOverallInv {
  cursor: context-menu;
  display: flex;
  position: absolute;
  bottom: 15px;
  left: 200px; }

.staticLegends-inventory-trendgraph {
  cursor: context-menu;
  display: flex;
  position: absolute;
  bottom: -5px;
  left: 185px;
  top: 250px; }

.staticLegendsForOverallInv {
  left: 120px; }

.pdf-dashboard-gridLegendVarianceClassname-style {
  margin-left: 10px;
  margin-right: 20px;
  position: relative;
  top: -2px;
  width: auto;
  height: 14px;
  /* margin: -2px 30px 0 10px; */
  font-family: Barlow-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

@charset "UTF-8";

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #0e90e1 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #0e90e1; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

.global-container {
  margin-top: 3em;
  margin-right: 3em;
  margin-bottom: 0em;
  margin-left: 3em; }

.globalcardheader {
  min-height: 60px;
  margin: 0px;
  background-color: #e3f3ff;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.regional-header {
  margin: 0px;
  align-items: center;
  min-height: 60px;
  cursor: context-menu; }

.global-dashboard-card-style {
  border: none;
  border-radius: 0px;
  margin-right: 19px;
  margin-left: 32px;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  background: #ffffff; }

.global-header {
  background: #ffffff;
  border-top-left-radius: 5em !important;
  border-top-right-radius: 5em !important; }

.header-left {
  margin: 8px 0 7px 16px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.header-center {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  justify-content: center; }

.header-right {
  display: flex;
  justify-content: flex-end; }

.global-content {
  background: #ffffff; }

.global-footer {
  background: #ffffff;
  padding: 1em;
  border-bottom-left-radius: 5em !important;
  border-bottom-right-radius: 5em !important; }

.export-btn {
  width: 28px;
  height: 28px;
  object-fit: contain; }

.global-dashboard-region-tab-badge-style {
  background: transparent;
  width: min-content; }

.market-badge-block {
  margin-bottom: 1px;
  align-items: center;
  justify-content: center; }

.market-name {
  font-size: 14px;
  position: absolute;
  margin: -10px 0px 0px 4px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.superCategoryGlobalDashboardDropDown > div > div > div > div {
  overflow: unset;
  font-size: 14px; }

.superCategoryGlobalDashboardDropDown-not-clickable-style > div > div > div > div {
  overflow: unset;
  font-size: 14px; }

.tile-card-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  text-align: center;
  min-height: 44px;
  border: none;
  background-color: transparent;
  margin-left: -10px;
  padding-left: 10px; }

.tile-heading {
  height: 14px;
  font-family: Chivo-Bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: 0px; }

.global-title-percentage {
  min-height: 14px;
  margin: 0 0 2px;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #0e90e1; }

.global-title-trend {
  max-width: 164px;
  min-height: 14px;
  margin: 2px 0 0;
  opacity: 0.7;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000; }

.tile-up-trend-icon {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #7ed321;
  margin: 4px 6px 4px 6px; }

.tile-down-trend-icon {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f00;
  margin: 4px 6px 4px 6px; }

.tile-equal-trend-first-icon, .tile-equal-trend-second-icon {
  width: 9px;
  height: 2px;
  margin: 4px 6px 4px 6px;
  background-color: #f5a623; }

.tile-equal-trend-second-icon {
  margin: -2px 6px 4px -15px; }

.card-footer {
  border-top: none; }

.oddStyle {
  border-bottom: 'solid 1px #dee5e7'; }

.evenStyle {
  border-bottom: 'solid 1px #dee5e7';
  background-color: #f8f8f8; }

.markets-container {
  overflow-y: auto; }

.regionNameStyle {
  margin: 8px 0 7px 16px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.region-btn-label {
  cursor: pointer; }

.global-dashboard-legend-style {
  display: flex;
  margin-left: 6px;
  margin-top: 7px;
  margin-bottom: 11px; }

.global-dashboard-legend-color-style {
  border-radius: 100px;
  height: 10px;
  width: 10px;
  border: 2px solid; }

.global-dashboard-legend-title-style {
  width: auto;
  height: 14px;
  margin: -3px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.globalreloadButton {
  font-size: 25px;
  position: relative;
  padding: 0px;
  cursor: pointer; }

.global-chartWithReload {
  font-size: 15px;
  text-align: center;
  padding: 5em; }

.global-dashboard-region-verticalLine {
  height: 47px;
  margin-bottom: -19px;
  display: inline-flex;
  margin-left: 15px; }

.global-dashboard-region-tab-button-style-selected {
  border: none;
  background: #e3f3ff; }

.global-dashboard-region-tab-button-style-selected:hover {
  border: none;
  background: #e3f3ff; }

.global-dashboard-region-tab-button-style-onLoading {
  border: none;
  background-color: #ffffff; }

.global-dashboard-region-tab-button-style-onLoading:active {
  background-color: white !important;
  border: none !important; }

.global-dashboard-region-tab-button-style-onLoading:hover {
  background: #e3f3ff !important;
  border: none !important;
  cursor: no-drop; }

button.global-dashboard-region-tab-button-style-onLoading.btn.btn-primary {
  box-shadow: 0 0px 0px 0 #0000001c; }

.global-dashboard-region-tab-button-style {
  border: none;
  background-color: #ffffff; }

.global-dashboard-region-tab-button-style:active {
  background-color: white !important;
  border: none !important; }

.global-dashboard-region-tab-button-style:hover {
  background: #e3f3ff !important;
  border: none !important; }

button.global-dashboard-region-tab-button-style.btn.btn-primary {
  box-shadow: 0 0px 0px 0 #0000001c; }

.global-dashboard-regions-tabs-style {
  margin-left: 16px;
  margin-bottom: 30px; }

.global-dashboard-regions-tabs-not-clickable-style {
  margin-left: 16px;
  margin-bottom: 30px;
  pointer-events: none;
  opacity: 0.5; }

.superCategoryGlobalDashboardDropDown {
  position: absolute;
  margin-top: 6px; }

.superCategoryGlobalDashboardDropDown > .css-lcbsb6-indicatorContainer {
  margin-top: 3px;
  right: 20px;
  top: 6px; }

.superCategoryGlobalDashboardDropDown-not-clickable-style,
.superCategoryGlobalDashboardDropDown-not-clickable-style > div,
.superCategoryGlobalDashboardDropDown-not-clickable-style > div > div {
  pointer-events: none;
  position: absolute;
  opacity: 0.6;
  border-radius: 30px;
  font-size: 12px;
  width: 238px;
  padding-left: 4px;
  margin-right: 8px; }

.global-dashboard-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.superCategoryDashboardDropDown > div > div {
  border-radius: 30px;
  font-size: 12px;
  width: 20em;
  margin: -13px 0px 0px 0px; }

.superCategoryDashboardDropDown,
.superCategoryGlobalDashboardDropDown, .module-list-dropdown {
  position: absolute; }

.superCategoryGlobalDashboardDropDown > div > div {
  font-size: 12px;
  width: 235px;
  padding-left: 4px; }

.hiding-global-dashboard-region-tab-button-style {
  pointer-events: none;
  opacity: 0.6; }

.hiding-global-dashboard-region-tab-button-style-onLoading {
  pointer-events: none;
  opacity: 0.6; }

.global-dashboard-regional-style {
  font-weight: bolder;
  font-size: larger;
  margin-right: 18px; }

.col-dashboardSuperCategory {
  margin-top: -7px; }

/* Global SC Filter Styles */
.global-sc-filter-container {
  display: flex;
  justify-content: flex-end;
  margin-top: -15px; }

.global-card-dasboardKpiSpinner {
  text-align: center;
  padding: 5em; }

.global-card-reload-msg {
  font-size: 18px; }

#global-card-handleMarketNavigation {
  margin: 0px;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.global-card-kpiName {
  text-align: center; }

.global-dashboard-spinner {
  text-align: center;
  padding: 10em; }

.global-card-activerow {
  background: #ffffff;
  height: 60px; }

.global-card-nonactiverow {
  background: #f8fcff;
  height: 60px; }

/**************Pimerce Blue Theme***************/

.applied-filter-cardBody-style {
  display: contents; }

.applied-filter-cardBody-row {
  display: inline-flex;
  justify-content: center;
  margin: 4px 0px; }

.applied-filter-placeholder {
  object-fit: cover; }

.applied-filter-grid-modalTitle {
  margin-left: 10px;
  margin-top: 16px; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #e3f3ff; }

/**************Pimerce Blue Theme***************/

.overallrow {
  margin-top: -31px;
  margin-right: -24px; }

.overallrow-sc {
  margin-top: 5px;
  margin-right: -24px; }

.donut-with-gridcard {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-top: -2px;
  margin-right: -6px;
  height: 741px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.donutLabelSummary {
  margin-left: 20px;
  padding-top: 23px;
  margin-bottom: 3px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000; }

.donutOval {
  margin-top: 17px;
  margin-bottom: 2px; }

.noDataFoundDatagridStyle {
  text-align: center;
  position: initial;
  height: 10.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

.inventory-treemap-card, .treemapCardNoData {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-bottom: 20px;
  margin-right: -15px;
  margin-left: 0px;
  margin-top: 3px;
  height: 52.9em;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.treemapCardNoData {
  height: 52.9em; }

.treemapChartStyle {
  height: 594px;
  top: 24px;
  padding-left: 12px;
  padding-right: 11px;
  cursor: default; }

.noDataFoundTreemapStyle {
  text-align: center;
  position: initial;
  height: 18.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none;
  margin-top: 141px; }

.availability1 {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailability1 {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.headingStyle-inventorySummary, .headingStyle-inventorySummaryId, .headingStyle-inventorySummaryRe {
  padding: 14px !important;
  font-size: 12px;
  font-family: Chivo-Bold;
  text-align: left; }

.headingStyle-notListed {
  padding: 14px !important;
  font-size: 12px;
  width: 86px;
  font-family: Chivo-Bold;
  text-align: left; }

.headingStyle-inventorySummaryId {
  text-align: center; }

th.headingStyle-inventorySummary, th.headingStyle-inventorySummaryId, th.headingStyle-inventorySummaryRe {
  top: -1px !important; }

.headingStyle-inventorySummaryRe {
  text-align: left; }

.gridContentAlign-inventorySummary, .gridContentAlign-inventorySummary-percentage {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.gridContentAlign-inventorySummary-percentage {
  min-width: max-content; }

.gridContentAlignRe-inventorySummary {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.gridCardContainerScroll {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 276px;
  display: flex; }

.promotion-gridCardContainerScroll {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 7px;
  max-height: 415px;
  display: flex; }

.gridCardHeaderTitleStyle {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  margin-bottom: -16px;
  padding-left: 0px; }

.inventorySummary_retailerContent {
  text-align: left;
  width: 8.3em; }

.inventorySummary_categoryContent {
  text-align: left;
  width: 9.7em; }

.inventorySummary_availabilityContent {
  width: 8em;
  text-align: left; }

.inventorySummary_donutSpinner {
  margin: 111px;
  color: #637280; }

.treemapSpinnerStyle {
  text-align: center;
  margin-top: 260px;
  color: #0e90e1; }

.gridLoadingSpinnerStyle {
  margin: 160px;
  color: #637280; }

.donutLabelSummaryBy {
  margin-left: 4px;
  margin-bottom: 3px;
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 100; }

.treemap-chart-container1 {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px; }

.colorScaleContainerRow1 {
  height: 15px;
  align-self: center;
  margin-left: 40px;
  margin-bottom: 48px;
  margin-left: 41px;
  margin-top: 39px; }

.inv-summary-zero-icon-style {
  margin-left: -10px;
  margin-top: 32px; }

.infoMessage {
  float: left;
  padding: 11px 10px 0px 20px;
  margin-bottom: -1rem;
  display: flex; }

.infoImg {
  height: 18px;
  padding-top: 3px; }

.infoText {
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  padding-left: 2px; }

th.headingStyle-notListed {
  top: -1px !important; }

.inventorytreemapChartStyle {
  height: 40em;
  top: 24px;
  padding-left: 12px;
  padding-right: 11px;
  cursor: pointer; }

.donutOval .apexcharts-legend.position-bottom.apexcharts-align-center {
  width: 28em;
  margin-left: -20px; }

.inventory-summary-pi-chart-no-data-style {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 77px;
  background-color: #ffffff;
  border: none; }

.inventory-summary-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.inventory-summary-appliedFilter-row {
  display: inline-flex; }

.inventory-summary-pieChart-row {
  text-align: center; }

.donutSubtitle {
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  padding-top: 6px;
  margin-bottom: -6px;
  margin-left: 20px;
  margin-top: -10px;
  color: #000000; }

.inv-summary-show-filter-style {
  padding: 1em 0em 2em 11px; }

.inv-summary-hide-filter-style {
  opacity: 0;
  pointer-events: none;
  margin-top: -105px;
  margin-right: 0px; }

.inv-summary-show-filter-spinner-style {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.inv-summary-hide-filter-spinner-style {
  opacity: 0;
  pointer-events: none;
  margin-top: 28px; }

.inventory-date-rangepicker-container {
  width: 140px;
  height: 42px;
  background-color: #ffffff;
  padding-left: 40px;
  padding-top: 2px;
  margin-right: 128px;
  margin-top: -44px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.calender-position {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #495463;
  z-index: 100;
  background: #ffffff;
  position: relative;
  bottom: -1rem;
  margin-left: -12.6rem;
  box-shadow: 4px 6px 21px 4px #8080801c;
  border: 1px solid #8080801c; }
  .calender-position .DayPicker-Day {
    border-radius: 1 !important; }
  .calender-position .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .calender-position .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

.applied-filter-date-picker-calender-icon-style {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 13px;
  margin-left: -16px; }

.dropdown-datefield-summary {
  padding-right: 0px;
  border: none !important;
  font-family: Chivo-Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 110px !important;
  background: none !important;
  color: #495463 !important;
  margin-top: 3px;
  cursor: pointer;
  font-size: 12px !important; }
  .dropdown-datefield-summary:focus {
    box-shadow: none !important; }

.grid-date .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.grid-date.input-group.input-group-md {
  flex-wrap: inherit;
  width: 79px;
  cursor: pointer; }

.date-picker-button-style {
  margin: 23px 0px 0px -25px;
  height: 0px;
  border: none !important; }

.inventory-icon-style {
  display: flex;
  justify-content: flex-end;
  padding-right: 1px;
  margin-top: 8px; }

.treeMapToggle {
  padding-right: 6% !important;
  width: 100%; }

/**************Pimerce Blue Theme***************/

.donutchart-track {
  fill: transparent;
  stroke: gainsboro;
  stroke-width: 12; }

.donutchart-track-true {
  fill: transparent;
  stroke: gainsboro;
  stroke-width: 12; }

.donutchart-indicator {
  fill: transparent;
  stroke-width: 12;
  stroke-dasharray: 0 10000;
  stroke-linecap: round;
  transition: stroke-dasharray 0.3s ease; }

.donutchart-indicator-true {
  fill: transparent;
  stroke: #60d4ee;
  stroke-width: 12;
  stroke-dasharray: 0 10000;
  transition: stroke-dasharray 0.3s ease; }

.donutchart-contentQuality-true {
  fill: transparent;
  stroke: #2d99ff;
  stroke-width: 12;
  stroke-dasharray: 0 10000;
  transition: stroke-dasharray 0.3s ease; }

.donut-text-percent {
  font-size: 22px; }

.donutchart-text-star {
  font-size: 0.7em;
  fill: gold; }

.donut-text-percent {
  font-size: 22px; }

.donutchart-text-label {
  font-size: 9px; }

.star {
  font-size: 12px;
  background: green; }

.donutchart-textsize-contentQuality {
  font-family: Chivo-Regular;
  fill: #3a3b3f; }

.donutchart-textsize-val-contentQuality {
  font-family: Chivo-Medium;
  font-size: 26px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.77;
  letter-spacing: -0.08px;
  color: #3a3b3f; }

.donutchart-textsize-val {
  font-family: Chivo-Medium;
  font-size: 26px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.77;
  letter-spacing: -0.08px;
  color: #3a3b3f; }

.donutchart-textsize-label-contentQuality {
  font-family: Chivo-Medium;
  font-size: 26px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.77;
  letter-spacing: -0.08px;
  color: #3a3b3f; }

.donutchart-text-usd {
  font-size: 25px; }

.donut-fontFamily-style {
  font-family: Chivo-Medium; }

/* SliderDemo.css */
.slider-demo .p-slider-horizontal, .slider-demo .p-inputtext {
  width: 100%;
  margin-left: 16px;
  top: -2px; }

.slider-demo .p-slider-vertical {
  height: 14rem; }

.card1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 0.25rem; }

.right {
  width: 75px; }

.border1 {
  border: 1px solid #c5c4c4;
  padding: 2px 10px; }

.mt {
  width: 75px; }

.txtclr {
  color: #637280;
  text-align: center; }

.slider-demo {
  padding-right: 44px;
  padding-left: 5px; }

.p-slider .p-slider-range {
  background: #0e90e1;
  max-width: 100%; }

.p-slider-range, .p-slider-handle-end {
  max-width: 100%; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #0e90e1; }

.leftinputbox {
  margin-top: 8px;
  margin-left: 8px; }

.rightinputbox {
  float: right;
  margin-top: -28px;
  margin-right: -25px; }

.sliderContainer {
  width: 100%; }

/**************Pimerce Blue Theme***************/

.piechart-tooltip-style {
  width: 160px;
  background-color: #ffffff;
  color: #000000; }

.apexcharts-tooltip {
  border-radius: 0px !important; }

/**************Pimerce Blue Theme***************/

.filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -45px; }

.inventory_sku_level_reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 18px; }

.inventorySkuLevel-modalDialog {
  width: 570px; }

.inventorySkuLevel-modalTitleName {
  margin: 17px -9px 13px 10px;
  font-family: Chivo-Medium;
  cursor: context-menu; }

.inventorySkuLevel-modalImage {
  width: 78px;
  margin: -7px 20px -14px -18px; }

.inventorySkuLevel-modalContent1 {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 600;
  margin-right: -6em; }

.inventorySkuLevel-modalContent2 {
  margin-left: 14px;
  font-family: Chivo-Regular;
  font-size: 16px;
  font-weight: 500; }

.modalContent3 {
  font-family: Chivo-Medium;
  font-size: 16px;
  /* margin-left: 105px;
  padding-left: 56px;  */
  margin-right: 13px; }

.modalCellDataStyle {
  text-align: center;
  color: #000000; }

.modalHeaderSellerStyle, .modalHeaderAvailStyle, .modalHeaderIdStyle {
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  font-family: Chivo-Medium; }

.modalHeaderAvailStyle {
  border-left: 2px solid #c2d5e5 !important; }

.modalHeaderIdStyle {
  text-align: center;
  width: 4em; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu; }

.modalHeaderSkuNameStyle {
  text-align: left; }

.skuNameStyle1 {
  cursor: context-menu;
  width: 22em;
  color: #000000;
  min-width: fit-content; }

.headingStyle-SkuExtra {
  width: 20em;
  padding: 14px !important;
  text-align: left;
  left: 134px;
  z-index: 3; }

.ineventorySkuLevel-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  display: flex; }

.retailerCellDataStyle, .retailerNoCellDataStyle {
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  min-width: 12em;
  max-width: inherit;
  color: #000000; }

.retailerNoCellDataStyle {
  cursor: context-menu;
  text-decoration: none; }

.sapcodeCellDataStyle {
  cursor: context-menu;
  text-align: left;
  min-width: 6em;
  max-width: inherit;
  color: #000000; }

.cityCellStyle, .locationCellStyle, .storeCellStyle {
  text-align: left;
  cursor: context-menu;
  width: 8em;
  color: #000000; }

.locationCellStyle, .storeCellStyle {
  width: 10em; }

.skuLevelIdStyle {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.headingStyle_inventorySkuRetailer {
  padding: 14px !important;
  width: 130px;
  text-align: center;
  z-index: 0 !important; }

.headingStyle_inventorySkuSapcode {
  padding: 14px !important;
  width: 6em;
  text-align: left;
  left: 38px;
  z-index: 3; }

.headingStyle-inventorySkuLevelId {
  text-align: center;
  width: 1em;
  padding: 14px !important;
  left: -1px; }

.headingStyle-inventorySkuLevelCity, .headingStyle-inventorySkuLevelLocation, .headingStyle-inventorySkuLevelStore {
  text-align: left;
  padding: 14px !important;
  width: 10em;
  left: 422px;
  z-index: 3; }

.headingStyle-inventorySkuLevelLocation {
  left: 542px;
  z-index: 3; }

.headingStyle-inventorySkuLevelStore {
  left: 686px;
  z-index: 3; }

.inventorySkuLevel-bsTableStyle {
  margin-right: 55px; }

.inventorySkuLevel-modalSkuImage {
  width: 23px;
  margin: -7px 0px 13px 20px;
  margin-top: 2px; }

.inventorySkuLevel-gridCardModalStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 180px;
  display: flex;
  margin-top: 5px; }

.noData {
  text-align: center;
  position: initial;
  height: 7.8em;
  padding: -6px;
  background-color: #ffffff;
  border: none; }

.gridHeaderSearchBarPagelevel {
  margin-left: 22px;
  margin-top: -3px; }

th.headingStyle-inventorySkuLevelId, th.headingStyle_inventorySkuRetailer, th.headingStyle_inventorySkuSapcode, th.headingStyle-SkuExtra, th.headingStyle-inventorySkuLevelCity, th.headingStyle-inventorySkuLevelLocation, th.headingStyle-inventorySkuLevelStore {
  top: -1px !important; }

#sku-level-analysis-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 6px; }

#sku-level-analysis-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

#sku-level-analysis-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

.sku-level-analysis-handleModalTitle {
  margin-right: -20em;
  margin-top: 7px; }

.sku-level-analysis-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.sku-level-analysis-appliedFilter-row {
  display: inline-flex; }

.sku-level-analysis-grid {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-top: 3px;
  margin-right: 4px; }

.inventoryExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
/**************Pimerce Blue Theme***************/

.wordCloudContainer {
  border: none;
  border-radius: 14px;
  overflow: hidden; }

.wordCloudHeader {
  border: none;
  background-color: #ffffff;
  font-size: 14px;
  font-family: Chivo-Bold;
  border-radius: 15px !important; }

.wordcloud-body {
  padding-right: 35px;
  padding-bottom: 60px;
  height: 100%;
  width: 100%; }

/**************Pimerce Blue Theme***************/

.chartContainer {
  width: 1150px;
  height: 349px;
  border-radius: 14px;
  background-color: #ffffff; }

.chart-component-chexbox {
  position: absolute;
  top: 31px;
  right: 15px; }

.chexbox_onchange-disbled {
  pointer-events: none; }

.chartContainerDashboard {
  width: 100%; }

.noDataFound_Position {
  text-align: center;
  position: initial;
  height: 21.8em;
  padding: 150px; }

.apexcharts-legend-marker {
  background: none !important;
  border: 1px solid !important; }

.graphContainerStyle, .overall-sentiment-graph-style, .frequency-graph-style {
  border: none;
  border-radius: 0px; }

.graphComponentTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212529;
  margin-left: 1px; }

.graphComponentRatingTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  width: max-content;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 1px;
  user-select: none;
  cursor: default; }

.nationalLegendMsgText {
  color: #0e90e1;
  margin-top: -20px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.nationalLegendMsgTextOnKeywordSpecificTrend {
  color: #0e90e1;
  margin-top: -57px;
  margin-right: 29px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.pricing-trend-chartcomponentbg .nationalLegendMsgTextOnKeywordSpecificTrend {
  margin-top: 0px !important; }

.nationalLegendMsgTextOnPricingTrend {
  color: #0e90e1;
  margin-top: -20px;
  margin-right: 5px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.graphComponentHeader {
  padding-top: 0px;
  padding-right: 28px; }

.graphToggle {
  float: right; }

.customTooltip {
  font-family: Chivo-Regular;
  text-align: center;
  padding: 5px;
  word-wrap: break-word; }

.customToolTipHeader {
  font-family: Chivo-Bold;
  text-align: center;
  background: gray;
  padding: 5px; }

.chartInfoIconStyle {
  display: flex;
  bottom: 28px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.graph-staticLegendStyle {
  padding-left: 8px;
  margin-top: -6px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.graph-HeadingStyle {
  margin-bottom: -22px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500; }

.custom-apexchart-tooltip {
  width: 90%;
  white-space: break-spaces;
  position: absolute;
  left: 50% !important; }

.colorScaleContainerColGraph {
  width: 30px;
  height: 9px;
  border-radius: 0px !important; }

.color-scale-container {
  display: flex;
  margin-left: 55px;
  justify-content: flex-start;
  margin-top: -25px; }

.footerbackgroundstyle {
  background: none !important;
  margin-top: -23px; }

.footerbackground-ms {
  background: none !important;
  margin-top: -42px; }

.graph-chart-colorScaleContainer {
  width: 100%;
  height: 0px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px;
  margin-top: -11px; }

.footer-remove {
  background: none !important; }

.category-growth-chart-style .apexcharts-tooltip.apexcharts-theme-light {
  top: -75px !important; }

.infoStylePosition {
  position: absolute;
  padding-right: 30px;
  padding-left: 26px;
  padding-top: 3px; }

.infoStyle {
  font-family: Chivo-Regular !important;
  font-size: 12px;
  font-weight: 600;
  background-color: #0e90e1;
  color: white;
  padding-right: 5px;
  padding-left: 5px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }

.hideFooterClassName {
  display: none; }

.marketshare-info-names {
  display: flex;
  justify-content: flex-end; }

.market-share-text-info-msg {
  margin-right: '10px'; }

.checkBoxStyle {
  margin-right: -131px; }

/**************Pimerce Blue Theme***************/

.polarity-graph-nodata-style {
  text-align: center;
  position: initial;
  padding: 15px;
  background-color: #ffffff;
  border: none;
  margin-top: 7em; }

.frequency-graph-nodata-style {
  text-align: center;
  position: initial;
  padding: 15px;
  background-color: #ffffff;
  border: none;
  margin-top: 8em; }

.style-polarity-chart {
  padding: 20px; }

.gridHeader-dropdown .css-qlqwgq-menu {
  position: absolute; }

.gridHeader-dropdown .css-1dgicot-container {
  position: absolute;
  margin-left: -91px; }

.contextMenuCardContainer .css-1dgicot-container {
  overflow: scroll; }

.gridHeader-dropdown .css-10u4t4s-control {
  margin: -10px 0px 0px 0px; }

.gridHeader-dropdown .css-51nctc-control {
  margin: -10px 0px 0px 0px; }

.word-cloud-style {
  height: 23em; }

.overall-sentiment-graph-style {
  height: 27em;
  margin-left: -15px;
  margin-top: -6px;
  margin-right: -13px; }

.frequency-graph-style {
  height: 30.5em;
  margin-left: -15px;
  margin-right: -13px;
  margin-top: -21px; }

.polarity-spinner {
  margin-top: 10em;
  color: #637280; }

.frequency-spinner {
  margin-top: 12em;
  color: #637280; }

.heading-style-review-comments-username, .headingStyle-review-status {
  width: 7em;
  text-align: left;
  top: -1px !important; }

.heading-style-review-comments-sku {
  width: 8em;
  text-align: left;
  top: -1px !important; }

.heading-style-review-comments-date {
  width: 7em;
  text-align: left;
  top: -1px !important; }

.heading-style-review-comments-star {
  width: 9em;
  text-align: left;
  top: -1px !important; }

.grid-review-cell {
  text-align: left;
  width: 118px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.modal-full-review {
  padding-left: 3em;
  padding-right: 3em;
  margin-top: -1em;
  margin-bottom: 3em; }

.heading-style-review-comments-reviews {
  width: 10em;
  top: -1px !important; }

.review-analysis-sku-name {
  text-align: left;
  cursor: context-menu;
  width: 17em;
  color: #000000; }

.reviewAnalysis-userName {
  text-align: left;
  cursor: context-menu;
  width: 9em;
  color: black; }

.review-status {
  text-align: center;
  cursor: context-menu;
  width: 5em;
  color: #000000; }

.review-analysis-reviews {
  text-align: left;
  cursor: context-menu;
  width: 2em;
  color: #000000; }

.ratings-word-cloud-card {
  height: 27em;
  border: none;
  margin-top: -6px;
  border-radius: 0px;
  user-select: none; }

.ratings-word-cloud-spinner {
  margin-top: 8em;
  color: #637280; }

.rating-word-cloud {
  margin-top: 3px;
  border: none;
  background-color: #ffffff;
  font-size: 14px;
  font-family: Chivo-Bold;
  border-radius: 15px !important;
  padding-left: 21px;
  color: #000000;
  user-select: none;
  cursor: default; }

.rating-review-nodata-card {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none;
  margin-top: -1px; }

.filter-button-render {
  float: right;
  width: 100%;
  margin-right: -46px; }

.heading-style-review-comments-id {
  width: 1em;
  text-align: left;
  top: -1px !important; }

.review-comments-grid-card-header-titlestyle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px;
  cursor: default;
  user-select: none; }

.review-comments-grid-spinnerstyle {
  margin: 6em;
  color: #637280; }

.review-modal-header-style {
  margin-left: 12px;
  margin-top: 14px;
  font-size: 18px;
  margin-bottom: 25px; }

.review-comment-word-cloud-relod-style, .review-comment-review-graph-relod-style, .review-comment-grid-relod-style, .review-comment-frequency-graph-relod-style {
  background: #ffffff;
  padding-top: 150px;
  padding-bottom: 134px;
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium; }

.review-comment-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.review-comment-appliedFilter-row {
  display: inline-flex; }

#review-comments-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.review-grid-card-container-style {
  max-height: 600px;
  background-color: #c2d5e5;
  border-radius: 7px;
  display: flex; }

.review-grid {
  display: block;
  border: white;
  border-radius: 0px;
  margin-top: -7px; }

.review-grid-wordCloud {
  display: block;
  border: white;
  border-radius: 0px;
  margin-top: -21px; }

.initial-spinner {
  margin: 0 auto 0;
  width: 70px;
  text-align: center; }

.initial-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.initial-spinner .loading-animation {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.initial-spinner .loading-animation-two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.rating-word-cloud-body {
  padding-right: 35px;
  padding-bottom: 60px;
  height: 100%;
  width: 100%; }

.star-rating {
  text-align: center; }

.GridContentAlign-ContentModal-Review {
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
  color: #000000; }

.gridContentAlignReview {
  text-align: left;
  cursor: context-menu;
  color: black; }

.grid-content-align-review-date {
  text-align: left;
  cursor: context-menu;
  color: black;
  width: 80px; }

/**************Pimerce Blue Theme***************/

.checked {
  color: #0e90e1;
  border-color: #0e90e1;
  font-size: 17px;
  cursor: default !important; }

#star-five {
  margin: 50px 0;
  position: relative;
  display: block;
  color: red;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  transform: rotate(35deg); }

#star-five:before {
  border-bottom: 80px solid red;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -45px;
  left: -65px;
  display: block;
  content: '';
  transform: rotate(-35deg); }

#star-five:after {
  position: absolute;
  display: block;
  color: red;
  top: 3px;
  left: -105px;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  transform: rotate(-70deg);
  content: ''; }

.star-rating {
  text-align: left;
  display: flex; }

@media screen and (max-width: 1015px) {
  .star-rating {
    text-align: center;
    display: flex;
    width: 125%;
    margin-top: -10px; } }

@media screen and (max-width: 1228px) {
  .star-rating {
    display: flex;
    margin-top: -15px;
    margin-left: -10px; } }

/**************Pimerce Blue Theme***************/

.card-style {
  border: none;
  border-radius: 0px; }

.headerclassname {
  padding-top: 0px;
  padding-right: 28px; }

.graphComponentHeader {
  padding-top: 0px;
  padding-right: 28px; }

.graphTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  width: max-content;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 1px;
  user-select: none;
  cursor: default; }

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton, .buttonStyle {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #0e90e1;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton, button.btn.btn-primary.buttonStyle {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active, button.btn.btn-primary.buttonStyle :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active, button.btn-primary.buttonStyle:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #0e90e1; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0E90E1;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #0e90e1;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #0e90e1;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #0e90e1; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #0E90E1;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #0e90e1;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #0e90e1; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #0e90e1; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #0E90E1;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #0E90E1; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #0E90E1;
  background: #0E90E1; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #0E90E1 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #0E90E1 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #0E90E1; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 145px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #0E90E1 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

.reviewChart-ContainerStyle {
  margin-bottom: 4%;
  margin-top: 15px;
  margin-left: -2px; }

.imageStyle {
  margin-top: 8px;
  margin-right: -29px; }

.ratingReload {
  background-color: #ffffff;
  height: 24em;
  padding: 9em;
  margin-bottom: 2em;
  color: #003353; }

.ratingCard {
  margin-top: 45px;
  border-radius: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(151, 151, 151, 0.12);
  height: 124px;
  padding: 10px 0px 0px 15px;
  margin-left: 5px; }

.reviewCard {
  margin-top: 45px;
  border-radius: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(151, 151, 151, 0.12);
  height: 124px;
  padding: 10px 0px 0px 15px; }

.noRatingCard {
  margin-top: 45px;
  border-radius: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(151, 151, 151, 0.12);
  height: 124px;
  padding: 10px 0px 0px 15px; }

.cardRating {
  border: none;
  display: grid;
  margin-top: 3px;
  border-radius: 6px; }

.ratingCardContainer {
  border: none;
  background-color: transparent;
  margin-top: -20px;
  margin-left: -5px; }

.ratingTopCardRow {
  background-color: #ffffff;
  margin-top: 3px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.ratingsOverallChart {
  margin-left: -1px;
  margin-top: -28px;
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-right: -30px; }

.ratingHeader {
  border: none;
  background: none;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: -5px;
  z-index: 1; }

.buttonStyle {
  margin-top: -11px; }

.ratingFooter {
  border: none;
  background: none;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: -16px; }

.ratingValue {
  margin-top: -42px;
  font-family: Chivo-Medium;
  font-size: 55px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1;
  z-index: 1; }

.ratingSubHeader {
  font-size: 11px;
  margin-top: 3px;
  width: 111px; }

.cardTop {
  margin-top: 5px; }

.verticalChart {
  margin-top: -17px; }

.reviewWording {
  margin-top: 5px;
  height: 14px;
  object-fit: contain;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  margin-right: 17px; }

.noRatingWording {
  margin-top: 5px;
  height: 14px;
  object-fit: contain;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  margin-left: 2px; }

.chartStyle {
  margin-top: 20px;
  border-radius: 14px; }

.noOfRating {
  object-fit: contain;
  font-family: Chivo-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000000; }

.totalRating {
  margin-top: 5px;
  width: 78px;
  height: 14px;
  object-fit: contain;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000; }

.cardNumber, .cardValue {
  width: 58px;
  height: 24px;
  object-fit: contain;
  font-family: Chivo-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000000; }

.basiclog {
  width: 81px;
  height: 24px;
  object-fit: contain;
  font-family: Chivo-Regular;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #282d30; }

.rowStyle {
  margin-left: 10px;
  margin-top: -60px; }

.Style_1 {
  text-align: center;
  position: initial;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

.dataNotFound {
  font-size: 15px; }

.starGraphStyle {
  border: none;
  height: 12em; }

.starGraphSpinner {
  margin-top: 69px;
  color: #637280; }

.ratingNoDataCard {
  height: 347px;
  background-color: #ffffff;
  border-radius: 0px;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.ratingChartSpinner {
  margin: 140px;
  color: #637280; }

.ratingOutOfFiveSpinner {
  margin-top: 90px;
  margin-left: 70px;
  color: #637280; }

.cardValue {
  margin-left: 1px; }

#rating-summary-appliedFilter-col1 {
  display: inline-flex;
  justify-content: center; }

.rating-summary-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px 20px 20px 0px; }

.rating-summary-appliedFilter-row {
  display: inline-flex; }

.rating-summary-OverallChart {
  right: 11px;
  margin-left: -1px;
  padding-right: 5px; }

.placeholder-style {
  width: 50px;
  margin-top: -14px; }

.star-icon-style {
  padding-left: 23px;
  padding-top: 5px; }

.like-icon-style {
  padding-left: 35px;
  padding-top: 5px; }

.star-img-style {
  width: 45px; }

.like-img-style {
  width: 41px; }

.icon-style-for-retailerlogo {
  display: flex;
  justify-content: flex-end;
  padding-right: 1px;
  padding-bottom: 11px; }

/**************Pimerce Blue Theme***************/

.cardTextCommonStyles, .cardBackground, .cardHeader, .cardTitle, .cardBody, .cardFooter {
  font-family: Chivo-Regular;
  color: #000000;
  background-color: #ffffff;
  border: none;
  padding: 0px; }

.cardBackground {
  width: 270px;
  height: 142px;
  padding: 10px 0px 0px 15px;
  border-radius: 14px; }

.cardTitle {
  font-size: 18px;
  font-weight: bold; }

.cardFooter {
  width: 255px;
  opacity: 0.5;
  font-size: 12px;
  line-height: 1.25; }

/**************Pimerce Blue Theme***************/

.dataCard {
  border-radius: 14px;
  background-color: var(--white); }

.headingStyle {
  height: 60px; }

.headingStyleSku {
  text-align: left; }

.gridContentAlignment {
  text-align: left; }

.ratingSkuLevel_commonHeader_retailerStyle {
  text-align: center;
  border-bottom: solid 2px #c2d5e5 !important;
  border-left: solid 2px #c2d5e5 !important;
  text-align: center; }

.ratingSkuLevel_commonHeader_skuStyle {
  border-right: solid 2px #c2d5e5 !important;
  position: sticky;
  left: -2px;
  z-index: 1; }

.ratingSkuLevel_header_average {
  min-width: 8em;
  text-align: center;
  z-index: 0 !important; }

.ratingSkuLevel_header_no_of_reviews {
  width: 8em;
  border-left: solid 2px #c2d5e5 !important;
  text-align: center;
  z-index: 0 !important; }

.ratingSkuLevel_header_count {
  width: 55px;
  border-left: solid 2px #c2d5e5 !important;
  text-align: center;
  z-index: 0 !important; }

.ratingSkuLevel_skuNameHeader {
  position: sticky;
  z-index: 0 !important; }

.ratingSkuLevel_sapcodeHeader {
  position: sticky;
  z-index: 0 !important;
  text-align: left; }

.ratingSkuLevel_skuNameContent {
  text-align: left; }

.ratings_skuLevel_spinner {
  margin: 120px;
  color: #637280; }

.ratingSkuComponentId,
.ratingSkuComponentSkuName {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.ratingSkuComponentSapCode {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.rating-dataTablebg {
  border: #ffffff;
  margin-top: 3px;
  border-radius: 0px;
  margin-right: -15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.ratingsSkuLevel-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 17.8em;
  padding: 56px;
  background-color: #ffffff;
  border: none; }

.ratingsSkuLevel-bsTableProps {
  border-radius: 15px; }

.ratingsSkuLevel-gridCardHeaderTitleStyle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 0px; }

.ratingSkuLevel_idHeader {
  position: sticky;
  z-index: 1; }

.gridPaginationSkulevel {
  padding-right: 13px;
  margin-top: 17px;
  margin-bottom: -9px; }

#sku-component-appliedFilter-col1 {
  display: inline-flex;
  justify-content: center; }

.ratingExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.sku-component-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px 20px 20px 0px; }

.sku-component-appliedFilter-row {
  display: inline-flex; }

.sku-component-textAlign-style {
  text-align: center; }

.sku-star-position-style {
  object-fit: contain;
  margin-right: 3px;
  width: 11px; }

.linkCodeStyle {
  color: black; }

.sku-component-grid-container {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  max-height: 410px;
  display: flex; }

/**************Pimerce Blue Theme***************/

.headingStyle-pricing-skuName {
  width: 14rem;
  text-align: initial;
  left: 142px;
  z-index: 3; }

.headingStyle-pricing-skuId {
  width: 8rem;
  text-align: initial;
  left: 142px;
  z-index: 3; }

.pricingComplianceValue {
  flex: 80%; }

.pricing-compliance-treemapbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 20px; }

.pricingComplianceExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.reloadDataGrid {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 15px; }

.dataTableStyle-pricingcompliance {
  margin-top: 37px; }

.contexual-filter-close-icon {
  display: inline-block;
  color: #0e90e1;
  font-size: 20px;
  position: absolute;
  top: 1.2rem;
  right: 1rem; }

.fa:hover {
  cursor: pointer; }

.date {
  position: absolute;
  width: 35%;
  font-weight: bold;
  margin-top: 16px; }

.pricing-dataTableStyles {
  margin-top: -5px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.container-pricingcompliance {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.pricingcompliance-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.appliedFilterGridContent {
  margin: -18px 53px -18px 54px; }

.GridContentAlign-ContentModal {
  width: max-content;
  text-align: center;
  cursor: pointer;
  color: #000000; }

.gridContentAlign-NS {
  font-size: 11px;
  color: #000000; }

.gridContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availabilityDisable {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: no-drop; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityDisable {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: no-drop; }

.styleTest, .headingStyle-pricing-skuName, .headingStyle-pricing-skuId, .headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  width: 10em;
  z-index: 0 !important; }

.container-pricing {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.modaltitle-image {
  margin: -16px 94px -28px 0px;
  object-fit: contain;
  height: auto;
  border-radius: 0px;
  width: 96px;
  margin-left: 26px; }

.modaltitle-retailerPlaceholderimage {
  margin: -3px 103px 33px -11px;
  object-fit: contain;
  height: auto; }

.modalbody-image {
  width: 142px;
  height: 170px;
  margin: 0 60px 58px 30px;
  object-fit: contain;
  padding-top: 20px; }

.modal-sku, .modal-msrp, .modal-sellingprice {
  width: 44px;
  height: 24px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 1000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.modal-msrp {
  width: auto !important;
  margin-top: 0%; }

.modal-sellingprice {
  z-index: 10; }

.modal-sp {
  width: 150%; }

.modalDailog {
  width: 700px; }

.container-row {
  width: 121%;
  margin-top: -17px; }

.modal_grid {
  margin-top: -43px;
  margin-left: -34px; }

.headingStyle-modalgrid-seller {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 21%;
  height: 24px;
  margin: 0 31px 0 73px; }

.msrp-content {
  margin-left: 32px; }

.ModalFooterPricing {
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: 30px;
  letter-spacing: 0ch; }

.Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px;
  color: #000000; }

.footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.Modal-Msrp {
  margin-top: -26px;
  margin-bottom: 24px; }

.Modal-Sku {
  margin-bottom: 40px; }

.headingStyle-modalgrid-discount {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  padding-left: 10px;
  height: 24px;
  margin: 0 31px 0 73px; }

.headingStyle-modalgrid-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 30%;
  height: 24px;
  margin: 0 31px 0 73px; }

.pricing-compliance-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 35%;
  height: 24px;
  margin: 0 31px 0 73px; }

.GridSku {
  cursor: pointer;
  text-decoration: underline;
  color: #000000;
  width: 21em;
  min-width: fit-content; }

.GridSkuId {
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  width: 8em;
  min-width: fit-content; }

.gridContent {
  text-decoration: underline !important; }

.grid-content-notsold {
  text-decoration: none; }

.headingStyle-pricingComplianceId div, .headingStyle-pricingComplianceSapCode div {
  width: 2em; }

.modalContent {
  margin-left: 20px; }

.modalContent01 {
  margin-left: 55px; }

.modalSkuContent {
  margin-left: inherit;
  word-break: break-word;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px;
  color: #0e90e1; }

.modalMsrpContent {
  margin-left: inherit;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalGridContent {
  margin-left: -19px;
  margin-top: -11px;
  margin-bottom: 20px; }

.pricing-compliance-grid-body {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px;
  height: auto;
  width: 437px; }

.modalGridContentSingle {
  margin-left: 108px;
  margin-top: -23px;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalVarianceContent {
  margin-top: 14px;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent1 {
  margin-top: 3px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent2 {
  margin-top: -17px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #0e90e1; }

.contextMenuCardContainer {
  box-shadow: 0 20px 12px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #c2d5e5;
  border-radius: 0px; }

.noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 54px;
  background-color: transparent;
  border: none; }

.headingStyle-pricingComplianceCity {
  width: 6em;
  left: 417px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComplianceLocation {
  width: 10em; }

.headingStyle-pricingComplianceLocationExtra {
  width: 8em;
  left: 537px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComplianceStore {
  width: 8em;
  left: 669px;
  z-index: 3 !important;
  text-align: left; }

.gridContentAlign-ContentModal-NA {
  text-align: center; }

.pricingComplianceTreemapchartStyle, .pricingCompliance-nested-treemap-chartstyle {
  height: 250px;
  padding-left: 12px;
  cursor: pointer; }

.pricingCompliance-nested-treemap-chartstyle {
  cursor: default; }

.gridContentAlign-pricing, .gridContentAlign-discount, .gridCityContentAlign-pricing, .gridLocationContentAlign-pricing, .gridStoreContentAlign-pricing, .gridRetailerContentAlign-pricing {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.gridContentAlign-discount {
  min-width: max-content; }

.gridCityContentAlign-pricing {
  width: 8em;
  text-align: left; }

.gridLocationContentAlign-pricing {
  width: 9em;
  text-align: left; }

.gridStoreContentAlign-pricing {
  width: 11em;
  text-align: left; }

.gridRetailerContentAlign-pricing {
  min-width: 13em;
  max-width: inherit;
  display: flex;
  justify-content: center; }

.gridContent {
  text-decoration: underline !important; }

.pricingComplianceValue {
  flex: 80%; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.headingStyle-pricingComplianceId, .headingStyle-pricingComplianceSapCode {
  width: 1em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-pricingComplianceSapCode {
  left: 46px;
  z-index: 3; }

th.headingStyle-modalgrid-seller, th.headingStyle-modalgrid-discount, th.headingStyle-modalgrid-sp, th.pricing-compliance-sp {
  top: -1px !important; }

.gridPaginationPricing {
  padding-right: 12px;
  margin-top: -60px;
  margin-bottom: 63px; }

.gridLegendInfoStyles {
  display: flex;
  padding-top: 15px;
  font-size: 12px;
  font-family: Chivo-Medium;
  color: #0e90e1; }

.headingStyle-modalgrid-msrp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 40%;
  height: 24px;
  margin: 0 31px 0 73px; }

th.headingStyle-modalgrid-msrp {
  top: -1px !important; }

.bracketPriceStyle {
  font-weight: bold; }

.pricingCompliance-sapcodeContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000; }

th.headingStyle-pricingComplianceId, th.headingStyle-pricingComplianceSapCode, th.headingStyle-pricing-skuName, th.headingStyle-PricingCompliance, th.headingStyle-pricingComplianceCity, th.headingStyle-pricingComplianceLocation, th.headingStyle-pricingComplianceLocationExtra, th.headingStyle-pricingComplianceStore {
  top: -1px !important; }

#pricing-compliance-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.pricing-compliance-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.pricing-compliance-appliedFilter-row {
  display: inline-flex; }

.pricingStar-Icon {
  width: 18px; }

.gridPaginationPricingAlt {
  margin-top: -23px;
  margin-bottom: 37px; }

@charset "UTF-8";

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #0e90e1 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #0e90e1; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.rotate {
  animation: rotation 2s infinite linear; }

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

.ratingsChartSpinner {
  text-align: center;
  margin-top: 10%;
  color: #0e90e1; }

.pricing-trend-chartcomponentbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 2px;
  margin-right: -15px;
  margin-bottom: 18px; }

.pricing-trend-datatablebg {
  border: #ffffff;
  margin-top: -3px;
  border-radius: 15px;
  margin-right: -15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.filterRow {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.applyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #0e90e1;
  font-family: Chivo-Medium; }

.filterIcon {
  margin: 5px -5px 7px 13px; }

.filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -45px; }

.headingStyle-pricingTrendId, .headingStyle-pricingTrendSapcode, .headingStyle-pricingTrendMsrp, .headingStyle-pricingTrendDay1, .headingStyle-pricingTrendDay2, .headingStyle-pricingTrendDay3, .headingStyle-pricingTrendDay4, .headingStyle-pricingTrendDay5 {
  padding: 14px !important;
  text-align: left;
  width: 3em; }

.headingStyle-pricingTrendRetailer, .headingStyle-pricingTrendSku, .headingStyle-pricingTrendSkuExtra, .headingStyle-pricingTrendSkuExtraNoData, .headingStyle-pricingTrendCity, .headingStyle-pricingTrendLocation, .headingStyle-pricingTrendLocationExtra, .headingStyle-pricingTrendStore {
  width: 5em;
  text-align: left;
  padding: 14px !important; }

.headingStyle-pricingTrendSku {
  width: 17em;
  text-align: left; }

.headingStyle-pricingTrendSkuExtra, .headingStyle-pricingTrendSkuExtraNoData {
  width: 20em;
  text-align: left; }

.headingStyle-pricingTrendSapcode {
  width: 9em !important; }

.headingStyle-pricingTrendMsrp {
  text-align: center;
  width: 106px; }

.headingStyle-pricingTrendDay1, .headingStyle-pricingTrendDay2, .headingStyle-pricingTrendDay3, .headingStyle-pricingTrendDay4, .headingStyle-pricingTrendDay5 {
  width: 9em !important;
  text-align: center; }

.headingStyle-pricingTrendLocation {
  width: 8em; }

.headingStyle-pricingTrendLocationExtra {
  width: 8em; }

.headingStyle-pricingTrendStore {
  width: 14em; }

.grid-pricing-id, .grid-pricing-sapcode {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.grid-pricing-sapcode {
  width: 67px; }

.gridContentModalAlign {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.pricing-trend-grid-body {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px;
  height: auto;
  width: 437px; }

.cellDataStyle, .cellDataDayStyle, .cellDataStyleMsrp {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.cellDataDayStyle {
  text-decoration: underline;
  cursor: pointer;
  color: #000000; }

.skuNameStyle {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.retailerCellStyle {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.tabFilter .fa .fa-filter {
  width: "10px";
  height: "10px";
  color: "$pimerce_orange_color";
  cursor: "pointer"; }

.graphLoadingStyle, .gridLoadingStyle {
  margin: 120px;
  color: #637280; }

.graphStyle {
  background-color: #ffffff;
  border-radius: 0px;
  border-color: #ffffff; }

.graphHeaderStyle {
  padding-right: 8px; }

.chartClassStyle {
  margin-left: -7px;
  margin-bottom: -25px; }

.chartClassStyle .apexcharts-legend-marker {
  margin-right: 9px; }

.bsTableStyle {
  margin-bottom: -30px; }

.gridNoDataStyle, .noDataFoundStyle {
  margin-top: -20px;
  text-align: center;
  position: initial;
  height: 5.8em;
  padding: 0px;
  background-color: #ffffff;
  border: none;
  overflow-y: hidden; }

.noDataFoundStyle {
  margin-top: 0px;
  height: 17.8em;
  padding: 57px; }

.gridCardModalContainerStyle {
  border: 2px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 0px;
  max-height: 120px;
  display: flex; }

.modalSpinner {
  margin: 120px;
  text-align: center;
  color: #637280; }

.pricingTrend-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 677px;
  display: flex; }

.PricingTrendDataGrid {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 0px;
  max-height: 400px;
  display: flex; }

.pricing-trend-location-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60%;
  overflow-wrap: anywhere;
  white-space: nowrap; }

th.headingStyle-pricingTrendDay2, th.headingStyle-pricingTrendDay3, th.headingStyle-pricingTrendDay4, th.headingStyle-pricingTrendDay5, th.headingStyle-pricingTrendId, th.headingStyle-pricingTrendSapcode, th.headingStyle-pricingTrendMsrp, th.headingStyle-pricingTrendDay1, th.headingStyle-pricingTrendSku, th.headingStyle-pricingTrendSkuExtra, th.headingStyle-pricingTrendSkuExtraNoData, th.headingStyle-pricingTrendRetailer, th.headingStyle-pricingTrendCity, th.headingStyle-pricingTrendLocation, th.headingStyle-pricingTrendLocationExtra, th.headingStyle-pricingTrendStore {
  top: -1px !important; }

.headingStyle-modalgrid-msrp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 40%;
  height: 24px;
  margin: 0 31px 0 73px; }

th.headingStyle-modalgrid-msrp {
  top: -1px !important; }

.pricing-trend-appliedFilter-col1 {
  display: inline-flex;
  justify-content: flex-start;
  max-height: 50px; }

.pricing-trend-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end; }

.pricing-trend-headerContent1 {
  display: flex;
  justify-content: space-evenly; }

#pricing-trend-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 6px; }

#pricing-trend-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

#pricing-trend-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

.pricing-trend-headerContent2 {
  display: flex;
  justify-content: space-evenly; }

.pricing-trend-headerContent3 {
  display: flex;
  justify-content: space-evenly; }

/**************Pimerce Blue Theme***************/

.modalDialog {
  width: 680px; }

.modaltitle-name-trend {
  flex: 0.75;
  margin-top: 1px;
  margin-left: 5px;
  font-family: Chivo-Medium;
  font-size: 14px;
  cursor: context-menu;
  z-index: 1; }

.inventory-trend-card .newDashboard-infoIcon2 {
  margin-top: 23px !important; }

.modal-image-trend-inv {
  height: 65px;
  width: 78px;
  margin-left: 36px;
  display: flex; }

.modal-imgsize-trend {
  height: 78px;
  width: 78px;
  margin-left: 75px; }

.modalContent1 {
  font-family: Chivo-Medium;
  font-size: 14px;
  margin-top: 3px;
  font-weight: 500;
  color: #000000; }

.modalContent2 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 76px;
  color: #0e90e1; }

.modalContent3 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 40px;
  color: #0e90e1; }

.modalContent4 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 22px;
  color: #0e90e1; }

.modalCellDataStyle, .modalCellDataStyleId {
  text-align: center;
  color: #000000; }

.modalCellDataStyle1 {
  text-align: left;
  color: #000000; }

.modalSkuNameStyle {
  text-align: left;
  color: #000000; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu;
  margin-left: 7px; }

.modalHeaderSkuNameStyle {
  text-align: left; }

.donutCard {
  height: 349px;
  margin: 0px 0px 20px 0px;
  padding: 43px 0px 0px 0px;
  border-radius: 14px;
  background-color: #ffffff; }

.oval1 {
  padding: 0px 0px 0px 0px;
  text-align: center; }

.filterButton {
  float: 'right';
  display: 'flex'; }

.rowStyle1 {
  width: '100%';
  margin-top: '-60px';
  margin-left: '10px'; }

.containerStyle {
  margin-left: '-35px';
  margin-right: '-105px'; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle1 {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #000000 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.donutLabel {
  text-align: left;
  margin: -11px 0px 32px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.dataGrid {
  width: 100%;
  height: 569px;
  padding: 30px 29px 30px 30px;
  border-radius: 14px;
  background-color: #ffffff;
  display: flex; }

.inventorySummary1 {
  display: flex;
  margin-left: -33px; }

.headBut {
  width: 100%;
  height: 40px; }

.container1 {
  width: 100%; }

.noData {
  text-align: center;
  position: initial;
  /* height: 20.8em; */
  /* padding: 100px; */
  background-color: #ffffff;
  border: none; }

.resetBut {
  width: 105px;
  height: 32px;
  color: #0e90e1;
  padding: 1px 34px 1px 35px;
  margin-right: 20px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #c2d5e5;
  background-color: #ffffff; }

.applyButton {
  background-color: #ffffff; }

.chartCardInv {
  height: 435px;
  margin: 0px 15px 15px 0px;
  /* padding: 22px 30px 23px 21px; */
  border-radius: 0px;
  background-color: #ffffff;
  display: flex;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.chartCardInv .apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  border-radius: 50%;
  display: none; }

.gridRightBorder {
  border-right: solid 3px #c2d5e5; }

.emptyTest_1 {
  border-right: solid 2px #c2d5e5 !important; }

.valueTest1 {
  border-bottom: solid 2px #c2d5e5 !important;
  text-align: left; }

.gridId, .gridRightBorder {
  padding-bottom: 27px !important; }

.gridRightBorder {
  border-right: solid 2px #c2d5e5 !important; }

.inventory-trend-grid-style {
  margin-top: -5px;
  margin-right: -14px;
  height: fit-content;
  background-color: #ffff;
  border-radius: 14px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.reload1 {
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium; }

.reload-trend {
  height: 349px;
  margin: 0px 0px 20px 0px;
  text-align: center;
  padding: 132px;
  font-size: medium;
  font-family: Chivo-Medium;
  border-radius: 14px;
  background-color: #ffffff;
  /* display: flex; */
  border: none;
  color: #003353; }

.dayHeaderColumn {
  padding: 14px !important;
  width: 11em;
  text-align: center; }

.inv-trend-info-msg {
  position: absolute;
  left: 94.5%;
  margin-top: -36px; }

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.rotate {
  animation: rotation 2s infinite linear; }

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

.filterButtonRender1 {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -42px; }

.chartSpinner {
  margin: 120px;
  color: #637280; }

.cellDataStyle1 {
  text-align: center;
  color: #000000; }

.commonAvailable {
  text-align: right;
  border-bottom: solid 2px #c2d5e5 !important; }

.headingStyle-pricingTrendRetailer1 {
  text-align: left;
  padding: 14px !important; }

.headingStyle-pricingTrendRetailer2 {
  text-align: left;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.headingStyle-totalsku {
  text-align: center;
  padding: 14px !important;
  width: 140px;
  border-right: solid 2px #c2d5e5 !important; }

.headingStyle-pricingTrendCity1 {
  text-align: center; }

.headingStyle-pricingTrendCity2 {
  text-align: center;
  border-right: solid 2px #c2d5e5 !important; }

.retailerCellStyle1 {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.retailerCellStyle2 {
  text-align: left;
  cursor: context-menu;
  border-right: solid 2px #c2d5e5 !important; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  /* overflow-y: scroll; */
  max-height: 300px;
  display: flex; }

.donutSubtitle {
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  padding-top: 6px;
  margin-bottom: -6px; }

.modalId {
  text-align: left; }

.spinnerr {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  color: #637280; }

.spinnerr > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinnerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.inventory-trend-modalContent {
  margin-top: 23px; }

.inventory-trend-toggle {
  display: inline-flex;
  align-items: center;
  width: 102%; }

#inventory-trend-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 6px; }

#inventory-trend-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

#inventory-trend-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

.inventory-trend-headerContent-style1 {
  display: flex;
  justify-content: space-evenly; }

.inventory-trend-headerContent-style2 {
  display: flex;
  justify-content: space-evenly; }

.inventory-trend-headerContent-style3 {
  display: flex;
  justify-content: space-evenly; }

.inventory-trend-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.inventory-trend-appliedFilter-row {
  display: inline-flex; }

#inventory-trend-celldataStyle {
  cursor: pointer;
  text-decoration: underline;
  color: #000000; }

#inventory-trend-cellContent1 {
  color: #000000; }

#inventory-trend-cellContent2 {
  color: #000000; }

#inventory-trend-gridContentAlign11 {
  text-align: center;
  color: #000000; }

#inventory-trend-retailerCellStyle1 {
  text-align: left; }

.inventory-trend-headingStyle {
  text-align: center;
  color: #000000; }

#inventory-trend-chartSpinner {
  margin-left: 100px; }

.inventory-trend-chart-style {
  padding-right: 0px;
  margin-top: 3px; }

.modalHeader {
  display: flex; }

.inventory-trend-gradbox-style {
  right: 41px;
  bottom: -7px;
  background: #0e90e1;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  max-width: 50%;
  position: absolute;
  width: max-content; }

.inventory-trend-ruleCardData {
  list-style: None;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
  margin-bottom: 4px; }

.inventory-trend-info-text {
  font-family: Chivo-Regular;
  font-size: 12px;
  color: white; }

.trend-page {
  bottom: 8px !important; }

.inventory-trend-card .inventory-trend-gradbox-style .inventory-trend-ruleCardData .trend-icon {
  margin-top: -2px !important;
  right: -25px; }

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(a6137456ed160d7606981aa57c559898.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(4f0283c6ce28e888000e978e537a6a56.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(2273e3d8ad9264b7daa5bdbf8e6b47f8.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/**************Pimerce Blue Theme***************/

.spinnerContainer {
  padding: 24.4vh;
  position: inherit;
  text-align: center;
  color: #637280; }

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.treeMapContainer {
  margin-top: -5px;
  height: 382px;
  background-color: #ffffff;
  border-radius: 0px;
  user-select: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.pricingTreeMapContainer {
  margin-top: -5px;
  height: 360px;
  background-color: #ffffff;
  border-radius: 0px;
  user-select: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.treemap-chart-container {
  width: 100%;
  height: 244px;
  margin-bottom: 8px;
  background-color: #ffffff;
  margin-left: 0px;
  cursor: pointer; }

.treemap-chart-block {
  height: 216px;
  top: 36px;
  padding-left: 12px; }

.treemap-chart-colorScaleContainer {
  width: 100%;
  height: 0px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px; }

.colorScaleContainerRow {
  height: 15px;
  align-self: center;
  margin-left: 40px;
  margin-bottom: 48px;
  margin-left: 41px; }

.colorScaleContainerCol {
  width: 30px;
  height: 9px;
  border-radius: 0px !important; }

.treemapTitleBack {
  width: 242px;
  height: 22px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  color: #000000;
  top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-left: 0px;
  margin-bottom: -8px; }

.treemapTitle {
  width: 242px;
  height: 22px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  color: #000000;
  top: 22px;
  padding-left: 0px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-left: 0px;
  margin-bottom: -8px; }

.colorScaleText, .colorScaleTextPoor, .colorScaleTextExcellent, .colorScaleHigh {
  height: 12px;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  font-family: Chivo-Regular;
  margin-top: 15px; }

.colorScaleTextPoor {
  width: 29px; }

.colorScaleTextExcellent {
  width: 53px;
  margin-left: -18px; }

.treeTooltipCard {
  width: max-content;
  border: none; }

.treeTooltip, .treeTooltip-header, .treeTooltip-title {
  font-family: Chivo-Regular;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.treeTooltip-header {
  font-weight: bold; }

.treeTooltip-title {
  font-weight: 600;
  text-align: left; }

.noDataMsg {
  padding: 50px;
  background-color: #ffffff;
  margin: 44px 53px 7% 53px;
  text-align: center;
  position: initial; }

.noData_Style {
  display: block;
  height: 40px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.ResetBtn, .resetButton {
  width: 75px;
  height: 20px;
  color: #0e90e1;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  object-fit: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-width: 0px;
  margin-left: 5px; }

.resetButton {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  margin-top: -40px; }

button.btn.resetButton {
  border-radius: 19.5px !important; }

button.resetButton.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  color: #0e90e1; }

.TreeSpinner {
  text-align: center;
  margin-top: 100px;
  color: #0e90e1; }

.treemapBreadCrumbCol {
  top: 27px;
  text-align: end; }

.treemapResetCol {
  top: 25px;
  text-align: end;
  right: 35px; }

.breadcrumb {
  display: inline-flex;
  margin-bottom: 0px;
  margin: 0px 0 0 0;
  height: auto;
  width: auto;
  padding: 0px;
  background-color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  margin-left: 12px; }

.treeMapFilter {
  top: 15px;
  text-align: end;
  float: right;
  height: 10px;
  margin: 10px 0 10px 0px; }

.treeMapCheckBoxFilter {
  top: 15px;
  float: right;
  height: 10px;
  margin: 10px 30px 10px 0px; }

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

.treeMapToggle {
  padding-right: 6% !important;
  display: flex;
  justify-content: end; }

.treemapBreadcrumAlignment {
  float: left;
  padding-left: 2%;
  padding-bottom: 6px; }

.treemapBreadcrumAlignmentBack {
  float: left;
  padding-left: 2%;
  margin-bottom: -10px; }

.breadcrumVerticalLine {
  border-left: 2px solid #edf1f4;
  height: 11px;
  display: inline-flex;
  margin: 6px 5px 0px 5px; }

.breadcrumTitle {
  cursor: pointer;
  display: inline-flex;
  color: #0eace8; }

.breadcrumActive {
  cursor: pointer;
  display: inline-flex; }

.breadcrumDisable {
  cursor: default;
  opacity: 0.5;
  font-weight: 600;
  color: #000000; }

.zeroRetailers {
  width: 145%;
  float: right; }

.retailerStyle {
  font-weight: 600;
  font-family: Chivo-Medium;
  font-size: 14px; }

.treemap-infoMessage {
  display: inline-flex;
  margin-left: 5px;
  color: #0e90e1;
  font-weight: 600; }

.treemap-card-container {
  border-bottom: 2px solid #ffe0cc;
  background-color: #ffe0cc;
  border-radius: 7px;
  max-height: 276px;
  display: flex; }

.heading-style-treemap-id, .heading-style-treemap-zero-value {
  top: -1px !important; }

.treemap-img-style {
  margin: -7px 11px -26px 0px;
  object-fit: cover;
  height: 50px;
  width: 53px; }

.treemap-text-style {
  height: 13px; }

.mapCardContainer {
  z-index: 0;
  border: none;
  border-radius: 0px;
  margin-top: 3px;
  margin-right: -15px; }

.mapCardHeaderBlock {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border: none;
  padding: 1em;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  background-color: #ffffff; }

.mapCardBodyBlock {
  border: none;
  margin-right: 6px;
  margin-top: -17px;
  margin-bottom: -18px; }

.mapContainer {
  height: 50vh; }

.mapCardFooterBlock {
  border: none;
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  background-color: #ffffff; }

.colorScaleHigh {
  width: 42px;
  margin-left: -3px; }

.colorScaleContainerRowBlock {
  height: 30px;
  align-self: center;
  margin-left: 0px; }

.treemap-chart-colorScaleBlock {
  width: 100%;
  height: 32px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px; }

.leaflet-control-attribution.leaflet-control {
  display: none !important; }

.map-tooltip {
  overflow: auto !important;
  display: block !important; }

.leaflet-popup-content {
  width: 225px !important; }

/**************Pimerce Blue Theme***************/

.filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -45px; }

.retailerImageCardVisible {
  background: #ffffff;
  border-radius: 25px;
  height: 50px;
  max-width: 110px;
  margin: auto; }

.retailerImageCardVisibleToNavigate {
  background: #ffffff;
  border-radius: 25px;
  height: 50px;
  max-width: 110px;
  margin: auto;
  cursor: pointer; }

.locationBased-gridContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 776px;
  display: flex; }

.heading-style-id, .heading-style-category, .heading-style-brand, .heading-style-availability, .heading-style-day-trend, .heading-style-location, .heading-style-city, .heading-style-store, th.heading-style-brand, th.heading-style-category, th.heading-style-availability, th.heading-style-day-trend, th.heading-style-location, th.heading-style-city, th.heading-style-store {
  padding: 14px !important;
  text-align: center;
  width: 3em; }

.heading-style-location {
  width: 8em; }

.heading-style-city {
  width: 5em; }

.heading-style-store {
  width: 8em; }

.locationBased-gridContainerStyle th {
  white-space: nowrap; }

th.heading-style-id, th.heading-style-category, th.heading-style-brand, th.heading-style-availability, th.heading-style-day-trend, th.heading-style-location, th.heading-style-city, th.heading-style-store {
  top: -2px !important; }

.grid-content-align, .retailer-cell-style {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.reload {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  color: #003353; }

#location-based-analysis-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 1px;
  left: 6px; }

#location-based-analysis-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#location-based-analysis-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#location-based-analysis-appliedFilter-col1 {
  display: inline-flex;
  justify-content: center; }

.location-based-analysis-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px; }

.location-based-analysis-appliedFilter-row {
  display: inline-flex; }

.headingStyle-title {
  text-align: center; }

/**************Pimerce Blue Theme***************/

.summaryFilterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -42px; }

.summaryCalculationInfoStyles {
  display: flex;
  justify-content: flex-start;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1;
  margin-top: -12px;
  margin-bottom: 0px; }

.tolltip-info-text {
  margin-top: 0px; }

.graphbg {
  display: block;
  border: #ffffff;
  background-color: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 0px;
  margin-right: -15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.chartStyleClass {
  position: relative;
  margin-bottom: -12px; }

.gridbackGround {
  display: block;
  border: #ffffff;
  background-color: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: -5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.titleRow {
  width: 92px;
  height: 22px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 500;
  padding-top: 43px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #000000;
  margin-top: -38px; }

.chartStyleClass {
  margin-left: -7px;
  margin-bottom: -25px; }

.chartStyleClass .apexcharts-legend-marker {
  margin-right: 9px; }

.donutImage {
  width: 25px;
  height: 25px;
  margin-top: 15px; }

.graphbg-alter {
  display: block;
  border: #ffffff;
  background-color: #ffffff;
  background-color: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: -2px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.donutSpinner {
  margin: 37px;
  color: #637280; }

.reloadTiles {
  text-align: center;
  padding: 145px;
  background-color: #ffffff;
  font-family: Chivo-Medium;
  font-size: medium;
  margin-bottom: 17px;
  margin-right: -15px; }

.reload-chart {
  text-align: center;
  padding: 145px;
  background-color: #ffffff;
  border-radius: 15px;
  font-family: Chivo-Medium;
  font-size: medium;
  margin-bottom: 17px;
  margin-right: -15px; }

.summaryGrade .gradeCardInactive {
  cursor: context-menu !important; }

.summaryGrade .gradeCardInactive .col-lg-6 {
  cursor: context-menu !important; }

.summaryGrade .gradeCardInactive .col-md-6 {
  cursor: context-menu !important; }

.summaryGrade .grade-card:hover .gradeCardInactive:hover {
  cursor: context-menu !important; }

.reload-grid {
  text-align: center;
  padding: 145px;
  background-color: #ffffff;
  border-radius: 15px;
  font-family: Chivo-Medium;
  font-size: medium;
  margin-bottom: 17px;
  margin-right: -15px; }

.contentSummaryExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 13px; }

.headingStyle-summary-header, .headingStyle-summaryHeader {
  padding: 14px !important;
  text-align: left;
  z-index: 3; }

.headingStyle-summary-content-header {
  padding: 14px !important;
  z-index: 3; }

.headingStyle-summaryHeader {
  font-size: 12px;
  font-family: Chivo-Medium; }

.gridRetailerContentAlign,
.gridCategoryContentAlign,
.gridBrandContentAlign {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.gridDescriptionContentAlign,
.gridImageContentAlign,
.gridTitleContentAlign,
.gridVideoContentAlign,
.gridOverallContentAlign {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.headingStyle-summaryOverallscore, .headingStyle-summarydescription, .headingStyle-summaryimage, .headingStyle-summarytitle, .headingStyle-summaryvideo {
  text-align: center;
  width: 101px; }

.gridBrandLevelContentAlign {
  text-align: left;
  color: #000000;
  cursor: context-menu; }

.summaryGrid {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 600px;
  display: flex; }

.nullGradeCard {
  min-height: 125px;
  background-color: #ffffff;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 37px 30px 25px 30px; }

.gradeVerticalLine {
  height: 125px;
  border-right: 1px solid;
  padding: 37px 30px 25px 30px; }

.gridCardHeaderTitleClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 6px; }

th.headingStyle-summary-header, th.headingStyle-summaryHeader {
  top: -1px !important; }

th.headingStyle-summaryHeader {
  top: -1px !important; }

th.headingStyle-summaryOverallscore, th.headingStyle-summarydescription, th.headingStyle-summaryimage, th.headingStyle-summarytitle, th.headingStyle-summaryvideo {
  top: -1px !important; }

th.modalId {
  top: -1px !important; }

.summary-header {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  text-align: center; }

.gradBoxStyle {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  position: absolute;
  bottom: -82px;
  width: max-content;
  margin: 0px 0px 20px 0px;
  padding: 20px 20px 0px 30px;
  border-radius: 0px;
  background-color: var(--white);
  min-width: max-content; }

.summary-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.summary-appliedFilter-row {
  display: inline-flex; }

#summary-ruleCard {
  max-width: 100%; }

.Summary-ruleCardData-style {
  list-style: None;
  padding-left: 0; }

.summary-infoIcon1 {
  object-fit: contain;
  padding-bottom: 22px;
  margin-top: -3px;
  width: 21px; }

.summary-infoIcon2 {
  object-fit: contain;
  margin-top: -15px;
  width: 21px; }

.summary-dataGrid {
  margin-top: 17px;
  margin-right: -15px; }

/**************Pimerce Blue Theme***************/

.donutBg, .donutBgTwo {
  width: 100%;
  display: flex;
  height: 142px;
  margin: 0px 0px 20px 0px;
  padding: 15px;
  background-color: var(--white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.donutBgTwo {
  opacity: 0.7;
  cursor: default; }

.contentDonutImage {
  object-fit: contain;
  width: 45px;
  height: 25px;
  margin: 15px 113px 8px 0; }

.contentDonutTitle {
  width: 36px;
  height: 22px;
  margin: 0px 101px 42px 0;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  white-space: break-spaces; }

.donut-tiles-style {
  margin-top: 3px; }

.donut-tile-desc {
  padding-right: 1px; }

.donut-tiles-image {
  padding-right: 1px; }

.donut-tiles-title {
  padding-right: 1px; }

.donut-tile-video {
  padding-right: 1px; }

.donut-tile-enhancedContent {
  padding-right: 1px; }

/**************Pimerce Blue Theme***************/

.gradeVerticalLine {
  height: 125px;
  border-right: 1px solid;
  padding: 37px 30px 25px 20px; }

.nullGradeCard {
  min-height: 125px;
  background-color: #ffffff;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 37px 30px 25px 20px; }

.grade-card {
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0px 10px 20px #777;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */ }

.gradeCardInactive {
  margin-left: 0px;
  margin-right: 0px;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */ }

.grade-card:hover, .gradeCardInactive:hover {
  cursor: pointer; }

.grade-card-style {
  font-size: 7em;
  padding: 11px; }

.grade-style {
  font-size: 7em;
  padding: 11px; }

.grade-card-text {
  font-size: 22px;
  padding: 17px 10px 17px 0px; }

.grade-card-spinner-style {
  color: #637280; }

.content-reload {
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

/**************Pimerce Blue Theme***************/

.filterButtonRender1 {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -42px; }

.contentGrade-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 219px;
  display: flex; }

.content-graph-info-icon {
  margin-bottom: -14px;
  float: right; }

.content-summary-info-icon {
  position: absolute;
  right: 1em;
  bottom: 1em; }

.content-summarty-info-icon {
  right: 1em; }

.content-barChartStyleClass .apexcharts-legend {
  height: 40px !important; }

.ruleBox {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  max-width: 50%;
  position: absolute;
  right: 25px;
  bottom: -47px;
  margin: 0px 0px 20px 0px;
  padding: 20px 20px 20px 20px;
  background-color: var(--white); }

.ruleBoxHeader {
  margin: 0 53px 8px 16px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.gridgradeSku > div > .gridCard.card {
  height: 320px;
  margin-bottom: 20px; }

.ruleBoxList1 {
  font-family: Chivo-Regular;
  font-size: 12px;
  line-height: initial;
  margin: 8px 16px 0; }

.ruleBoxList {
  height: 40px;
  margin: 8px 16px 0;
  font-family: Chivo-Regular;
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000; }

.chartBox {
  width: 104%;
  height: 320px;
  margin-left: -15px;
  background-color: var(--white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.gridBox {
  margin-top: -5px;
  width: 101.5%;
  background-color: var(--white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.content-gridBox {
  margin-top: -5px;
  width: 101.5%;
  background-color: var(--white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.emptyTest_1 {
  border-right: solid 2px #c2d5e5 !important; }

.valueTest {
  border-bottom: solid 2px #c2d5e5 !important;
  text-align: center; }

.content-dimension-description {
  text-align: left;
  width: 170px;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.content-dimension-id {
  width: 10px; }

.content-dimension-description-img {
  text-align: center;
  width: 170px;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.overallScore {
  width: 115px;
  text-align: center; }

.rules {
  width: 70px;
  text-align: center; }

.contentRetailer {
  text-align: left;
  padding: 14px !important; }

.contentSKU {
  text-align: left;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.contentSKU2 {
  text-align: left;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.chartSpinner {
  margin: 120px;
  color: #637280; }

.emptyGraph {
  text-align: center;
  position: initial;
  /* height: 20.8em; */
  padding: 61px;
  background-color: #ffffff;
  border: none; }

.chartLoading {
  margin-top: 120px;
  color: #637280; }

.ModalFooter {
  padding-left: 30px;
  margin-top: 50px;
  margin-bottom: 25px;
  margin-left: 0px;
  letter-spacing: 0ch; }

.Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px; }

.new-content-footer-link-ellipsis {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0ecdd8;
  text-decoration: underline;
  display: block;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 650px;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.video-url-footer-link {
  background-color: transparent;
  word-break: normal;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.video-url-footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.modalSku1 {
  font-family: Chivo-Medium;
  margin-bottom: 12px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.modalgrid, .modalgrid-rule {
  font-family: Chivo-Regular;
  margin: 5px 0px 5px 9px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  text-align: left; }

.modalgrid-rule {
  white-space: nowrap; }

.gridImg {
  width: 12px;
  height: 12px;
  margin: 11px 2px 5px -5px;
  object-fit: contain; }

.modalDescTitle1 {
  width: 30em;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin-top: 30px; }

.modalDesc1 {
  width: 560x;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 26px;
  height: 6em;
  overflow-x: hidden; }

.productImage {
  width: 155px;
  height: 150px;
  object-fit: contain; }

.productImage2 {
  width: 155px;
  height: 200px;
  object-fit: contain;
  margin-left: 30px; }

.productImage1 {
  width: 155px;
  height: 150px;
  margin: 74px 0 0 30px;
  object-fit: contain; }

.retailerCommonDiv {
  margin-left: 20px;
  width: 777px; }

.contentModalGrade {
  width: 50px;
  text-align: center;
  align-items: center;
  border: 1px solid;
  padding: 5px;
  margin-top: 10px;
  margin-left: -23px; }

.contentModalRetailerImage {
  width: 96px;
  margin: -16px 94px -28px 11px;
  object-fit: contain; }

.modalDailog {
  width: 903px; }

.toggleOffClass {
  height: 17px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  cursor: pointer;
  line-height: normal;
  letter-spacing: normal;
  color: #87c5ef !important; }

.toggleOnClass {
  height: 17px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.modalBody2 {
  font-family: Chivo-Regular;
  height: 18em;
  overflow-x: hidden;
  line-height: inherit; }

.reloadDonut {
  background-color: #ffffff;
  height: 142px;
  border-radius: 14px;
  margin-bottom: 20px; }

.reloadGraph {
  background-color: #ffffff;
  height: 312px;
  border-radius: 14px;
  margin-bottom: 20px;
  margin-right: -15px; }

.reload {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.ruleListContent {
  min-height: 3em;
  overflow-x: hidden; }

.contentDimensionImagePopup {
  width: 42px;
  height: 42px;
  margin: 11px 2px 5px 11px;
  object-fit: contain; }

.ruleBoxNodata {
  width: 100%;
  height: 200px;
  margin: 0px 0px 20px 0px;
  padding: 75px 20px 168px 20px;
  border-radius: 14px;
  background-color: var(--white);
  border: none;
  text-align: center; }

.modalDailogContent {
  width: 907px; }

.modalSpinnerStytle {
  padding-left: 28em;
  padding-bottom: 38px;
  color: #637280; }

.refereceImageSpinnerStytle {
  padding-left: 8em;
  padding-bottom: 38px;
  color: #637280; }

.content-dimensions-grid-title-style {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.unlRuleBox {
  width: 100%;
  height: 320px;
  margin: 0px 0px 20px 0px;
  padding: 20px 20px 168px 20px;
  background-color: var(--white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.noImageText {
  width: 164px;
  font-family: Chivo-Medium;
  font-size: 15px;
  font-stretch: normal;
  letter-spacing: normal; }

.content-item-style {
  height: 65px;
  border: 1px solid; }

.content-gridImg-col {
  display: flex; }

.content-dimension-current-image {
  font-weight: 600;
  margin-left: 16px;
  margin-bottom: -75px;
  margin-top: 9px; }

.content-dimension-reference-image {
  font-weight: 600;
  margin-left: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }

.content-dimension-spinner1 {
  text-align: center;
  color: #637280; }

.content-dimension-modalSku1-col {
  margin-left: 30px;
  height: fit-content; }

.content-dimension-ruleHeader {
  font-family: Chivo-Bold; }

.content-dimension-modalBody2 {
  margin: -7px 121px 58px 18px; }

#content-dimension-gradBoxStyle {
  max-width: 100%; }

.content-dimension-ruleCardData {
  list-style: None;
  padding-left: 0; }

.content-dimension-infoIcon1 {
  object-fit: contain;
  padding-bottom: 22px;
  margin-top: -3px;
  width: 21px; }

.content-dimension-infoIcon2 {
  object-fit: contain;
  margin-top: -18px;
  width: 21px; }

.content-dimension-spinner2 {
  margin: 112px 0px 0px 84px;
  color: #637280; }

#content-dimension-ruleBox {
  max-width: 60%; }

.content-dimension-spinner3 {
  margin: 112px 0px 0px 84px;
  color: #637280; }

.content-dimension-infoIcon3 {
  object-fit: contain;
  float: right;
  margin-bottom: -1px;
  width: 21px; }

.content-dimension-cellContent1 {
  text-align: 'center'; }

.content-dimension-cellContent2 {
  text-align: center;
  color: #000000; }

.content-dimension-cellContent3 {
  text-align: center;
  color: #000000; }

.content-dimension-cellContent4 {
  text-align: left;
  color: #000000; }

.content-dimension-cellContent5 {
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  color: #000000; }

.grid-sapcode-content-allign {
  cursor: context-menu;
  color: black; }

.sapcode-header-content {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  text-align: center; }

.content-dimension-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.content-dimension-appliedFilter-row {
  display: inline-flex; }

#content-dimension-modalDesc11 {
  margin-bottom: 12px;
  height: 3em; }

#content-dimension-modalDescTitle1 {
  margin-top: 1px; }

#content-dimension-modalDesc12 {
  height: 3em; }

#content-dimension-video-gradBoxStyle1 {
  max-width: 60%; }

#content-dimension-video-ruleBox2 {
  max-width: 60%;
  font-family: Chivo-Medium;
  font-size: 15px;
  font-stretch: normal;
  letter-spacing: normal; }

.parent-rules-with-all-style {
  height: fit-content;
  overflow-x: hidden;
  margin-top: 15px;
  padding-left: 15px;
  max-height: 15em;
  margin-left: -15px; }

.content-reload-graph-style {
  text-align: center;
  padding-top: 130px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.sapcode-grid-cell-style-align {
  cursor: context-menu;
  color: black; }

.video-url-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

.gradeTiles {
  margin-top: -23px; }

.ruleListContent.content-image {
  min-height: 3em;
  overflow-x: hidden;
  overflow-y: auto;
  height: 238px; }

.parent-rules-with-all-style .modalgrid:first-of-type, .parent-rules-with-all-style .modalgrid-rule:first-of-type {
  width: 15%; }

.parent-rules-with-all-style .modalgrid:last-of-type, .parent-rules-with-all-style .modalgrid-rule:last-of-type {
  width: 85%; }

@charset "UTF-8";
/* DataTableDemo.css */
#assortment-self-service {
  /* Handle on scroll */
  /* Handle on thumb */
  /* Handle on track piece */ }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-first,
  #assortment-self-service .p-paginator .p-paginator-prev,
  #assortment-self-service .p-paginator .p-paginator-next,
  #assortment-self-service .p-paginator .p-paginator-last {
    min-width: 2rem;
    height: 18px;
    margin: 0.143rem;
    font-size: 12px; }
  #assortment-self-service .gridcontainer .p-paginator-prev:not(.p-disabled),
  #assortment-self-service .gridcontainer .p-paginator-next:not(.p-disabled) {
    color: #0e90e1; }
  #assortment-self-service .gridcontainer thead,
  #assortment-self-service .gridcontainer .p-datatable .p-datatable-thead > tr > th,
  #assortment-self-service .gridcontainer .p-datatable .p-datatable-thead > tr > th:hover,
  #assortment-self-service .gridcontainer
.p-datatable
.p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
  #assortment-self-service .gridcontainer
.p-datatable
.p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background-color: #E3F3FF;
    border: 0px;
    outline: none;
    box-shadow: none;
    color: inherit; }
  #assortment-self-service .gridcontainer .p-datatable-wrapper,
  #assortment-self-service .gridcontainer .p-datatable-scrollable-wrapper {
    width: 100%;
    margin: 5px auto;
    background-color: #E3F3FF;
    padding: 0px 3px 0px;
    border-radius: 10px;
    border-bottom: 3px solid #E3F3FF; }
  #assortment-self-service .p-datatable .p-paginator-bottom {
    border-width: 0px; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr > td {
    border-width: 0px; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr.p-highlight {
    position: relative;
    background: #ffffff !important;
    box-shadow: 0px 6px 76px rgba(0, 51, 83, 0.1) !important; }
  #assortment-self-service tr.p-selectable-row {
    cursor: pointer; }
  #assortment-self-service .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: white; }
  #assortment-self-service tr.p-selectable-row.p-row-odd,
  #assortment-self-service .p-datatable .p-datatable-tbody > tr.p-row-odd,
  #assortment-self-service .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F9F9F9; }
  #assortment-self-service .gridcontainer .p-datatable-wrapper {
    padding: 0px !important;
    border: 1px solid #C2D5E5 !important;
    border-radius: 6px !important; }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    color: black !important;
    min-width: 2rem;
    height: 18px; }
  #assortment-self-service .tableheader {
    width: 30%;
    float: left; }
  #assortment-self-service .searchsection {
    float: right; }
  #assortment-self-service .p-input-icon-left > .topsearch {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #assortment-self-service .p-input-icon-left input.inputstyle.form-control {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px !important;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #assortment-self-service .p-input-icon-left.searchsection .fa {
    margin-top: 8px !important; }
  #assortment-self-service .p-input-icon-left > .topsearch:enabled:hover {
    border: solid 1px #ffe0cc; }
  #assortment-self-service .p-input-icon-left > .topsearch:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-color: #ffe0cc; }
  #assortment-self-service span.p-input-icon-left.searchsection {
    margin-top: 10px; }
  #assortment-self-service .headerparent {
    min-height: 30px;
    margin-bottom: 15px; }
  #assortment-self-service .searchsection.p-input-icon-left > i:first-of-type,
  #assortment-self-service .p-input-icon-left.searchsection .fa {
    left: auto;
    right: 0.5rem;
    width: 24px;
    height: 12px;
    color: #e5712a !important;
    font-size: 14px; }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    z-index: 0;
    cursor: pointer;
    height: 16px;
    margin: 2px 0px 0px 19px;
    padding: 3px 6px;
    border-radius: 10px;
    border: solid 1px #c6c6c6;
    background-color: #ffffff;
    margin-left: -1px;
    line-height: 0.428571;
    margin-top: 2px;
    width: 16px;
    min-width: 16px; }
  #assortment-self-service .gridcontainer .p-paginator-icon.pi {
    font-size: 10px; }
  #assortment-self-service .gridcontainer .p-paginator-pages > button {
    font-family: Chivo-Regular !important;
    font-size: 12px; }
  #assortment-self-service .gridcontainer
.p-paginator
.p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  #assortment-self-service .gridcontainer
.p-paginator
.p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  #assortment-self-service .gridcontainer
.p-paginator
.p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  #assortment-self-service .gridcontainer
.p-paginator
.p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background-color: transparent;
    border: 1.3px solid #C2D5E5; }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-first,
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-prev {
    height: 36px;
    font-family: Barlow-Medium;
    font-size: 12px;
    border: 1.3px solid #C2D5E5;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    left: -2px; }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-next,
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-last {
    height: 36px;
    font-family: Barlow-Medium;
    font-size: 12px;
    border: 1.3px solid #C2D5E5;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px; }
  #assortment-self-service .p-paginator-prev .p-p-3,
  #assortment-self-service .p-paginator-next .p-p-3 {
    font-family: Barlow-Medium;
    font-weight: bold;
    padding: 6px 7.7px !important; }
  #assortment-self-service .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 16px;
    height: 18px; }
  #assortment-self-service .gridcontainer .p-link:focus {
    box-shadow: none; }
  #assortment-self-service .tablecontainer tbody {
    font-family: Barlow-Regular;
    font-size: 12px;
    font-style: normal; }
  #assortment-self-service .p-datatable .p-sortable-column {
    box-shadow: none; }
  #assortment-self-service .gridcontainer .p-column-filter-menu-button:hover,
  #assortment-self-service .gridcontainer .p-column-filter-menu-button.p-column-filter-menu-button-open,
  #assortment-self-service .gridcontainer
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    border-color: transparent;
    background: transparent;
    color: #495057; }
  #assortment-self-service .p-datatable .p-sortable-column.p-highlight,
  #assortment-self-service .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    color: #495057; }
  #assortment-self-service .gridcontainer .pi-sort-alt:before,
  #assortment-self-service .gridcontainer .pi-sort-amount-up-alt:before {
    content: url(162642fb010115ce0a8c12941e312098.png); }
  #assortment-self-service .gridcontainer .pi-sort-amount-down:before {
    content: url(3e891b5086e524b783406318658577a7.png); }
  #assortment-self-service .gridcontainer .pi-sort-alt,
  #assortment-self-service .gridcontainer .pi-sort-amount-up-alt,
  #assortment-self-service .gridcontainer .pi-sort-amount-down {
    filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }
  #assortment-self-service .gridcontainer .p-paginator .p-dropdown {
    height: 18px; }
  #assortment-self-service .gridcontainer .p-paginator-bottom .p-inputtext {
    font-size: 0.8rem;
    padding-top: 0.5rem; }
  #assortment-self-service .gridcontainer .p-paginator-bottom .p-dropdown-trigger .pi,
  #assortment-self-service .gridcontainer .p-paginator.p-component {
    font-size: 0.8rem; }
  #assortment-self-service .gridcontainer .p-datatable .p-sortable-column .p-sortable-column-badge {
    display: none; }
  #assortment-self-service .gridcontainer .p-datatable-scrollable-header-box {
    margin: 0px !important; }
  #assortment-self-service .tablecontainer tr.p-highlight.p-selectable-row,
  #assortment-self-service .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #assortment-self-service .tablecontainer tr.p-highlight.p-selectable-row,
  #assortment-self-service .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr > td.greyed {
    background-color: rgba(90, 177, 135, 0.4);
    border-top: 2px solid #5ab187;
    border-left: 2px solid #ffebdf; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover {
    background: none; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    background: none; }
  #assortment-self-service .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover {
    background: none; }
  #assortment-self-service .p-datatable
.p-datatable-tbody
> tr
> td
.p-row-editor-save:enabled:hover
.gridcontainer
.p-paginator.p-component {
    font-size: 0.8rem;
    border-bottom: 0px;
    min-height: 70px; }
  #assortment-self-service .customefilterchange {
    flex-flow: row;
    flex-wrap: wrap; }
  #assortment-self-service .customefilterchange .p-multiselect-label-container {
    cursor: pointer;
    width: 75%;
    display: flex;
    min-height: 30px; }
  #assortment-self-service .customefilterchange.p-multiselect .p-multiselect-trigger {
    min-height: 30px; }
  #assortment-self-service .customefilterchange .p-multiselect-panel {
    position: relative;
    top: 0px !important;
    left: 0px !important; }
  #assortment-self-service .customefilterchange .p-multiselect-panel {
    box-shadow: none !important; }
  #assortment-self-service .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: none !important; }
  #assortment-self-service .p-toolbar .pimbtn:active svg path {
    fill: #ffffff; }
  #assortment-self-service .pi-pencil:hover::before {
    content: "" !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2NjY3SDIuNjY2ODNDMi4zMTMyMSAyLjY2NjY3IDEuOTc0MDcgMi44MDcxNSAxLjcyNDAyIDMuMDU3MkMxLjQ3Mzk3IDMuMzA3MjQgMS4zMzM1IDMuNjQ2MzggMS4zMzM1IDQuMDAwMDFWMTMuMzMzM0MxLjMzMzUgMTMuNjg3IDEuNDczOTcgMTQuMDI2MSAxLjcyNDAyIDE0LjI3NjFDMS45NzQwNyAxNC41MjYyIDIuMzEzMjEgMTQuNjY2NyAyLjY2NjgzIDE0LjY2NjdIMTIuMDAwMkMxMi4zNTM4IDE0LjY2NjcgMTIuNjkyOSAxNC41MjYyIDEyLjk0MyAxNC4yNzYxQzEzLjE5MyAxNC4wMjYxIDEzLjMzMzUgMTMuNjg3IDEzLjMzMzUgMTMuMzMzM1Y4LjY2NjY3IiBzdHJva2U9IiMwRTkwRTEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi4zMzM1IDEuNjY2NjVDMTIuNTk4NyAxLjQwMTQ0IDEyLjk1ODQgMS4yNTI0NCAxMy4zMzM1IDEuMjUyNDRDMTMuNzA4NiAxLjI1MjQ0IDE0LjA2ODMgMS40MDE0NCAxNC4zMzM1IDEuNjY2NjVDMTQuNTk4NyAxLjkzMTg3IDE0Ljc0NzcgMi4yOTE1OCAxNC43NDc3IDIuNjY2NjVDMTQuNzQ3NyAzLjA0MTczIDE0LjU5ODcgMy40MDE0NCAxNC4zMzM1IDMuNjY2NjVMOC4wMDAxNiA5Ljk5OTk5TDUuMzMzNSAxMC42NjY3TDYuMDAwMTYgNy45OTk5OUwxMi4zMzM1IDEuNjY2NjVaIiBzdHJva2U9IiMwRTkwRTEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    display: block;
    background-repeat: no-repeat !important;
    height: 18px; }
  #assortment-self-service .customeselect {
    position: relative; }
  #assortment-self-service .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #assortment-self-service .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: transparent;
    color: black !important; }
  #assortment-self-service .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #assortment-self-service .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background-color: #0E90E1; }
  #assortment-self-service .gridcontainer .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff2e8;
    border-color: #0E90E1;
    background: #0E90E1; }
  #assortment-self-service .gridcontainer .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none; }
  #assortment-self-service .gridcontainer .p-checkbox .p-checkbox-box {
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #F8FCFF;
    border: 1px solid #c6c6c6;
    border-radius: 2px; }
  #assortment-self-service .pimbtn {
    width: auto;
    border-radius: 25px;
    background-color: transparent !important;
    color: black !important !important;
    border-color: #dddddd !important;
    min-width: 150px;
    margin-right: 20px !important;
    font-size: 12px; }
  #assortment-self-service .pimbtn .p-button-label {
    font-weight: 400;
    font-family: Barlow-Medium; }
  #assortment-self-service span.fa-refresh {
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 12px;
    padding: 2px; }
  #assortment-self-service .p-dialog .p-dialog-footer {
    text-align: left; }
  #assortment-self-service .p-dialog-footer-user {
    text-align: center; }
  #assortment-self-service .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.84rem 1.25rem; }
  #assortment-self-service .p-selection-column {
    padding: 19px 13px 15px 10px !important; }
  #assortment-self-service .p-dialog-footer .p-button.custom-button,
  #assortment-self-service .p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  #assortment-self-service .custom-button {
    height: 32px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px; }
  #assortment-self-service .custom-button .text-light {
    color: black !important; }
  #assortment-self-service .gridcontainer .pi-filter-icon.pi-filter {
    font-family: "FontAwesome"; }
  #assortment-self-service .gridcontainer .pi-filter:before {
    content: "\f0b0";
    color: #e5712a; }
  #assortment-self-service .p-dialog-footer {
    padding: 0px 7px 25px; }
  #assortment-self-service .user-manage-footer {
    margin-top: 30px; }
  #assortment-self-service .p-field > label {
    font-family: Barlow-Medium;
    font-size: 12px;
    color: #212529; }
  #assortment-self-service .p-inputtext {
    border-radius: 4px;
    border: 1px solid #E2E8F0;
    font-size: 14px;
    height: 40px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02); }
  #assortment-self-service .p-inputtext:disabled {
    box-shadow: none; }
  #assortment-self-service .p-inputtext.attrGroup-input {
    width: 345px; }
  #assortment-self-service .pim-dropdown__indicator svg {
    fill: #D9D9D9;
    transform: rotate(0);
    transition: all 0.2s; }
  #assortment-self-service .pim-dropdown__control--menu-is-open .pim-dropdown__indicator svg {
    fill: #000000;
    transform: rotate(180deg); }
  #assortment-self-service .pim-dropdown__option.pim-dropdown__option--is-focused {
    background-color: #deebff !important;
    color: #000 !important; }
  #assortment-self-service .pim-dropdown__option:hover {
    background-color: #deebff !important;
    color: #000 !important; }
  #assortment-self-service .pim-dropdown__option--is-selected,
  #assortment-self-service .pim-dropdown__option--is-selected:hover {
    background-color: #deebff !important;
    color: #000 !important; }
  #assortment-self-service .css-61e5a5-option {
    height: 32px !important;
    padding: 4px 10px !important;
    margin-right: 0px !important; }
  #assortment-self-service .css-1gtu0rj-indicatorContainer {
    padding: 5px !important; }
  #assortment-self-service .css-tlfecz-indicatorContainer {
    padding: 4px 8px !important; }
  #assortment-self-service .css-1okebmr-indicatorSeparator {
    display: none; }
  #assortment-self-service .p-inputtextarea {
    height: auto; }
  #assortment-self-service .gridcontainer
.p-datatable
.p-datatable-tbody
> tr
> td:first-child
> div
> form
> div {
    padding-left: 0px; }
  #assortment-self-service .gridcontainer
.p-datatable
.p-datatable-tbody
> tr
> td:nth-child(2)
> div
> form
> div {
    padding-left: 14px; }
  #assortment-self-service .gridcontainer
.p-datatable
.p-datatable-tbody
> tr
> td:nth-child(3)
> div
> form
> div {
    padding-left: 16px; }
  #assortment-self-service .react-select__control:hover,
  #assortment-self-service .attribute-dropdown:hover > div:not(.error-validation),
  #assortment-self-service .attribute-dropdown > div:not(.error-validation):first-child:hover {
    border-color: #EFEFF1 !important; }
  #assortment-self-service .custom-dropdown .react-select__control {
    width: auto;
    height: 50px; }
  #assortment-self-service .custom-dropdown .react-select__menu {
    width: 100%;
    position: absolute; }
  #assortment-self-service .custom-dropdown {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none; }
  #assortment-self-service .exportbtn {
    justify-content: flex-end;
    flex-wrap: wrap; }
  #assortment-self-service .p-datatable table {
    width: max-content; }
  #assortment-self-service .exportbtn .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 15px;
    justify-content: flex-end; }
  #assortment-self-service .gridcontainer .exportbtn .p-button-icon {
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    background-position: center;
    background-size: 100%; }
  #assortment-self-service .wrapper .main_container .item {
    margin-top: 16px;
    padding-top: 0px;
    padding-bottom: 0px; }
  #assortment-self-service .table-title,
  #assortment-self-service .importpopup .p-dialog-header .p-dialog-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Barlow-Bold;
    margin-top: -6px; }
  #assortment-self-service .p-dialog .p-dialog-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 1rem 1rem;
    overflow: hidden; }
  #assortment-self-service * button {
    outline: none !important;
    box-shadow: none !important;
    border: none !important; }
  #assortment-self-service .gridcontainer .p-datatable .p-datatable-header {
    border: 0px;
    background-color: white;
    padding: 1rem 0px;
    margin-top: 4px; }
  #assortment-self-service .gridcontainer .p-datatable .p-datatable-header.non-paginator {
    margin-right: 0px !important; }
  #assortment-self-service .common-header-section {
    margin-top: 0px;
    align-items: center;
    min-height: 60px; }
  #assortment-self-service .common-header-section .commonsearch {
    justify-content: start;
    direction: rtl;
    align-items: center; }
  #assortment-self-service .commonsearch .fa-search,
  #assortment-self-service .commonsearch .fa-close {
    margin-top: 5px !important;
    margin-right: -36px !important;
    color: #2D3748 !important; }
  #assortment-self-service .commonsearch input.inputstyle.form-control {
    text-align: left;
    padding-left: 2rem !important;
    padding-right: 8px !important;
    height: 40px;
    direction: ltr;
    background: white;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 15px !important;
    font-size: 14px; }
  #assortment-self-service .table {
    margin-bottom: 0px;
    margin-right: -15px;
    width: 100% !important; }
  #assortment-self-service .page-header {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #050505;
    padding: 5px 0.7rem;
    font-family: Barlow-Bold; }
  #assortment-self-service .gridcontainer table .p-datatable-thead th {
    background-color: white;
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    font-family: Barlow-Regular; }
  #assortment-self-service .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    font-weight: normal;
    color: #212529;
    word-break: break-word;
    height: auto;
    font-family: Chivo-Regular !important;
    font-size: 12px !important;
    font-style: normal !important; }
  #assortment-self-service .gridcontainer .p-datatable {
    margin-top: 0px !important;
    padding: 0px 1.25rem; }
  #assortment-self-service .self-tabel .p-column-header-content {
    font-family: Chivo-Bold;
    padding-top: 0px; }
  #assortment-self-service .self-tabel thead > tr > th.p-selection-column {
    margin-top: 0px; }
  #assortment-self-service .self-tabel .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1rem 1rem;
    height: 54px;
    display: flex; }
  #assortment-self-service .self-tabel .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.84rem 1rem; }
  #assortment-self-service .self-tabel span.p-button-icon.p-c.pi.pi-pencil.pi.pi-pencil {
    color: white; }
  #assortment-self-service .self-tabel .p-datatable-scrollable .p-datatable-tbody > tr > td {
    align-self: center; }
  #assortment-self-service .datatable-container .self-tabel th:last-child {
    display: flex;
    justify-content: center; }
  #assortment-self-service .datatable-container .self-tabel td:last-child {
    display: flex;
    justify-content: center; }
  #assortment-self-service .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    padding-top: 0px;
    font-size: 7px; }
  #assortment-self-service .role-grid-border {
    border-radius: 4px;
    border: 1px solid #c2d5e5 !important;
    padding: 0px;
    margin: 30px 38px; }
  #assortment-self-service .vertical-line-user-role {
    width: 0px;
    /* Use only border style */
    height: 100%;
    float: left;
    border: 1px inset; }
  #assortment-self-service .role-create-update-view {
    background-color: #f8fcff; }
  #assortment-self-service .export-buttons .pimbtn,
  #assortment-self-service .custom-button {
    background-color: #EFEFF1 !important;
    border-radius: 7.5px !important;
    border: none;
    color: black !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Barlow-Medium; }
  #assortment-self-service .cancel-button {
    background-color: #F8F8F8 !important;
    border: solid 1px #F8F8F8 !important;
    color: black !important; }
  #assortment-self-service .admin-cancel-button {
    background-color: white !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: black !important;
    width: 82px;
    height: 32px; }
  #assortment-self-service .admin-submit-button {
    background-color: #0e90e1 !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: #ffffff;
    width: 82px;
    height: 32px; }
  #assortment-self-service .p-toolbar .pimbtn {
    background-color: #efeff1 !important;
    border-radius: 6px !important;
    border: none;
    color: black !important;
    font-weight: 700px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Barlow-Medium;
    margin-bottom: 5px;
    height: 54px !important; }
  #assortment-self-service .p-toolbar .pimbtn:hover {
    background-color: #e0e0e0 !important;
    border-radius: 7.5px !important;
    border: none;
    color: black !important !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Barlow-Medium;
    margin-bottom: 5px; }
  #assortment-self-service .p-toolbar .pimbtn:active {
    background-color: #0E90E1 !important;
    border-radius: 7.5px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Barlow-Medium;
    margin-bottom: 5px; }
  #assortment-self-service .p-dialog .p-field > label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    margin-left: 3px; }
  #assortment-self-service .p-dialog .p-field input,
  #assortment-self-service .p-dialog .react-select__control,
  #assortment-self-service .p-dialog textarea {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px; }
  #assortment-self-service .p-dialog .p-field input,
  #assortment-self-service .p-dialog .react-select__control {
    height: 40px;
    font-size: 12px; }
  #assortment-self-service .react-select__value-container {
    height: inherit; }
  #assortment-self-service .react-select__value-container .css-1wa3eu0-placeholder {
    position: static;
    transform: none; }
  #assortment-self-service .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  #assortment-self-service input.inputstyle::placeholder {
    color: #A0AEC0;
    opacity: 1; }
  #assortment-self-service .form-control:disabled.form-control {
    background-color: #f8fcff;
    opacity: 1; }
  #assortment-self-service .p-paginator {
    justify-content: end;
    margin: -10px -19px; }
  #assortment-self-service .p-component-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.2s; }
  #assortment-self-service .dialogue-box-style .modal-body {
    padding: 0px 0.7rem 0.7rem; }
  #assortment-self-service .modal-header {
    align-items: center; }
  #assortment-self-service .smallDialog .modal-body {
    padding: 0px 0.7rem; }
  #assortment-self-service .smallDialog .modal-footer {
    padding: 1.25rem;
    justify-content: center; }
  #assortment-self-service .userRole .modal-footer {
    padding: 0px !important; }
  #assortment-self-service ::-webkit-scrollbar {
    height: 6px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 5px; }
  #assortment-self-service ::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #7dc7ff; }
  #assortment-self-service ::-webkit-scrollbar-track-piece {
    height: 10px;
    background: #c1e5ff; }
  #assortment-self-service .loading-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    height: 30em; }
  #assortment-self-service tr.p-datatable-emptymessage {
    justify-content: center; }
  #assortment-self-service .p-field {
    position: relative;
    margin: 0px !important; }
  #assortment-self-service .p-role-update-radius {
    border: 1px solid #c2d5e5;
    border-bottom: none; }
  #assortment-self-service .searchbox-holder-17 {
    position: relative; }
    #assortment-self-service .searchbox-holder-17 .options {
      position: absolute;
      top: 36px;
      left: 0px; }
  #assortment-self-service .p-datatable-tbody {
    height: auto; }
  #assortment-self-service .p-dialog .p-dialog-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 1rem 1rem;
    overflow-y: scroll; }
  #assortment-self-service .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
    color: white;
    width: 40px;
    height: 40px;
    border: none !important; }
  #assortment-self-service .p-button.p-button-icon-only.p-button-rounded:hover {
    border-radius: 50%;
    height: 3rem;
    color: white;
    background: #0e90e1;
    width: 40px;
    height: 40px; }
  #assortment-self-service .commonsearch {
    margin-right: 23px; }
  #assortment-self-service .grid-card-style {
    display: block;
    border: #ffffff;
    border-radius: 15px;
    margin-right: -18px;
    margin-bottom: 20px;
    height: auto;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
  #assortment-self-service .paginationTopStyles {
    padding: 4px 11px; }
  @media screen and (max-width: 1140px) {
    #assortment-self-service .p-toolbar {
      margin-top: -76px;
      width: 100%;
      border: none;
      background: none;
      box-shadow: none; }
    #assortment-self-service .p-toolbar-group-left {
      flex-wrap: wrap; } }
  #assortment-self-service .search-keyword-grid-container-style {
    width: 70em; }

.p-paginator .p-paginator-current {
  background-color: transparent;
  border: 1px solid #efefef;
  color: #6c757d;
  min-width: 4rem;
  height: 2rem;
  margin: 0.143rem;
  padding: 0 0.5rem; }

/**************Pimerce Blue Theme***************/

.custom-sort-btn-style {
  background-color: #fff;
  color: #000;
  font-weight: 500;
  border: none; }

.custom-sort-card-style {
  border: #fff; }

.custom-sort-btn-style:hover {
  background-color: #fff;
  color: #000; }

.custom-sort-fa-filter-style {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: -15px; }

/**************Pimerce Blue Theme***************/

.breakdownFilterButtonRender {
  float: right;
  width: 100%;
  margin-right: -46px; }

.gridbg {
  display: block;
  border: #ffffff;
  background-color: #ffffff;
  border-radius: 15px;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-top: 3px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.styleTest, .headingStyle-Breakdown {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.contentBreakdownExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.headingStyle-Breakdown {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  width: 10px; }

.headingStyle-Sku {
  width: 18em;
  text-align: left;
  z-index: 0 !important; }

.modalGridHeader {
  font-family: 'Chivo-Regular';
  font-size: 12px;
  padding: 20px;
  width: 95%; }

.headingStyle-breakdownId {
  text-align: center;
  z-index: 0 !important; }

.headingStyle-BreakdownId {
  top: -1px !important; }

.headingStyle-CPCModalHeader {
  width: 33% !important;
  text-align: center; }

.headingStyle-CPCModalHeaderId {
  width: 10% !important;
  text-align: center; }

.headingStyle-CPCModalHeaderSeller {
  width: 25% !important;
  text-align: center; }

.headingStyle-CPCModalHeaderPrice {
  width: 30% !important;
  text-align: center; }

.headingStyle-CPCModalHeaderTag {
  width: 10% !important;
  text-align: center; }

.headingStyle-CPCModalHeaderNone {
  display: none; }

.productImage-Breakdown {
  width: 265px;
  height: 180px;
  margin: 0px 0 0 0px;
  object-fit: contain; }

.gridContentAlign-sku {
  width: 13em;
  color: #000000;
  white-space: break-spaces; }

.modalDailogbreakdown {
  width: 907px; }

.modalgrid, .modalgrid-rule {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  text-align: left; }

.modalgrid-rule {
  white-space: nowrap; }

.content-modalSku {
  font-family: Chivo-Medium;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin-top: 8px; }

.modalDescTitle {
  width: auto;
  height: 24px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin-top: 16px; }

.modalDesc {
  width: 456px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000;
  margin-top: -7px;
  height: 6em;
  overflow-x: hidden; }

.retailerimage {
  width: 108px;
  height: 21px;
  margin: 44px 94px 6px 42px;
  object-fit: contain; }

#referenceImage {
  width: 150px;
  height: 150px;
  margin: 10px 0 32px 25px;
  object-fit: contain; }

.productImage {
  width: 200px;
  height: 180px;
  margin-top: 12px;
  object-fit: contain; }

.content-ModalFooter {
  margin-top: 40px;
  letter-spacing: 0ch; }

.content-Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px; }

.content-footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0ecdd8;
  text-decoration: underline;
  display: block;
  margin-bottom: 20px; }

a.content-footer-link:hover {
  color: #0ecdd8;
  text-decoration: underline; }

.video-footer-link {
  background-color: transparent;
  word-break: normal;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0ecdd8;
  text-decoration: underline;
  display: block;
  margin-bottom: 20px; }

a.video-footer-link:hover {
  color: #0ecdd8;
  text-decoration: underline; }

.noLink-Text {
  background-color: transparent;
  word-break: break-all;
  font-size: 14px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  display: block; }

.contentModalGrid {
  font-family: Chivo-Regular;
  margin: 5px 0px 5px 15px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  text-align: left; }

.container-row {
  margin-bottom: -42px; }

.gridContentAlign-Popup {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  color: #000000; }

.gridNoContentAlign-Popup {
  text-align: center;
  text-decoration: none;
  cursor: context-menu;
  color: #000000; }

.gridImg {
  width: 12px;
  height: 12px;
  margin: 11px 2px 5px -5px;
  object-fit: contain; }

.headingStyle-breakdownOverallScore, .headingStyle-breakdownImageScore, .headingStyle-breakdownTitleScore, .headingStyle-breakdownVideoScore, .headingStyle-breakdownDescriptionScore {
  width: 110px;
  padding: 14px !important;
  text-align: center;
  z-index: 0 !important; }

.gridContentAlign-overallScore {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.gridBreakdownRetailerAlign {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.modalInImage {
  width: 50px;
  margin-top: -7px;
  height: 7em; }

.HeroImage {
  padding-left: 82px;
  padding-top: 21px;
  height: 34px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.content-dimension-breakdown-item {
  height: 65px;
  border: 1px solid; }

.content-dimension-breakdown-gridParagraph {
  display: flex; }

.content-dimension-breakdown-container-row {
  font-weight: 600;
  margin-left: 16px;
  margin-bottom: 0px;
  margin-top: 9px; }

.content-dimension-breakdown-reference_image {
  font-weight: 600;
  margin-left: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }

.content-dimension-breakdown-modalDescTitle-col {
  margin-left: 30px; }

#content-dimension-breakdown-modalCurrentName {
  margin-top: 1px; }

#content-dimension-breakdown-perfectTitle {
  height: 3em; }

.content-dimension-breakdown-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.content-dimension-breakdown-appliedFilter-row {
  display: inline-flex; }

.content-breakdown-grid-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353;
  border-radius: 16px; }

.video-url-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

/**************Pimerce Blue Theme***************/

.sosDonutLabel {
  text-align: left;
  margin: -21px 0px 32px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.sos-treemap-background {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-right: -15px;
  margin-top: 7px;
  margin-bottom: 15px; }

.trendsImage {
  height: 8px;
  margin-top: -2px;
  margin-left: 5px; }

.grid-SOS-grid-header {
  padding: 14px !important;
  text-align: center;
  width: 10em; }

.sosComponent-gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  font-family: Chivo-Bold;
  margin-top: 3px;
  margin-left: -12px; }

.sosComponent-oval1 {
  text-align: center; }

.zeroValueInfoIconStyle {
  margin-top: -4px;
  margin-left: 20px; }

.headingStyle-sosId, .headingStyle-sosCategory {
  padding: 13px !important;
  text-align: center;
  width: 6em;
  position: static;
  left: -2px;
  z-index: 3; }

.headingStyle-dynamic-sos-Id {
  text-align: center;
  width: 1em;
  padding: 14px !important;
  left: -2px;
  z-index: 3; }

th.headingStyle-dynamic-sos-Id {
  top: -1px !important; }

.category-data {
  margin-top: 3px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-bottom: 13px;
  background: #e3f3ff;
  padding-top: 9px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  color: #000000;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

th.headingStyle-dynamic-sos-location-Id {
  top: -1px !important;
  width: 394px;
  text-align: center; }

.headingStyle-dynamic-sos-location-Id {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-retailer {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sos-retailer {
  padding: 14px !important;
  text-align: center;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-percentage {
  width: 28px;
  text-align: center;
  top: -1px !important; }

.headingStyle-sos-percentage {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

.headingStyle-sos-location {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-location {
  width: 28px;
  text-align: center;
  top: -1px !important; }

.headingStyle-sos-store {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-store {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sos-city {
  padding: 14px !important;
  text-align: center;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-city {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sosCategory {
  text-align: center;
  width: 14em !important;
  position: sticky;
  left: 34px;
  z-index: 3; }

.sos-gridCardContainerStyle {
  border: solid #c2d5e5;
  background: #c2d5e5;
  user-select: none;
  max-height: 329px;
  display: flex; }

.sos-gridCardHeaderTitleStyle {
  color: #050505;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.sos-grid-cell-id {
  text-align: center; }

.sos-grid-dynamic-cell-id {
  text-align: center; }

.SOS-grid-header-retailer {
  text-align: center; }

.SOS-grid-header-location {
  text-align: center; }

.SOS-grid-header-city {
  text-align: center; }

.headingStyle-sos-city {
  text-align: center; }

.SOS-grid-header-store {
  text-align: center; }

.SOS-grid-header-sos {
  text-align: center; }

.sos-donutSpinner {
  margin-top: 110px;
  color: #637280; }

.sos-gridPaginationStyle {
  padding-right: 12px; }

.sos-gridContent {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-right: -15px;
  margin-top: -1px;
  margin-top: -8px; }

.sos-gridContent-modal {
  display: block;
  border: #ffffff;
  margin-bottom: 20px; }

.gridHeader-dropdown .css-qlqwgq-menu {
  position: absolute; }

.gridHeader-dropdown .css-1dgicot-container {
  position: absolute;
  margin-left: -91px; }

.contextMenuCardContainer .css-1dgicot-container {
  overflow: scroll; }

.gridHeader-dropdown .css-10u4t4s-control {
  margin: -10px 0px 0px 0px; }

.gridHeader-dropdown .css-51nctc-control {
  margin: -10px 0px 0px 0px; }

.sos-gridContent-dynamic {
  margin-top: 32px;
  border-radius: 15px; }

.sos-gridReload {
  text-align: center;
  padding: 130px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sos-treemapReload {
  text-align: center;
  padding: 128px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sos-donutReload {
  text-align: center;
  padding: 48px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sosgrid-content-align {
  text-align: left;
  width: 13em;
  cursor: context-menu; }

.sosBrandLevelContentAlign {
  text-align: center;
  width: 9em;
  color: #000000;
  cursor: context-menu; }

th.headingStyle-sosId, th.headingStyle-sosCategory,
th.grid-SOS-grid-header {
  top: -1px !important; }

.ShareofSearchGrid {
  background: #c2d5e5;
  border-right: solid #c2d5e5;
  border-left: solid #c2d5e5;
  max-height: 462px;
  border: 1px solid #C2D5E5;
  display: flex; }

.dropdownColor_svg {
  fill: #0e90e1; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle1 {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #000000 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.styleTest {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.SOC-sos-percentage {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.modal-text {
  margin-left: 51px;
  margin-bottom: 26px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-top: 1px; }

.modal-footer-img {
  margin-bottom: -23px;
  margin-top: 6px;
  margin-left: 24px; }

.search-category-name-with-export-style row {
  padding: 1em 3em 1.3em 1em;
  background: #c2d5e5;
  margin-bottom: 30px;
  margin-left: 0px;
  border-radius: 5px;
  opacity: 0.9; }

.search-catrgory-name {
  position: absolute;
  margin-top: -9px;
  margin-left: 7px;
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.search-export-style {
  position: absolute;
  right: 55px;
  margin-top: -9px;
  cursor: pointer;
  color: #0e90e1;
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 500; }

.search-by-category-container {
  width: 100%;
  height: 244px;
  margin-bottom: 8px;
  background-color: #ffffff;
  margin-left: 0px; }

/**************Pimerce Blue Theme***************/

.chartSpinner1 {
  margin-top: 10em; }

.competitorTrendGraph {
  height: 355px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 14px;
  margin-right: -18px; }

.competitorTrendGrid {
  border: #ffffff;
  border-radius: 15px;
  margin-right: -18px; }

.reload2 {
  padding: 145px;
  background-color: #ffffff;
  height: 374px;
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium; }

.competitorCategory, .competitorBrand, .competitorRetailer {
  text-align: left;
  padding: 14px !important; }

.competitorRetailer {
  text-align: center; }

.competitionAnalysis-gridTitleStyle {
  color: #000000;
  font-size: 18px;
  margin-left: -13px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.competitionAnalysis-chartClassStyle {
  margin-left: -7px;
  margin-bottom: -20px;
  margin-right: 20px; }

.competitionAnalysis-chartClassStyle .apexcharts-legend-marker {
  margin-right: 10px; }

.competitionAnalysis-chartClassStyle .apexcharts-legend.apexcharts-align-left.position-bottom {
  margin-left: -3px;
  margin-bottom: -4px; }

.competition-analysis-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.competition-analysis-retailerColumn {
  text-align: center; }

.competition-analysis-trendDown {
  height: 7px;
  width: 11px; }

.competition-analysis-trendUp {
  height: 7px;
  width: 11px; }

/**************Pimerce Blue Theme***************/

.headingStyle-skuTranisitionId, .headingStyle-skuTranisitionRetailer, .headingStyle-skuTranisitionRetailerExtra, .headingStyle-skuTranisitionCategory, .headingStyle-skuTranisitionBrand, .headingStyle-skuTranisitionKeyword, .headingStyle-skuTranisitionSkuEnterExit, .headingStyle-skuTranisitionCity, .headingStyle-skuTranisitionCityExtra, .headingStyle-skuTranisitionLocation, .headingStyle-skuTranisitionLocationExtra, .headingStyle-skuTranisitionStore {
  width: 5em;
  text-align: center;
  padding: 14px !important;
  z-index: 0 !important; }

.headingStyle-skuTranisitionRetailer, .headingStyle-skuTranisitionRetailerExtra, .headingStyle-skuTranisitionCategory, .headingStyle-skuTranisitionBrand, .headingStyle-skuTranisitionKeyword, .headingStyle-skuTranisitionSkuEnterExit, .headingStyle-skuTranisitionCity, .headingStyle-skuTranisitionCityExtra, .headingStyle-skuTranisitionLocation, .headingStyle-skuTranisitionLocationExtra, .headingStyle-skuTranisitionStore {
  width: 9em;
  text-align: left; }

.headingStyle-skuTranisitionRetailerExtra {
  width: 7em; }

.headingStyle-skuTranisitionCategory {
  width: 10em; }

.headingStyle-skuTranisitionBrand {
  width: 10em; }

.headingStyle-skuTranisitionKeyword {
  width: 12em; }

.headingStyle-skuTranisitionSkuEnterExit {
  width: 15em;
  text-align: center; }

.headingStyle-skuTranisitionCity, .headingStyle-skuTranisitionCityExtra {
  width: 8em; }

.headingStyle-skuTranisitionCityExtra {
  width: 6em; }

.headingStyle-skuTranisitionLocation, .headingStyle-skuTranisitionLocationExtra {
  width: 11em; }

.headingStyle-skuTranisitionLocationExtra {
  width: 9em; }

.headingStyle-skuTranisitionStore {
  width: 12em; }

.gridSkuTranisitionIdAlign, .gridSkuTranisitionRetailerAlign, .gridSkuTranisitionCategoryAlign, .gridSkuTranisitionBrandAlign, .gridSkuTranisitionKeywordAlign, .gridSkuTranisitionSkuEnterExitAlign, .gridSkuTranisitionNoSkuEnterExitAlign, .gridSkuTranisitionCityAlign, .gridSkuTranisitionLocationAlign, .gridSkuTranisitionStoreAlign, .gridSkuTranisitionSkuAlign, .gridSkuTranisitionModalIdAlign, .gridSkuTranisitionIdAlign-PromotionName {
  text-align: left;
  cursor: context-menu; }

.gridSkuTranisitionIdAlign-PromotionName:hover {
  text-align: left;
  cursor: pointer; }

.gridSkuTranisitionRetailerAlign, .gridSkuTranisitionCategoryAlign, .gridSkuTranisitionBrandAlign, .gridSkuTranisitionKeywordAlign, .gridSkuTranisitionSkuEnterExitAlign, .gridSkuTranisitionNoSkuEnterExitAlign, .gridSkuTranisitionCityAlign, .gridSkuTranisitionLocationAlign, .gridSkuTranisitionStoreAlign, .gridSkuTranisitionSkuAlign {
  text-align: left; }

.gridSkuTranisitionSkuEnterExitAlign, .gridSkuTranisitionNoSkuEnterExitAlign {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.gridSkuTranisitionNoSkuEnterExitAlign {
  text-decoration: none;
  cursor: context-menu; }

.headingStyle-skuTransitionSku, .headingStyle-skuTranisitionModalId .headingStyle-skuTranisitionModalSapcode {
  text-align: left;
  padding: 14px !important; }

.headingStyle-skuTranisitionModalId .headingStyle-skuTranisitionModalSapcode {
  text-align: center;
  width: 3em; }

.modalTitle-skuTransition {
  font-size: 18px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-top: 8px;
  margin-left: 15px; }

.modalDailog-skuTranisition {
  width: 680px; }

.skuTransition-gridCardModalStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 180px;
  display: flex;
  margin-top: 18px; }

.skuTranisition-bsTableStyle {
  margin-right: 5px; }

.skuTransition-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 414px;
  display: flex; }

.skuTransition-noDataFoundCardStyle, .skuTranisition-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 75px;
  background-color: #ffffff;
  border: none; }

.skuTranisition-modalNoDataFoundCardStyle {
  height: 6.8em;
  padding: 0px; }

.skuTranisition-modalSpinner {
  margin-top: 90px;
  margin-bottom: 150px;
  text-align: center;
  color: #637280; }

.skuTransition-filterButtonRender {
  border: #ffffff;
  float: right;
  margin-right: -60px; }

th.headingStyle-skuTranisitionId, th.headingStyle-skuTranisitionRetailer, th.headingStyle-skuTranisitionRetailerExtra, th.headingStyle-skuTranisitionCategory, th.headingStyle-skuTranisitionBrand, th.headingStyle-skuTranisitionKeyword, th.headingStyle-skuTranisitionSkuEnterExit, th.headingStyle-skuTranisitionCity, th.headingStyle-skuTranisitionCityExtra, th.headingStyle-skuTranisitionLocation, th.headingStyle-skuTranisitionLocationExtra, th.headingStyle-skuTranisitionStore, th.headingStyle-skuTransitionSku, .headingStyle-skuTranisitionModalId th.headingStyle-skuTranisitionModalSapcode,
th.headingStyle-skuTranisitionModalSapcode,
th.headingStyle-skuTranisitionModalId {
  top: -1px !important; }

.gridSkuTranisitionModalIdAlign {
  text-align: left; }

#sku-transition-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 4px;
  left: 6px; }

#sku-transition-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 6px; }

#sku-transition-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

#sku-transition-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 3px; }

.sku-transition-UntrackedSku {
  text-align: left;
  margin-left: 30px;
  margin-top: -10px; }

.sku-transition-UntrackedSku-infoIcon {
  object-fit: contain;
  margin-right: 6px;
  margin-top: -2px;
  width: 21px; }

.sku-transition-appliedFilter-row1 {
  padding: 1em 0em 2em 11px; }

.sku-transition-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.sku-transition-appliedFilter-row2 {
  display: inline-flex;
  margin-left: '0px'; }

.sku-transition-spinner {
  padding: 1em 3em 1.1em 1em;
  color: #637280; }

.sku-transition-datatable-bg {
  margin-top: 3px;
  border: white;
  border-radius: 15px;
  margin-right: -15px; }

.promotion-datatable-bg {
  display: block;
  border: #ffffff;
  border-radius: 6px;
  margin-top: 3px;
  margin-right: 4px;
  margin-top: 3px;
  border: white;
  border-radius: 15px;
  margin-right: -15px; }

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.headingStyle-pricing-skuName {
  width: 14rem;
  text-align: initial;
  left: 142px;
  z-index: 3; }

.headingStyle-pricing-skuId {
  width: 8rem;
  text-align: initial;
  left: 142px;
  z-index: 3; }

.pricingComplianceValue {
  flex: 80%; }

.pricing-compliance-treemapbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 20px; }

.pricingComplianceExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.reloadDataGrid {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 15px; }

.dataTableStyle-pricingcompliance {
  margin-top: 37px; }

.contexual-filter-close-icon {
  display: inline-block;
  color: #0e90e1;
  font-size: 20px;
  position: absolute;
  top: 1.2rem;
  right: 1rem; }

.fa:hover {
  cursor: pointer; }

.date {
  position: absolute;
  width: 35%;
  font-weight: bold;
  margin-top: 16px; }

.pricing-dataTableStyles {
  margin-top: -5px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.container-pricingcompliance {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.pricingcompliance-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.appliedFilterGridContent {
  margin: -18px 53px -18px 54px; }

.GridContentAlign-ContentModal {
  width: max-content;
  text-align: center;
  cursor: pointer;
  color: #000000; }

.gridContentAlign-NS {
  font-size: 11px;
  color: #000000; }

.gridContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availabilityDisable {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: no-drop; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityDisable {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: no-drop; }

.styleTest, .headingStyle-pricing-skuName, .headingStyle-pricing-skuId, .headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  width: 10em;
  z-index: 0 !important; }

.container-pricing {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.modaltitle-image {
  margin: -16px 94px -28px 0px;
  object-fit: contain;
  height: auto;
  border-radius: 0px;
  width: 96px;
  margin-left: 26px; }

.modaltitle-retailerPlaceholderimage {
  margin: -3px 103px 33px -11px;
  object-fit: contain;
  height: auto; }

.modalbody-image {
  width: 142px;
  height: 170px;
  margin: 0 60px 58px 30px;
  object-fit: contain;
  padding-top: 20px; }

.modal-sku, .modal-msrp, .modal-sellingprice {
  width: 44px;
  height: 24px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 1000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.modal-msrp {
  width: auto !important;
  margin-top: 0%; }

.modal-sellingprice {
  z-index: 10; }

.modal-sp {
  width: 150%; }

.modalDailog {
  width: 700px; }

.container-row {
  width: 121%;
  margin-top: -17px; }

.modal_grid {
  margin-top: -43px;
  margin-left: -34px; }

.headingStyle-modalgrid-seller {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 21%;
  height: 24px;
  margin: 0 31px 0 73px; }

.msrp-content {
  margin-left: 32px; }

.ModalFooterPricing {
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: 30px;
  letter-spacing: 0ch; }

.Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px;
  color: #000000; }

.footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.Modal-Msrp {
  margin-top: -26px;
  margin-bottom: 24px; }

.Modal-Sku {
  margin-bottom: 40px; }

.headingStyle-modalgrid-discount {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  padding-left: 10px;
  height: 24px;
  margin: 0 31px 0 73px; }

.headingStyle-modalgrid-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 30%;
  height: 24px;
  margin: 0 31px 0 73px; }

.pricing-compliance-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 35%;
  height: 24px;
  margin: 0 31px 0 73px; }

.GridSku {
  cursor: pointer;
  text-decoration: underline;
  color: #000000;
  width: 21em;
  min-width: fit-content; }

.GridSkuId {
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  width: 8em;
  min-width: fit-content; }

.gridContent {
  text-decoration: underline !important; }

.grid-content-notsold {
  text-decoration: none; }

.headingStyle-pricingComplianceId div, .headingStyle-pricingComplianceSapCode div {
  width: 2em; }

.modalContent {
  margin-left: 20px; }

.modalContent01 {
  margin-left: 55px; }

.modalSkuContent {
  margin-left: inherit;
  word-break: break-word;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px;
  color: #0e90e1; }

.modalMsrpContent {
  margin-left: inherit;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalGridContent {
  margin-left: -19px;
  margin-top: -11px;
  margin-bottom: 20px; }

.pricing-compliance-grid-body {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px;
  height: auto;
  width: 437px; }

.modalGridContentSingle {
  margin-left: 108px;
  margin-top: -23px;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalVarianceContent {
  margin-top: 14px;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent1 {
  margin-top: 3px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent2 {
  margin-top: -17px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #0e90e1; }

.contextMenuCardContainer {
  box-shadow: 0 20px 12px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #c2d5e5;
  border-radius: 0px; }

.noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 54px;
  background-color: transparent;
  border: none; }

.headingStyle-pricingComplianceCity {
  width: 6em;
  left: 417px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComplianceLocation {
  width: 10em; }

.headingStyle-pricingComplianceLocationExtra {
  width: 8em;
  left: 537px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComplianceStore {
  width: 8em;
  left: 669px;
  z-index: 3 !important;
  text-align: left; }

.gridContentAlign-ContentModal-NA {
  text-align: center; }

.pricingComplianceTreemapchartStyle, .pricingCompliance-nested-treemap-chartstyle {
  height: 250px;
  padding-left: 12px;
  cursor: pointer; }

.pricingCompliance-nested-treemap-chartstyle {
  cursor: default; }

.gridContentAlign-pricing, .gridContentAlign-discount, .gridCityContentAlign-pricing, .gridLocationContentAlign-pricing, .gridStoreContentAlign-pricing, .gridRetailerContentAlign-pricing {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.gridContentAlign-discount {
  min-width: max-content; }

.gridCityContentAlign-pricing {
  width: 8em;
  text-align: left; }

.gridLocationContentAlign-pricing {
  width: 9em;
  text-align: left; }

.gridStoreContentAlign-pricing {
  width: 11em;
  text-align: left; }

.gridRetailerContentAlign-pricing {
  min-width: 13em;
  max-width: inherit;
  display: flex;
  justify-content: center; }

.gridContent {
  text-decoration: underline !important; }

.pricingComplianceValue {
  flex: 80%; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.headingStyle-pricingComplianceId, .headingStyle-pricingComplianceSapCode {
  width: 1em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-pricingComplianceSapCode {
  left: 46px;
  z-index: 3; }

th.headingStyle-modalgrid-seller, th.headingStyle-modalgrid-discount, th.headingStyle-modalgrid-sp, th.pricing-compliance-sp {
  top: -1px !important; }

.gridPaginationPricing {
  padding-right: 12px;
  margin-top: -60px;
  margin-bottom: 63px; }

.gridLegendInfoStyles {
  display: flex;
  padding-top: 15px;
  font-size: 12px;
  font-family: Chivo-Medium;
  color: #0e90e1; }

.headingStyle-modalgrid-msrp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 40%;
  height: 24px;
  margin: 0 31px 0 73px; }

th.headingStyle-modalgrid-msrp {
  top: -1px !important; }

.bracketPriceStyle {
  font-weight: bold; }

.pricingCompliance-sapcodeContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000; }

th.headingStyle-pricingComplianceId, th.headingStyle-pricingComplianceSapCode, th.headingStyle-pricing-skuName, th.headingStyle-PricingCompliance, th.headingStyle-pricingComplianceCity, th.headingStyle-pricingComplianceLocation, th.headingStyle-pricingComplianceLocationExtra, th.headingStyle-pricingComplianceStore {
  top: -1px !important; }

#pricing-compliance-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.pricing-compliance-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.pricing-compliance-appliedFilter-row {
  display: inline-flex; }

.pricingStar-Icon {
  width: 18px; }

.gridPaginationPricingAlt {
  margin-top: -23px;
  margin-bottom: 37px; }

.sos_skuLevel_skuNameContent {
  text-align: left;
  cursor: default;
  width: 16em; }

.sos_skuLevel_categoryContent, .sos_skuLevel_brandContent, .sos_skuLevel_retailerContent, .sos_skuLevel_cityContent, .sos-skuLevel-store, .sos-skulevel-location, .sos-skulevel-pincode {
  text-align: left;
  cursor: pointer;
  width: 7em; }

.sos_skuLevel_brandContent {
  width: 5em; }

.sos_skuLevel_keywordContent {
  width: max-content;
  text-align: center;
  cursor: context-menu;
  color: #ffffff;
  border: 1px solid #0e90e1;
  background: #0e90e1;
  padding-left: 5px;
  padding-right: 5px; }

.sos_skuLevel_notKeywordContent {
  text-align: center;
  cursor: context-menu;
  font-family: Chivo-Medium;
  font-weight: 500;
  font-size: 13px;
  width: 11em; }

.sos_skuLevel_retailerContent {
  text-align: center; }

.sos_skuLevel_cityContent, .sos-skuLevel-store, .sos-skulevel-location, .sos-skulevel-pincode {
  width: 9em;
  cursor: default; }

.sosSkuLevel-bsTableProps {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.headingStyle-sosSkuLevelId {
  text-align: left;
  padding: 14px !important;
  width: 1em;
  position: sticky;
  left: 2px;
  z-index: 3 !important; }

.headingStyle-sosSkuSapcode {
  text-align: inherit;
  padding: 14px !important;
  width: 1em;
  min-width: 130px;
  position: sticky;
  left: 42px;
  z-index: 3 !important; }

.headingStyle-sosSkuLevelCategory {
  padding: 14px !important;
  text-align: left;
  width: 7em;
  position: sticky;
  left: 325px;
  z-index: 2; }

.headingStyle-sosSkuLevelBrand {
  padding: 14px !important;
  text-align: left;
  width: 9em;
  position: sticky;
  left: 433px;
  z-index: 2; }

.headingStyle-sosSkuLevelSkuName > div {
  display: flex;
  width: 15em; }

.headingStyle-sosSkuSapcode > div {
  width: 7em; }

.headingStyle-sosSkuLevelSkuName {
  padding: 14px !important;
  text-align: left;
  width: 12em !important;
  position: sticky;
  left: 170px;
  z-index: 3 !important; }

.headingStyle-sosSkuLevelSkuNameStore {
  padding: 14px !important;
  text-align: left;
  width: 150em;
  position: sticky;
  left: 162px;
  z-index: 2; }

.headingStyle-sosSkuLevelKeyword {
  text-align: center;
  padding: 14px !important;
  width: 15em; }

.headingStyle-sosSkuLevelExtraKeyword {
  text-align: center;
  padding: 14px !important;
  width: 8em; }

.headingStyle-sosSkuLevelRetailer {
  text-align: center;
  padding: 14px !important;
  width: 1em;
  width: 13em;
  z-index: 2 !important; }

.headingStyle-sosSkuLevelExtraRetailer {
  text-align: center;
  padding: 14px !important;
  width: 1em;
  width: 16em;
  z-index: 1 !important; }

.headingStyle-sosSkuLevelCity {
  padding: 14px !important;
  text-align: left;
  width: 15em;
  position: sticky;
  left: 383px;
  z-index: 2; }

.headingStyle-sosSkuLevelLocation {
  padding: 14px !important;
  text-align: left;
  width: 16em;
  position: sticky;
  left: 515px;
  z-index: 2; }

.headingStyle-sosSkuLevelStore {
  padding: 14px !important;
  text-align: left;
  width: 17em;
  position: sticky !important;
  left: 647px;
  z-index: 2; }

.keywordMoreTextStyle {
  text-decoration: underline;
  color: blue;
  display: inline;
  cursor: pointer; }

.sosSkuLevel-modalSpinner {
  margin-top: 90px;
  margin-bottom: 150px;
  text-align: center;
  color: #637280; }

.sosSkuLevel-noDataFoundCardStyle, .sosSkuLevel-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 6.8em;
  padding: 0px;
  background-color: #ffffff;
  border: none; }

.sosSkuLevel-bsTableStyle {
  margin-right: 5px; }

.sosSkuLevel-gridCardModalStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 400px;
  display: flex;
  margin-top: 18px; }

.headingStyle-sosSkuLevelModalId, .headingStyle-sosSkuLevelModalKeyword, .headingStyle-sosSkuLevelModalKeywordCategory, .headingStyle-sosSkuLevelModalPosition {
  padding: 14px !important;
  text-align: center;
  width: 3em; }

.headingStyle-sosSkuLevelModalKeyword, .headingStyle-sosSkuLevelModalKeywordCategory {
  width: 12em; }

.headingStyle-sosSkuLevelModalKeywordCategory {
  width: 10em; }

.headingStyle-sosSkuLevelModalPosition {
  width: 10em; }

.gridSosSkuLevelIdAlign, .gridSosSkuLevelKeywordAlign, .gridSSosSkuLevelPositionAlign {
  text-align: center;
  cursor: context-menu; }

.sos-modal-title {
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #000000; }

.sos-modaltitle-image {
  margin: -15px 103px -10px 15px;
  object-fit: contain;
  max-width: 100%;
  height: auto; }

.sosModalRetailerImage {
  width: 5em;
  margin-left: 14px;
  margin-top: 14px; }

.sosModalSkuImage {
  max-width: 65px;
  margin-top: 14px;
  height: auto;
  margin-bottom: -10px; }

.sosModalTitleRow {
  margin-bottom: 28px;
  margin-left: -5px;
  margin-top: -44px; }

.sosModalTitleName {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.sosSkuLevel-modalNoDataFoundCardStyle {
  height: 6.8em;
  padding: 0px; }

.modalDailog-sosSkuLevel {
  width: 680px; }

th.headingStyle-sosSkuLevelModalId, th.headingStyle-sosSkuLevelModalKeyword, th.headingStyle-sosSkuLevelModalKeywordCategory, th.headingStyle-sosSkuLevelModalPosition, th.headingStyle-sosSkuLevelId,
th.headingStyle-sosSkuSapcode,
th.headingStyle-sosSkuLevelSkuName,
th.headingStyle-sosSkuLevelCategory,
th.headingStyle-sosSkuLevelBrand,
th.headingStyle-sosSkuLevelRetailer,
th.headingStyle-sosSkuLevelCity,
th.headingStyle-sosSkuLevelLocation,
th.headingStyle-sosSkuLevelStore,
th.headingStyle-sosSkuLevelSkuNameStore,
th.headingStyle-sosSkuLevelExtraRetailer {
  top: -1px !important; }

.searchSkuLevel-legendStyle {
  margin-left: -24px;
  font-size: 9px; }

.searchSkuLevel-legendTitleStyle {
  margin-left: 18px;
  margin-top: -11px;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500; }

.sosSkuLevel-noDataFoundCardStyle, .sosSkuLevel-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.sosSkuLevel-gridPaginationStyle {
  padding-right: 12px;
  margin-top: -22px;
  margin-bottom: 20px; }

.sosSkuLevel-legendTextStyle {
  margin-top: -3px;
  margin-right: 20px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.contextMenuSkuCardContainer .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 19em;
  height: 56px;
  outline: 0px !important; }

.contextMenuSkuCardContainer .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: relative;
  width: 19em;
  z-index: 1;
  box-sizing: border-box;
  color: #e77d3b; }

.contextMenuSkuCardContainer .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 19em;
  height: 56px;
  outline: 0px !important; }

.sosPlaceholderModalSkuImage {
  max-width: 63px;
  margin-top: -40px;
  height: auto;
  margin-bottom: -45px;
  margin-left: 4px; }

.SkuLevelAnalysisGrid {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 543px;
  display: flex; }

.gridContentAlignSapcode {
  text-align: left;
  cursor: context-menu;
  color: #000000;
  width: auto; }

.headingStyle-sosSkuLevelSkuNameStore div {
  display: flex; }

#search-sku-level-fa-filter1 {
  width: 0px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#search-sku-level-fa-filter2 {
  width: 0px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#search-sku-level-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.search-sku-level-appliedFilter-row1 {
  padding: 1em 3em 0em 0em; }

.search-sku-level-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.search-sku-level-appliedFilter-row2 {
  display: inline-flex; }

.search-sku-level-analysis-spinner-row {
  padding: 1em 5em 1.1em 1em; }

.search-sku-level-keywordContent1 {
  margin-bottom: 1px;
  cursor: context-menu; }

.search-sku-level-keywordContent2 {
  margin-top: -12px; }

.search-sku-level-keywordContent3 {
  margin-top: -12px; }

.sos-sku-level-dataTableStyles {
  margin-top: 3px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 0px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.sos-skuLevel-store {
  cursor: default; }

.sos-skulevel-location {
  cursor: default; }

.sos-skulevel-pincode {
  cursor: default; }

th.headingStyle-sosSkuLevelLocation {
  z-index: 3; }

.headingStyle-sosSkuLevelSkuName > div {
  display: flex;
  width: 18em; }

/**************Pimerce Blue Theme***************/

.gridkeywordCategoriesIdAlign, .gridkeywordCategoriesCategoryAlign, .gridkeywordCategoriesBrandAlign, .gridkeywordCategoriesKeywordCategoryAlign, .gridkeywordCategoriesKeywordsAlign, .gridkeywordCategoriesPriorityKeywordsAlign, .gridkeywordCategoriesAllKeywordsAlign {
  text-align: center;
  cursor: context-menu; }

.gridkeywordCategoriesCategoryAlign {
  width: 9em;
  text-align: left; }

.gridkeywordCategoriesBrandAlign, .gridkeywordCategoriesKeywordCategoryAlign, .gridkeywordCategoriesKeywordsAlign {
  text-align: left; }

.headingStyle-keywordCategoriesId, .headingStyle-keywordCategoriesCategory, .headingStyle-keywordCategoriesBrand, .headingStyle-keywordCategoriesKeywordCategory, .headingStyle-keywordCategoriesKeywords, .headingStyle-keywordCategoriesPriorityKeywords, .headingStyle-keywordCategoriesAllKeywords {
  width: 5em;
  text-align: center;
  padding: 14px !important; }

.headingStyle-keywordCategoriesCategory {
  text-align: left; }

.headingStyle-keywordCategoriesBrand, .headingStyle-keywordCategoriesKeywordCategory, .headingStyle-keywordCategoriesKeywords, .headingStyle-keywordCategoriesPriorityKeywords, .headingStyle-keywordCategoriesAllKeywords {
  width: 10em;
  text-align: left; }

.headingStyle-keywordCategoriesKeywordCategory {
  width: 13em; }

.headingStyle-keywordCategoriesKeywords {
  text-align: center;
  width: 18em; }

.headingStyle-keywordCategoriesPriorityKeywords, .headingStyle-keywordCategoriesAllKeywords {
  text-align: center; }

.headingStyle-keywordCategoriesAllKeywords {
  width: 13em; }

.keywordCategories-gridTitleStyle {
  color: #000000;
  font-size: 18px;
  margin-left: -13px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.keywordCategories-messageBg {
  display: flex;
  margin-top: 50px;
  font-size: 12px;
  font-family: Chivo-Medium;
  color: #0e90e1; }

.keywordCategories_keywordContent {
  width: max-content;
  text-align: center;
  cursor: context-menu;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e77d3b;
  background: #e77d3b;
  padding-left: 5px;
  padding-right: 5px; }

.keywordCategories_notKeywordContent {
  text-align: center;
  cursor: context-menu;
  font-family: Chivo-Medium;
  font-weight: 500;
  font-size: 13px;
  padding-top: 6px; }

.keywordCategories_keywordMoreTextStyle {
  text-decoration: underline;
  color: blue;
  display: inline;
  cursor: pointer; }

.keywordCategories-modal-title {
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #000000; }

.keywordCategories-modaltitle-image {
  margin: -3px 103px 0px 15px;
  object-fit: contain;
  max-width: 110%;
  height: auto; }

.keywordCategories_modalRetailerImage {
  width: 5em;
  margin-left: 14px;
  margin-top: 14px; }

.headingStyle-keywordCategoriesSkuLevelModalId, .headingStyle-keywordCategoriesModalKeyword {
  padding: 14px !important;
  text-align: center;
  width: 1em; }

.headingStyle-keywordCategoriesModalKeyword {
  width: 12em;
  text-align: left; }

.gridKeywordCategoriesIdAlign, .gridKeywordCategoriesKeywordAlign {
  text-align: center;
  cursor: context-menu; }

.gridKeywordCategoriesKeywordAlign {
  text-align: left; }

.keywordCategories-modalSpinner {
  margin-top: 90px;
  margin-bottom: 150px;
  text-align: center;
  color: #637280; }

.keywordCategories-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  background-color: #ffffff;
  border: none;
  height: 7.8em;
  padding: 0px; }

.keywordCategories-bsTableStyle {
  margin-right: 5px; }

.keywordCategories-gridCardModalStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 264px;
  display: flex;
  margin-top: 30px;
  margin-right: 30px; }

.modalDailog-keywordCategories {
  width: 680px; }

.keywordCategories-chartClassStyle {
  margin-left: -7px;
  margin-bottom: -20px;
  margin-right: -6px; }

.keywordCategories-chartClassStyle .apexcharts-legend-marker {
  margin-right: 10px; }

.keywordCategories-chartClassStyle .apexcharts-legend.apexcharts-align-left.position-bottom {
  margin-left: -3px;
  margin-bottom: -4px; }

th.headingStyle-keywordCategoriesSkuLevelModalId, th.headingStyle-keywordCategoriesModalKeyword {
  top: -1px !important; }

.keywordCategories-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 970px;
  display: flex; }

.keywordCategories-legendTextStyle {
  margin-top: -3px;
  margin-right: 20px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

th.headingStyle-keywordCategoriesId, th.headingStyle-keywordCategoriesCategory, th.headingStyle-keywordCategoriesBrand, th.headingStyle-keywordCategoriesKeywordCategory, th.headingStyle-keywordCategoriesKeywords, th.headingStyle-keywordCategoriesPriorityKeywords, th.headingStyle-keywordCategoriesAllKeywords {
  top: -1px !important; }

#keyword-categories-appliedFilter-col1 {
  display: inline-flex;
  justify-content: center; }

.keyword-categories-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px 20px 20px 0px; }

.keyword-categories-appliedFilter-row {
  display: inline-flex; }

@charset "UTF-8";

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #0e90e1 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #0e90e1; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

/**************Pimerce Blue Theme***************/

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.rotate {
  animation: rotation 2s infinite linear; }

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

.ratingsChartSpinner {
  text-align: center;
  margin-top: 10%;
  color: #0e90e1; }

.keyword-chartcomponent-bg {
  display: block;
  border: white;
  border-radius: 15px;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-top: 2px; }

.dataTablebg {
  margin-top: -5px;
  border: white;
  border-radius: 0px;
  margin-right: -15px; }

.filterRow {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.applyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff2e8;
  color: #e5712a;
  font-family: Chivo-Medium; }

.filterIcon {
  margin: 5px -5px 7px 13px; }

.filterButtonRender {
  border-radius: 15px;
  border: white;
  float: right;
  margin-right: -45px; }

.headingStyle-pricingTrendId, .headingStyle-pricingTrendSapcode, .headingStyle-pricingTrendDay1, .headingStyle-pricingTrendDay2, .headingStyle-pricingTrendDay3, .headingStyle-pricingTrendDay4, .headingStyle-pricingTrendDay5 {
  padding: 14px !important;
  text-align: left;
  width: 3em; }

.headingStyle-pricingTrendRetailer, .headingStyle-pricingTrendSku, .headingStyle-pricingTrendSkuExtra, .headingStyle-pricingTrendSkuExtraNoData, .headingStyle-pricingTrendCity, .headingStyle-pricingTrendLocation, .headingStyle-pricingTrendLocationExtra, .headingStyle-pricingTrendStore {
  width: 5em;
  text-align: left;
  padding: 14px !important; }

.headingStyle-pricingTrendSku {
  width: 17em;
  text-align: left; }

.headingStyle-pricingTrendSkuExtra, .headingStyle-pricingTrendSkuExtraNoData {
  width: 20em;
  text-align: left; }

.headingStyle-pricingTrendSapcode {
  width: 5em; }

.headingStyle-pricingTrendDay1, .headingStyle-pricingTrendDay2, .headingStyle-pricingTrendDay3, .headingStyle-pricingTrendDay4, .headingStyle-pricingTrendDay5 {
  width: 9em !important;
  text-align: center; }

.headingStyle-pricingTrendLocation {
  width: 8em; }

.headingStyle-pricingTrendLocationExtra {
  width: 8em; }

.headingStyle-pricingTrendStore {
  width: 14em; }

.gridContentAlign, .gridContentSku {
  text-align: center;
  cursor: context-menu;
  color: black; }

.gridContentModalAlign {
  text-align: center;
  cursor: context-menu;
  color: black; }

.modal-image {
  width: 78px;
  margin: 64px 7px 6px 16px;
  height: auto; }

.modal-image .modal-img-size {
  margin-top: -45px;
  height: 78px;
  width: 78px; }

.cellDataStyle, .cellDataDayStyle, .cellDataStyleMsrp {
  text-align: center;
  cursor: context-menu;
  color: black; }

.cellDataDayStyle {
  text-decoration: underline;
  cursor: pointer;
  color: black; }

.skuNameStyle {
  cursor: context-menu;
  color: black; }

.retailerCellStyle {
  text-align: left;
  cursor: context-menu;
  color: black; }

.retailerCellStylePosition {
  text-align: center;
  cursor: context-menu;
  color: black; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.tabFilter .fa .fa-filter {
  width: "10px";
  height: "10px";
  color: "#e5712a";
  cursor: "pointer"; }

.graphLoadingStyle, .gridLoadingStyle {
  margin: 120px; }

.graphStyle {
  background-color: white;
  border-radius: 0px;
  border-color: white;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.graphHeaderStyle {
  padding-right: 8px; }

.chartClassStyle {
  margin-left: -7px;
  margin-bottom: -25px; }

.chartClassStyle .apexcharts-legend-marker {
  margin-right: 9px; }

.bsTableStyle {
  margin-bottom: -30px;
  max-height: 435px;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.gridNoDataStyle, .noDataFoundStyle {
  margin-top: -20px;
  text-align: center;
  position: initial;
  height: 5.8em;
  padding: 0px;
  background-color: #ffffff;
  border: none;
  overflow-y: hidden; }

.KeywordSpecific-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 250px;
  display: flex;
  margin-top: -70px; }

.noDataFoundStyle {
  margin-top: 0px;
  height: 17.8em;
  padding: 57px; }

.gridCardModalContainerStyle {
  border: 2px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 0px;
  max-height: 120px;
  display: flex; }

.modalSpinner {
  margin: 120px;
  text-align: center; }

.pricingTrend-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 677px;
  display: flex; }

.PricingTrendGrid {
  background-color: #c2d5e5;
  border-radius: 0px;
  max-height: 640px;
  display: flex; }

th.headingStyle-pricingTrendDay2, th.headingStyle-pricingTrendDay3, th.headingStyle-pricingTrendDay4, th.headingStyle-pricingTrendDay5, th.headingStyle-pricingTrendId, th.headingStyle-pricingTrendSapcode, th.headingStyle-pricingTrendDay1, th.headingStyle-pricingTrendSku, th.headingStyle-pricingTrendSkuExtra, th.headingStyle-pricingTrendSkuExtraNoData, th.headingStyle-pricingTrendRetailer, th.headingStyle-pricingTrendCity, th.headingStyle-pricingTrendLocation, th.headingStyle-pricingTrendLocationExtra, th.headingStyle-pricingTrendStore {
  top: -1px !important; }

.gridPagination1 {
  padding-right: 12px;
  margin-top: -23px;
  margin-bottom: 20px; }

.keyword-data {
  background-color: #e3f3ff;
  position: absolute;
  padding-top: 9px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-radius: 13px;
  cursor: default;
  user-select: none;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-top: -5px; }

.modal-keyword-name {
  width: max-content;
  display: flex;
  font-family: Chivo-Medium;
  font-size: 15px;
  padding-top: 6px;
  margin-left: 36px;
  cursor: context-menu; }

.headingStyle-KeywordSpecificId {
  width: 25em;
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.headingStyle-KeywordSpecificPosition {
  padding: 14px !important;
  text-align: center; }

input.search-box-placeholder {
  width: 226px;
  margin-left: 59px;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  border: solid 1px #c2d5e5;
  background-color: var(--white);
  height: 30px;
  border-left: solid 1px #c2d5e5;
  border-top: solid 1px #c2d5e5;
  border-bottom: solid 1px #c2d5e5;
  border-right: solid 1px #c2d5e5;
  outline: none; }

span.text-keyword {
  top: 26px;
  font-family: 'Barlow-Medium';
  position: relative;
  margin-top: 33px; }

#keyword-trend-city {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#keyword-trend-location {
  height: 10px;
  width: 10px;
  color: #0e90e1;
  cursor: pointer; }

#keyword-trend-store {
  width: '10px';
  height: '10px';
  color: #0e90e1;
  cursor: 'pointer'; }

.modal-image-trend {
  width: 78px;
  margin: 0px -90px -20px -51px;
  height: auto; }

.modal-imgsize-keyword {
  height: 65px;
  width: 78px;
  margin-left: 36px;
  display: flex; }

.keyword-trend-grid {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-right: -18px;
  margin-top: -1px; }

/**************Pimerce Blue Theme***************/

.sokc-chartComponentBg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-top: 8px; }

.sokc-filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.sokc-treemapchartStyle {
  height: 216px;
  top: 36px;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px;
  cursor: context-menu; }

.sokc-noDataFoundTreemapCardStyle {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 75px;
  background-color: #ffffff;
  border: none; }

.sokc-treemapZeroIcon {
  margin-left: 20px;
  margin-top: -4px; }

.headingStyle-sokcId, .headingStyle-sokcCategory, .headingStyle-sokcBrand, .headingStyle-sokcSkuName, .headingStyle-sokcCity, .headingStyle-sokcLocation, .headingStyle-sokcStore, .headingStyle-sokcSapcode, .headingStyle-sokcKeywordCategory, .headingStyle-sokcKeywordCategoryForNational, .headingStyle-sokcPowerSku, .headingStyle-sokcRetailer {
  text-align: left;
  padding: 14px !important;
  width: 1em;
  z-index: 3;
  left: 0px; }

.headingStyle-sokcCategory, .headingStyle-sokcBrand, .headingStyle-sokcSkuName, .headingStyle-sokcCity, .headingStyle-sokcLocation, .headingStyle-sokcStore, .headingStyle-sokcSapcode, .headingStyle-sokcKeywordCategory, .headingStyle-sokcKeywordCategoryForNational {
  text-align: left;
  width: 7em;
  z-index: 3;
  left: 314px; }

.headingStyle-sokcBrand, .headingStyle-sokcSkuName, .headingStyle-sokcCity, .headingStyle-sokcLocation, .headingStyle-sokcStore, .headingStyle-sokcSapcode {
  z-index: 3;
  left: 398px; }

.headingStyle-sokcSkuName, .headingStyle-sokcCity, .headingStyle-sokcLocation, .headingStyle-sokcStore {
  width: 14em;
  z-index: 3;
  left: 134px; }

.headingStyle-sokcSapcode {
  z-index: 3;
  left: 38px; }

.headingStyle-sokcKeywordCategory, .headingStyle-sokcKeywordCategoryForNational {
  width: 9em;
  z-index: 3;
  left: 505px; }

.headingStyle-sokcKeywordCategoryForNational {
  z-index: 3;
  left: 393px; }

.headingStyle-sokcCity {
  width: 7em;
  z-index: 3;
  left: 314px; }

.headingStyle-sokcLocation {
  width: 10em;
  z-index: 3;
  left: 398px; }

.headingStyle-sokcStore {
  width: 9em;
  z-index: 3;
  left: 506px; }

.headingStyle-sokcRetailer {
  text-align: left;
  z-index: 0 !important; }

.sokc-skuNameContent, .sokc-categoryContent, .sokc-brandContent, .sokc-sapcodeContent, .sokc-powerSkuContent, .sokc-keywordCategoryContent, .sokc-keywordCategoryContent-removeUnderline, .sokc-keywordCategoryContentForStore, .sokc-cityContent, .sokc-locationContent, .sokc-storeContent {
  text-align: left;
  width: 13em; }

.sokc-categoryContent {
  width: 6em; }

.sokc-brandContent, .sokc-sapcodeContent {
  width: 6em; }

.sokc-sapcodeContent {
  width: 6em; }

.sokc-powerSkuContent {
  text-align: center; }

.sokc-keywordCategoryContent, .sokc-keywordCategoryContent-removeUnderline {
  width: 12em; }

.sokc-keywordCategoryContentForStore {
  width: 7em; }

.sokc-keywordCategoryContent-removeUnderline {
  text-decoration: none;
  cursor: default; }

.sokc-cityContent, .sokc-locationContent, .sokc-storeContent {
  width: 5em; }

.sokc-locationContent {
  width: 7em; }

.sokc-storeContent {
  width: 5em; }

.sokc-retailerContent {
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  width: 10em; }

.sokc-retailerContent-removeUnderline {
  text-align: left;
  cursor: default;
  width: 10em; }

.sokc-bsTableProps {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.sokc-noDataFoundCardStyle, .sokc-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.sokc-dataTablebg {
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  margin-top: -5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.sokc-reload {
  text-align: center;
  padding: 125px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sokc-gridPaginationStyle {
  padding-right: 12px; }

.sokc-modaltitle-image {
  margin: -15px 103px -20px -1px;
  object-fit: contain;
  max-width: 142%;
  height: auto; }

.sokcModalTitleRow {
  margin-bottom: 22px;
  margin-left: -3px;
  margin-top: 15px; }

.sokcPlaceholderModalSkuImage {
  max-width: 63px;
  margin-top: -40px;
  height: auto;
  margin-bottom: -45px;
  margin-left: 4px; }

.sokcModalSkuImage {
  max-width: 44px;
  margin-top: 14px;
  height: auto;
  margin-bottom: -10px; }

.sokcModalTitleName {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 15px;
  font-family: Barlow-Regular;
  font-weight: 600; }

.headingStyle-sokcModalId, .headingStyle-sokcModalKeyword, .headingStyle-sokcModalPosition {
  padding: 14px !important;
  text-align: center;
  width: 3em; }

.headingStyle-sokcModalKeyword {
  width: 12em; }

.headingStyle-sokcModalPosition {
  width: 10em; }

th.headingStyle-sokcModalId, th.headingStyle-sokcModalKeyword, th.headingStyle-sokcModalPosition {
  top: -1px !important; }

.gridSokcLevelIdAlign, .gridSokcKeywordAlign, .gridSSokcPositionAlign {
  text-align: center;
  cursor: context-menu; }

.sokcLevel-modalSpinner {
  margin-top: 90px;
  margin-bottom: 150px;
  text-align: center;
  color: #637280; }

.sokc-gridCardModalStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 264px;
  display: flex;
  margin-top: 18px; }

.sokc-bsTableStyle {
  margin-right: 5px; }

.sokc-modalNoDataFoundCardStyle {
  height: 7.8em;
  padding: 0px; }

.modalDailog-sokc {
  width: 680px; }

.sokcPlaceholderModalRetailerImage {
  max-width: 63px;
  margin-top: -40px;
  height: auto;
  margin-bottom: -25px;
  margin-left: 4px; }

.sokc-legendTextStyle {
  margin-top: -3px;
  margin-right: 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  line-height: normal;
  margin-bottom: -11px; }

.sokc-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 420px;
  display: flex; }

th.headingStyle-sokcId, th.headingStyle-sokcCategory, th.headingStyle-sokcBrand, th.headingStyle-sokcSkuName, th.headingStyle-sokcCity, th.headingStyle-sokcLocation, th.headingStyle-sokcStore, th.headingStyle-sokcSapcode, th.headingStyle-sokcKeywordCategory, th.headingStyle-sokcKeywordCategoryForNational, th.headingStyle-sokcPowerSku, th.headingStyle-sokcRetailer,
.headingStyle-sokcKeywordCategoryForStore {
  top: -1px !important; }

.sokc-rulesAppliedStyle {
  margin-top: -18px;
  padding-bottom: 30px;
  margin-left: 27px; }

.sokc-ruleStyle {
  margin-left: 18px;
  margin-top: 7px;
  margin-right: 55px; }

.headingStyle-sokcKeywordCategoryForStore {
  position: sticky;
  z-index: 3;
  left: 590px; }

.sokc-info-message-style {
  position: absolute;
  margin-top: 7px;
  font-size: 14px;
  font-family: Chivo-Medium;
  font-weight: 500; }

.keyword-category-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.keyword-category-appliedFilter-row {
  display: inline-flex; }

#keyword-category-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 4px;
  left: 6px; }

#keyword-category-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#keyword-category-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#keyword-category-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#keyword-category-overallRules-style {
  background-color: #F9F9F9; }

/**************Pimerce Blue Theme***************/

.mind-map-container-style {
  height: 22em;
  margin: 20px; }

.mind-map-collapse-expand-style {
  background: #ffffff;
  width: fit-content;
  cursor: pointer; }

.mind-map-main-content-style {
  border: 1px solid #e67531;
  background: #e67733;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 7px;
  padding-right: 7px;
  width: fit-content;
  cursor: context-menu;
  margin-right: 8px;
  word-break: break-word; }

.mind-map-loading-style {
  padding-top: 150px;
  text-align: center; }

.mind-map-no-data-found-card-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none; }

/**************Pimerce Blue Theme***************/

.soc-filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.soc-chartComponentBg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: -18px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.categoryExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.soc-treemapchartStyle {
  height: 216px;
  top: 36px;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px;
  cursor: context-menu; }

.soc-noDataFoundTreemapCardStyle {
  text-align: center;
  position: initial;
  padding: 75px;
  background-color: #ffffff;
  border: none; }

.soc-treemapZeroIcon {
  margin-left: 20px;
  margin-top: -4px; }

.comp-retailer-based-icon {
  margin-left: 1.5%;
  margin-top: 0.6%; }

.soc-treemapReload, .soc-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.soc-dataTablebg {
  border: #ffffff;
  border-radius: 0px;
  margin-right: -18px;
  margin-bottom: 27px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.soc-bsTableProps {
  margin-top: -5px;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.soc-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 460px;
  display: flex; }

.headingStyle-socId, .headingStyle-socIdWithoutData, .headingStyle-socBrand, .headingStyle-socCity, .headingStyle-socLocation, .headingStyle-socStore {
  padding: 14px !important;
  text-align: center;
  position: sticky;
  left: -1px;
  z-index: 3 !important; }

.headingStyle-socIdWithoutData {
  width: 1em; }

.headingStyle-socBrand, .headingStyle-socCity, .headingStyle-socLocation, .headingStyle-socStore {
  text-align: left;
  width: 14em !important;
  left: 37px; }

.headingStyle-socCity {
  width: 8em;
  left: 175px; }

.headingStyle-socLocation {
  width: 10em;
  left: 295px;
  z-index: 3 !important; }

.headingStyle-socStore {
  width: 10em;
  left: 439px;
  z-index: 3 !important; }

.headingStyle-socDynamicRetailers {
  padding: 14px !important;
  text-align: center;
  width: 10em;
  z-index: 3 !important; }

.soc_grid_cell_id, .soc_grid_cell_brand, .soc_grid_cell_city, .soc_grid_cell_location, .soc_grid_cell_store, .soc_grid_cell_dynamic_retailers, .soc_NA_grid_cell_dynamic_retailers {
  text-align: center; }

.soc_grid_cell_brand, .soc_grid_cell_city, .soc_grid_cell_location, .soc_grid_cell_store {
  width: 9.5em;
  text-align: left; }

.soc_grid_cell_city {
  width: 8em; }

.soc_grid_cell_location {
  width: 10em; }

.soc_grid_cell_store {
  width: 10em; }

.soc_grid_cell_dynamic_retailers, .soc_NA_grid_cell_dynamic_retailers {
  text-align: center;
  cursor: pointer;
  text-decoration: underline; }

.soc_NA_grid_cell_dynamic_retailers {
  cursor: context-menu;
  text-decoration: none; }

th.headingStyle-socId, th.headingStyle-socIdWithoutData, th.headingStyle-socBrand, th.headingStyle-socCity, th.headingStyle-socLocation, th.headingStyle-socStore,
th.headingStyle-socDynamicRetailers {
  top: -1px !important; }

.soc-noDataFoundCardStyle, .soc-modalNoDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.soc-modalTitleStyle {
  font-size: 18px;
  font-family: Chivo-Bold;
  padding-bottom: 30px;
  margin-left: 29px; }

.soc-modalSpinner {
  margin-top: 90px;
  margin-bottom: 150px;
  text-align: center;
  color: #637280; }

.headingStyle-socModalRetailerCategory, .headingStyle-socModalSoc, .headingStyle-socModalId {
  padding: 14px !important;
  text-align: left;
  width: 12em; }

.headingStyle-socModalSoc, .headingStyle-socModalId {
  text-align: center;
  width: 10em; }

.headingStyle-socModalId {
  width: 3em; }

th.headingStyle-socModalRetailerCategory, th.headingStyle-socModalSoc, th.headingStyle-socModalId {
  top: -1px !important; }

.gridSocRetailerCategoryAlign, .gridSocAlign, .gridSocIdAlign {
  text-align: left; }

.gridSocAlign, .gridSocIdAlign {
  text-align: center; }

.soc-bsTableStyle {
  margin-right: 5px; }

.soc-gridCardModalStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 264px;
  display: flex;
  margin-top: 18px; }

.modalDailog-soc {
  width: 800px; }

.soc-modalNoDataFoundCardStyle {
  height: 8.8em;
  padding: 0px; }

.soc-modaltitle-image {
  margin: -24px 11px -26px 0px;
  object-fit: cover;
  height: 50px;
  width: 78px; }

.soc-modaltitle-image-nationalRetailer {
  margin: -24px 11px -26px 0px;
  object-fit: contain;
  max-width: 25%;
  height: 78px; }

.socPlaceholderModalRetailerImage {
  max-width: 63px;
  margin-top: -56px;
  height: auto;
  margin-bottom: -55px;
  margin-left: 23px; }

.soc-modalHeaderStyle {
  margin-left: 12px;
  margin-top: 16px;
  font-size: 18px;
  margin-bottom: 25px; }

.soc-infoIconStyle {
  margin-top: -30px;
  float: right;
  margin-right: 24px;
  color: #0e90e1;
  font-size: 14px;
  font-family: Chivo-Medium; }

.soc-gridCardHeaderTitleStyle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.soc-treemapLoadingStyle {
  text-align: center;
  margin-top: 123px;
  color: #0e90e1; }

.soc-modalReload {
  text-align: center;
  padding: 95px;
  font-family: Chivo-Bold;
  font-size: medium;
  padding-bottom: 120px;
  padding-top: 60px; }

.soc-renderSearchableDropdown, .soc-renderExtraSearchableDropdown {
  display: flex;
  max-width: 155px; }

.soc-renderExtraSearchableDropdown {
  margin-left: -200px; }

.soc-dropdownTitleStyle {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  position: absolute;
  bottom: -12px; }

.soc-renderSearchableDropdown .css-2b097c-container, .soc-renderExtraSearchableDropdown .css-2b097c-container {
  position: absolute;
  box-sizing: border-box; }

.soc-renderSearchableDropdown .css-1v3eoh7-control, .soc-renderExtraSearchableDropdown .css-1v3eoh7-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 135px;
  height: 47px;
  outline: 0px !important; }

.soc-renderSearchableDropdown .css-mkjxo4-menu, .soc-renderExtraSearchableDropdown .css-mkjxo4-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: relative;
  width: 135px;
  box-sizing: border-box;
  z-index: 2; }

.soc-renderSearchableDropdown .css-agokps-control, .soc-renderExtraSearchableDropdown .css-agokps-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 135px;
  height: 47px;
  outline: 0px !important; }

.soc-modalGridLoadingStyle {
  margin: 80px;
  color: #637280; }

.soc-gridPaginationStyle {
  padding-right: 12px; }

.headingstyle-soctrack-column {
  text-align: center; }

.soc-track-cell {
  text-align: center; }

.headingstyle-socnontrack-column {
  text-align: center; }

.soc-non-track-cell {
  text-align: center; }

.headingstyle-soctrack-column {
  text-align: center;
  width: 22rem; }

.soc-cell {
  text-align: center; }

.share-of-category-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.share-of-category-appliedFilter-row {
  display: inline-flex; }

#share-of-category-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#share-of-category-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#share-of-category-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.soc-modal-grid-card-container-style {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 7px;
  max-height: 355px;
  display: flex; }

th.headingstyle-column-id,
th.headingstyle-retailercategory-column,
th.headingstyle-soctrack-column,
th.headingstyle-socnontrack-column {
  top: -2px !important; }

.soc-brand-content-align {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

/**************Pimerce Blue Theme***************/

.socComp-chartComponentBg {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  margin-bottom: 20px;
  height: 499px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  padding-top: 23px; }

.socComp-chartStyleClass {
  margin-left: -7px;
  margin-bottom: -25px;
  margin-top: 5px; }

.socComp-graphLoadingStyle {
  margin-top: 217px;
  color: #637280; }

.competitorAnalysisExport-mustsellcheckboxLabel {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  top: 15px; }

.socComp-graphNoDataFoundStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 11em;
  background-color: #ffffff;
  border: none; }

#example-collapse-text > div > table {
  width: 100% !important; }

.socComp-gridCardContainerStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 358px;
  display: flex;
  margin-top: -25px; }

.socComp-gridCardHeaderTitle {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Medium;
  margin-top: -2px;
  font-weight: 600; }

.socComp-gridCardBody {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  top: 46px; }

.socComp-bsTableProps {
  margin-bottom: -50px;
  margin-top: 8px; }

.socComp-gridLoadingStyle {
  margin-top: 194px;
  color: #637280; }

.socComp-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  padding-top: 45px;
  height: 16em;
  background-color: #ffffff;
  border: none; }

.headingStyle-socCompId, .headingStyle-socCompBrand {
  width: 5em;
  text-align: left;
  padding: 14px !important; }

.headingStyle-socCompBrand {
  width: 10em; }

.headingStyle-socCompSocPercentage {
  text-align: center; }

.headingStyle-socCompNoOfSku {
  text-align: center; }

th.headingStyle-socCompNoOfSku {
  top: -1px !important; }

th.headingStyle-socCompId, th.headingStyle-socCompBrand {
  top: -1px !important; }

th.headingStyle-socCompSocPercentage {
  top: -1px !important; }

.gridSocCompIdAlign, .gridSocCompBrandAlign {
  text-align: left; }

.gridSocCompSocPercentageAlign {
  text-align: center; }

.gridSocCompSocPercentageAlignWithUnderline {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.gridSocCompNoOfSkuAlign {
  text-align: center; }

.socComp-gridTitleStyle {
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  margin-left: 22px;
  color: #000000;
  margin-top: -10px; }

.socComp-gridRetailerCategoryTitleStyle {
  font-family: Chivo-Regular;
  font-weight: 100;
  cursor: pointer;
  text-decoration: underline; }

.socCompAnalysis-gridRetailerCategoryTitleStyle {
  font-family: Chivo-Regular;
  font-weight: 100; }

.socComp-gridMissingSku {
  position: absolute;
  right: 27px;
  top: 14px;
  height: 32px;
  align-items: center;
  z-index: 1;
  color: #0e90e1;
  justify-content: center;
  cursor: pointer;
  font-family: Chivo-Regular;
  font-size: 15px;
  border: none;
  text-decoration: underline;
  background: transparent; }

.socComp-staticGraphLegendStyle {
  padding-left: 8px;
  cursor: context-menu;
  display: flex;
  margin-top: 23px;
  margin-bottom: 3px;
  margin-left: -7px;
  position: relative;
  align-content: center;
  justify-content: left;
  flex-wrap: wrap; }

.socComp-gridCardHeaderStyle {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 14px !important;
  padding-top: 22px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.socComp-chartWithGridReload {
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium;
  padding-top: 205px; }

.socComp-modaltitle-image {
  margin: -25px 11px -26px 0px;
  object-fit: cover;
  height: 50px;
  width: auto; }

.socCompEnterExitModalHeaderStyle {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 14px !important;
  padding-top: 20px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.socCompEnterExitModal-gridCardContainer, .socCompSocModal-gridCardContainer {
  background-color: #e3f3ff;
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 264px;
  display: flex; }

.socCompSocModal-gridCardContainer {
  max-height: 415px; }

.socCompEnterExitTilteStyle {
  margin-top: 16px;
  margin-left: 17px; }

.socCompEnterExit-modalDailogStyle {
  width: 1050px; }

.headingStyle-socCompModalId, .headingStyle-socCompModalSkuName, .headingStyle-socCompModalPosition, .headingStyle-socCompMissingSkuModalId, .headingStyle-socCompMissingSkuModalSkuName, .headingStyle-socCompMissingSkuModalSapCode, .headingStyle-socCompMissingSkuModalExtraSapCode, .headingStyle-socCompMissingSkuModalLocation, .headingStyle-socCompMissingSkuModalCity, .headingStyle-socCompMissingSkuModalExtraCity, .headingStyle-socCompMissingSkuModalExtraLocation, .headingStyle-socCompMissingSkuModalExtraStore, .headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN, .headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited, .headingStyle-socCompMissingSkuModalRetailerCategory, .headingStyle-socCompMissingSkuModalExtraRetailerCategory, .headingStyle-socCompMissingSkuModalStore, .headingStyle-socCompMissingSkuModalBrand {
  text-align: center;
  padding: 14px !important; }

.headingStyle-socCompModalSkuName {
  text-align: left; }

.headingStyle-socCompMissingSkuModalId, .headingStyle-socCompMissingSkuModalSkuName, .headingStyle-socCompMissingSkuModalSapCode, .headingStyle-socCompMissingSkuModalExtraSapCode, .headingStyle-socCompMissingSkuModalLocation, .headingStyle-socCompMissingSkuModalCity, .headingStyle-socCompMissingSkuModalExtraCity, .headingStyle-socCompMissingSkuModalExtraLocation, .headingStyle-socCompMissingSkuModalExtraStore, .headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN, .headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited, .headingStyle-socCompMissingSkuModalRetailerCategory, .headingStyle-socCompMissingSkuModalExtraRetailerCategory, .headingStyle-socCompMissingSkuModalStore, .headingStyle-socCompMissingSkuModalBrand {
  width: 4em; }

.headingStyle-socCompMissingSkuModalSkuName {
  padding-left: 25px !important;
  text-align: left;
  width: 32em; }

.headingStyle-socCompMissingSkuModalSapCode, .headingStyle-socCompMissingSkuModalExtraSapCode, .headingStyle-socCompMissingSkuModalLocation, .headingStyle-socCompMissingSkuModalCity, .headingStyle-socCompMissingSkuModalExtraCity, .headingStyle-socCompMissingSkuModalExtraLocation, .headingStyle-socCompMissingSkuModalExtraStore, .headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN, .headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited, .headingStyle-socCompMissingSkuModalRetailerCategory, .headingStyle-socCompMissingSkuModalExtraRetailerCategory, .headingStyle-socCompMissingSkuModalStore {
  text-align: left;
  width: 7em; }

.headingStyle-socCompMissingSkuModalExtraSapCode {
  width: 9em; }

.headingStyle-socCompMissingSkuModalBrand {
  width: 8em;
  text-align: left; }

.headingStyle-socCompMissingSkuModalLocation, .headingStyle-socCompMissingSkuModalCity, .headingStyle-socCompMissingSkuModalExtraCity, .headingStyle-socCompMissingSkuModalExtraLocation, .headingStyle-socCompMissingSkuModalExtraStore, .headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN, .headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited {
  width: 8em; }

.headingStyle-socCompMissingSkuModalRetailerCategory, .headingStyle-socCompMissingSkuModalExtraRetailerCategory {
  text-align: left;
  width: 13em; }

.headingStyle-socCompMissingSkuModalExtraRetailerCategory {
  width: 12em; }

.headingStyle-socCompMissingSkuModalStore {
  width: 6em; }

.headingStyle-socCompMissingSkuModalCity, .headingStyle-socCompMissingSkuModalExtraCity, .headingStyle-socCompMissingSkuModalExtraLocation, .headingStyle-socCompMissingSkuModalExtraStore, .headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN, .headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited {
  width: 6em; }

.headingStyle-socCompMissingSkuModalExtraCity {
  width: 5em; }

.headingStyle-socCompMissingSkuModalExtraLocation {
  width: 8em; }

.headingStyle-socCompMissingSkuModalExtraStore {
  width: 6em; }

.headingStyle-socCompModalSoc, .headingStyle-socCompModalNoOfSkuTopN {
  text-align: center;
  width: 5em; }

.headingStyle-socCompModalNoOfSkuTopN {
  width: 10em; }

.headingStyle-socCompModalCompetitorSku, .headingStyle-socCompModalCompetitorSkuEntered, .headingStyle-socCompModalCompetitorSkuExited {
  width: 18em; }

.headingStyle-socCompModalCompetitorSkuEntered {
  text-align: center; }

.headingStyle-socCompModalCompetitorSkuExited {
  text-align: center; }

th.headingStyle-socCompModalId, th.headingStyle-socCompModalSkuName, th.headingStyle-socCompModalPosition, th.headingStyle-socCompMissingSkuModalId, th.headingStyle-socCompMissingSkuModalSkuName, th.headingStyle-socCompMissingSkuModalSapCode, th.headingStyle-socCompMissingSkuModalExtraSapCode, th.headingStyle-socCompMissingSkuModalLocation, th.headingStyle-socCompMissingSkuModalCity, th.headingStyle-socCompMissingSkuModalExtraCity, th.headingStyle-socCompMissingSkuModalExtraLocation, th.headingStyle-socCompMissingSkuModalExtraStore, th.headingStyle-socCompModalSoc, th.headingStyle-socCompModalNoOfSkuTopN, th.headingStyle-socCompModalCompetitorSku, th.headingStyle-socCompModalCompetitorSkuEntered, th.headingStyle-socCompModalCompetitorSkuExited, th.headingStyle-socCompMissingSkuModalRetailerCategory, th.headingStyle-socCompMissingSkuModalExtraRetailerCategory, th.headingStyle-socCompMissingSkuModalStore, th.headingStyle-socCompMissingSkuModalBrand {
  top: -1px !important; }

.socCompModal-idCellContent, .socCompModal-skuNameCellContent, .socCompModal-sapCodeCellContent, .socCompModal-locationCellContent, .socCompModal-storeCellContent, .socCompModal-retailerCategoryCellContent, .socCompModal-cityCellContent, .socCompModal-competitorSkuCellContent, .socCompModal-competitorSkuEnteredCellContent, .socCompModal-competitorHyphenSkuEnteredCellContent, .socCompModal-competitorSkuExitedCellContent, .socCompModal-competitorHyphenSkuExitedCellContent, .socCompMissingSkuModal-skuNameCellContent, .socCompModal-positionCellContent, .socCompModal-brandCellContent, .socCompModal-socCellContent, .socCompModal-noOfSkuTopNCellContent {
  text-align: center; }

.socCompModal-skuNameCellContent, .socCompModal-sapCodeCellContent, .socCompModal-locationCellContent, .socCompModal-storeCellContent, .socCompModal-retailerCategoryCellContent, .socCompModal-cityCellContent, .socCompModal-competitorSkuCellContent, .socCompModal-competitorSkuEnteredCellContent, .socCompModal-competitorHyphenSkuEnteredCellContent, .socCompModal-competitorSkuExitedCellContent, .socCompModal-competitorHyphenSkuExitedCellContent {
  text-align: left; }

.socCompMissingSkuModal-skuNameCellContent {
  text-align: left;
  margin-left: 14px; }

.socCompModal-brandCellContent {
  text-align: left; }

.socCompModal-retailerCategoryCellContent {
  text-align: left; }

.socCompModal-competitorHyphenSkuEnteredCellContent {
  text-align: center; }

.socCompModal-competitorHyphenSkuExitedCellContent {
  text-align: center; }

.socCompEnterExit-modalSpinner {
  margin-top: 93px;
  margin-bottom: 150px; }

.socComp-modalBsTableProps {
  margin-bottom: 10px;
  margin-right: 23px;
  margin-left: 13px; }

.socComp-modalMissingSkuBsTableProps {
  margin-bottom: 0px;
  margin-right: 23px;
  margin-left: 13px; }

.socCompModal-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 20px;
  background-color: #ffffff;
  border: none; }

.socComp-modalMissingSkutitle-image {
  margin: -25px 11px -26px 0px;
  object-fit: cover;
  height: 50px;
  width: 78px; }

.socCompMissingSku-modalDailogStyle {
  width: 887px; }

.socCompExtraMissingSku-modalDailogStyle {
  width: 1080px; }

.socCompExtra-modalDailogStyle {
  width: 1140px; }

.powerSkuStarIconStyleForModalmissingSku {
  margin-top: -1px;
  margin-bottom: -17px; }

.powerSkuStarIconLegendStyleForModalmissingSku {
  position: absolute;
  margin-top: -9px;
  font-size: 12px;
  font-family: Chivo-Medium;
  right: 27px;
  font-weight: 500; }

.socCompExportStyle {
  position: absolute;
  right: 44px;
  margin-top: -9px;
  cursor: pointer;
  color: #0e90e1;
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500;
  font-size: 26px;
  padding: 1px 23px 1px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

.socRetailerLogoWithCategory {
  position: absolute;
  margin-top: -9px;
  margin-left: 7px;
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 600;
  color: #000000; }

.socCompHeaderStyle {
  left: 125px;
  top: 36px;
  border: 1px solid #c2d5e5;
  background: #0e90e1;
  color: #ffffff;
  font-size: 14px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 7px;
  padding-right: 7px;
  margin: 30px; }

.socComp-currentlyListedSkuCardStyle, .socComp-enteredSkuCardStyle, .socComp-exitedSkuCardStyle {
  height: 220px;
  margin-top: 25px;
  margin-bottom: 30px;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 #00000014;
  border: solid 1px #ffffff;
  background-color: #ffffff;
  overflow-x: hidden; }

.socCompSkuListCard-firstHeaderStyle, .socCompSkuListCard-secondHeaderStyle {
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 600;
  text-align: left;
  top: 10px;
  z-index: 2;
  margin-bottom: 20px;
  background: #ffffff;
  color: #000000; }

.socCompSkuListCard-secondHeaderStyle {
  right: 5px; }

.socCompSkuListCard-firstBodyStyle, .socCompSkuListCard-secondBodyStyle {
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500;
  text-align: left;
  top: 10px;
  margin-bottom: 13px;
  color: #0e90e1; }

.socCompSkuListCard-secondBodyStyle {
  padding-right: 14px;
  right: 4px; }

.socComp-skuWithPositionTextStyle {
  margin-bottom: 0px;
  display: contents;
  color: #0e90e1; }

.socComp-listedSkuIconStyle, .socComp-enteredSkuIconStyle, .socComp-exitedSkuIconStyle {
  position: absolute;
  right: 20px; }

.socComp-enteredSkuIconStyle, .socComp-exitedSkuIconStyle {
  top: 3px;
  right: -22px; }

.socComp-skuListInfoIconStyle {
  padding: 90px;
  text-align: center;
  position: absolute;
  height: 8.8em;
  padding-top: 27px;
  background-color: #ffffff;
  border: none; }

.socComp-skuEnteredListInfoIconStyle, .socComp-skuExitedListInfoIconStyle {
  text-align: center;
  position: absolute;
  height: 8.8em;
  padding-top: 25px;
  background-color: #ffffff;
  border: none; }

.socComp-skuListNoDataFoundMsyStyle {
  position: absolute;
  font-family: Chivo-Medium;
  text-align: center;
  font-size: 14px;
  font-weight: 500; }

.socCompSkuList-headerStyle {
  margin-left: 1px;
  position: sticky;
  top: -1px !important;
  background: #ffffff;
  z-index: 2; }

.socComp-noOfSkuCellStyle, .socComp-noOfSkuCellWithoutClickableStyle {
  display: contents;
  margin-bottom: 0px;
  text-decoration: underline;
  cursor: pointer; }

.socComp-noOfSkuCellWithoutClickableStyle {
  text-decoration: none;
  cursor: context-menu; }

.socComp-skuListedTitleStyle {
  font-family: Chivo-Bold;
  font-size: 16px;
  font-weight: 600;
  margin-left: 32px;
  margin-bottom: -5px;
  margin-top: 10px;
  color: #000000; }

.socComp-names-with-export-style {
  padding: 1em 3em 1.3em 1em;
  background: #e3f3ff;
  margin-top: 3px;
  margin-bottom: 15px;
  margin-left: 0px;
  border-radius: 0px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.toggleAlignStyle {
  float: left;
  margin-left: -51px;
  margin-top: 1px; }

.comp-analysis-graphHeaderClassName {
  padding-top: 3px;
  margin-top: -40px; }

.comp-analysis-vertical-line-style {
  border-left: 2px solid #edf1f4;
  height: 15px;
  margin-bottom: -2px;
  padding: 2px;
  margin-left: 4px;
  display: inline-flex; }

#competitor-analysis-retailerImageCard-style {
  display: inline-flex;
  justify-content: flex-end; }

.competitor-analysis-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.competitor-analysis-appliedFilter-row {
  display: inline-flex; }

.competitor-analysis-totalSku {
  display: contents;
  margin-bottom: 0px; }

.competitor-analysis-titleStyle-row {
  margin-bottom: 46px;
  margin-left: 0px; }

.competitor-analysis-toggle {
  display: inline-flex;
  align-items: center; }

.competitor-analysis-powerSkuStarIcon {
  margin-top: -3px;
  width: 12px; }

.competitor-analysis-enterExitInCard-row {
  margin-left: 16px;
  margin-right: 7px; }

.competitor-analysis-skuValues-row {
  margin-left: 1px; }

.soc-competitor-img-style {
  height: 47px;
  width: 77px;
  margin-left: -27px;
  object-fit: cover;
  margin-top: 1px; }

.comp-screen-power-sku-icon-style {
  width: 12px;
  margin-top: -1px; }

/**************Pimerce Blue Theme***************/

.compRetailerBased-graphHeaderStyle {
  padding-top: 3px; }

.compRetailerBased-graphHeaderStyle .apexcharts-legend-marker {
  margin-right: 9px; }

.compRetailerBased-chartStyleClass {
  margin-bottom: -25px; }

.compRetailerBased-chartComponentBg {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -18px;
  margin-bottom: 20px;
  margin-top: 8px;
  height: 52em; }

.comp-retailer-based-treemapchart, .comp-retailer-based-nested-treemapchart {
  height: 580px;
  top: 36px;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px;
  cursor: pointer; }

.comp-retailer-based-nested-treemapchart {
  cursor: default; }

.compRetailerBased-treemapChartContainer {
  width: 100%;
  height: 600px;
  margin-bottom: 8px;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-left: 0px; }

.compRetailerBased-treemapLoadingStyle {
  text-align: center;
  margin-top: 252px;
  color: #0e90e1; }

.compRetailerBased-noDataFoundTreemapCardStyle {
  text-align: center;
  position: initial;
  height: 17.8em;
  padding: 75px;
  background-color: #ffffff;
  border: none;
  padding-top: 218px; }

.compRetailerBased-category-title-style {
  width: max-content;
  margin-left: 75px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  top: 5px;
  position: absolute; }

.compRetailerBased-note-text-container-style {
  padding-top: 345px; }

.compRetailerBased-icon-style {
  position: static;
  float: right;
  margin-right: 2%;
  margin-top: 18px;
  width: 18px; }

.compRetailerBased-note-text-style {
  font-family: Chivo-Medium;
  font-size: 14px;
  font-weight: 500;
  color: #0e90e1;
  position: absolute;
  right: 5%;
  bottom: 2%; }

.competitor-analysis-retailer-navigation {
  display: inline-flex;
  justify-content: center;
  height: 50px;
  max-width: 110px;
  margin: auto;
  background: #ffffff;
  border-radius: 25px;
  cursor: pointer; }

.competitor-analysis-retailer-appliedImage {
  height: 47px;
  width: 84px;
  margin-left: -5px;
  object-fit: cover;
  margin-top: 0px; }

.competitor-analysis-retailer-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.competitor-analysis-retailer-appliedFilter-row {
  display: inline-flex; }

.ResetBtn, .soc-reset-button {
  width: 75px;
  height: 20px;
  color: #0e90e1;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  object-fit: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-width: 0px;
  margin-left: 5px; }

.soc-reset-button {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  margin-top: -3px; }

button.btn.soc-reset-button {
  border-radius: 19.5px !important; }

button.soc-reset-button.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  color: #0e90e1; }

.comp-retailer-nested-icon {
  margin-left: 1.5%;
  margin-top: 0%; }

/**************Pimerce Blue Theme***************/

.searchCompAnalysis-filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.searchCompAnalysis-chartComponentBg {
  margin-top: 3px;
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchCompAnalysis-graphLoadingStyle {
  margin: 128px;
  text-align: center;
  color: #637280; }

.searchCompAnalysis-chartStyleClass {
  margin-left: -7px;
  margin-bottom: -25px;
  margin-top: 15px; }

.searchCompAnalysis-chartStyleClass .apexcharts-legend-marker {
  margin-right: 9px; }

.searchCompAnalysis-chartStyleClass .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  justify-content: flex-start; }

.searchCompAnalysis-graphNoDataFoundStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 6.8em;
  background-color: #ffffff;
  border: none; }

.searchCompAnalysis-chartReload, .searchCompAnalysis-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.searchCompAnalysis-dataTablebg {
  border: #ffffff;
  border-radius: 15px;
  margin-right: -15px; }

.headingStyle-searchCompAnalysisBrand, .headingStyle-searchCompAnalysisCity, .headingStyle-searchCompAnalysisLocation, .headingStyle-searchCompAnalysisStore {
  padding: 14px !important;
  width: 9em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-searchCompAnalysisBrand-whenNoDataFound {
  padding: 14px !important;
  text-align: center;
  width: 9em; }

.headingStyle-searchCompAnalysisRetailers {
  width: 12em;
  text-align: center; }

.headingStyle-searchCompAnalysisCity {
  width: 8em;
  left: 132px;
  z-index: 3; }

.headingStyle-searchCompAnalysisLocation {
  width: 10em;
  left: 252px;
  z-index: 3; }

.headingStyle-searchCompAnalysisStore {
  width: 10em;
  left: 396px;
  z-index: 3; }

.gridSearchCompAnalysisBrandAlign, .gridSearchCompAnalysisCityAlign, .gridSearchCompAnalysisLocationAlign, .gridSearchCompAnalysisStoreAlign {
  text-align: left;
  width: 9em;
  cursor: context-menu; }

.gridSearchCompAnalysisBrandAlign-withUnderline {
  text-decoration: underline;
  cursor: pointer; }

.gridSearchCompAnalysisRetailerAlign, .gridSearchCompAnalysisRetailerAlign-withoutUnderline {
  text-decoration: underline;
  text-align: center;
  cursor: pointer; }

.gridSearchCompAnalysisRetailerAlign-withoutUnderline {
  text-decoration: none;
  cursor: context-menu; }

.gridSearchCompAnalysisCityAlign {
  width: 8em; }

.gridSearchCompAnalysisLocationAlign {
  width: auto; }

.gridSearchCompAnalysisStoreAlign {
  width: 10em; }

th.headingStyle-searchCompAnalysisBrand, th.headingStyle-searchCompAnalysisCity, th.headingStyle-searchCompAnalysisLocation, th.headingStyle-searchCompAnalysisStore,
th.headingStyle-searchCompAnalysisRetailers {
  top: -1px !important; }

.searchCompAnalysis-gridCardHeaderTitleStyle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.searchCompAnalysis-bsTableProps {
  margin-top: -5px;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchCompAnalysis-gridLoadingStyle {
  margin: 120px;
  color: #637280; }

.searchCompAnalysis-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

#competitor-analysis-retailerImage-col {
  display: inline-flex;
  justify-content: center;
  cursor: 'context-menu'; }

.competitor-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.competitor-appliedFilter-row {
  display: inline-flex; }

#competitor-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#competitor-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#competitor-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.paid-search-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.paid-search-appliedFilter-row {
  display: inline-flex; }

#paid-search-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#paid-search-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#paid-search-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.competitorChartInfoIconStyle {
  display: flex;
  bottom: 12px;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.competitor-legend-style {
  color: #0e90e1;
  margin-top: 12px;
  margin-right: 33px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 4px 10px; }

/**************Pimerce Blue Theme***************/

.sopsOverlaySkuname {
  text-align: left;
  width: 27em;
  cursor: context-menu; }

.sopsOverlayKeyword {
  text-align: left;
  cursor: context-menu; }

.sopsOverlayKeywordHeader {
  padding: 14px !important;
  text-align: left; }

.sopsOverlayPosition {
  text-align: center;
  width: 6em;
  cursor: context-menu; }

.sopsOverlayPositionHeader {
  padding: 14px !important;
  text-align: center; }

.sopsDonutReload {
  text-align: center;
  padding: 52px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sopsGridRetailerHeader {
  width: 12em;
  text-align: center; }

.sops-modalTitleName {
  display: flex;
  margin: 17px 10px 10px 15px;
  font-family: Chivo-Medium;
  font-size: 18px;
  cursor: context-menu;
  z-index: 1; }

#share-of-paid-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#share-of-paid-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#share-of-paid-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.share-of-paid-search-donutLabel {
  background: #ffffff;
  height: 371px;
  margin-bottom: 20px;
  margin-right: -15px;
  margin-top: 3px;
  text-align: center;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.donut-content-spinner {
  color: #637280; }

.sops-donutLabel {
  text-align: left;
  margin: -11px 0px 32px;
  font-family: Chivo-Medium;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

/**************Pimerce Blue Theme***************/

.searchSkuWiseAnalysis-filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.searchSkuWiseAnalysis-dataTablebg {
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchSkuWiseAnalysis-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.searchSkuWiseAnalysis-bsTableProps {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-top: -5px; }

.searchSkuWiseAnalysis-gridLoadingStyle {
  margin: 120px;
  color: #637280; }

.searchSkuWiseAnalysis-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.searchSkuWiseAnalysis-gridPaginationStyle {
  padding-right: 12px;
  margin-bottom: 20px; }

.headingStyle-searchSkuWiseAnalysisId, .headingStyle-searchSkuWiseAnalysisKeyword, .headingStyle-searchSkuWiseAnalysisCity, .headingStyle-searchSkuWiseAnalysisLocation, .headingStyle-searchSkuWiseAnalysisStore {
  padding: 14px !important;
  width: 2em;
  text-align: center;
  left: -1px;
  z-index: 3; }

.headingStyle-searchSkuWiseAnalysisKeyword, .headingStyle-searchSkuWiseAnalysisCity, .headingStyle-searchSkuWiseAnalysisLocation, .headingStyle-searchSkuWiseAnalysisStore {
  text-align: left;
  width: 6em;
  left: 37px;
  z-index: 3; }

.headingStyle-searchSkuWiseAnalysisCity {
  left: 0px;
  z-index: 3; }

.headingStyle-searchSkuWiseAnalysisLocation {
  left: 300px;
  z-index: 3; }

.headingStyle-searchSkuWiseAnalysisStore {
  left: 420px;
  z-index: 3; }

.headingStyle-searchSkuWiseAnalysisRetailers {
  width: 6em;
  padding: 14px !important;
  text-align: center; }

th.headingStyle-searchSkuWiseAnalysisId, th.headingStyle-searchSkuWiseAnalysisKeyword, th.headingStyle-searchSkuWiseAnalysisCity, th.headingStyle-searchSkuWiseAnalysisLocation, th.headingStyle-searchSkuWiseAnalysisStore {
  top: -1px !important; }

th.headingStyle-searchSkuWiseAnalysisRetailers {
  top: -1px !important; }

.gridSearchSkuWiseRetailerAlign, .gridSearchSkuWiseKeywordsAlign, .gridSearchSkuWiseCityAlign, .gridSearchSkuWiseLocationAlign, .gridSearchSkuWiseStoreAlign {
  text-align: center; }

.gridSearchSkuWiseExtraRetailerAlign {
  text-align: center; }

.gridSearchSkuWiseIdAlign {
  text-align: center; }

.gridSearchSkuWiseKeywordsAlign, .gridSearchSkuWiseCityAlign, .gridSearchSkuWiseLocationAlign, .gridSearchSkuWiseStoreAlign {
  text-align: left; }

.gridSearchSkuWiseCityAlign, .gridSearchSkuWiseLocationAlign, .gridSearchSkuWiseStoreAlign {
  width: 6em; }

.gridSearchSkuWiseLocationAlign, .gridSearchSkuWiseStoreAlign {
  width: 8em; }

.gridSearchSkuWiseStoreAlign {
  width: 7em; }

.searchSkuWise-skuCardStyle {
  min-height: 371px;
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
  max-height: fit-content;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchSkuWise-skuNameStyle {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: Chivo-Medium;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 18px; }

.searchSkuWise-skuImageStyle {
  object-fit: contain;
  margin-left: 20px;
  margin-right: 20px;
  height: 210px; }

.searchSkuWiseAnalysis-chartComponentBg {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-top: 3px;
  min-height: 356px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchSkuWise-chartStyleClass {
  margin-left: 3px;
  margin-bottom: -25px; }

.searchSkuWise-chartStyleClass .apexcharts-legend-marker {
  margin-right: 9px; }

.searchSkuWiseAnalysis-graphLoadingStyle {
  margin: 128px;
  text-align: center;
  color: #637280; }

.searchSkuWiseAnalysis-graphNoDataFoundStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 6.8em;
  background-color: #ffffff;
  border: none; }

.searchSkuWiseAnalysis-chartReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.searchSkuWiseAnalysis-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 358px;
  display: flex; }

.searchSkuWise-skuBannerSpinner {
  margin-top: 173px;
  text-align: center;
  color: #637280; }

.searchSkuWiseAnalysis-skuBannerReload {
  text-align: center;
  padding-top: 135px;
  font-family: Chivo-Medium;
  font-size: medium; }

.searchSkuWise-performerBatchIconStyle {
  object-fit: contain; }

.searchSkuWise-performerTitleStyle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  font-family: Chivo-Medium;
  color: #000000; }

.searchSkuWise-positionIconStyle {
  object-fit: contain;
  margin-right: 3px;
  width: 12px;
  margin-top: -2px; }

.searchSkuWise-positionLegendStyle {
  position: absolute;
  margin-top: 7px;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500; }

.searchSkuWiseAnalysis-graphHeaderStyle {
  padding-top: 3px;
  padding-right: 28px;
  margin-left: 8px; }

.searchSkuWise-performerBatchStyle {
  margin-left: 17px;
  position: absolute;
  bottom: 11px; }

#sku-wise-analysis-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#sku-wise-analysis-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#sku-wise-analysis-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.sku-wise-appliedFilter-row1 {
  padding: 1em 3em 1em 0em; }

.sku-wise-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.sku-wise-appliedFilter-row2 {
  display: inline-flex; }

.sku-wise-analysis-spinner {
  padding: 2.1em 3em 1.1em 1em; }

.sku-wise-handlePosition-legend {
  margin-top: -4px;
  width: 11px;
  margin-right: 3px; }

.sku-wise-renderSkuCard-col {
  margin-top: 3px;
  padding-right: 0px; }

.infoIconAlignmentsku {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-right: 6px;
  margin-top: 60px; }

/**************Pimerce Blue Theme***************/

.retailer-sos-grid-card-container-style, .retailer-sos-grid-reload {
  margin-top: -5px;
  height: 263px;
  display: flex;
  border: none;
  border-radius: 0px;
  width: 100%;
  max-height: 263px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.retailer-sos-grid-header {
  padding-left: 20px;
  padding-top: 11px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #e3f3ff;
  position: sticky;
  top: -1px !important;
  z-index: 1;
  padding-bottom: 11px;
  font-family: Chivo-Medium;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000; }

.retailer-sos-grid-content-row {
  padding-left: 19px;
  padding-top: 9px;
  color: #000000; }

.retailer-sos-grid-spinner-style {
  text-align: center;
  margin-top: 60px;
  color: #637280; }

.retailer-sos-grid-reload {
  text-align: center;
  padding: 62px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 0px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.retailer-sos-grid-no-data-card.card {
  border: none;
  text-align: center;
  margin-top: 14px;
  padding-top: -21px; }

.retailer-sos-overall-tile, .overall-sos-tile-reload {
  margin-top: 3px;
  width: 100%;
  height: 88px !important;
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
  padding: 10px;
  height: 76px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.overall-sos-tile-reload {
  position: relative;
  background: #ffffff; }

.overall-sos-tile-reload center {
  position: relative;
  top: -11px; }

.retailer-sos-tile-title {
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  margin-left: 10px;
  font-family: Chivo-Medium;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  color: #000000;
  max-width: 125px;
  margin-top: 10px; }

.retailer-sos-donut-spinner {
  text-align: center;
  margin-top: 10px;
  color: #637280; }

.retailerSos-treemapReload {
  background: #ffffff;
  height: 352px;
  margin-top: -5px;
  border-radius: 0px;
  padding: 123px;
  font-family: Chivo-Medium;
  font-size: medium;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.retailer-sos-treemap-loading-style {
  text-align: center;
  margin-top: 114px; }

.retailer-sos-treemap-no-data-card.card {
  text-align: center;
  position: initial;
  background-color: #ffffff;
  border: none;
  margin-top: 76px; }

.retailer-sos-treemap-row {
  display: block;
  padding-left: 15px;
  margin-bottom: 20px;
  color: #637280;
  width: 82rem;
  margin-left: -30px; }

.retailer-sos-treemap-zero-icon {
  margin-top: -4px; }

.retailer-sos-treemap-chart-style {
  height: 216px;
  top: 36px;
  cursor: pointer;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px; }

.retailer-sos-view-sku-style {
  position: absolute;
  z-index: 2;
  right: 37px;
  top: 29px;
  font-family: Chivo-Medium;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #0e90e1;
  cursor: pointer; }

.retailer-sos-graph-style {
  margin-top: 2px;
  height: 470px;
  border-radius: 0px;
  border: none;
  margin-bottom: 20px;
  margin-right: -15px;
  color: #637280;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.retailer-sos-chart-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 6px;
  height: 429px; }

.retailer-sos-graph-loading-style {
  margin: 128px;
  text-align: center; }

.retailer-sos-graph-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 6.8em;
  background-color: #ffffff;
  border: none; }

.retailer-sos-static-graph-legend-style {
  padding-left: 8px;
  cursor: context-menu;
  display: flex;
  margin-top: 2px;
  margin-bottom: 3px;
  margin-left: -7px;
  position: absolute; }

.best-keywords-title {
  margin: 0 0 27px;
  padding-left: 6px;
  padding-top: 7px;
  background-color: #e3f3ff;
  position: sticky;
  top: -1px !important;
  z-index: 2;
  color: #000000; }

.best-keywords-card-style.card {
  margin-top: 4px;
  height: 446px;
  padding: 0 0 4px;
  border-radius: 0px;
  border: none;
  margin-bottom: 20px;
  color: #637280;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.best-keywords-header-info {
  font-size: 12px;
  text-align: center;
  line-height: normal;
  margin-top: -13px;
  padding-right: 25px; }

.retailer-sos-keywords-no-data.card, .retailer-sos-keywords-spinner {
  border: none;
  text-align: center;
  margin-right: 20px;
  margin-top: 86px; }

.retailer-sos-keywords-reload {
  font-size: 10px;
  text-align: center;
  padding-top: 148px;
  font-family: Chivo-Medium;
  font-size: 14px;
  background: #ffffff;
  height: 429px;
  border-radius: 6px; }

.retailer-sos-keywords-style {
  margin-left: 20px;
  margin-top: -10px;
  color: #000000; }

.retailer-sos-applied-filter-row {
  padding: 1em 2em 0em 1em; }

.retailer-sos-col {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px 20px 20px 0px; }

.retailer-sos-row {
  display: inline-flex; }

.retailer-sos-donut {
  margin-left: 22px; }

.retailer-sos-img {
  margin-left: 7px; }

#retailer-sos-applied-col {
  display: inline-flex;
  justify-content: center; }

.retailer-sos-spinner {
  padding: 2.1em 3em 1.1em 1em;
  color: #637280; }

.retailer-sos-name-col {
  margin-top: -5px; }

.retailer-sos-notavailable {
  margin-top: -5px; }

.retailer-sos-item {
  margin-top: -5px; }

.retailer-sos-render-row {
  margin-left: 0px; }

.retailer-sos-render-col {
  margin-bottom: 20px; }

.retailer-sos-renderKeywords-row {
  margin-top: -7px; }

.retailer-sos-renderKeywords-col1 {
  padding-right: 0px; }

.retailer-sos-renderKeywords-col2 {
  padding-right: 0px; }

.retailer-sos-chart-reload-trend-graph {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 0px;
  height: 355px; }

.toggle-style {
  display: inline-block;
  margin-left: 20rem;
  margin-top: 5px; }

.retailer-sos-treemap-background {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 20px; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.retailer-sos-trendgraph-row {
  display: block;
  padding-left: 15px;
  margin-bottom: 20px;
  margin-top: 3px; }

.best-keyword-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: -57px;
  margin-left: -34rem; }

.best-keyword-toggle-notavailability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b0b0b0 !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: -57px;
  margin-left: -34rem; }

.low-keyword-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer;
  margin-left: -15rem;
  margin-bottom: 19px;
  margin-top: 18px; }

.low-keyword-toggle-notavailability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #b0b0b0 !important;
  text-align: center;
  cursor: pointer;
  margin-left: -15rem;
  margin-bottom: 19px;
  margin-top: 16px; }

.verticl-line-one {
  z-index: 1;
  border-left: 2px solid #b0b0b0;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.verticl-line-two {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -39px;
  padding: 5px;
  margin-left: -220px;
  display: inline-flex; }

.sos-bargrah {
  margin-left: 15px; }

.keyword-toggle {
  position: absolute;
  top: -2px;
  left: 16px; }

.long-keyword {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #000000 !important;
  text-align: center;
  cursor: pointer; }

.best-keyword {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.tile-container-style {
  height: 366px;
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
  max-height: fit-content;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.infoIconAlignment1 {
  display: flex;
  justify-content: flex-end;
  margin-top: -30px; }

/**************Pimerce Blue Theme***************/

.title-style {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: #000000;
  padding: 0px; }

.row-style {
  margin-top: 9px; }

.column-headers-style {
  text-align: left;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600; }

.no-of-keyword {
  width: 19em; }

.cell-content-left, .skuname-style, .cell-content-id, .cell-content-sapcode, .cell-content-category, .cell-content-keywords {
  text-align: left;
  cursor: context-menu; }

.cell-content-center {
  text-align: center;
  cursor: context-menu; }

.grid-container-style {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  display: flex; }

.pagination-style {
  padding-right: 12px;
  margin-bottom: 20px; }

.skuname-style {
  cursor: pointer;
  text-decoration: underline; }

.brandwise-tile-container-style {
  min-height: 379px;
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
  max-height: fit-content;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.brandwise-tile-container-style-chart {
  height: 379px;
  margin: 3px -15px 0px 0px;
  border-radius: 0px;
  background-color: #ffffff;
  display: flex;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.card-body.tile-backgroud {
  min-height: 356px;
  border-radius: 15px; }

.tile-percentage-style, .tile-text-style {
  margin: 15px 3px 15px 15px;
  font-family: Chivo-Bold;
  font-weight: 600;
  font-size: 14px;
  color: #000000; }

.tile-text-style {
  font-family: Chivo-Regular;
  font-weight: normal;
  margin: 5px 0px 0px 15px; }

.tile-trend-img-style {
  width: 40px;
  height: 27px;
  margin: 16px 0px 0px 18px;
  object-fit: contain; }

.tite-brand-img-style {
  height: 67px;
  margin: 15px 0px 0px -21px;
  object-fit: contain; }

.chart-container-style {
  min-height: 356px;
  border: none;
  border-radius: 14px;
  background-color: var(--white); }

.spinner-style, .tile-spinner-style {
  color: #0e90e1;
  text-align: center;
  margin: 120px; }

.tile-spinner-style {
  margin-top: 138px;
  margin-left: 85px; }

.reload-style {
  text-align: center;
  padding: 21px;
  font-family: Chivo-Medium;
  font-size: 14px;
  background: #ffffff;
  border: #ffffff;
  max-height: 103em;
  margin-bottom: 1em; }

.note-text-container-style {
  margin: 20px 0px 28px 0px; }

.note-text-style {
  font-family: Chivo-Medium;
  margin: -22px 0px 15px 24px;
  font-size: 16px;
  font-weight: 500;
  color: #0e90e1; }

.no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.competitor-text-style {
  width: 173px;
  height: 22px;
  right: 320px;
  top: 23px;
  z-index: 1;
  position: absolute;
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #ea7f41;
  cursor: pointer; }

.retailer-logo-style {
  height: 47px;
  width: 78px;
  margin-left: 2px;
  object-fit: cover;
  cursor: pointer; }

.no-retailer-logo-style {
  height: 47px;
  width: 78px;
  margin-left: -175px;
  object-fit: cover;
  cursor: pointer; }

.row-space {
  margin-top: 18px; }

.brandwise-icon-style {
  margin-left: 20px; }

.brandwise-note-full-node {
  margin: -40px 0px 0px 5px; }

.brandwise-note-text-style {
  font-family: Chivo-Medium;
  margin: -22px 0px 15px 45px;
  font-size: 16px;
  font-weight: 500;
  color: #0e90e1; }

.brandwise-sos-row {
  padding: 1em 3em 1em 1em; }

#brandwise-sos-col {
  display: inline-flex;
  justify-content: center; }

.brandwise-sos-renderSkuGrid {
  margin-top: 4px; }

.brandwise-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.brandwise-appliedFilter-row {
  display: inline-flex; }

.brandwise-sos-brandList {
  display: initial;
  margin-left: 5px; }

.brandwise-renderBrand-col {
  margin-top: -6px;
  padding-right: 0px; }

.brandwise-sos-spinner-row {
  padding: 2.1em 3em 1.1em 1em;
  color: #637280; }

.cell-content-no-of-keywords {
  text-align: center; }

.brandwise-rendergraph-col {
  margin-top: -9px; }

.render-keywordgrid-col {
  margin-top: -34px; }

.infoIconAlignmentbrand {
  display: flex;
  align-items: flex-end;
  justify-content: left;
  margin-left: 5px;
  margin-bottom: 3px; }

.brand-column-header-style {
  width: 13em; }

/**************Pimerce Blue Theme***************/

.discount-analysis-filter-button-render-style {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.discount-analysis-grid-bg {
  border: #ffffff;
  border-radius: 15px;
  margin-right: -18px;
  margin-bottom: 20px; }

.discount-analysis-table-title-style {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px;
  margin-bottom: -4px; }

.discount-analysis-bs-sku-table-props-style {
  margin-bottom: -50px; }

.discount-analysis-table-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 240px;
  display: flex; }

.discount-analysis-table-pagination-style {
  padding-right: 12px; }

.discount-analysis-table-reload-style {
  text-align: center;
  padding: 120px;
  font-family: Chivo-Medium;
  font-size: medium; }

.discount-analysis-table-no-data-found-style {
  text-align: center;
  position: initial;
  height: 12.8em;
  padding: 25px;
  background-color: #ffffff;
  border: none; }

.discount-analysis-table-loading-style {
  margin: 120px;
  margin-top: 110px; }

.discount-analysis-id-column-header-style, .discount-analysis-brand-column-header-style, .discount-analysis-seller-column-header-style, .discount-analysis-platform-column-header-style, .discount-analysis-sku-column-header-style, .discount-analysis-promo-range-column-header-style, .discount-analysis-no-of-sku-column-header-style, .discount-analysis-discount-value-column-header-style {
  padding: 14px !important;
  width: 1em;
  text-align: center; }

.discount-analysis-brand-column-header-style, .discount-analysis-seller-column-header-style, .discount-analysis-platform-column-header-style, .discount-analysis-sku-column-header-style {
  text-align: left;
  width: 6em; }

.discount-analysis-promo-range-column-header-style, .discount-analysis-no-of-sku-column-header-style {
  width: 6em; }

.discount-analysis-sku-column-header-style {
  width: 15em; }

.discount-analysis-discount-value-column-header-style {
  width: 6em; }

.discount-analysis-id-column-header-style, .discount-analysis-brand-column-header-style, .discount-analysis-seller-column-header-style, .discount-analysis-platform-column-header-style, .discount-analysis-sku-column-header-style, .discount-analysis-promo-range-column-header-style, .discount-analysis-no-of-sku-column-header-style, .discount-analysis-discount-value-column-header-style {
  top: -1px !important; }

.discount-analysis-id-cell-style, .discount-analysis-brand-cell-style, .discount-analysis-seller-cell-style, .discount-analysis-platform-cell-style, .discount-analysis-sku-cell-style, .discount-analysis-promo-range-cell-style, .discount-analysis-no-of-sku-cell-style, .discount-analysis-discount-value-cell-style {
  text-align: center; }

.discount-analysis-brand-cell-style, .discount-analysis-seller-cell-style, .discount-analysis-platform-cell-style, .discount-analysis-sku-cell-style {
  text-align: left; }

.discount-analysis-no-of-sku-cell-style {
  text-decoration: underline;
  cursor: pointer; }

.discount-analysis-chart-reload-style {
  text-align: center;
  padding: 116px;
  font-family: Chivo-Medium;
  font-size: medium; }

.discount-analysis-chart-bg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-right: -18px;
  margin-bottom: 20px; }

.discount-analysis-chart-style {
  margin-left: 3px;
  margin-bottom: -25px; }

.discount-analysis-chart-title-style {
  padding-top: 3px;
  padding-right: 28px;
  margin-left: 8px; }

.discount-analysis-chart-no-data-style {
  text-align: center;
  position: initial;
  height: 18.7em;
  padding-top: 5.3em;
  background-color: #ffffff;
  border: none; }

.discount-analysis-chart-loading-style {
  margin: 113px;
  text-align: center; }

.discount-analysis-total-percentage-card-style, .discount-analysis-average-percentage-card-style {
  min-height: 207px;
  border: none;
  border-radius: 15px;
  margin-bottom: 10px;
  max-height: fit-content; }

.discount-analysis-average-percentage-card-style {
  min-height: 109px;
  margin-bottom: 20px; }

.discount-analysis-average-percentage-img-style {
  width: 28px;
  object-fit: contain;
  margin-top: 20px;
  margin-left: 15px; }

.discount-analysis-average-percentage-row-style {
  margin-left: 0px;
  margin-top: 8px; }

.discount-analysis-average-percentage-title-style {
  position: absolute;
  font-size: 18px;
  font-family: Chivo-Medium;
  font-weight: 500; }

.discount-analysis-average-percentage-value-style {
  position: absolute;
  right: 5px;
  font-size: 25px;
  margin-top: 9px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #0e90e1; }

.discount-analysis-total-percentage-title-style {
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 36px;
  font-size: 18px;
  font-family: Chivo-Medium;
  font-weight: 500; }

.discount-analysis-total-percentage-donut-style {
  margin-top: 15px;
  display: flex;
  justify-content: center; }

.discount-analysis-total-percentage-loading-style, .discount-analysis-average-percentage-loading-style {
  margin-top: 94px;
  text-align: center; }

.discount-analysis-average-percentage-loading-style {
  margin-top: 41px; }

.discount-analysis-total-percentage-reload-style, .discount-analysis-average-percentage-reload-style {
  padding-top: 65px;
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium; }

.discount-analysis-average-percentage-reload-style {
  padding-top: 0px;
  position: absolute; }

.discount-analysis-modal-title-style {
  margin-left: 13px;
  margin-top: 16px;
  font-size: 18px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.discount-analysis-modal-bs-table-style {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: -29px;
  margin-bottom: 30px; }

.discount-analysis-modal-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 255px;
  display: flex;
  margin-top: 18px; }

.discount-analysis-modal-sapcode-column-header-style, .discount-analysis-modal-sku-column-header-style, .discount-analysis-modal-seller-column-header-style, .discount-analysis-modal-platform-column-header-style, .discount-analysis-modal-promotion-column-header-style {
  padding: 14px !important;
  text-align: left;
  width: 7em; }

.discount-analysis-modal-sku-column-header-style {
  width: 23em; }

.promo-analysis-header-center {
  text-align: center; }

.discount-analysis-modal-promotion-column-header-style {
  width: 8em;
  text-align: center; }

.discount-analysis-modal-sapcode-column-header-style, .discount-analysis-modal-sku-column-header-style, .discount-analysis-modal-seller-column-header-style, .discount-analysis-modal-platform-column-header-style, .discount-analysis-modal-promotion-column-header-style {
  top: -1px !important; }

.discount-analysis-modal-sapcode-cell-style, .discount-analysis-modal-sku-cell-style, .discount-analysis-modal-seller-cell-style, .discount-analysis-modal-platform-cell-style {
  text-align: left; }

.discount-analysis-modal-sapcode-cell-style-center {
  text-align: center; }

.discount-analysis-modal-promotion-cell-style {
  text-align: center; }

.discount-analysis-modal-no-data-style {
  text-align: center;
  position: initial;
  height: 8.8em;
  padding: 0px;
  background-color: #ffffff;
  border: none; }

.discount-analysis-modal-loading-style {
  margin: 80px; }

.discount-analysis-modal-size-style {
  width: 800px; }

.discount-analysis-modal-reload-style {
  text-align: center;
  padding: 95px;
  font-family: Chivo-Bold;
  font-size: medium;
  padding-bottom: 120px;
  padding-top: 60px; }

#discount-analysis-appliedFilter-col1 {
  display: inline-flex;
  justify-content: center; }

.discount-analysis-appliedFilter-col2 {
  display: inline-flex;
  justify-content: flex-end;
  margin: 20px 20px 20px 0px; }

.discount-analysis-appliedFilter-row {
  display: inline-flex; }

/**************Pimerce Blue Theme***************/

.common-heading-style, .grid-header-comparison-id, .promo-comp-grid-header-brand-national, .promo-comp-grid-header-brand-store, .promo-comp-grid-header-category-store, .promo-comp-grid-header-sapcode-national, .promo-comp-grid-header-sapcode, .promo-comp-grid-header-sku, .promo-comp-grid-header-city, .promo-comp-grid-header-location, .promo-comp-grid-header-store, .promo-grid-header-sku-format-national, .promo-grid-header-sku-format-loc, .promo-grid-header-sku-format-store, .promo-grid-header-price-national, .promo-grid-header-price-loc, .promo-grid-header-price-store, .dynamic-header {
  padding: 14px !important;
  text-align: left;
  cursor: default; }

.grid-header-comparison-id {
  left: -1px;
  z-index: 2 !important;
  width: 1em;
  position: sticky !important; }

.promo-comp-grid-header-brand-national {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-brand-store {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-category-store {
  width: 7em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-sapcode-national {
  width: 5em !important;
  left: 37px;
  z-index: 0 !important; }

.promo-comp-grid-header-sapcode, .promo-comp-grid-header-sku {
  width: 5em !important;
  left: 37px;
  z-index: 2 !important;
  position: sticky !important; }

.promo-comp-grid-header-city {
  width: 7em;
  left: 289px;
  z-index: 3; }

.promo-comp-grid-header-location {
  width: 10em;
  left: 373px;
  z-index: 3; }

.promo-comp-grid-header-store {
  width: 8em;
  left: 493px;
  z-index: 3; }

.promo-grid-header-sku-format-national {
  width: 13em;
  left: 288px;
  z-index: 3; }

.promo-grid-header-sku-format-loc {
  width: 10em;
  left: 492px;
  z-index: 3; }

.promo-grid-header-sku-format-store {
  width: 10em;
  left: 589px;
  z-index: 3; }

.promo-grid-header-price-national {
  width: 10em;
  left: 407px;
  z-index: 3; }

.promo-grid-header-price-loc {
  width: 7em;
  left: 611px;
  z-index: 3; }

.promo-grid-header-price-store {
  width: 8em;
  left: 709px;
  z-index: 3; }

.common-value-style, .promo-grid-brand-align, .promo-grid-sapcode-align, .promo-grid-city-align, .promo-grid-location-align, .promo-grid-store-align, .promo-grid-format-align, .promo-grid-price-align, .non-clickable-text {
  text-align: left;
  cursor: context-menu; }

.promo-grid-brand-align {
  width: 5em; }

.promo-grid-sapcode-align {
  width: 15em; }

.promo-grid-city-align {
  width: 24em !important; }

.promo-grid-location-align {
  width: 8em; }

.promo-grid-store-align {
  width: 6em; }

.promo-grid-format-align {
  width: 8em; }

.promo-grid-price-align {
  width: 8em; }

.dynamic-header {
  text-align: center;
  z-index: 0 !important; }

.non-clickable-text {
  text-align: center;
  width: 100% !important; }

.clickable-text {
  text-decoration: underline;
  cursor: pointer;
  width: 100% !important;
  text-align: center; }

#searchBarBox_style1 {
  width: 24px;
  height: 12px;
  color: #0e90e1;
  z-index: 1;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 20px;
  background: #F5F9FF;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: 1px solid #E6E6E6; }

.promo-comp-grid-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 1em; }

.promo-comp-grid-card-title-style {
  color: #000000;
  font-size: 14px !important;
  font-weight: 400;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.promo-comp-grid-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.promo-comp-grid-bs-table-props {
  margin-bottom: -50px;
  width: 101.3%; }

.promo-comp-grid-card-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 460px;
  display: flex; }

.promotion-comparison-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.promotion-comparison-appliedFilter-row {
  display: inline-flex; }

#promotion-comparison-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#promotion-comparison-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter5 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.modal-comparison-body-container {
  margin-top: 22px; }

.modal-comparison-title {
  margin-top: 18px;
  margin-bottom: 10px;
  display: flex;
  justify-content: start; }

.modal-comparison-overlay-img {
  margin-left: 34px;
  height: 27px;
  width: 52.13px;
  object-fit: cover; }

.modal-comparison-overlay-skuname {
  display: inline;
  margin-left: 22px;
  margin-top: -6px; }

.promotion_comparison_filter .filter-appliedFilter-row-style {
  padding-bottom: 0px;
  margin-bottom: 15px; }

.discount-comparison-modal-container-style {
  margin-left: 25px; }

/**************Pimerce Blue Theme***************/

.common-heading-style, .grid-header-id, .promo-comp-grid-header-brand-national, .promo-comp-grid-header-brand-store, .promo-comp-grid-header-category-store, .promo-comp-grid-header-category-national, .promo-comp-grid-header-city, .promo-comp-grid-header-location, .promo-comp-grid-header-store, .promo-grid-header-sku-format-national, .promo-grid-header-sku-format-loc, .promo-grid-header-sku-format-store, .promo-grid-header-price-national, .promo-grid-header-price-loc, .promo-grid-header-price-store, .dynamic-header {
  padding: 14px !important;
  text-align: left;
  cursor: default; }

.grid-header-id {
  left: -1px;
  z-index: 3;
  width: 1em; }

.promo-comp-grid-header-brand-national {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-brand-store {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-category-store {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-category-national {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-city {
  width: 7em;
  left: 289px;
  z-index: 3; }

.promo-comp-grid-header-location {
  width: 10em;
  left: 373px;
  z-index: 3; }

.promo-comp-grid-header-store {
  width: 8em;
  left: 493px;
  z-index: 3; }

.promo-grid-header-sku-format-national {
  width: 13em;
  left: 288px;
  z-index: 3; }

.promo-grid-header-sku-format-loc {
  width: 10em;
  left: 492px;
  z-index: 3; }

.promo-grid-header-sku-format-store {
  width: 10em;
  left: 589px;
  z-index: 3; }

.promo-grid-header-price-national {
  width: 10em;
  left: 407px;
  z-index: 3; }

.promo-grid-header-price-loc {
  width: 7em;
  left: 611px;
  z-index: 3; }

.promo-grid-header-price-store {
  width: 8em;
  left: 709px;
  z-index: 3; }

.common-value-style, .promo-grid-brand-align, .promo-grid-category-align, .promo-grid-city-align, .promo-grid-location-align, .promo-grid-store-align, .promo-grid-format-align, .promo-grid-price-align, .non-clickable-text, .clickable-text, .clickable-text-single-retailer {
  text-align: left;
  cursor: context-menu; }

.promo-grid-brand-align {
  width: 5em; }

.promo-grid-category-align {
  width: 12em; }

.promo-grid-city-align {
  width: 5em; }

.promo-grid-location-align {
  width: 8em; }

.promo-grid-store-align {
  width: 6em; }

.promo-grid-format-align {
  width: 8em; }

.promo-grid-price-align {
  width: 8em; }

.dynamic-header {
  text-align: center; }

.non-clickable-text, .clickable-text, .clickable-text-single-retailer {
  text-align: center;
  width: 16em; }

.clickable-text, .clickable-text-single-retailer {
  text-decoration: underline;
  cursor: pointer; }

.clickable-text-single-retailer {
  width: auto; }

.promo-comp-grid-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 1em; }

.promo-comp-grid-card-title-style {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.promo-comp-grid-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.promo-comp-grid-bs-table-props {
  margin-bottom: -50px; }

.promo-comp-grid-card-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 460px;
  display: flex; }

.promotion-comparison-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.promotion-comparison-appliedFilter-row {
  display: inline-flex; }

#promotion-comparison-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#promotion-comparison-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter5 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.promotion-compliance-treemapbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-bottom: 20px; }

.treemapchartStyle {
  height: 250px;
  padding-left: 12px; }

.promotion-donut {
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 40px;
  padding-right: 40px;
  padding-left: 20px; }

.promotion-donut-tile-title {
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  margin-left: 10px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  color: #000000;
  margin-top: 10px;
  padding-left: 15px; }

.promotion-donet-overall-tile, .overall-tile-reload {
  margin-top: 3px;
  width: 100%;
  height: 58px;
  border: none;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 10px;
  height: 349px;
  margin-left: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.overall-tile-reload center {
  position: relative;
  top: 140px; }

.submoduleValueStyle {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
  border-radius: 2px; }

.noDataFoundTreemapPromotionStyle {
  text-align: center;
  position: initial;
  height: 18.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none;
  margin-top: 0px; }

.treemapPromotionSpinnerStyle {
  text-align: center;
  margin-top: 100px;
  color: #0e90e1; }

.gridPaginationPromotion {
  padding-right: 12px;
  margin-bottom: 20px; }

.headingStyle-promoId, .headingStyle-promoWithoutData, .headingStyle-promoCategory, .headingStyle-promoBrand, .headingStyle-promoCity, .headingStyle-promoLocation, .headingStyle-promoStore, .headingStyle-promoSku, .headingStyle-promoType, .headingStyle-promoPlan, .headingStyle-promoActual {
  padding: 14px !important;
  text-align: center;
  position: sticky;
  z-index: 3;
  width: 9em !important; }

.promotion-compliance-container .searchBarandIcon {
  margin-top: -7px;
  margin-right: 8px; }

.promotion-compliance-container .exportBlockOne {
  margin-top: -8px; }

.headingStyle-promoWithoutData {
  width: 1em; }

.headingStyle-promoCategory, .headingStyle-promoBrand, .headingStyle-promoCity, .headingStyle-promoLocation, .headingStyle-promoStore, .headingStyle-promoSku, .headingStyle-promoType, .headingStyle-promoPlan, .headingStyle-promoActual {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoBrand, .headingStyle-promoCity, .headingStyle-promoLocation, .headingStyle-promoStore {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoSku {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoType {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoPlan {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoActual {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoCity {
  width: 8em;
  z-index: 3; }

.headingStyle-promoLocation {
  width: 10em;
  z-index: 3; }

.headingStyle-promoStore {
  width: 10em;
  z-index: 3; }

.promo_grid_cell_id, .promo_grid_cell_category, .promo_grid_cell_brand, .promo_grid_cell_sku, .promo_grid_cell_promotype, .promo_grid_cell_promoPlan, .promo_grid_cell_promoActual, .promo_grid_cell_city, .promo_grid_cell_location, .promo_grid_cell_store {
  text-align: center; }

.promo_grid_cell_category, .promo_grid_cell_brand, .promo_grid_cell_sku, .promo_grid_cell_promotype, .promo_grid_cell_promoPlan, .promo_grid_cell_promoActual, .promo_grid_cell_city, .promo_grid_cell_location, .promo_grid_cell_store {
  width: 7.5em;
  text-align: left; }

.promo_grid_cell_brand {
  width: 7.5em;
  text-align: left; }

.promo_grid_cell_sku {
  width: 12em;
  text-align: left; }

.promo_grid_cell_promotype {
  width: 9em;
  text-align: left; }

.promo_grid_cell_promoPlan {
  width: 10em;
  text-align: center; }

.promo_grid_cell_promoActual {
  width: 9em;
  text-align: center; }

.promo_grid_cell_city {
  width: 8em;
  text-align: left; }

.promo_grid_cell_location {
  width: 10em;
  text-align: left; }

.promo_grid_cell_store {
  width: 10em;
  text-align: left; }

.promotion-donut-spinner {
  text-align: center;
  margin-top: 143px;
  color: #637280; }

.overall-tile-reload {
  position: relative;
  background: #ffffff;
  border-radius: 0px; }

th.headingStyle-promoId, th.headingStyle-promoWithoutData, th.headingStyle-promoCategory, th.headingStyle-promoBrand, th.headingStyle-promoCity, th.headingStyle-promoLocation, th.headingStyle-promoStore, th.headingStyle-promoSku, th.headingStyle-promoType, th.headingStyle-promoPlan, th.headingStyle-promoActual,
th.headingStyle-promoCategory,
th.headingStyle-promoBrand,
th.headingStyle-promoCity,
th.headingStyle-promoLocation,
th.headingStyle-promoStore,
th.headingStyle-promoSku,
th.headingStyle-promoType,
th.headingStyle-promoPlan,
th.headingStyle-promoActual,
th.headingStyle-promoBrand,
th.headingStyle-promoCity,
th.headingStyle-promoLocation,
th.headingStyle-promoStore,
th.headingStyle-promoSku,
th.headingStyle-promoType,
th.headingStyle-promoPlan,
th.headingStyle-promoActual,
th.headingStyle-promoCity,
th.headingStyle-promoLocation,
th.headingStyle-promoStore {
  top: -1px !important; }

/**************Pimerce Blue Theme***************/

.headingStyle-pricing-sku {
  width: 14rem;
  text-align: initial;
  left: 142px !important;
  z-index: 3; }

.headingStyle-pricingComparisionBrand {
  width: 7rem;
  text-align: center;
  left: 417px;
  z-index: 3; }

.headingStyle-pricingComparisionSellingPrice {
  width: 7rem;
  text-align: initial;
  left: 417px;
  z-index: 3; }

.headingStyle-pricingComparisionreferencePrice {
  width: 7rem;
  text-align: initial;
  left: 417px;
  z-index: 3; }

.headingStyle-pricingComparisionRetailer {
  left: 46px;
  z-index: 1 !important;
  background-color: #e3f3ff; }

.pricingComparision-sapcodeContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.gridContentAlignRetailer {
  min-width: 8em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComplianceValue {
  flex: 80%; }

.reload-data-grid {
  text-align: center;
  padding: 175px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 15px;
  height: 420px; }

.pricing-comparison-linegraph {
  display: block;
  border: #ffffff;
  border-radius: 7px;
  margin-top: 3px;
  margin-right: -15px;
  margin-bottom: -24px;
  height: 450px; }

.pricing-comparison-graphHeaderClassName {
  padding-top: 3px; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.reloadDataGrid {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 15px; }

.dataTableStyle-pricingcompliance {
  margin-top: 37px; }

.contexual-filter-close-icon {
  display: inline-block;
  color: #0e90e1;
  font-size: 20px;
  position: absolute;
  top: 1.2rem;
  right: 1rem; }

.fa:hover {
  cursor: pointer; }

.date {
  position: absolute;
  width: 35%;
  font-weight: bold;
  margin-top: 16px; }

.pricing-comparision-TableStyles {
  margin-top: 40px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.container-pricingcompliance {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.pricingcompliance-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.appliedFilterGridContent {
  margin: -18px 53px -18px 54px; }

.GridContentAlign-ContentModal {
  width: max-content;
  text-align: center;
  cursor: pointer;
  color: #000000; }

.gridContentAlign-NS {
  font-size: 11px;
  color: #000000; }

.gridContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.styleTest, .headingStyle-pricing-sku, .headingStyle-pricingComparisionBrand, .headingStyle-pricingComparisionSellingPrice, .headingStyle-pricingComparisionreferencePrice, .headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  width: 10em; }

.container-pricing {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.modaltitle-image {
  margin: -16px 94px -28px 0px;
  object-fit: contain;
  height: auto;
  border-radius: 15px;
  width: 96px; }

.modaltitle-retailerPlaceholderimage {
  margin: -3px 103px 33px -11px;
  object-fit: contain;
  height: auto; }

.modalbody-image {
  width: 142px;
  height: 170px;
  margin: 0 60px 58px 30px;
  object-fit: contain;
  padding-top: 20px; }

.modal-sku, .modal-msrp, .modal-sellingprice {
  width: 44px;
  height: 24px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 1000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.modal-msrp {
  width: auto !important;
  margin-top: 0%; }

.modal-sellingprice {
  z-index: 10; }

.modal-sp {
  width: 150%; }

.modalDailog {
  width: 700px; }

.container-row {
  width: 121%;
  margin-top: -17px; }

.modal_grid {
  margin-top: -43px;
  margin-left: -34px; }

.headingStyle-modalgrid-seller {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 21%;
  height: 24px;
  margin: 0 31px 0 73px; }

.msrp-content {
  margin-left: 32px; }

.ModalFooterPricing {
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: 30px;
  letter-spacing: 0ch; }

.Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px;
  color: #000000; }

.footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.Modal-Msrp {
  margin-top: -26px;
  margin-bottom: 24px; }

.Modal-Sku {
  margin-bottom: 40px; }

.headingStyle-modalgrid-discount {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  padding-left: 10px;
  height: 24px;
  margin: 0 31px 0 73px; }

.headingStyle-modalgrid-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 30%;
  height: 24px;
  margin: 0 31px 0 73px; }

.pricing-compliance-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 35%;
  height: 24px;
  margin: 0 31px 0 73px; }

.GridSkus {
  cursor: context-menu;
  color: #000000;
  width: 21em;
  min-width: fit-content; }

.headingStyle-pricingComplianceId div, .headingStyle-pricingComplianceEAN div {
  width: 2em; }

.modalContent {
  margin-left: 20px; }

.modalSkuContent {
  margin-left: inherit;
  word-break: break-word;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px;
  color: #0e90e1; }

.modalMsrpContent {
  margin-left: inherit;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalGridContent {
  margin-left: -19px;
  margin-top: -11px;
  margin-bottom: 20px; }

.pricing-compliance-grid-body {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px;
  height: auto;
  width: 437px; }

.modalGridContentSingle {
  margin-left: 108px;
  margin-top: -23px;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalVarianceContent {
  margin-top: 14px;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent1 {
  margin-top: 3px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent2 {
  margin-top: -17px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #0e90e1; }

.contextMenuCardContainer {
  box-shadow: 0 20px 12px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #c2d5e5; }

.noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 54px;
  background-color: transparent;
  border: none; }

.headingStyle-pricingComplianceCity {
  width: 6em;
  left: 417px;
  z-index: 3;
  text-align: left; }

.headingStyle-pricingComplianceLocation {
  width: 10em; }

.headingStyle-pricingComplianceLocationExtra {
  width: 8em;
  left: 537px;
  z-index: 3;
  text-align: left; }

.headingStyle-pricingComplianceStore {
  width: 8em;
  left: 669px;
  z-index: 3;
  text-align: left; }

.gridContentAlign-ContentModal-NA {
  text-align: center; }

.treemapchartStyle {
  height: 250px;
  padding-left: 12px; }

.gridContentAlign-pricing, .gridContentAlign-discount, .gridCityContentAlign-pricing, .gridLocationContentAlign-pricing, .gridStoreContentAlign-pricing, .gridRetailerContentAlign-pricing {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.gridContentAlign-discount {
  min-width: max-content; }

.gridCityContentAlign-pricing {
  width: 8em;
  text-align: left; }

.gridLocationContentAlign-pricing {
  width: 9em;
  text-align: left; }

.gridStoreContentAlign-pricing {
  width: 11em;
  text-align: left; }

.gridRetailerContentAlign-pricing {
  min-width: 13em;
  max-width: inherit;
  display: flex;
  justify-content: center; }

.gridContent {
  text-decoration: underline !important; }

.pricingComplianceValue {
  flex: 80%; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.headingStyle-pricingComplianceId, .headingStyle-pricingComplianceEAN {
  width: 1em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-pricingComplianceEAN {
  left: 46px;
  z-index: 3; }

th.headingStyle-modalgrid-seller, th.headingStyle-modalgrid-discount, th.headingStyle-modalgrid-sp, th.pricing-compliance-sp {
  top: -1px !important; }

.gridPaginationPricing {
  padding-right: 12px;
  margin-top: -60px;
  margin-bottom: 63px; }

.gridLegendInfoStyles {
  display: flex;
  padding-top: 15px;
  font-size: 12px;
  font-family: Chivo-Medium;
  color: #0e90e1; }

.headingStyle-modalgrid-msrp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 40%;
  height: 24px;
  margin: 0 31px 0 73px; }

th.headingStyle-modalgrid-msrp {
  top: -1px !important; }

.bracketPriceStyle {
  font-weight: bold; }

.pricingComparisionBrandCell {
  min-width: 3em;
  max-width: inherit;
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.pricingComparisionSellingPriceCell {
  min-width: 3em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.pricingComparisionReferencePriceCell {
  min-width: 3em;
  max-width: inherit;
  cursor: context-menu;
  color: #000000;
  margin-left: 2.5rem !important; }

th.headingStyle-pricingComplianceId, th.headingStyle-pricingComplianceEAN, th.headingStyle-pricing-sku, th.headingStyle-PricingCompliance, th.headingStyle-pricingComplianceCity, th.headingStyle-pricingComplianceLocation, th.headingStyle-pricingComplianceLocationExtra, th.headingStyle-pricingComplianceStore {
  top: -1px !important; }

#pricing-compliance-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.pricing-compliance-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.pricing-compliance-appliedFilter-row {
  display: inline-flex; }

.pricingStar-Icon {
  width: 18px; }

.gridPaginationPricingAlt {
  margin-top: -23px;
  margin-bottom: 37px; }

.toggleAlignStyle-pricing-comparision {
  float: right !important; }

.img-sku {
  height: 50px;
  width: 70px;
  margin-bottom: 14px;
  margin-left: 10px;
  margin-top: 10px; }

.sku-demo {
  margin-left: 100px;
  margin-bottom: -22px;
  margin-top: -70px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
  width: 185px;
  padding: 10px 8px 8px;
  font-family: 'Chivo-Bold'; }

.sku-bgcolor {
  background: white;
  width: 280px; }

.non-clickable-text-comparison {
  text-align: center;
  width: 100%;
  justify-content: center;
  display: flex; }

.pricing-comparsion-dynamic-header {
  cursor: default;
  padding: 14px !important;
  text-align: center;
  z-index: 2 !important;
  min-width: 118px; }

.common-heading-style-pricing {
  padding: 14px !important;
  text-align: left;
  cursor: default; }

.gridPaginationPricingComp {
  padding-right: 12px;
  margin-bottom: 20px; }

.pricingCompSpinner {
  margin-top: 15%; }

.pricingCompGridHeader {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 10px; }

.pricingCompInfoIcon {
  display: flex;
  bottom: -15px;
  width: 100%;
  right: 15px;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.pricing-comparison-linegraph.card .footer-remove {
  display: none !important; }

.pricing-competitor-tag {
  position: absolute;
  top: 12px;
  right: 25px;
  padding: 1px 5px; }

.pricing-comparision-TableStyles .sokc-gridCardContainerStyle {
  max-height: 837px !important; }

/**************Pimerce Blue Theme***************/

.headingStyle-pricingComparision-skuName {
  width: 14rem;
  text-align: initial;
  left: 236px;
  z-index: 3; }

.pricingComplianceValue {
  flex: 80%; }

.pricing-compliance-treemapbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 20px; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.reloadDataGrid {
  text-align: center;
  padding: 33px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 15px; }

.dataTableStyle-pricingcompliance {
  margin-top: 37px; }

.contexual-filter-close-icon {
  display: inline-block;
  color: #0e90e1;
  font-size: 20px;
  position: absolute;
  top: 1.2rem;
  right: 1rem; }

.fa:hover {
  cursor: pointer; }

.date {
  position: absolute;
  width: 35%;
  font-weight: bold;
  margin-top: 16px; }

.pricing-3p-dataTableStyles {
  margin-top: 3px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.imgurl {
  margin-bottom: -50px;
  margin-left: 10px; }

.container-pricingcompliance {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.pricingcompliance-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.appliedFilterGridContent {
  margin: -18px 53px -18px 54px; }

.GridContentAlign-ContentModal {
  width: max-content;
  text-align: center;
  cursor: pointer;
  color: #000000; }

.gridContentAlign-NS {
  font-size: 11px;
  color: #000000; }

.gridContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.retailer-logo-img {
  position: absolute;
  height: 40px;
  margin: -45px 15px;
  object-fit: cover;
  width: 67px !important; }

.card-align {
  margin-left: 14px;
  background: white;
  border-radius: 28px;
  height: 47px !important;
  width: 110px;
  margin-bottom: -30px; }

.availability {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailability {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.styleTest, .headingStyle-pricingComparision-skuName, .headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-PricingCompliance, .headingStyle-pricingComplianceCity, .headingStyle-pricingComplianceLocation, .headingStyle-pricingComplianceLocationExtra, .headingStyle-pricingComplianceStore {
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  width: 10em; }

.container-pricing {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -60px; }

.modaltitle-image {
  margin: -16px 94px -28px 0px;
  object-fit: contain;
  height: auto;
  border-radius: 15px;
  width: 96px; }

.modaltitle-retailerPlaceholderimage {
  margin: -3px 103px 33px -11px;
  object-fit: contain;
  height: auto; }

.modalbody-image {
  width: 142px;
  height: 170px;
  margin: 0 60px 58px 30px;
  object-fit: contain;
  padding-top: 20px; }

.modal-sku, .modal-msrp, .modal-sellingprice {
  width: 44px;
  height: 24px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 1000;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.modal-msrp {
  width: auto !important;
  margin-top: 0%; }

.modal-sellingprice {
  z-index: 10; }

.modal-sp {
  width: 150%; }

.modalDailog {
  width: 700px; }

.container-row {
  width: 121%;
  margin-top: -17px; }

.modal_grid {
  margin-top: -43px;
  margin-left: -34px; }

.headingStyle-modalgrid-seller {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 21%;
  height: 24px;
  margin: 0 31px 0 73px; }

.msrp-content {
  margin-left: 32px; }

.ModalFooterPricing {
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: 30px;
  letter-spacing: 0ch; }

.Footer-Head {
  font-size: 12px;
  font-family: Chivo-Medium;
  letter-spacing: 0px;
  color: #000000; }

.footer-link {
  background-color: transparent;
  word-break: break-all;
  font-size: 12px;
  font-family: Chivo-Regular;
  margin-right: 50px;
  letter-spacing: 0px;
  color: #0e90e1;
  text-decoration: underline;
  display: block; }

a.footer-link:hover {
  color: #0e90e1;
  text-decoration: underline; }

.Modal-Msrp {
  margin-top: -26px;
  margin-bottom: 24px; }

.Modal-Sku {
  margin-bottom: 40px; }

.headingStyle-modalgrid-discount {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  padding-left: 10px;
  height: 24px;
  margin: 0 31px 0 73px; }

.headingStyle-modalgrid-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 30%;
  height: 24px;
  margin: 0 31px 0 73px; }

.pricing-compliance-sp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 35%;
  height: 24px;
  margin: 0 31px 0 73px; }

.headingStyle-pricingComplianceId div {
  width: 2em; }

.modalContent {
  margin-left: 20px; }

.modalSkuContent {
  margin-left: inherit;
  word-break: break-word;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px;
  color: #0e90e1; }

.modalMsrpContent {
  margin-left: inherit;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalGridContent {
  margin-left: -19px;
  margin-top: -11px;
  margin-bottom: 20px; }

.pricing-compliance-grid-body {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px;
  height: auto;
  width: 437px; }

.modalGridContentSingle {
  margin-left: 108px;
  margin-top: -23px;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 24px; }

.modalVarianceContent {
  margin-top: 14px;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent1 {
  margin-top: 3px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px; }

.modalVarianceContent2 {
  margin-top: -17px;
  font-family: Barlow-Regular;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #0e90e1; }

.contextMenuCardContainer {
  box-shadow: 0 20px 12px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #c2d5e5; }

.noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 19.8em;
  padding: 54px;
  background-color: transparent;
  border: none; }

.headingStyle-pricingComplianceCity {
  width: 6em;
  left: 417px;
  z-index: 3;
  text-align: left; }

.headingStyle-pricingComplianceLocation {
  width: 10em; }

.headingStyle-pricingComplianceLocationExtra {
  width: 8em;
  left: 537px;
  z-index: 3;
  text-align: left; }

.headingStyle-pricingComplianceStore {
  width: 8em;
  left: 669px;
  z-index: 3;
  text-align: left; }

.gridContentAlign-ContentModal-NA {
  text-align: center; }

.treemapchartStyle {
  height: 250px;
  padding-left: 12px; }

.gridContentAlign-pricing, .gridContentAlign-discount, .gridCityContentAlign-pricing-3p, .gridLocationContentAlign-pricing-3p, .gridStoreContentAlign-pricing, .gridRetailerContentAlign-pricing {
  text-align: center;
  cursor: context-menu;
  color: #000000; }

.gridContentAlign-discount {
  min-width: max-content; }

.gridCityContentAlign-pricing-3p {
  width: 6em;
  text-align: left; }

.gridLocationContentAlign-pricing-3p {
  width: 12em;
  text-align: left; }

.gridStoreContentAlign-pricing {
  width: 6em;
  text-align: left; }

.gridRetailerContentAlign-pricing {
  min-width: 13em;
  max-width: inherit;
  display: flex;
  justify-content: center; }

.gridContent {
  text-decoration: underline !important; }

.pricingComplianceValue {
  flex: 80%; }

.discountPercentage {
  text-decoration: none;
  padding: 3px 13px 3px 7px;
  background-color: #f9837c;
  color: white;
  flex: 20%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 0; }

.headingStyle-pricingComplianceId {
  width: 1em;
  text-align: left; }

.headingStyle-pricingComparisionSapCode {
  left: 110px;
  z-index: 3;
  width: 1em;
  text-align: left; }

.headingStyle-pricingComparisionSku {
  left: 188px;
  z-index: 3 !important;
  width: 18rem;
  text-align: left; }

.headingStyle-pricingComparisionCity {
  width: 6em;
  left: 425px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComparisionLocation {
  left: 517px;
  z-index: 3 !important;
  width: 6em;
  text-align: left; }

.headingStyle-pricingComparisionStore {
  width: 6em;
  left: 681px;
  z-index: 3 !important;
  text-align: left; }

.headingStyle-pricingComparisonBrand {
  left: 30px;
  text-align: left;
  z-index: 3;
  width: 1em; }

.headingStyle-pricingComplianceSeller {
  left: 46px;
  background-color: #e3f3ff; }

.headingStyle-pricingComplianceSellerColor {
  left: 46px;
  background-color: #9B85C5; }

th.headingStyle-modalgrid-seller, th.headingStyle-modalgrid-discount, th.headingStyle-modalgrid-sp, th.pricing-compliance-sp {
  top: -1px !important; }

.gridPaginationPricing {
  padding-right: 12px;
  margin-top: -60px;
  margin-bottom: 63px; }

.gridLegendInfoStyles {
  display: flex;
  padding-top: 15px;
  font-size: 12px;
  font-family: Chivo-Medium;
  color: #0e90e1; }

.headingStyle-modalgrid-msrp {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 600;
  text-align: center;
  width: 40%;
  height: 24px;
  margin: 0 31px 0 73px; }

th.headingStyle-modalgrid-msrp {
  top: -1px !important; }

.bracketPriceStyle {
  font-weight: bold; }

.pricingComparision3p-sapcodeContent {
  min-width: 5em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComparision3p-skuContent {
  width: 18em;
  min-width: fit-content;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComparision3p-cityContent {
  min-width: 5em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComparision3p-locationContent {
  min-width: 13em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComparision3p-storeContent {
  min-width: 5em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricing-comparsion-3p-dynamic-header {
  text-align: center;
  background-color: #9B85C5;
  z-index: 2 !important;
  min-width: 100px; }

.pricing-comparsion-3p-dynamic-header-Authorised {
  text-align: center;
  z-index: 2 !important;
  min-width: 100px; }

.pricing-gridCardContainerStyle {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 950px;
  display: flex; }

.non-clickable-3p-text {
  text-align: center; }

.non-clickable-3p-text-authorised {
  text-align: center; }

.pricingComparision3p-sellerContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.pricingComparison-brand {
  min-width: 5.2em;
  text-align: left;
  cursor: context-menu;
  color: #000000; }

th.headingStyle-pricingComplianceId, th.headingStyle-pricingComparision-skuName, th.headingStyle-PricingCompliance, th.headingStyle-pricingComplianceCity, th.headingStyle-pricingComplianceLocation, th.headingStyle-pricingComplianceLocationExtra, th.headingStyle-pricingComplianceStore {
  top: -1px !important; }

#pricing-compliance-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#pricing-compliance-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.pricing-compliance-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.pricing-compliance-appliedFilter-row {
  display: inline-flex; }

.pricingStar-Icon {
  width: 18px; }

.gridPaginationPricingAlt {
  margin-top: -23px;
  margin-bottom: 37px; }

.imglulu {
  margin-bottom: -25px;
  height: 50px;
  width: 100px;
  border-radius: 50px; }

#pricing-comparision3p-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative; }

.rating-dataTablebg-sku {
  border: white;
  margin-top: 13px;
  border-radius: 15px;
  margin-right: 0px; }

.modal-card-grid {
  border: white;
  border-radius: 15px;
  margin-top: 5px;
  margin-right: -9px;
  margin-left: 11px;
  cursor: context-menu; }

.sku-level-breakdown-header {
  background-color: white;
  border: white;
  border-radius: 14px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 41px; }

.sku-level-breakdown-header-title {
  color: #050505;
  font-size: 16px;
  margin-left: -6px;
  font-family: "barlow-bold";
  margin-top: 1px; }

.id-column-head {
  text-align: center;
  width: 1em;
  padding: 14px !important; }

.retailer-category-column-head {
  text-align: left;
  width: 10em;
  left: 10px;
  z-index: 3;
  padding: 14px !important; }

.position-column-head {
  text-align: center;
  width: 7em;
  padding: 14px !important; }

.sku-column-head {
  width: 8em;
  left: 10px;
  z-index: 3;
  text-align: left;
  padding: 14px !important; }

.product-column-head {
  text-align: left;
  width: 8em;
  padding: 14px !important; }

.brand-column-head-filter {
  text-align: left;
  width: 5em;
  padding: 14px !important; }

.mrp-column-head {
  padding: 14px !important;
  text-align: left;
  width: 9em;
  z-index: 2; }

.price-column-head {
  padding: 14px !important;
  text-align: left;
  width: 9em;
  z-index: 2; }

.discount-column-head {
  padding: 14px !important;
  text-align: left;
  width: 10em;
  z-index: 2; }

.cellcontent-retailer-category {
  text-align: left; }

.cellcontent-position {
  text-align: center; }

.cellcontent-product-type {
  text-align: left; }

.cellcontent-id {
  text-align: center; }

.cellcontent-sku {
  text-align: left; }

.cellcontent-brand {
  text-align: left; }

.cellcontent-mrp {
  text-align: center; }

.cellcontent-price {
  text-align: center; }

.cellcontent-discount {
  text-align: center; }

/**************Pimerce Blue Theme***************/

.pricerange-gridCardModalStyle {
  border-bottom: 2px solid #ffe0cc;
  background-color: #ffe0cc;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 180px;
  display: flex;
  margin-top: 5px; }

.header-pricing {
  padding: 0px !important;
  text-align: center;
  position: sticky;
  left: -1px;
  z-index: 3;
  width: 1em; }

.price-range-data {
  text-align: center; }

.retailerImage {
  background: white;
  border-radius: 25px;
  height: 50px;
  max-width: 110px;
  margin: auto; }

.PRA-Img {
  background: white;
  border-radius: 25px;
  height: 50px;
  margin: auto;
  margin-left: 11px; }

.PRA-graphHeaderStyle {
  padding-top: 3px;
  margin-left: -9px; }

.PRA-chartStyleClass {
  margin-left: -8px;
  margin-bottom: -25px;
  position: relative;
  margin-right: -25px; }

.PRA-chartStyleClass .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  justify-content: flex-start;
  margin-left: 41px; }

.PRA-chartInfoIconStyle {
  display: flex;
  bottom: 20px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline;
  top: 20px;
  right: 20px; }

.bargraph-component {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 6px;
  margin-right: -16px; }

.rating-dataTablebg-sku {
  border: white;
  margin-top: 13px;
  border-radius: 15px;
  margin-right: 0px; }

.modal-card-grid {
  border: white;
  border-radius: 15px;
  margin-top: 5px;
  margin-right: -9px;
  margin-left: 11px;
  cursor: context-menu; }

.sku-level-breakdown-header {
  background-color: white;
  border: white;
  border-radius: 14px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 13px;
  padding-right: 41px; }

.sku-level-breakdown-header-title {
  color: #050505;
  font-size: 18px;
  margin-left: -14px;
  font-family: "barlow-bold";
  margin-top: 1px;
  cursor: default;
  user-select: none; }

.id-column-head, .retailer-category-column-head, .sku-column-head, .seller-column-head, .product-column-head, .brand-column-head-filter, .mrp-column-head, .price-column-head, .discount-column-head {
  cursor: default;
  user-select: none;
  text-align: center;
  width: 1em;
  padding: 14px !important;
  left: -1px;
  z-index: 3; }

.retailer-category-column-head {
  text-align: center;
  width: 10em;
  left: 10px;
  z-index: 3;
  padding: 0px !important; }

.sku-column-head {
  width: 13em;
  left: 10px;
  z-index: 3;
  text-align: left;
  padding: 16px !important; }

.seller-column-head {
  text-align: center;
  width: 7em;
  padding: 14px !important; }

.product-column-head {
  text-align: center;
  width: 8em;
  padding: 14px !important; }

.brand-column-head-filter {
  text-align: center;
  width: 5em;
  padding: 14px !important; }

.mrp-column-head {
  padding: 14px !important;
  text-align: center;
  width: 9em;
  z-index: 2; }

.price-column-head {
  padding: 14px !important;
  text-align: center;
  width: 9em;
  z-index: 2; }

.discount-column-head {
  padding: 2px !important;
  text-align: center;
  width: 10em;
  z-index: 2; }

.cellcontent-id, .cellcontent-retailer-category, .cellcontent-sku, .cellcontent-seller, .cellcontent-product-type, .cellcontent-brand, .cellcontent-mrp, .cellcontent-price, .cellcontent-discount {
  text-align: center;
  user-select: none;
  cursor: default; }

.cellcontent-retailer-category {
  text-align: center; }

.cellcontent-sku {
  text-align: left; }

.data-grid-alignment {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 18px;
  margin-right: -16px; }

.data-grid-alignment th div {
  white-space: nowrap; }

.apply-filter {
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 7px; }

.category-text {
  font-family: 'Barlow-Medium';
  font-size: 12px;
  margin-right: 13px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  color: black;
  cursor: default;
  user-select: none; }

.retailer-logo {
  height: 50px;
  margin-left: 21px;
  object-fit: cover;
  margin-top: 4px;
  width: 63px; }

.card-align {
  margin-left: 14px;
  background: white;
  border-radius: 28px;
  height: 55px; }

.check-box-style {
  position: relative;
  float: right;
  top: -22px;
  user-select: none; }

.PRA-chartStyleClass .apexcharts-series {
  cursor: pointer; }

#price-range-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 2px;
  left: 3px; }

.grid-info-price {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -10px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  margin-left: 90em;
  float: left; }

/**************Pimerce Blue Theme***************/

.pricerange-gridCardModalStyle {
  border-bottom: 2px solid #ffe0cc;
  background-color: #ffe0cc;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 180px;
  display: flex;
  margin-top: 5px; }

.header-pricing {
  text-align: center;
  position: sticky;
  left: -1px;
  z-index: 3;
  width: 1em; }

.price-range-data {
  text-align: center; }

.retailerImage {
  background: white;
  border-radius: 25px;
  height: 50px;
  max-width: 110px;
  margin: auto; }

.PRA-Img {
  background: white;
  border-radius: 25px;
  height: 50px;
  margin: auto;
  margin-left: 11px; }

.PRA-graphHeaderStyle {
  padding-top: 3px;
  margin-left: -9px; }

.PRA-chartStyleClass {
  margin-left: -8px;
  margin-bottom: -25px;
  position: relative;
  margin-right: -25px; }

.PRA-chartStyleClass .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  justify-content: flex-start;
  margin-left: 41px; }

.rating-dataTablebg-sku {
  border: white;
  margin-top: 13px;
  border-radius: 15px;
  margin-right: 0px; }

.modal-card-grid {
  border: white;
  border-radius: 15px;
  margin-top: 5px;
  margin-right: -9px;
  margin-left: 11px;
  cursor: context-menu; }

.sku-level-breakdown-header {
  background-color: white;
  border: white;
  border-radius: 14px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 13px;
  padding-right: 41px; }

.sku-level-breakdown-header-title {
  color: #050505;
  font-size: 18px;
  margin-left: -14px;
  font-family: "barlow-bold";
  margin-top: 1px;
  cursor: default;
  user-select: none; }

.id-column-head-price {
  text-align: center;
  width: 30px;
  left: -1px;
  min-width: 39px;
  z-index: 3 !important; }

.retailerCategory-column-head {
  text-align: center;
  left: 34px;
  z-index: 3 !important; }

.position-column-head {
  text-align: center;
  z-index: 3 !important;
  left: 220px; }

.sku-column-head-price {
  left: 317px;
  z-index: 3 !important;
  text-align: left; }

.seller-column-head {
  text-align: center;
  width: 7em;
  border-right: 2px solid #c2d5e5 !important;
  z-index: 2 !important; }

.product-column-head {
  text-align: center;
  width: 8em;
  border-right: 2px solid #c2d5e5 !important;
  z-index: 2 !important; }

.brand-column-head-filter {
  text-align: center;
  width: 5em;
  border-right: 2px solid #c2d5e5 !important;
  z-index: 2 !important; }

.brandtype-column-head {
  text-align: center;
  width: 5em;
  border-right: 2px solid #c2d5e5 !important;
  z-index: 2 !important; }

.mrp-column-head {
  text-align: center;
  width: 9em;
  z-index: 2 !important;
  border-right: 2px solid #c2d5e5 !important; }

.price-column-head {
  text-align: center;
  width: 9em;
  z-index: 2 !important;
  border-right: 2px solid #c2d5e5 !important; }

.discount-column-head {
  text-align: center;
  width: 10em;
  z-index: 2 !important;
  border-right: 2px solid #c2d5e5 !important; }

.headingStyle-priceCity {
  z-index: 2 !important;
  text-align: center;
  border-right: 2px solid #c2d5e5 !important; }

.headingStyle-priceLocation {
  z-index: 2 !important;
  text-align: center;
  border-right: 2px solid #c2d5e5 !important; }

.headingStyle-priceStore {
  text-align: center;
  min-width: 130px;
  z-index: 2 !important;
  border-right: 2px solid #c2d5e5 !important; }

.ppu-column-head {
  z-index: 2 !important;
  border-right: 2px solid #c2d5e5 !important; }

.grammage-column-head {
  z-index: 2 !important;
  text-align: center;
  border-right: 2px solid #c2d5e5 !important; }

.cellcontent-id, .cellcontent-retailer-category, .cellcontent-sku, .cellcontent-seller, .cellcontent-product-type, .cellcontent-brand, .cellcontent-brandtype, .cellcontent-mrp, .cellcontent-price, .cellcontent-discount, .cellcontent-ppu, .cellcontent-city, .cellcontent-location, .cellcontent-store {
  text-align: center; }

.cellcontent-retailer-category {
  text-align: center;
  width: 165px; }

.cellcontent-sku {
  text-align: left;
  width: 320px; }

.cellcontent-product-type {
  width: 100px; }

.cellcontent-brand {
  width: 80px; }

.cellcontent-brandtype {
  width: 80px; }

.cellcontent-discount {
  width: 100px; }

.cellcontent-ppu {
  text-align: left; }

.cellcontent-city {
  width: 90px; }

.cellcontent-location {
  width: 95px; }

.data-grid-alignment {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 3px;
  margin-right: -16px; }

.data-grid-alignment th div {
  white-space: nowrap; }

.apply-filter {
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 7px; }

.category-text {
  font-family: 'Barlow-Medium';
  font-size: 12px;
  margin-right: 13px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  color: black;
  cursor: default;
  user-select: none; }

.retailer-logo {
  height: 50px;
  margin-left: 21px;
  object-fit: cover;
  margin-top: 4px;
  width: 63px; }

.card-align {
  margin-left: 14px;
  background: white;
  border-radius: 28px;
  height: 55px; }

.check-box-style {
  position: relative;
  float: right;
  top: -22px;
  user-select: none; }

.PRA-chartStyleClass .apexcharts-series {
  cursor: pointer; }

#price-range-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  top: 2px;
  left: 3px; }

.backToPriceRangeAnalysis {
  margin-top: -32px;
  position: absolute;
  z-index: 1; }

.price-range-analysis {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 6px;
  max-height: 520px;
  display: flex; }

.position-column-head-national {
  text-align: center;
  z-index: 3 !important;
  left: 220px; }

.retailerCategory-column-head-national {
  text-align: left;
  left: 31px;
  z-index: 3 !important; }

.sku-column-head-price-national {
  left: 313px;
  z-index: 3 !important;
  text-align: left; }

#price-pack-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: absolute; }

th.id-column-head-price,
th.retailerCategory-column-head,
th.position-column-head,
th.sku-column-head-price,
th.headingStyle-priceCity,
th.headingStyle-priceLocation,
th.grammage-column-head,
th.product-column-head,
th.brand-column-head-filter,
th.mrp-column-head,
th.price-column-head,
th.discount-column-head,
th.ppu-column-head,
th.position-column-head-national,
th.sku-column-head-price-national {
  top: -1px; }

/**************Pimerce Blue Theme***************/

.market-Share-Donut {
  padding-top: 6.5% !important;
  padding-left: 0px !important; }

.market-share-toggle {
  margin-top: 51px;
  margin-left: 21.5px;
  position: absolute; }

.market-share-Filter {
  top: -26px;
  height: 10px;
  display: flex; }

.headingStyle-marketshare-channel, .market-share-spancols-channel {
  width: 12em;
  padding: 14px !important;
  text-align: center;
  max-width: fit-content;
  top: -1px !important; }

.headingStyle-marketShareType {
  text-align: center;
  max-width: fit-content !important;
  width: fit-content !important;
  min-width: 7rem !important;
  padding: 14px !important;
  top: -1px !important; }

.headingStyle-promotionAnalysis {
  text-align: center;
  max-width: fit-content !important;
  width: fit-content !important;
  min-width: 12rem !important;
  padding: 14px !important;
  top: -1px !important;
  z-index: 0 !important; }

.marketshare-pie-chart-no-data-style {
  text-align: center;
  height: 19.8em;
  margin: 42px 0 0 79px;
  padding: 2.8em 0 0 16px;
  background-color: #ffffff;
  border: none;
  left: -45px;
  top: 9px; }

.marketsharepiechartandgrid {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px; }

.piechart-Label-Summary {
  margin-left: 42px;
  margin-top: 27px;
  margin-bottom: 15px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600; }

.marketshare-filterButtonRender {
  border-radius: 15px;
  border: white;
  float: right;
  margin-right: -28px; }

.market-share-filter-drop-down-size {
  margin-right: 23px; }

.market-share-filter-drop-down-size .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 230px;
  height: 56px;
  outline: 0px !important; }

.market-share-filter-drop-down-size .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 230px;
  box-sizing: border-box; }

.market-share-filter-drop-down-size .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.market-share-filter-drop-down-size .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 230px;
  height: 56px;
  outline: 0px !important; }

.colspanHeader2 {
  position: sticky;
  top: 0px;
  background-color: #e3f3ff; }

.market-share-export {
  float: right;
  position: absolute;
  right: 14px;
  top: 18px; }

.market-share-spancols-id, .headingStyle-marketShareId {
  text-align: center;
  width: 6%;
  min-width: 6%;
  max-width: fit-content;
  top: -1px !important; }

.gridContentAlign11 {
  text-align: center;
  cursor: context-menu; }

.channelNameStyle {
  cursor: context-menu;
  width: 12em;
  text-align: center;
  color: black;
  min-width: fit-content;
  text-align: center; }

.apexcharts-legend::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: #0e90e1; }

.marketShare-gridCardContainerStyle {
  background-color: #c2d5e5;
  border-radius: 0px;
  max-height: 660px;
  display: flex;
  margin-top: -3px;
  border: 2px solid #c2d5e5; }

.marketShare-gridCardContainerStyle .emptyContentContainer {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 10% 7% 7% 7%;
  background-color: #ffffff;
  border: none; }

.market-share-grid {
  padding-top: 5%; }

.market-Share-Donut .apexcharts-legend {
  left: 11% !important; }

.market-share-RetailerImageCardVisibleToNavigate {
  background: white;
  border-radius: 25px;
  height: 50px;
  max-width: 110px;
  margin: auto;
  top: -10px; }

.market-Share-Donut .apexcharts-text.apexcharts-datalabel-label {
  font-size: 11px !important;
  font-weight: 800 !important; }

.pieChart-Reload {
  text-align: center;
  margin: 73px;
  padding-left: 12px;
  font-family: Barlow-Medium;
  font-size: medium; }

.marketshare-gridReload {
  text-align: center;
  padding: 89px;
  font-family: Barlow-Medium;
  font-size: medium; }

.market-share-emptyColumn-Header {
  width: 4.1em !important;
  text-align: center; }

.market-share-inner-idColumnHeader {
  width: 1em !important;
  text-align: center;
  padding-left: 1.5em; }

td.innerTableBrandNameStyle {
  width: 7em !important;
  text-align: center;
  padding-left: 3.5em; }

.inner-heading-marketShareColumnHeader {
  text-align: center; }

.marketShare-gridCardContainerStyle .dataTableChildPanel .table {
  border: 2px solid #c2d5e5 !important; }

.marketShare_pieChartSpinner {
  text-align: center;
  margin-left: 17px;
  margin-top: 134px;
  color: #637280 !important; }

.marketShare-gridLoadingStyle {
  margin: 150px;
  color: #637280 !important; }

.marketShare-treemapbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 20px; }

.marketShare-dataTableStyles {
  margin-top: -5px;
  margin-right: -15px;
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.marketShare-chartComponentBg {
  margin-top: 3px;
  display: block;
  border: #ffffff;
  border-radius: 6px;
  margin-right: -15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.marketShare-chartReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.marketShare-graphLoadingStyle {
  margin: 165px;
  text-align: center;
  color: #637280; }

.marketShare-chartStyleClass {
  margin-left: -7px;
  margin-bottom: -35px;
  margin-top: 35px; }

.marketShare-barChartStyleClass {
  margin-left: 20px;
  margin-bottom: -135px;
  margin-top: 0px; }

.marketShare-barChartStyleClass .chartInfoIconStyle {
  display: flex;
  bottom: 12px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.marketShare-lineChartStyleClass {
  margin-left: 20px;
  margin-bottom: -30px;
  margin-top: 35px; }

.marketShare-chartStyleClass .apexcharts-legend-marker {
  margin-right: 9px; }

.marketShare-graphNoDataFoundStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 6.8em;
  background-color: #ffffff;
  border: none; }

.spinner-style {
  color: #0e90e1;
  text-align: center;
  margin: 160px; }

.marketshare-tile-container-style-chart {
  height: 379px;
  margin: 3px -15px 0px 0px;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.marketshare_title {
  color: #000000;
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.marketShare-chartStyleClass .apexcharts6o3pboym {
  width: 1036px;
  height: 300px; }

.market-share-frequency-toggle {
  margin-top: -15px;
  padding-right: 28px; }

.marketShare-barGraphContainerStyle {
  border: none;
  border-radius: 6px;
  margin-bottom: 12px;
  height: 444px; }

.market-share-chart-component-chexbox {
  position: absolute;
  top: 73px;
  left: 300px;
  z-index: 1; }

.marketShare-lineChartStyleClass .apexcharts-xaxis-label {
  transform: rotateY(16deg) !important; }

.marketShareGridHeader {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px;
  font-family: Chivo-Medium;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

/**************Pimerce Blue Theme***************/

.categorygrowth-companywise-gridCardContainerStyle {
  background-color: #c2d5e5;
  border-radius: 0px;
  border-bottom: 2px solid #c2d5e5;
  border-top: 2px solid #c2d5e5;
  max-height: 1140px !important;
  display: flex;
  margin-bottom: 10px; }

.category-growth-toggle {
  margin-top: 15px;
  margin-left: 80%;
  float: right; }

.categoryGrowth-oval {
  text-align: center;
  top: 25px; }

.category-top-selling-gridCardContainerStyle {
  background-color: #c2d5e5;
  border-radius: 0px;
  border-bottom: 2px solid #c2d5e5;
  border-top: 2px solid #c2d5e5;
  max-height: 366px;
  display: flex; }

.areaChart-Reload {
  padding: 17%;
  font-family: Chivo-Medium;
  font-size: medium;
  text-align: center; }

.category-growth-donut-reload {
  padding: 15%;
  font-family: Chivo-Medium;
  font-size: medium; }

.areachart-ComponentBg {
  display: block;
  border: white;
  border-radius: 6px;
  margin-bottom: 20px;
  width: 136%; }

.categoryGrowthCommonNameStyle {
  cursor: context-menu;
  text-align: center;
  color: black;
  min-width: fit-content;
  text-align: center; }

.category-growth-areachart .apexcharts-legend {
  height: 60px !important;
  inset: auto 0px 1px -15px;
  position: absolute; }

.category-growth-areachart .apexcharts-legend-series {
  margin: 0px 0px !important;
  padding: 4px 9px !important; }

.category-growth-columnHeader {
  width: 12em;
  padding: 14px !important;
  text-align: center;
  max-width: fit-content; }

.category-growth-areachart .apexcharts-toolbar {
  top: -23px !important;
  z-index: 1; }

.category-top-selling-gridCardContainerStyle .table th {
  top: -2px; }

.categorygrowth-companywise-gridCardContainerStyle .table th {
  top: -2px; }

.categoryGrowth-idColumnName {
  text-align: center;
  width: 6%;
  min-width: 6%;
  max-width: fit-content; }

.categoryGrowth-donutChart-no-data-style {
  text-align: center;
  height: 19.8em;
  padding: 2.8em 0 0 16px;
  background-color: #ffffff;
  border: none; }

.category-growth-dataGrid {
  display: block;
  border: white;
  background-color: white;
  border-radius: 0px;
  width: 101%;
  margin-top: -13px; }

.categoryGrowth-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.categoryGrowth-filterButtonRender {
  border-radius: 15px;
  border: white;
  float: right;
  margin-right: -28px; }

.categoryGrowth-donut-spinner {
  text-align: center;
  margin-top: 93px;
  color: #637280 !important; }

.gridLoadingStyle {
  color: #637280 !important; }

.graphLoadingStyle {
  color: #637280 !important; }

.areaChartGraphStyle {
  background-color: white;
  height: 335px;
  border-radius: 15px;
  border-color: white; }

.donutchart-text-labelsize-categoryGrowth {
  font-family: Chivo-Medium;
  font-size: 14.7px;
  font-stretch: normal;
  font-style: normal; }

.category-growth-graph-title {
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 1px;
  white-space: nowrap; }

.category-growth-filter {
  top: -26px;
  height: 10px;
  display: flex; }

.gridSkuTranisitionSkuEnterExitAlign {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.gridSkuTranisitionSkuEnterExitAlignDefault {
  text-align: center;
  text-decoration: none;
  cursor: default; }

.gridSkuTranisitionNoSkuEnterExitAlign {
  text-decoration: none;
  cursor: context-menu; }

.areaChartGraphStyle .category-growth-chart-style .apexcharts-xaxis-label {
  transform: rotateY(16deg) !important; }

.category-growth-chart-style.apexcharts-yaxis-title {
  background-color: red; }

.category-growth-chart-component-chexbox {
  position: absolute;
  position: absolute;
  top: 37px;
  right: 133px; }

.categoryGrowthGridHeader {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px;
  font-family: Chivo-Medium;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.categoryGrowthGridHeaderModal {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px;
  font-family: Chivo-Medium;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-top: 21px; }

@media (max-width: 1370px) {
  .category-growth-toggle {
    margin-top: 15px;
    margin-left: 76%;
    float: right; } }

/**************Pimerce Blue Theme***************/

.view-toggle-row {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 13px;
  margin-left: 11px;
  font-family: 'Chivo-Regular';
  font-size: 14px;
  font-style: normal; }

.view-toggle-header {
  top: -26px;
  height: 10px;
  display: flex; }

.marketshare-mfr-brand {
  width: 90px; }

th.marketshare-mfr-brand {
  width: 100px;
  text-align: center; }

.marketshare-seller-value {
  text-align: center;
  width: 10px !important;
  padding: 14px !important; }

.marketshare-seller {
  text-align: center;
  width: 10px !important;
  padding: 14px !important; }

.marketsharev2-grid .table-responsive {
  max-height: 250px !important;
  border-top: 1px solid #c2d5e5;
  border-bottom: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  display: flex; }

.marketshare-modal-gridCardModalStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  overflow-y: scroll;
  max-height: 180px;
  display: flex;
  margin-top: 5px; }

th.marketshare-seller-value {
  width: 10px !important;
  top: -3px !important; }

th.marketshare-seller {
  width: 10px !important;
  top: -3px !important; }

.marketshare-overall-share {
  text-align: center;
  width: 50px; }

.market-share-official-store {
  text-align: center;
  width: 60px; }

.market-share-thirdparty-seller {
  text-align: center;
  width: 40px; }

.market-share-tag-seller {
  text-align: center;
  width: 64px; }

.market-share-mfr-img {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px; }

.market-share-frequency-toggle {
  padding-right: 28px !important;
  margin-top: 0px; }

.market-share-overall-text {
  color: #212529;
  font-family: 'Chivo-Regular';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-left: 10px; }

.marketshare-retailer-url {
  height: 27px;
  width: 52.13px;
  object-fit: cover;
  /* margin: 1px auto auto; */
  margin-left: 16px; }

.marketShare-lineGraphContainerStyle .apexcharts-text tspan {
  font-size: 12px !important; }

.marketShare-barGraphContainerStyle .apexcharts-text tspan {
  font-size: 12px !important; }

.marketshare-title {
  color: #000000;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.graph-footer {
  padding: 0px; }

.marketshare-grid-CardContainer .table th {
  top: -2px; }

.marketshare-grid-CardContainer {
  background-color: #c2d5e5;
  border-radius: 0px;
  border-bottom: 2px solid #c2d5e5;
  border-top: 2px solid #c2d5e5;
  max-height: 1200px !important;
  display: flex;
  margin-bottom: 10px; }

.marketshare-grid-CardContainer .activeRow {
  background: #ffffff;
  height: 50px !important;
  text-align: center; }

.marketshare-grid-CardContainer .non-activeRow {
  background: #f8fcff;
  height: 50px !important;
  text-align: center; }

.marketshare-grid-CardContainer .p {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.marketShareGridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px;
  height: 56px; }

.market-share-chart-component-chexboxv2 {
  position: absolute;
  position: absolute;
  top: 37px;
  right: 133px; }

.marketsharev2-grid .activeRow {
  background: #ffffff;
  height: 50px !important;
  text-align: center; }

.marketsharev2-grid .non-activeRow {
  background: #f8fcff;
  height: 50px !important;
  text-align: center; }

.color-scale-container {
  display: flex;
  margin-left: 55px;
  justify-content: flex-start;
  margin-top: -25px;
  padding-top: 25px; }

.category-growth-dataGrid {
  margin-top: 35px !important; }

.marketShare-lineChartStyleClass {
  margin-right: 11px; }

.marketshare-title-style {
  font-family: 'Chivo-Regular';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212529;
  margin-left: 1px;
  margin-bottom: 15px;
  margin-top: -7px; }

/**************Pimerce Blue Theme***************/

.manufacturer-brand-img {
  text-align: center;
  width: 170px;
  padding: 14px !important; }

#market-share-manufacturer-filter {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.category-growth-view-toggle {
  margin-top: 15px;
  margin-left: 75%; }

.category-growth-chart-component-chexboxv2 {
  position: absolute;
  position: absolute;
  top: 37px;
  right: 133px; }

.category-growth-view-filter {
  display: inherit;
  padding: 10px;
  margin-right: 10px; }

th.category-growth-manufacturer {
  width: 40px;
  text-align: center; }

.category-growth-manufacturer {
  width: 40px; }

.category-growth-officialstore {
  text-align: center;
  width: 50px; }

.category-growth-thirdparty {
  text-align: center;
  width: 40px; }

.category-growth-estimated {
  width: 112px;
  text-align: center; }

th.category-growth-estimated {
  width: 114px; }

.category-growth-revenue {
  text-align: center;
  width: 43px; }

.category-growth-tagseller {
  text-align: center;
  width: 40px; }

.categoryGrowthGridHeader {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  margin-top: -6px;
  font-family: 'Chivo-Medium';
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.category-growth-graph-title {
  font-family: 'Chivo-Medium';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212529;
  margin-left: 1px;
  white-space: nowrap; }

.categorygrowth-grid-CardContainer .table th {
  top: -2px; }

.categorygrowth-grid-CardContainer {
  background-color: #c2d5e5;
  border-radius: 0px;
  border-bottom: 2px solid #c2d5e5;
  border-top: 2px solid #c2d5e5;
  max-height: 1200px;
  display: flex;
  margin-bottom: 10px; }

.tooltip-inner {
  max-width: 1000px !important; }

.category-growth-chart-style-v2 {
  margin-right: 10px; }

.bargraph-component-category-growth {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 6px; }

/**************Pimerce Blue Theme***************/

.best-seller-unit-sold-style {
  width: 13em;
  top: -5px !important;
  text-align: center; }

.best-seller-unit-sold-style-content {
  text-align: center;
  width: 10em; }

.best-seller-sku-style {
  width: 140px;
  top: -5px !important;
  text-align: center; }

th.best-seller-sku-style {
  width: 140px;
  text-align: center; }

.best-seller-sku-style-content {
  text-align: left;
  width: 140px; }

th.best-seller-overall-revenue-style {
  width: 16em;
  text-align: center; }

.best-seller-overall-revenue-style-content {
  text-align: center;
  width: 10em; }

.best-seller-container .table-responsive {
  max-height: 700px !important;
  border-top: 1px solid #c2d5e5;
  border-bottom: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  display: flex; }

.best-seller-container .activeRow {
  background: #ffffff;
  height: 50px !important;
  text-align: center; }

.best-seller-container .non-activeRow {
  background: #f8fcff;
  height: 50px !important;
  text-align: center; }

.best-selller-sellername-style {
  width: 10em;
  top: -5px !important;
  text-align: center; }

.best-seller-overall-revenue-style {
  width: 10em;
  top: -5px !important; }

.best-seller-brand {
  width: 10em;
  top: -5px !important;
  text-align: center; }

.grid-title {
  display: 'flex';
  font-size: '14px';
  font-family: 'Chivo-regular';
  margin-left: 202px;
  color: black; }

.best-seller-grid-title-style {
  color: #212529;
  font-size: 14px;
  margin-left: -15px;
  font-family: 'Chivo-Medium';
  font-weight: 600; }

.best-selller-sellername-style-content {
  width: 10em; }

.best-seller-skuname > div {
  display: flex; }

.best-seller-skuname {
  text-align: center;
  width: 18em !important;
  z-index: 3 !important;
  top: -5px !important; }

.best-seller-skuname > div {
  display: flex; }

.best-seller-skuname-content {
  text-align: left;
  cursor: default;
  width: 18em; }

.best-selller-pskuid-style {
  text-align: left;
  width: 10em !important;
  z-index: 3 !important;
  top: -5px !important; }

.best-selller-pskuid-style > div {
  display: flex; }

.best-selller-pskuid-style-content {
  text-align: left;
  cursor: default;
  width: 10em; }

/**************Pimerce Blue Theme***************/

.new-product-intelligence-gridCardContainerStyle {
  background-color: #c2d5e5;
  border-radius: 7px;
  display: flex; }

.new-product-intelligence-idColumn {
  text-align: center;
  width: fit-content;
  min-width: 6%;
  max-width: fit-content; }

.new-product-intelligence-gridCardContainerStyle .table th {
  top: -2px; }

.newProduct-filterButtonRender {
  border-radius: 15px;
  border: white;
  float: right;
  margin-right: -28px; }

.newProduct-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Barlow-Medium;
  font-size: medium; }

.newProduct-dataGrid {
  display: block;
  border: white;
  background-color: white;
  border-radius: 15px; }

.newProductCommonNameStyle {
  cursor: context-menu;
  text-align: center;
  color: black;
  min-width: fit-content;
  text-align: center; }

.new-product-skuColumnHeader {
  text-align: center; }

.new-product-channelColumnHeader {
  text-align: center;
  min-width: 8em;
  width: fit-content;
  max-width: fit-content; }

.new-product-brandColumnHeader {
  text-align: center;
  min-width: 10em;
  width: fit-content;
  max-width: fit-content; }

.new-product-imageColumnHeader {
  text-align: center;
  min-width: 9em;
  width: fit-content;
  max-width: fit-content; }

.new-product-sellerColumnHeader {
  text-align: center; }

.new-product-sellingPriceColumnHeader {
  text-align: center;
  width: fit-content;
  max-width: fit-content;
  min-width: 9em !important; }

.gridLoadingStyle {
  color: #637280 !important; }

/**************Pimerce Blue Theme***************/

.sos-treemap-card {
  margin-top: 5px;
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-bottom: 20px;
  height: 38em;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.nodatafound-treemap-style {
  text-align: center;
  position: initial;
  height: 18.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none;
  cursor: default; }

.sos-treemap-chart-container1 {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px; }

.colorscale-container-row1 {
  height: 15px;
  align-self: center;
  margin-left: 40px;
  margin-bottom: 48px;
  margin-left: 41px;
  margin-top: 39px; }

.sos-zeroicon-style {
  margin-left: -9px;
  margin-top: 32px;
  display: flex;
  justify-content: center; }

.sos-treemap-chartstyle, .sos-nested-treemap-chartstyle {
  height: 24rem;
  top: 24px;
  padding-left: 12px;
  padding-right: 11px;
  cursor: pointer; }

.sos-nested-treemap-chartstyle {
  cursor: pointer; }

.sos-treemap-spinner-Style {
  text-align: center;
  margin-top: 260px;
  color: #0e90e1; }

.sos-donutcard {
  width: 26rem;
  height: 38em;
  margin: 8px 0px 20px 0px;
  padding: 44px 0px 0px 0px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.sos-component-oval1 {
  text-align: center;
  padding-top: 23px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 82%; }

.sos-donut-label {
  text-align: left;
  margin: -21px 0px 32px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  padding-bottom: 60px; }

.treemap-reload, .donut-reload {
  text-align: center;
  padding: 221px;
  font-family: "Barlow-Medium";
  font-size: medium; }

.donut-reload {
  padding: 132px; }

.search-donut-indicator {
  fill: transparent;
  stroke-width: 12;
  stroke-dasharray: 0 10000;
  transition: stroke-dasharray 0.3s ease; }

.search-donut-track {
  fill: transparent;
  stroke: #f4f0f266;
  stroke-width: 12; }

.sos-title {
  margin-left: 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  margin-bottom: 15px;
  margin-top: 3px;
  background: #e3f3ff;
  padding-top: 9px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-radius: 0px;
  color: #000000;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.sos-title-new {
  margin-top: -56px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  margin-bottom: 15px;
  background: #e3f3ff;
  padding-top: 9px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  color: #000000;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.summary-flag-icon {
  display: flex;
  justify-content: end;
  padding-right: 1px;
  padding-top: 13px; }

.infoIconAlignment {
  display: flex;
  justify-content: flex-end; }

/**************Pimerce Blue Theme***************/

.headingStyle-competitorPricingSapCode, .headingStyle-competitorPricingBrand {
  width: 1em;
  text-align: left;
  left: -1px;
  z-index: 2; }

.headingStyle-competitorPricingBrand {
  left: 142px;
  z-index: 2; }

.sellerModalTilteStyle {
  margin-top: 16px;
  margin-left: 17px; }

.headingStyle-competitorModalSeller, .headingStyle-competitorModalLocation, .headingStyle-competitorModalCity, .headingStyle-competitorModalListedPrice, .headingStyle-competitorModalSellingPrice {
  padding: 14px !important;
  text-align: left;
  width: 7em; }

.headingStyle-competitorModalLocation, .headingStyle-competitorModalCity {
  width: 8em; }

.headingStyle-competitorModalCity {
  width: 6em; }

.headingStyle-competitorModalListedPrice {
  text-align: left; }

.headingStyle-competitorModalSellingPrice {
  text-align: left;
  width: 7em; }

.competitorModal-sellingPriceCellContent {
  text-align: left;
  margin-left: 14px; }

.competitorModal-listedPriceCellContent {
  text-align: left;
  margin-left: 14px; }

.competitorModal-storeCellContent {
  text-align: left;
  margin-left: 14px; }

.competitor-locationCellContent {
  text-align: left;
  margin-left: 7px; }

.competitor-cityCellContent {
  text-align: left; }

.competitor-sellerCellContent {
  text-align: left;
  margin-left: 14px; }

.competitorGridContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000;
  max-width: inherit; }

th.headingStyle-competitorPricingSapCode, th.headingStyle-competitorPricingBrand,
th.headingStyle-competitorPricingBrand,
th.competitor-pricing-skuName {
  top: -1px !important; }

.competitor-pricing-skuName {
  width: 14rem;
  text-align: initial;
  left: 236px;
  z-index: 3; }

.competitorGridSku {
  color: #000000;
  width: 21em;
  min-width: fit-content; }

.skuTitleModal {
  margin-left: 23px; }

.skuNameModal {
  margin-left: -14px; }

/**************Pimerce Blue Theme***************/

#assortment-self-service {
  /* The Form Searchable Dropdown Css Stylings : */
  /* Handle on thumb */ }
  #assortment-self-service .product-badge {
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 34px; }
  #assortment-self-service .product-badge.status-approved {
    background: #c8e6c9;
    color: #256029;
    border-radius: 50%;
    width: 40px;
    height: 40px; }
  #assortment-self-service .status-approved-legend {
    background: #c8e6c9;
    color: #256029;
    border-radius: 50%;
    width: 30px;
    height: 30px; }
  #assortment-self-service .status-pendingvalidation-legend {
    background: #feedaf;
    color: #8a5340;
    border-radius: 50%;
    width: 30px;
    height: 30px; }
  #assortment-self-service .product-badge.status-outofstock {
    background: #ffcdd2;
    color: #c63737; }
  #assortment-self-service .product-badge.status-pendingvalidation {
    background: #feedaf;
    color: #8a5340;
    border-radius: 50%;
    width: 40px;
    height: 40px; }
  #assortment-self-service .product-badge.status-readyforprocess {
    background: #feedaf;
    color: #8a5340;
    border-radius: 50%;
    width: 40px;
    height: 40px; }
  #assortment-self-service .searchIconClassNames {
    display: flex;
    position: absolute;
    right: 150px;
    margin-top: 2px;
    background-color: #fff; }
    #assortment-self-service .searchIconClassNames #searchBarBox_style1 {
      margin-top: 1px !important;
      padding-top: 8px !important;
      background-color: #fff;
      color: #000; }
    #assortment-self-service .searchIconClassNames #searchBarBox_style2 {
      margin-top: 1px; }
    #assortment-self-service .searchIconClassNames .searchboxPlaceholder {
      padding: 0.5em 15px !important;
      margin-top: 1px !important;
      border-radius: 0px 0px 0px 0px; }
    #assortment-self-service .searchIconClassNames .searchboxPlaceholder:focus {
      outline: 0px solid #efefef; }
  #assortment-self-service .searchIconNewClassNames {
    display: flex;
    position: absolute;
    right: 17px;
    margin-top: 6px;
    background-color: #fff; }
    #assortment-self-service .searchIconNewClassNames #searchBarBox_style3 {
      margin-top: 1px !important;
      padding-top: 8px !important;
      background-color: #fff;
      color: #000; }
    #assortment-self-service .searchIconNewClassNames #searchBarBox_style4 {
      margin-top: 1px; }
    #assortment-self-service .searchIconNewClassNames .searchboxPlaceholder {
      padding: 0.5em 15px !important;
      margin-top: 1px !important;
      border-radius: 0px 0px 0px 0px; }
    #assortment-self-service .searchIconNewClassNames .searchboxPlaceholder:focus {
      outline: 0px solid #efefef; }
  #assortment-self-service .section-tab-card-style .p-accordion
.p-accordion-custom:not(.p-disabled).p-highlight
.p-accordion-header-link {
    background: #e3f3ff;
    border-color: #e3f3ff;
    color: #343a40;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  #assortment-self-service .section-tab-card-style .p-accordion .p-accordion-custom .p-accordion-header-link {
    padding: 1rem;
    font-weight: 500; }
  #assortment-self-service .section-tab-card-style .product-info-title {
    width: 100%;
    height: 22px;
    font-size: 18px;
    font-weight: 600;
    font-family: Chivo-Medium;
    color: #000000;
    padding-left: 10px;
    padding-right: 0px;
    left: 35px;
    line-height: normal;
    margin-top: 14px; }
  #assortment-self-service .section-tab-card-style .product-info-sub-title {
    font-weight: 600;
    margin-bottom: 12px;
    background: #e3f3ff;
    color: #000000;
    font-family: Chivo-Bold;
    font-size: 14px;
    height: 28px; }
  #assortment-self-service .section-tab-card-style .assortment-label-name {
    padding-left: 15px;
    font-family: "Chivo-Medium";
    font-weight: 500 !important;
    font-size: 14px;
    color: #000000;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  #assortment-self-service .section-tab-card-style .assortment-toggle-style {
    margin-left: 8px;
    background-color: red; }
  #assortment-self-service .section-tab-card-style .inputswitch-style {
    width: 54px;
    height: 24px;
    margin-top: -4px !important; }
  #assortment-self-service .section-tab-card-style .sapcode-tooltip {
    padding-top: 5px; }
  #assortment-self-service .section-tab-card-style .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #e3f3ff;
    color: #000000;
    background: #e3f3ff;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0px 12px 0 12px; }
  #assortment-self-service .section-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight:hover
.p-accordion-header-link {
    border-color: #e3f3ff !important;
    background: #e3f3ff !important;
    color: #000000 !important; }
  #assortment-self-service .section-tab-card-style .p-accordion
.p-accordion-header:not(.p-highlight):not(.p-disabled):hover
.p-accordion-header-link {
    border-color: #e3f3ff !important;
    background: #e3f3ff !important;
    color: #000000 !important; }
  #assortment-self-service .section-tab-card-style .p-highlight {
    color: #fff !important;
    background: none !important; }
  #assortment-self-service .gridcontainer .p-datatable-wrapper,
  #assortment-self-service .gridcontainer .p-datatable-scrollable-wrapper {
    background-color: transparent; }
  #assortment-self-service .section-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight
.p-accordion-header-link {
    border-color: #e3f3ff !important;
    background: #e3f3ff !important; }
  #assortment-self-service .section-tab-card-style {
    display: block;
    border: #ffffff;
    border-radius: 0px;
    margin-right: -18px;
    margin-bottom: 15px; }
  #assortment-self-service .datatable-container th:last-child {
    display: flex;
    justify-content: center; }
  #assortment-self-service .datatable-container td:last-child {
    display: flex;
    justify-content: center; }
  #assortment-self-service .section-tab-card-style .p-frozen-column {
    display: flex;
    justify-content: center; }
  #assortment-self-service .section-tab-card-style .delete-btn {
    margin-top: 37px; }
  #assortment-self-service .section-tab-card-style .css-1hwfws3 {
    padding: 2px 0px;
    cursor: pointer !important; }
  #assortment-self-service .section-tab-card-style .p-accordion-content {
    margin: 0px 16px; }
  #assortment-self-service .section-tab-card-style .p-accordion-tab {
    margin-bottom: 15px; }
  #assortment-self-service .footer-btns {
    margin-right: 5px; }
  #assortment-self-service .export-sku-template-style {
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: #ccd8df;
    font-family: Chivo-Regular;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 5px;
    font-weight: 100; }
  #assortment-self-service .import-ExcelButton-assortments {
    margin-right: 2px;
    text-decoration: underline;
    color: #252323;
    font-size: 14px;
    font-family: Chivo-Regular;
    font-weight: 100;
    float: right;
    margin-top: 4px;
    cursor: pointer;
    background-color: #fff; }
  #assortment-self-service .dropdown-class {
    background-color: #fff;
    margin-top: 3px; }
  #assortment-self-service .input-field-style .form-control {
    font-weight: 800; }
  #assortment-self-service .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
  #assortment-self-service .p-inputswitch-slider:hover {
    background: #0e90e1;
    width: 54px;
    height: 24px; }
  #assortment-self-service .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
.p-inputswitch-slider {
    background: #0e90e1;
    width: 54px;
    height: 24px; }
  #assortment-self-service .import-export-style {
    padding: 8px 12px 8px 20px;
    background: #e3f3ff;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: -18px;
    border-radius: 5px;
    opacity: 0.9;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }
  #assortment-self-service .left-toolbar-template-style {
    padding-top: 0px; }
  #assortment-self-service .datatable-container {
    border-radius: 0px !important; }
    #assortment-self-service .datatable-container .p-highlight {
      color: #000 !important;
      background: #e3f3ff !important;
      border: none; }
  #assortment-self-service .section-tab-card-style .class-prefix-dropdown__control {
    width: 97% !important;
    border-radius: 0px !important;
    border: 1px solid #efefef;
    height: 38px;
    cursor: pointer;
    padding-left: 15px;
    font-family: Chivo-Regular !important;
    font-weight: 500 !important;
    color: #2e3d4a !important;
    font-size: 14px !important;
    margin-left: 15px; }
  #assortment-self-service .section-tab-card-style .class-prefix-dropdown__menu {
    width: 95% !important;
    margin-left: 10px; }
  #assortment-self-service .section-tab-card-style .class-prefix-dropdown__control:hover {
    width: 97% !important;
    border-radius: 0px !important;
    border: 1px solid #efefef;
    height: 38px;
    cursor: pointer;
    padding-left: 15px;
    font-family: Chivo-Regular !important;
    font-weight: 500 !important;
    color: #2e3d4a !important;
    font-size: 14px !important;
    margin-left: 15px; }
  #assortment-self-service .searchable_dropdown_field {
    width: 97%;
    color: gray;
    text-indent: 7px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .searchable_dropdown_field:hover {
    width: 97%;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .retailer-url {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .retailer-url:hover {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .retailer-url::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .msrp {
    width: 97% !important;
    margin-left: 6px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .msrp:hover {
    width: 97%;
    margin-left: 6px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .gt6 {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .gt6::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .gt6:hover {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .skuid {
    width: 97%;
    margin-left: 6px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .skuid:hover {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .skuid::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .skuname::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .skuname {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .skuname:hover {
    width: 97%;
    border-radius: 8px;
    margin-left: 6px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .sapcode::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .msrp::placeholder {
    font-size: 12px !important; }
  #assortment-self-service .sh-sapcode {
    max-width: 100%; }
  #assortment-self-service .pi-input,
  #assortment-self-service .pi-input:hover,
  #assortment-self-service .p-input:focus {
    width: 100% !important;
    margin-left: 5px;
    text-indent: 7px;
    border-radius: 0px;
    border: 1px solid #d8d8d8;
    height: 38px;
    font-family: "Chivo-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    padding-left: 5px; }
  #assortment-self-service .pi-input,
  #assortment-self-service .pi-input::placeholder {
    font-family: "Chivo-Regular";
    font-size: 12px;
    font-weight: 400; }
  #assortment-self-service .sapcode {
    width: 97% !important;
    margin-left: 6px;
    text-indent: 7px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    border: 1px solid #fff;
    height: 56px; }
  #assortment-self-service .sapcode:hover {
    width: 97%;
    margin-left: 6px;
    border-radius: 8px;
    border: solid 1px #e9eff4;
    box-shadow: 0px -4px 24px 0px #ececec;
    height: 56px;
    cursor: pointer; }
  #assortment-self-service .s_cat .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .category .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .brand .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .subbrand .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .keywordcategory .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .skutype .react-select__control {
    width: 97%;
    border-radius: 8px;
    border-color: #ffffff;
    height: 56px; }
  #assortment-self-service .include-exclude {
    font-size: 1rem; }
  #assortment-self-service .module-title {
    font-weight: 700;
    font-size: 1rem;
    padding-left: 10px; }
  #assortment-self-service .filter-checkbox {
    font-size: 13px;
    font-weight: 600 !important; }
  #assortment-self-service .error_msg {
    color: tomato;
    margin-left: 5px;
    margin-top: 0px;
    height: 20px;
    font-size: 12px;
    text-align: end;
    padding-right: 12px; }
  #assortment-self-service .spinner-animation {
    display: inline-block !important;
    width: 1rem !important;
    height: 1rem !important;
    vertical-align: text-bottom !important;
    border: 0.25em solid !important;
    border-right: 0.25em solid transparent !important;
    border-radius: 50% !important;
    border-width: 0.2em !important;
    animation: spinner-border 0.75s linear infinite !important;
    color: #0e90e1 !important;
    margin-right: 0.75rem !important;
    font-size: unset !important;
    padding: 0 !important; }
  #assortment-self-service .header-title {
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
    color: #000000;
    font-family: "Chivo-Bold" !important; }
  #assortment-self-service .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #fff;
    padding-top: 0px;
    font-size: 12px;
    font-weight: 800; }
  #assortment-self-service .p-checkbox-box.p-highlight:hover {
    border-color: darkgrey;
    background: darkgrey; }
  #assortment-self-service .searchable_dropdown_field::placeholder {
    color: gray;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: normal; }
  #assortment-self-service .manage-assortment-checkbox-style {
    transform: scale(1.2);
    cursor: pointer; }
  #assortment-self-service .module-checkbox {
    margin-left: 10px; }
    #assortment-self-service .module-checkbox input[type="checkbox"] {
      transform: scale(1.2); }
  #assortment-self-service .export-checkbox {
    transform: scale(1.2); }
  #assortment-self-service #assortment-self-service .assortment-grid-header .p-dropdown .p-inputtext {
    border: none !important;
    font-weight: 600;
    font-size: 12px;
    color: white;
    margin-left: 0px !important;
    font-family: Chivo-Medium !important;
    font-weight: 500 !important; }
  #assortment-self-service #assortment-self-service .assortment-grid-header .p-dropdown {
    height: 25px;
    min-width: 85px;
    text-align: center; }
  #assortment-self-service #assortment-self-service .gridcontainer .p-column-filter-menu-button {
    padding: 0 8px 8px 0 !important; }
  #assortment-self-service #assortment-self-service .gridcontainer .pi-filter-icon.pi-filter {
    width: 10px;
    height: 10px; }
  #assortment-self-service #assortment-self-service .gridcontainer .pi-filter:before {
    color: #0e90e1; }
  #assortment-self-service #assortment-self-service .p-dropdown-trigger {
    display: none; }
  #assortment-self-service .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 0px; }
  #assortment-self-service .p-listbox .p-listbox-list .p-listbox-item {
    padding: 8px !important; }
  #assortment-self-service .p-listbox {
    border-radius: 0px !important; }
  #assortment-self-service .p-column-filter-overlay-menu .p-column-filter-constraints {
    border: solid 1px #c2d5e5;
    border-radius: 0px !important;
    border-right: 2px solid #0e90e1; }
  #assortment-self-service .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 0px; }
  #assortment-self-service .p-dropdown-panel {
    font-size: 12px;
    border: 1px solid #e3f3ff;
    box-shadow: 0 4px 4px 0 RGB(0 0 0/5%);
    z-index: 3 !important; }
  #assortment-self-service .p-column-filter-constraints {
    z-index: 3 !important; }
  #assortment-self-service .p-dropdown-panel
.p-dropdown-items
.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    background-color: #0e90e1 !important;
    color: #fff; }
  #assortment-self-service .p-listbox .p-listbox-list {
    padding: 0 !important; }
  #assortment-self-service .p-listbox:not(.p-disabled)
.p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    background-color: #0e90e1 !important;
    color: #fff; }
  #assortment-self-service .p-column-filter-overlay {
    left: 67% !important;
    z-index: 3 !important; }
  #assortment-self-service .p-column-filter-overlay-menu .p-multiselect-representative-option {
    font-size: 12px; }
  #assortment-self-service .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 20px; }
  #assortment-self-service .p-datatable .p-datatable-footer {
    background-color: #ffffff;
    color: #000000;
    border: none;
    font-family: Chivo-Regular;
    font-size: 12px; }
  #assortment-self-service .grid-legend-text-style {
    padding-left: 0px; }
  #assortment-self-service .p-paginator.p-component.p-paginator-bottom {
    margin-bottom: -65px !important;
    background: transparent; }
  #assortment-self-service #assortment-self-service .p-datatable table {
    width: auto; }
  #assortment-self-service #assortment-self-service
.gridcontainer
.p-checkbox
.p-checkbox-box.p-highlight,
  #assortment-self-service #assortment-self-service
.p-checkbox:not(.p-checkbox-disabled)
.p-checkbox-box.p-highlight:hover {
    background-color: #0e90e1 !important; }
  #assortment-self-service #assortment-self-service .p-checkbox-box .pi-check:before {
    font-size: 12px; }
  #assortment-self-service #assortment-self-service .datatable-container .p-highlight {
    background: #ffffff !important; }
  #assortment-self-service #assortment-self-service .datatable-container .p-paginator .p-highlight {
    background: #ffffff !important;
    border: 1px solid #495057 !important; }
  #assortment-self-service #assortment-self-service .p-checkbox-box .pi-check:before {
    font-size: x-small; }
  #assortment-self-service .mandatory-form-group {
    font-size: 12px;
    margin-left: 2px; }
  #assortment-self-service .cancel-button {
    background-color: #0e90e1 !important;
    color: white !important; }
  #assortment-self-service #assortment-self-service tr.p-datatable-emptymessage {
    max-height: 600px;
    min-height: 300px; }
  #assortment-self-service .exclamation-triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MjAwMiAxOEMxLjY0NTM5IDE4LjMwMjQgMS41NTI5OSAxOC42NDUzIDEuNTUyMDEgMTguOTk0NUMxLjU1MTAzIDE5LjM0MzggMS42NDE1MSAxOS42ODcyIDEuODE0NDUgMTkuOTkwNUMxLjk4NzM4IDIwLjI5MzkgMi4yMzY3NSAyMC41NDY4IDIuNTM3NzMgMjAuNzIzOUMyLjgzODcxIDIwLjkwMSAzLjE4MDgyIDIwLjk5NjIgMy41MzAwMiAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI3IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcxIDE4LjY0NTMgMjIuMzU0NyAxOC4zMDI0IDIyLjE4IDE4TDEzLjcxIDMuODYwMDJDMTMuNTMxOCAzLjU2NjEzIDEzLjI4MDcgMy4zMjMxNCAxMi45ODEyIDMuMTU0NTFDMTIuNjgxNyAyLjk4NTg3IDEyLjM0MzggMi44OTcyOCAxMiAyLjg5NzI4QzExLjY1NjMgMi44OTcyOCAxMS4zMTg0IDIuOTg1ODcgMTEuMDE4OCAzLjE1NDUxQzEwLjcxOTMgMy4zMjMxNCAxMC40NjgzIDMuNTY2MTMgMTAuMjkgMy44NjAwMlYzLjg2MDAyWiIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOVYxMyIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTdIMTIuMDEiIHN0cm9rZT0iIzU4NUI1RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    width: 25px;
    height: 28px;
    display: block; }
  #assortment-self-service .confirmation-content {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    overflow-wrap: anywhere; }
  #assortment-self-service .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  #assortment-self-service #assortment-self-service .p-button.p-button-icon-only.p-button-rounded {
    width: 24px;
    height: 24px; }
  #assortment-self-service #assortment-self-service .p-button.p-button-icon-only.p-button-rounded:hover {
    width: 24px;
    height: 24px; }
  #assortment-self-service #action-disable-style .pi {
    font-size: 10px;
    font-weight: 800; }
  #assortment-self-service .p-button-text.custom-button.btn-yes {
    background-color: #0e90e1 !important;
    color: #ffffff !important; }
  #assortment-self-service .p-dialog-footer .p-button.custom-button,
  #assortment-self-service .p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  #assortment-self-service .custom-button {
    height: 32px;
    box-shadow: 0 4px 4px 0 RGB(0 0 0/5%);
    border-radius: 4px; }
  #assortment-self-service .custom-button .text-light {
    color: #ffffff; }
  #assortment-self-service .cancel-button {
    background-color: #efeff1 !important;
    color: #212529 !important; }
  #assortment-self-service .custom-button {
    background-color: #0e90e1;
    border-radius: 0px !important;
    border: 1px solid #e6e6e6;
    color: #ffffff;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Chivo-Medium;
    margin-right: 15px !important;
    padding: 5px 10px 5px !important;
    width: 100px; }
  #assortment-self-service .add-label-btn-style {
    margin-left: -16px !important; }
  #assortment-self-service .assortment-sku-info-trash-style {
    background: #0e90e1 !important; }
  #assortment-self-service #action-disable-style {
    cursor: not-allowed !important; }
  #assortment-self-service .p-column-title {
    font-size: 12px !important;
    font-family: "Chivo-Bold" !important;
    color: #000000; }
  #assortment-self-service ::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #0e90e1 !important; }
  #assortment-self-service .gridcontainer table .p-datatable-thead th {
    font-family: Chivo-Regular !important;
    font-size: 12px !important;
    font-style: normal !important; }
  #assortment-self-service input.sapcode::placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service input.msrp::placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service input.skuname::placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service input.skuid::placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service input.retailer-url::placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service .css-1wa3eu0-placeholder {
    color: gray;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px !important; }
  #assortment-self-service .self-button-label .p-button-label {
    font-family: Chivo-Medium;
    font-weight: 500 !important; }
  #assortment-self-service .assortment-grid-header .pim-font-property {
    height: 32px !important;
    border-radius: 0px !important; }
  #assortment-self-service td:has(div.self-service-status-inactive) {
    background-color: rgba(250, 4, 45, 0.4);
    border-top: 2px solid #fa042d !important; }
  #assortment-self-service #assortment-self-service
.self-tabel
.p-datatable-scrollable
.p-datatable-tbody
> tr
> td {
    align-self: auto !important; }
  #assortment-self-service .p-datatable-scrollable .p-datatable-thead > tr > th,
  #assortment-self-service .p-datatable-scrollable .p-datatable-tbody > tr > td,
  #assortment-self-service .p-datatable-scrollable .p-datatable-tfoot > tr > td {
    display: grid !important; }
  #assortment-self-service .assortment-grid-header .add-sku {
    display: flex;
    flex-direction: row-reverse;
    width: 90px;
    padding: 0 10px !important; }
  #assortment-self-service .section-tab-card-style-last {
    display: block;
    border: #ffffff;
    border-radius: 0px;
    margin-right: -18px;
    margin-bottom: 5px !important; }
    #assortment-self-service .section-tab-card-style-last .product-info-sub-title {
      font-weight: 600;
      margin-bottom: 12px;
      background: #e3f3ff;
      color: #000000;
      font-family: Chivo-Bold;
      font-size: 14px;
      height: 28px; }
    #assortment-self-service .section-tab-card-style-last .assortment-label-name {
      padding-left: 15px;
      margin-bottom: 0.3rem !important;
      font-family: "Chivo-Medium";
      font-weight: 500 !important;
      font-size: 14px;
      color: #000000; }
  #assortment-self-service .self-btn-padding {
    padding: 10px; }
  #assortment-self-service .self-btn-height {
    height: 32px;
    border-radius: 0px; }
  #assortment-self-service .self-btn-light,
  #assortment-self-service .self-btn-light:enabled:hover {
    font-family: Chivo-Regular;
    color: #212529 !important;
    flex: none;
    background-color: #e4f3ff !important; }
  #assortment-self-service .p-inputswitch .p-inputswitch-slider:before {
    left: 0.1rem; }
  #assortment-self-service .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(1.8rem); }
  #assortment-self-service #assortment-self-service .css-tlfecz-indicatorContainer {
    border-left: 1px solid #efefef;
    padding: 0px 8px !important; }
  #assortment-self-service .retailer-col .css-yk16xz-control {
    border-color: #efefef; }
  #assortment-self-service .required {
    margin-left: 2px; }
  #assortment-self-service #assortment-self-service .gridcontainer .p-datatable-wrapper {
    padding: 0px !important;
    border: 1px solid #d1d6d9 !important;
    border-radius: 0px !important;
    min-height: fit-content;
    max-height: 750px; }
  #assortment-self-service #assortment-self-service .grid-card-style {
    border-radius: 0px;
    box-shadow: 0 0px 0px 0 black; }
  #assortment-self-service #assortment-self-service .gridcontainer .p-datatable {
    margin-top: 0px !important;
    padding: 0px 15px; }
  #assortment-self-service .toast-modal-style .modal-header {
    padding: 1rem 1.5rem 1rem 1rem !important; }
  #assortment-self-service .datatable-container #searchBarBox_without_excel {
    width: 24px;
    height: 12px;
    color: #0e90e1;
    z-index: 1;
    cursor: pointer;
    margin-top: 1px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 22px;
    background: #f8fcff;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6; }
  #assortment-self-service input::-webkit-outer-spin-button,
  #assortment-self-service input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #assortment-self-service input[type="number"] {
    -moz-appearance: textfield; }
  #assortment-self-service .searchIconClassNames .searchboxPlaceholder,
  #assortment-self-service .datatable-container #searchBarBox_without_excel,
  #assortment-self-service .dropdown-class button#dropdown-basic-button {
    background-color: white !important;
    box-shadow: none;
    height: 33px; }
  #assortment-self-service .searchIconClassNames .searchboxPlaceholder {
    padding: 0 5px !important;
    margin-top: 1px !important;
    border-radius: 0px 0px 0px 0px; }
  #assortment-self-service .searchIconNewClassNames .searchboxPlaceholder,
  #assortment-self-service .datatable-container #searchBarBox_without_excel,
  #assortment-self-service .dropdown-class button#dropdown-basic-button {
    background-color: white !important;
    box-shadow: none;
    height: 33px; }
  #assortment-self-service .searchIconNewClassNames .searchboxPlaceholder {
    padding: 0 5px !important;
    margin-top: 1px !important;
    border-radius: 0px 0px 0px 0px; }
  #assortment-self-service .dropdown-class button#dropdown-basic-button {
    color: black;
    width: 106px;
    border: 1px solid #d8d8d8 !important;
    border-radius: 0px;
    text-align: left;
    height: 32px;
    font-size: 12px !important; }
  #assortment-self-service .toast-confirmation-option-button-style {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 3%; }
  #assortment-self-service .btn-no-border {
    border: none;
    min-width: 15%; }
  #assortment-self-service .sku-add-style {
    cursor: pointer; }
  #assortment-self-service .self-tabel .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1rem 1.7rem;
    height: 50px;
    display: flex; }
  #assortment-self-service .p-datatable-tbody > tr {
    position: relative;
    z-index: 0 !important; }
  #assortment-self-service .datatable-container.datatable-trim-header
.p-datatable-scrollable
.p-datatable-thead
> tr,
  #assortment-self-service .p-datatable-scrollable .p-datatable-tbody > tr,
  #assortment-self-service .p-datatable-scrollable .p-datatable-tfoot > tr {
    height: 65px; }
  #assortment-self-service .datatable-container datatable-trim-header {
    min-height: 550px; }
  #assortment-self-service .toogleButtonGridColumn .btn-primary:not(:disabled):not(.disabled).active {
    color: #0e90e1;
    background-color: #f2f8fc;
    border: 1px solid #0e90e1;
    box-shadow: none;
    font-size: 14px;
    width: 125px;
    height: 38px;
    cursor: pointer;
    padding-top: 10px;
    font-weight: 400; }
  #assortment-self-service .toogleButtonGridColumn .btn-primary {
    color: #000;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    width: 125px;
    height: 38px;
    cursor: pointer;
    padding-top: 10px;
    font-weight: 400; }
  #assortment-self-service .tag-style-grid-newList {
    background-color: #FDF2CA;
    color: #EA8135;
    border-radius: 15px;
    width: 85px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Chivo-Regular";
    align-items: center;
    margin-left: 12%; }
  #assortment-self-service .tag-style-grid-unavailable {
    background-color: #feecd5;
    color: #b94418;
    border-radius: 15px;
    width: 85px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Chivo-Regular";
    align-items: center;
    margin-left: 12%; }
  #assortment-self-service .tag-style-grid-processing {
    background-color: #daf3ee;
    color: #0e90e1;
    border-radius: 15px;
    width: 85px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Chivo-Regular";
    align-items: center;
    margin-left: 12%; }
  #assortment-self-service .tag-style-grid-active {
    background-color: #caf7ee;
    color: #05813d;
    border-radius: 15px;
    width: 85px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Chivo-Regular";
    align-items: center;
    margin-left: 12%; }
  #assortment-self-service .tag-style-grid-inactive {
    background-color: #f3dada;
    color: #d50202;
    border-radius: 15px;
    width: 85px;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Chivo-Regular";
    align-items: center;
    margin-left: 12%; }
  #assortment-self-service .tag-style-grid-none {
    display: none; }
  #assortment-self-service .sku-name-column {
    font-size: 14px;
    font-family: "Chivo-Regular";
    align-items: center;
    height: 40px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden; }
  #assortment-self-service .id-column {
    font-size: 14px;
    font-family: "Chivo-Regular";
    align-items: center;
    width: 28px;
    height: 34px;
    font-weight: 400;
    margin-top: 15px !important;
    margin-left: 10px !important; }
  #assortment-self-service .period-column {
    margin: 2px 0px 1px 5px; }
  #assortment-self-service .edit-button-column {
    background-color: #fff; }
  #assortment-self-service .image-column-style {
    width: 35%;
    height: auto;
    margin-top: -10px;
    object-fit: scale-down; }
  #assortment-self-service .image-column {
    object-fit: scale-down;
    max-width: 70%;
    height: 60px;
    cursor: grabbing;
    transition: all 0.2s ease-in-out; }
  #assortment-self-service .image-column:hover {
    transform: scale(2); }
  #assortment-self-service .img-row-style {
    padding: 0px 25px; }
  #assortment-self-service .search-bar-manage-assortment {
    background-color: #00795c; }
  #assortment-self-service .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight
.p-accordion-header-link {
    background-color: #eaf7ff;
    height: 4px !important;
    font-family: "Chivo-Regular";
    font-size: 14px;
    font-weight: 600; }
  #assortment-self-service .p-accordion .p-accordion-header .p-accordion-header-link {
    background-color: #eaf7ff;
    height: 4px !important;
    font-family: "Chivo-Regular";
    font-size: 14px;
    font-weight: 600; }
  #assortment-self-service .input-field {
    padding: 3px;
    width: 100%;
    border: 1px solid #d8d8d8;
    font-family: Chivo-Regular;
    font-size: 12px;
    height: 37px; }
  #assortment-self-service .rowstyle {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  #assortment-self-service .first-col-style {
    flex-grow: 7;
    flex-basis: 0;
    max-width: 100%; }
  #assortment-self-service .second-col-style {
    width: 20%;
    cursor: pointer; }
  #assortment-self-service .choosebox {
    background-color: #efefef;
    cursor: pointer;
    height: 60px;
    padding-top: 1px;
    margin-top: 3px;
    border: 1px solid #83bbde;
    width: 72px; }
  #assortment-self-service .dialogbox {
    width: 50vw;
    font-family: Chivo-Bold;
    height: 80%;
    box-shadow: 0px 0px 0px 0px !important; }
  #assortment-self-service .inputbox {
    width: 100%;
    border: 0px; }
  #assortment-self-service .choosebox-text {
    margin-left: 13px;
    font-family: Chivo-Medium;
    font-size: 12px;
    font-weight: 500 !important;
    cursor: pointer; }
  #assortment-self-service .customStyle {
    border: 1px solid #efefef; }
  #assortment-self-service .export-img-style {
    padding: 2px 2px;
    width: 26px; }
  #assortment-self-service .uppy-customization-ssp {
    height: auto;
    margin: 70px 0; }
    #assortment-self-service .uppy-customization-ssp .uppy-dashboard-edit-name {
      height: auto !important;
      box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
      border-radius: 4px;
      background-color: #ffffff; }
    #assortment-self-service .uppy-customization-ssp .uppy-Dashboard-AddFiles {
      border: 0px !important;
      min-height: 118px; }
    #assortment-self-service .uppy-customization-ssp .uppy-size--md .uppy-Dashboard-AddFiles-title {
      display: none; }
    #assortment-self-service .uppy-customization-ssp .uppy-Dashboard-AddFiles-title {
      display: none; }
    #assortment-self-service .uppy-customization-ssp .uppy-size--md .uppy-Dashboard-AddFiles-list {
      flex: none;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 600px;
      margin-top: 15%;
      padding-top: 0;
      overflow-y: visible; }
    #assortment-self-service .uppy-customization-ssp .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
      width: unset !important;
      height: 100%;
      border-radius: 3px;
      transform: translateZ(0); }
    #assortment-self-service .uppy-customization-ssp .uppy-Dashboard-Item-previewInnerWrap {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 50px;
      overflow: hidden;
      border-radius: 3px;
      background-color: white !important; }
    #assortment-self-service .uppy-customization-ssp .uppy-Dashboard-Item-name {
      margin-bottom: 5px;
      font-weight: 500;
      font-size: 12px;
      line-height: 1.3;
      word-wrap: anywhere;
      word-break: break-all;
      margin-left: 30px; }
  #assortment-self-service .calender-icon-style {
    margin-top: -3px; }
  #assortment-self-service .sapcode-style {
    margin-left: 5px; }
  #assortment-self-service .label-checkbox {
    background-color: red;
    margin-top: 7px;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 2px; }
  #assortment-self-service .checkbox-style {
    background-color: #fc9906 !important; }
  #assortment-self-service .dropdown-toggle::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    margin-left: 10px !important;
    /* right: 30%; */
    top: 48%;
    margin-top: -5px;
    border: solid #737071;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 3px;
    right: 8px; }
  #assortment-self-service .form-label-style {
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px; }
  #assortment-self-service .form-label-alignment {
    margin-bottom: -12px; }
  #assortment-self-service .switch-button-style .p-inputswitch.p-component.assortment-toggle-style.d-block {
    width: 22px;
    height: 14px;
    margin-top: 6px; }
  #assortment-self-service .switch-button-style .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
  #assortment-self-service .switch-button-style .p-inputswitch-slider:hover {
    width: 22px;
    height: 14px; }
  #assortment-self-service .switch-button-style .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
.p-inputswitch-slider {
    width: 22px;
    height: 14px; }
  #assortment-self-service .switch-button-style .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(9px);
    width: 6px;
    height: 6px;
    top: 13px; }
  #assortment-self-service .switch-button-style .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 6px;
    height: 6px;
    top: 13px;
    transition-duration: 0.2s; }
  #assortment-self-service .info-image-style {
    height: 14px; }
  #assortment-self-service .sapcode-style-switch {
    margin-top: 37px;
    margin-left: 11px;
    margin-right: 16px; }
  #assortment-self-service .sapcode-tooltip-style {
    margin-left: 10px; }
  #assortment-self-service .power-sku-style {
    margin-top: 38px; }
  #assortment-self-service .powersku-style {
    margin-left: 10px !important; }
  #assortment-self-service #checkboxTag {
    position: initial; }
  #assortment-self-service .accordian-style .p-accordion-header-link {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
  #assortment-self-service .p-accordion .p-accordion-tab {
    margin-bottom: 22px !important; }
  #assortment-self-service .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight:hover
.p-accordion-header-link {
    border-color: none;
    background: #eaf7fb !important;
    color: #343a40; }
  #assortment-self-service .skuManagement-header {
    margin-bottom: 12px; }
  #assortment-self-service #dropdownClose .css-yk16xz-control {
    border-width: 0px !important;
    font-family: "Chivo-Regular" !important;
    font-weight: 200; }
  #assortment-self-service #dropdownClose .css-1pahdxg-control {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none; }
  #assortment-self-service #dropdownClose .css-1pahdxg-control :hover {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none; }
  #assortment-self-service #dropdownClose .css-2613qy-menu {
    top: -5px; }
  #assortment-self-service #dropdownClose .css-19bqh2r {
    fill: dodgerblue !important; }
  #assortment-self-service #dropdownClose .css-26l3qy-menu {
    box-shadow: none !important;
    margin-top: 0px !important;
    font-weight: 200 !important;
    font-family: "Chivo-Regular" !important; }
  #assortment-self-service .btn-primary.active,
  #assortment-self-service .btn-primary:focus {
    box-shadow: none !important; }
  #assortment-self-service .pi-input,
  #assortment-self-service .pi-input:hover,
  #assortment-self-service .p-input:focus {
    width: 100% !important;
    margin-left: 5px;
    text-indent: 7px;
    border-radius: 0px;
    border: 1px solid #d8d8d8 !important;
    height: 38px;
    font-family: "Chivo-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    padding-left: 5px; }
  #assortment-self-service .red-border {
    border: 1px solid red !important; }
  #assortment-self-service .p-button-text.custom-button.btn-yes {
    width: fit-content !important; }
  #assortment-self-service .reference-image-style {
    margin-left: -25px;
    margin-top: -19px;
    width: 93px !important;
    height: 90px !important; }
  #assortment-self-service .radix-img-style {
    height: 60px;
    width: 60px;
    margin-top: 15px; }
  #assortment-self-service .add-img-style {
    height: 19px;
    width: 19px;
    margin-top: 86px;
    position: absolute; }
  #assortment-self-service .uppy-size--md .uppy-DashboardContent-back,
  #assortment-self-service .uppy-size--md .uppy-DashboardContent-save {
    margin-top: 391px;
    margin-right: 180px; }
  #assortment-self-service .radix-img-div {
    background-color: #83bbde !important; }
  #assortment-self-service .add-img-div {
    background-color: #c63737 !important; }
  #assortment-self-service .img-main-div {
    background-color: #ffcdd2 !important; }
  #assortment-self-service .add-img-style-update {
    height: 19px;
    width: 19px;
    margin-top: 86px;
    position: absolute; }
  #assortment-self-service .img-after-border {
    border: 2px solid;
    width: 100px;
    background-color: #efefef;
    height: 100px;
    display: flex;
    justify-content: center; }
  #assortment-self-service .creatableSelectclass {
    margin-top: 10px; }
  #assortment-self-service .back-button-img {
    cursor: pointer;
    padding: 5px 10px;
    background-color: #0E90E1; }
  #assortment-self-service .dropdown-item {
    padding: 0.25rem 0.25rem !important; }
  #assortment-self-service .uppy-size--md .uppy-DashboardContent-back,
  #assortment-self-service .uppy-size--md .uppy-DashboardContent-save {
    font-size: 14px;
    margin-top: -16px !important;
    margin-right: 0px !important; }
  #assortment-self-service .creatableSelectclass {
    position: absolute;
    margin-top: -30px;
    /* display: flex; */
    /* flex-direction: row; */
    right: 30px; }
  #assortment-self-service .css-due6y2-control:hover {
    border-color: #fff !important; }
  #assortment-self-service .css-4ilfp8-control:hover {
    border-color: #fff !important; }
  #assortment-self-service .css-19jptcm-control {
    border: none !important; }
  #assortment-self-service .css-1ucwwa0-option {
    background-color: #007bff !important;
    color: #fff;
    padding: 12px !important;
    font-size: 12px; }
  #assortment-self-service .p-accordion
.p-accordion-header:not(.p-disabled)
.p-accordion-header-link:focus {
    box-shadow: none !important; }
  #assortment-self-service .toast-modal-style.active-confirmation .modal-content {
    width: 415px !important;
    height: 306px !important; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 6.45rem !important;
  padding: 0.25rem 0.7rem !important;
  margin: 0.125rem 0 0;
  font-size: 0.75rem !important;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  min-width: 2rem !important;
  /* border-radius: 0.25rem; */ }

.clear-modal {
  display: flex;
  flex-direction: column;
  align-items: center; }

.assortmentFooterStyle {
  display: flex !important;
  justify-content: center; }

.assortmentFooterStyle-inactivesku {
  display: flex !important;
  justify-content: center;
  flex-direction: column-reverse; }

.assortmentFooterStyle-inactivesku.modal-footer .p-button.p-button-text {
  width: 216px !important; }

#assortment-self-service
.gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page.p-highlight {
  z-index: 0;
  cursor: pointer;
  height: 16px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 14px;
  border: solid 1px #c6c6c6 !important;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 0.428571;
  margin-top: 7px !important;
  /* width: 16px; */
  min-width: 12px;
  font-size: 10px !important; }

#assortment-self-service .gridcontainer .p-paginator .p-paginator-next,
#assortment-self-service .gridcontainer .p-paginator .p-paginator-last {
  height: 36px;
  font-family: "Chivo-Medium";
  font-size: 12px;
  border: 1.3px solid #c2d5e5;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

#assortment-self-service .gridcontainer .p-paginator .p-paginator-first,
#assortment-self-service .gridcontainer .p-paginator .p-paginator-prev {
  height: 36px;
  font-family: "Chivo-Medium";
  font-size: 12px;
  border: 1.3px solid #c2d5e5;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  /* left: -2px; */ }

#assortment-self-service
.gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page.p-highlight {
  z-index: 0;
  cursor: pointer;
  height: 16px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 14px;
  border: solid 1px #c6c6c6 !important;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 0.428571;
  margin-top: 8px;
  /* width: 16px; */
  min-width: 12px;
  font-size: 8px; }

#assortment-self-service
.gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page {
  min-width: 16px;
  height: 10px;
  font-size: 12px; }

.form-label-alignment-sapcode {
  margin-bottom: -18px; }

.form-label-alignment-dropdown {
  margin-bottom: -18px; }

.unique-code-style {
  margin-left: 10px;
  padding-top: 4px; }

.disabled-style-toggle-button {
  cursor: not-allowed !important; }

.addbtn {
  cursor: not-allowed !important;
  opacity: 0.6;
  pointer-events: all; }

.headerTitle {
  font-size: 20px;
  font-family: 'Chivo-Regular';
  font-weight: 600;
  padding: 15px; }

@charset "UTF-8";
.uppy-Informer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  z-index: 1005;
  text-align: center; }

.uppy-Informer span > div {
  margin-bottom: 6px; }

.uppy-Informer-animated {
  z-index: -1000;
  transform: translateY(350%);
  opacity: 0;
  transition: all 300ms ease-in; }

.uppy-Informer p {
  display: inline-block;
  max-width: 90%;
  margin: 0;
  padding: 0;
  padding: 6px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  background-color: #757575;
  border-radius: 18px; }

.uppy-size--md .uppy-Informer p {
  max-width: 500px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3; }

[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333; }

[dir="ltr"] .uppy-Informer p span {
  left: 3px; }

[dir="rtl"] .uppy-Informer p span {
  right: 3px; }

[dir="ltr"] .uppy-Informer p span {
  margin-left: -1px; }

[dir="rtl"] .uppy-Informer p span {
  margin-right: -1px; }

.uppy-Informer p span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #525252;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%; }

.uppy-Informer p span:hover {
  cursor: help; }

.uppy-Informer p span::after {
  line-height: 1.3;
  word-wrap: break-word; }

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
-------------------------------------------------------------------- */
/* ------------------------------------------------
  [1] Base Styles
------------------------------------------------- */
.uppy-Root [aria-label][role~=tooltip] {
  position: relative; }

.uppy-Root [aria-label][role~=tooltip]::before,
.uppy-Root [aria-label][role~=tooltip]::after {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transform-origin: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  pointer-events: none;
  will-change: transform; }

.uppy-Root [aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: ""; }

.uppy-Root [aria-label][role~=tooltip]::after {
  box-sizing: content-box;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: var(--microtip-font-weight, normal);
  font-size: var(--microtip-font-size, 13px);
  white-space: nowrap;
  text-transform: var(--microtip-text-transform, none);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(aria-label); }

.uppy-Root [aria-label][role~=tooltip]:hover::before,
.uppy-Root [aria-label][role~=tooltip]:hover::after,
.uppy-Root [aria-label][role~=tooltip]:focus::before,
.uppy-Root [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto; }

/* ------------------------------------------------
  [2] Position Modifiers
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
  bottom: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-bottom: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0); }

/* ------------------------------------------------
  [2.1] Top Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0); }

/* ------------------------------------------------
  [2.2] Top Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
  bottom: 100%;
  transform: translate3d(calc(0% - 16px), 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0); }

/* ------------------------------------------------
  [2.3] Bottom
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate3d(-50%, -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0); }

/* ------------------------------------------------
  [2.4] Bottom Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0); }

/* ------------------------------------------------
  [2.5] Bottom Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
  top: 100%;
  transform: translate3d(calc(0% - 16px), -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0); }

/* ------------------------------------------------
  [2.6] Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate3d(10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
  width: 6px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; }

.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [2.7] Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate3d(-10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
  width: 6px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; }

.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [3] Size
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
  width: 80px;
  white-space: initial; }

.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
  width: 150px;
  white-space: initial; }

.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
  width: 260px;
  white-space: initial; }

.uppy-StatusBar {
  position: relative;
  z-index: 1001;
  display: flex;
  height: 46px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  background-color: #fff;
  transition: height 0.2s; }

[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f; }

.uppy-StatusBar::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea;
  content: ""; }

[data-uppy-theme=dark] .uppy-StatusBar::before {
  background-color: #757575; }

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden; }

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437; }

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px;
  background-color: #fff;
  border-top: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-StatusBar-progress {
  position: absolute;
  z-index: 1001;
  height: 2px;
  background-color: #2275d7;
  transition: background-color, width 0.3s ease-out; }

.uppy-StatusBar-progress.is-indeterminate {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite; }

@keyframes uppy-StatusBar-ProgressStripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 64px 0; } }

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background-color: #f6a623; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none; }

[dir="ltr"] .uppy-StatusBar-content {
  padding-left: 10px; }

[dir="rtl"] .uppy-StatusBar-content {
  padding-right: 10px; }

.uppy-StatusBar-content {
  position: relative;
  z-index: 1002;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis; }

[dir="ltr"] .uppy-size--md .uppy-StatusBar-content {
  padding-left: 15px; }

[dir="rtl"] .uppy-size--md .uppy-StatusBar-content {
  padding-right: 15px; }

[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea; }

[dir="ltr"] .uppy-StatusBar-status {
  padding-right: 0.3em; }

[dir="rtl"] .uppy-StatusBar-status {
  padding-left: 0.3em; }

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  line-height: 1.4; }

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1;
  display: flex; }

.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px; }

[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea; }

.uppy-StatusBar-statusSecondary {
  display: inline-block;
  margin-top: 1px;
  color: #757575;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap; }

[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb; }

[dir="ltr"] .uppy-StatusBar-statusSecondaryHint {
  margin-right: 5px; }

[dir="rtl"] .uppy-StatusBar-statusSecondaryHint {
  margin-left: 5px; }

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

[dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-right: 8px; }

[dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-left: 8px; }

[dir="ltr"] .uppy-StatusBar-statusIndicator {
  margin-right: 7px; }

[dir="rtl"] .uppy-StatusBar-statusIndicator {
  margin-left: 7px; }

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252; }

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom; }

[dir="ltr"] .uppy-StatusBar-actions {
  right: 10px; }

[dir="rtl"] .uppy-StatusBar-actions {
  left: 10px; }

.uppy-StatusBar-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1004;
  display: flex;
  align-items: center; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: #fafafa; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px; }

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center; }

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: initial; }

.uppy-StatusBar-actionCircleBtn {
  margin: 3px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9; }

.uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1; }

.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%; }

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom; }

.uppy-StatusBar-actionBtn {
  display: inline-block;
  color: #2275d7;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle; }

.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px; }

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
  opacity: 0.7; }

[dir="ltr"] .uppy-StatusBar-actionBtn--retry {
  margin-right: 6px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--retry {
  margin-left: 6px; }

.uppy-StatusBar-actionBtn--retry {
  position: relative;
  height: 16px;
  padding: 1px 6px 3px 18px;
  color: #fff;
  line-height: 1;
  background-color: #ff4b23;
  border-radius: 8px; }

.uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionBtn--retry:hover {
  background-color: #f92d00; }

[dir="ltr"] .uppy-StatusBar-actionBtn--retry svg {
  left: 6px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--retry svg {
  right: 6px; }

.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #0E90E1 !important;
  border-radius: 8px !important;
  border: none;
  color: white !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right;
  font-family: Manrope-Bold;
  box-shadow: none !important;
  height: 32px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #cf590f; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #18762f; }

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 11px 22px;
  font-family: 'Chivo-Bold';
  font-size: 12px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1c8b37; }

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  color: #2275d7;
  background-color: transparent; }

[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px; }

[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-bottom: 1px;
  border-radius: 3px; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionBtn--done {
  padding: 7px 8px;
  line-height: 1;
  border-radius: 3px;
  display: none !important; }

.uppy-StatusBar-actionBtn--done:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--done:hover {
  color: #1b5dab; }

.uppy-StatusBar-actionBtn--done:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
  background-color: #333; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
  color: #02baf2; }

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px; }

.uppy-StatusBar-serviceMsg {
  padding-left: 10px;
  color: #000;
  font-size: 11px;
  line-height: 1.1; }

.uppy-size--md .uppy-StatusBar-serviceMsg {
  padding-left: 15px;
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
  color: #eaeaea; }

.uppy-StatusBar-serviceMsg-ghostsIcon {
  position: relative;
  top: 2px;
  left: 6px;
  width: 10px;
  vertical-align: text-bottom;
  opacity: 0.5; }

.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  top: 1px;
  left: 10px;
  width: 15px; }

[dir="ltr"] .uppy-StatusBar-details {
  left: 2px; }

[dir="rtl"] .uppy-StatusBar-details {
  right: 2px; }

.uppy-StatusBar-details {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  cursor: help;
  -webkit-appearance: none;
  appearance: none; }

.uppy-StatusBar-details::after {
  line-height: 1.3;
  word-wrap: break-word; }

[dir="ltr"] .uppy-StatusBar-spinner {
  margin-right: 10px; }

[dir="rtl"] .uppy-StatusBar-spinner {
  margin-left: 10px; }

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  fill: #2275d7; }

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
  fill: #f6a623; }

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px; }

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after {
  flex: auto;
  content: ""; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  position: relative;
  width: 50%;
  margin: 0; }

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%; }

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before {
  display: block;
  padding-top: 100%;
  content: ""; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2); }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  width: 30%;
  height: 30%;
  fill: rgba(0, 0, 0, 0.7); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  overflow: hidden;
  text-align: center;
  border-radius: 4px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative {
  position: relative; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  text-decoration: none; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline; }

@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
  .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block; } }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1002;
  width: 26px;
  height: 26px;
  background-color: #2275d7;
  border-radius: 50%;
  opacity: 0; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir="ltr"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  left: 7px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir="rtl"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  right: 7px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  top: 8px;
  width: 12px;
  height: 7px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author {
  display: block; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0; }

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 15px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea; }

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-right: 15px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-left: 15px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #2275d7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  left: 3px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  right: 3px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  top: 4px;
  width: 9px;
  height: 5px;
  opacity: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border-color: rgba(2, 186, 242, 0.7);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2); }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #0E90E1 !important;
  border-color: #0E90E1 !important; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked::after {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  display: flex;
  align-items: center;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  text-decoration: underline;
  outline: none; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-right: 8px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-left: 8px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  max-width: 20px;
  max-height: 20px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-right: 7px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-left: 7px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px; }

.uppy-ProviderBrowserItem-checkbox {
  position: relative;
  flex-shrink: 0;
  cursor: pointer; }

.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default; }

.uppy-ProviderBrowserItem-checkbox::after {
  position: absolute;
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  transform: rotate(-45deg);
  cursor: pointer;
  content: ""; }

.uppy-ProviderBrowserItem-checkbox:disabled::after {
  cursor: default; }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
  background-color: #1f1f1f;
  border-color: #939393; }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #333; }

.uppy-SearchProvider {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

[data-uppy-theme=dark] .uppy-SearchProvider {
  background-color: #1f1f1f; }

.uppy-SearchProvider-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px; }

.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px; }

.uppy-SearchProvider-searchButton {
  padding: 13px 25px; }

.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px; }

.uppy-DashboardContent-panelBody {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center; }

[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f; }

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  color: #939393; }

.uppy-Provider-empty {
  color: #939393; }

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 15px; }

.uppy-Provider-authTitle {
  max-width: 500px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #757575;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  text-align: center; }

.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px; }

[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf; }

.uppy-Provider-btn-google {
  display: flex;
  align-items: center;
  height: 42px !important;
  padding: 8px 12px !important;
  background: #4285F4; }

.uppy-Provider-btn-google:hover {
  background-color: #1266f1; }

.uppy-Provider-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4); }

.uppy-Provider-btn-google svg {
  margin-right: 8px; }

[dir="ltr"] .uppy-Provider-breadcrumbs {
  text-align: left; }

[dir="rtl"] .uppy-Provider-breadcrumbs {
  text-align: right; }

.uppy-Provider-breadcrumbs {
  flex: 1;
  margin-bottom: 10px;
  color: #525252;
  font-size: 12px; }

.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea; }

[dir="ltr"] .uppy-Provider-breadcrumbsIcon {
  margin-right: 4px; }

[dir="rtl"] .uppy-Provider-breadcrumbsIcon {
  margin-left: 4px; }

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  line-height: 1;
  vertical-align: middle; }

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252; }

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  padding: 4px;
  line-height: inherit;
  border-radius: 3px; }

.uppy-Provider-breadcrumbs button:focus {
  outline: none; }

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0; }

.uppy-Provider-breadcrumbs button:hover {
  color: #1b5dab; }

.uppy-Provider-breadcrumbs button:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333; }

.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline; }

.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  font-weight: 500;
  cursor: normal;
  pointer-events: none; }

.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea; }

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  font-weight: 400;
  font-size: 14px; }

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  color: #333;
  font-weight: 500; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea; }

[dir="ltr"] .uppy-ProviderBrowser-user::after {
  left: 4px; }

[dir="rtl"] .uppy-ProviderBrowser-user::after {
  right: 4px; }

.uppy-ProviderBrowser-user::after {
  position: relative;
  color: #939393;
  font-weight: normal;
  content: "·"; }

.uppy-ProviderBrowser-header {
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333; }

.uppy-ProviderBrowser-headerBar {
  z-index: 1001;
  padding: 7px 15px;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fafafa; }

.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: flex;
  align-items: center; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center; }

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle; }

.uppy-ProviderBrowser-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-search {
  background-color: #1f1f1f; }

[dir="ltr"] .uppy-ProviderBrowser-searchIcon {
  left: 16px; }

[dir="rtl"] .uppy-ProviderBrowser-searchIcon {
  right: 16px; }

.uppy-ProviderBrowser-searchIcon {
  position: absolute;
  z-index: 1002;
  width: 12px;
  height: 12px;
  color: #bbb; }

[dir="ltr"] .uppy-ProviderBrowser-searchInput {
  padding-left: 27px; }

[dir="rtl"] .uppy-ProviderBrowser-searchInput {
  padding-right: 27px; }

.uppy-ProviderBrowser-searchInput {
  z-index: 1001;
  width: 100%;
  height: 30px;
  margin: 0 8px;
  font-size: 12px;
  line-height: 1.4;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
  color: #eaeaea;
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-searchInput:focus {
  background-color: #f4f4f4;
  outline: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
  background-color: #333; }

[dir="ltr"] .uppy-ProviderBrowser-searchClose {
  right: 12px; }

[dir="rtl"] .uppy-ProviderBrowser-searchClose {
  left: 12px; }

.uppy-ProviderBrowser-searchClose {
  position: absolute;
  top: 4px;
  z-index: 1002;
  width: 22px;
  height: 22px;
  padding: 6px;
  color: #939393;
  cursor: pointer; }

.uppy-ProviderBrowser-searchClose:hover {
  color: #757575; }

.uppy-ProviderBrowser-searchClose svg {
  vertical-align: text-top; }

.uppy-ProviderBrowser-searchInput::placeholder {
  color: #939393;
  opacity: 1; }

.uppy-ProviderBrowser-userLogout {
  padding: 4px;
  color: #2275d7;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer; }

.uppy-ProviderBrowser-userLogout:focus {
  outline: none; }

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0; }

.uppy-ProviderBrowser-userLogout:hover {
  color: #1b5dab; }

.uppy-ProviderBrowser-userLogout:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333; }

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea; }

.uppy-ProviderBrowser-body {
  position: relative;
  flex: 1; }

.uppy-ProviderBrowser-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-list:focus {
  outline: none; }

.uppy-ProviderBrowserItem-inner {
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.uppy-ProviderBrowser-footer {
  display: flex;
  align-items: center;
  height: 65px;
  padding: 0 15px;
  background-color: #fff;
  border-top: 1px solid #eaeaea; }

[dir="ltr"] .uppy-ProviderBrowser-footer button {
  margin-right: 8px; }

[dir="rtl"] .uppy-ProviderBrowser-footer button {
  margin-left: 8px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-Dashboard-Item-previewInnerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-radius: 3px; }

.uppy-Dashboard-Item-previewInnerWrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  content: ""; }

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002; }

.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #76abe9; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #016c8d; }

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transform: translateZ(0); }

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
  width: 120px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease; }

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0.9; }

.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px; }

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer; }

button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none; }

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0; }

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: #76abe9; }

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4); }

.uppy-Dashboard-Item-progressIcon--progress {
  transition: stroke-dashoffset 0.5s ease-out;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--play {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--cancel {
  transition: all 0.2s;
  fill: #fff; }

.uppy-Dashboard-Item-progressIcon--pause {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--check {
  transition: all 0.2s;
  fill: #fff; }

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff; }

[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: -8px; }

[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: -8px; }

[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: initial; }

[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: initial; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  width: auto;
  transform: initial; }

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px; }

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1; }

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px; }

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfo {
  padding-right: 5px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfo {
  padding-left: 5px; }

.uppy-Dashboard-Item-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  word-wrap: anywhere;
  word-break: break-all; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea; }

.uppy-Dashboard-Item-fileName {
  display: flex;
  align-items: baseline;
  justify-content: center; }

.uppy-Dashboard-Item-fileName button {
  margin-left: 5px; }

.uppy-Dashboard-Item-author {
  color: #757575;
  vertical-align: bottom;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px; }

.uppy-Dashboard-Item-author a {
  color: #757575; }

.uppy-Dashboard-Item-status {
  color: #757575;
  font-weight: normal;
  font-size: 11px;
  line-height: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb; }

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-bottom: 5px; }

.uppy-Dashboard-Item-reSelect {
  color: #2275d7;
  font-weight: 600;
  font-size: inherit;
  font-family: inherit; }

.uppy-Dashboard-Item-errorMessage {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: #a51523;
  background-color: #fdeff1;
  padding: 5px 6px; }

.uppy-Dashboard-Item-errorMessageBtn {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500; }

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none; }

.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: block;
  border-top: 1px solid #f7c2c8;
  padding: 6px 8px;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: inline-block;
  position: static;
  border: 1px solid #f7c2c8;
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none; }

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer; }

.uppy-Dashboard-Item-action:focus {
  outline: none; }

.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea; }

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95; }

.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  align-items: center; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  padding: 3px; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px; }

[dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  right: -8px; }

[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  left: -8px; }

.uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: -8px;
  z-index: 1002;
  width: 18px;
  height: 18px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%; }

[dir="ltr"] .uppy-Dashboard-Item {
  padding-right: 0; }

[dir="rtl"] .uppy-Dashboard-Item {
  padding-left: 0; }

.uppy-Dashboard-Item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333; }

[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item {
  float: right; }

.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(33.333% - 15px - 15px);
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  border-bottom: 0; }

.uppy-size--lg .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(25% - 15px - 15px);
  height: 190px;
  margin: 5px 15px; }

.uppy-size--xl .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(20% - 15px - 15px);
  height: 210px; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 25px;
  opacity: 0.5;
  content: ""; }

.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 40px; }

.uppy-Dashboard-Item-preview {
  position: relative; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview {
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px; }

.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px; }

.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 8px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 8px; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 12px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 12px; }

.uppy-Dashboard-Item-fileInfoAndButtons {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between; }

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  width: 100%;
  padding: 0;
  padding-top: 9px; }

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1; }

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0; }

.import-data .uppy-Dashboard-Item-actionWrapper {
  position: absolute;
  right: -5px;
  top: -10px; }

.import-data .uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: static; }

.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after,
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after {
  display: block; }

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
  display: none; }

[dir="ltr"] .uppy-Dashboard-Item-errorDetails {
  left: 2px; }

[dir="rtl"] .uppy-Dashboard-Item-errorDetails {
  right: 2px; }

.uppy-Dashboard-Item-errorDetails {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  border: none;
  cursor: help;
  -webkit-appearance: none;
  appearance: none; }

.uppy-Dashboard-Item-errorDetails::after {
  line-height: 1.3;
  word-wrap: break-word; }

.uppy-Dashboard-FileCard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); }

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0; }

.uppy-Dashboard-FileCard-preview {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  height: 60%;
  min-height: 0;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0; }

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  flex: 0 0 auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }

[dir="ltr"] .uppy-Dashboard-FileCard-edit {
  right: 10px; }

[dir="rtl"] .uppy-Dashboard-FileCard-edit {
  left: 10px; }

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  padding: 7px 15px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px; }

.uppy-Dashboard-FileCard-edit:focus {
  outline: none; }

.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.uppy-Dashboard-FileCard-info {
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  padding: 30px 20px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f; }

.uppy-Dashboard-FileCard-fieldset {
  max-width: 640px;
  margin: auto;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0;
  border: 0; }

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  width: 22%;
  color: #525252;
  font-size: 12px;
  vertical-align: middle; }

.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea; }

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  width: 78%;
  vertical-align: middle; }

.uppy-Dashboard-FileCard-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  background-color: #fafafa;
  border-top: 1px solid #eaeaea; }

.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

[dir="ltr"] .uppy-Dashboard-FileCard-actionsBtn {
  margin-right: 10px; }

[dir="rtl"] .uppy-Dashboard-FileCard-actionsBtn {
  margin-left: 10px; }

.uppy-transition-slideDownUp-enter {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.uppy-transition-slideDownUp-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01; }

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }

@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; } }

@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0; } }

.uppy-Dashboard--modal {
  z-index: 1001; }

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none; }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-dashboard-edit-name {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-dashboard-edit-name {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-dashboard-edit-name {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-dashboard-edit-name {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden; }

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5); }

.uppy-Dashboard-inner, .uppy-dashboard-edit-name {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: white;
  border-radius: 5px;
  outline: none; }

.uppy-size--md .uppy-Dashboard-inner, .uppy-size--md .uppy-dashboard-edit-name {
  min-height: auto; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner, .uppy-dashboard-edit-name {
    width: 50vw !important;
    height: 50vh !important; } }

.uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
  z-index: 1002; }

[data-uppy-theme=dark] .uppy-Dashboard-inner, [data-uppy-theme=dark] .uppy-dashboard-edit-name {
  background-color: #1f1f1f; }

.uppy-Dashboard--isDisabled .uppy-Dashboard-inner, .uppy-Dashboard--isDisabled .uppy-dashboard-edit-name {
  cursor: not-allowed; }

.uppy-Dashboard-innerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0; }

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
  min-height: 118px; }

.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  opacity: 0.6;
  filter: grayscale(100%);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none; }

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f; }

.uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
  position: fixed;
  top: 35px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: none; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
    top: 50%;
    right: auto;
    left: 50%;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%); } }

[dir="ltr"] .uppy-Dashboard-close {
  right: -2px; }

[dir="rtl"] .uppy-Dashboard-close {
  left: -2px; }

.uppy-Dashboard-close {
  position: absolute;
  top: -33px;
  z-index: 1005;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  cursor: pointer; }

.uppy-Dashboard-close:focus {
  outline: none; }

.uppy-Dashboard-close::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-close:focus {
  color: #8cb8ed; }

@media only screen and (min-width: 820px) {
  [dir="ltr"] .uppy-Dashboard-close {
    right: -35px; }
  [dir="rtl"] .uppy-Dashboard-close {
    left: -35px; }
  .uppy-Dashboard-close {
    top: -10px;
    font-size: 35px; } }

.uppy-Dashboard-serviceMsg {
  position: relative;
  top: -1px;
  z-index: 1004;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  background-color: #fffbf7;
  border-top: 1px solid #edd4b9;
  border-bottom: 1px solid #edd4b9; }

.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4; }

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
  color: #eaeaea;
  background-color: #1f1f1f;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333; }

.uppy-Dashboard-serviceMsg-title {
  display: block;
  margin-bottom: 4px;
  padding-left: 42px;
  line-height: 1; }

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px; }

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #2275d7;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: initial; }

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
  color: rgba(2, 186, 242, 0.9); }

.uppy-Dashboard-serviceMsg-icon {
  position: absolute;
  top: 10px;
  left: 15px; }

.uppy-Dashboard-AddFiles {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center; }

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  height: calc(100%);
  margin: 7px;
  border: 1px dashed #dfdfdf;
  border-radius: 3px; }

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px - 40px);
  border: none; }

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575; }

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px; }

.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block; }

.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  padding-top: 30px;
  padding-bottom: 0; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0; }

.uppy-Dashboard-browse {
  color: #dd6e28 !important;
  cursor: pointer;
  margin-left: 15px; }

.uppy-Dashboard-browse:focus {
  outline: none; }

.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
  border-bottom: none; }

[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9); }

[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #02baf2; }

.uppy-Dashboard-browseBtn {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px; }

.uppy-size--md .uppy-Dashboard-browseBtn {
  width: auto;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 13px 44px;
  font-size: 15px; }

.uppy-Dashboard-AddFiles-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 2px;
  padding: 2px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin-top: 15px;
  padding-top: 0;
  overflow-y: visible; }

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333; }

.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: initial;
  margin-bottom: 10px;
  border-bottom: none; }

.uppy-DashboardTab-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  color: #525252;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

.uppy-DashboardTab-btn:focus {
  outline: none; }

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0; }

[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn {
  margin-right: 1px; }

[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn {
  margin-left: 1px; }

.uppy-size--md .uppy-DashboardTab-btn {
  flex-direction: column;
  width: 86px;
  padding: 10px 3px;
  border-radius: 5px; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea; }

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252; }

[dir="ltr"] .uppy-DashboardTab-btn svg {
  margin-right: 10px; }

[dir="rtl"] .uppy-DashboardTab-btn svg {
  margin-left: 10px; }

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  transition: transform ease-in-out 0.15s;
  opacity: 0; }

[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn svg {
  margin-right: 0; }

[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn svg {
  margin-left: 0; }

.uppy-DashboardTab-name {
  font-weight: 500;
  font-size: 14px; }

.uppy-size--md .uppy-DashboardTab-name {
  margin-top: 56px;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 15px; }

.uppy-DashboardTab svg {
  width: 23px;
  height: 23px;
  vertical-align: middle; }

.uppy-size--md .uppy-DashboardTab svg {
  width: 30px;
  height: 30px; }

.uppy-Dashboard-input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0; }

.uppy-DashboardContent-bar {
  position: relative;
  z-index: 1004;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea; }

.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
  background-color: transparent;
  border: none; }

[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333; }

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 170px;
  margin: auto;
  overflow-x: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis; }

.uppy-size--md .uppy-DashboardContent-title {
  max-width: 300px;
  font-size: 14px;
  line-height: 50px; }

[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea; }

[dir="ltr"] .uppy-DashboardContent-back, [dir="ltr"] .uppy-DashboardContent-save {
  margin-left: -6px; }

[dir="rtl"] .uppy-DashboardContent-back, [dir="rtl"] .uppy-DashboardContent-save {
  margin-right: -6px; }

.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
  cursor: pointer;
  background-color: #F8F8F8;
  border-radius: 8px !important;
  border: none;
  color: black;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: Manrope-Bold;
  padding: 1px 22px;
  box-shadow: none;
  height: 32px; }

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  outline: none; }

.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
  color: black; }

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,
[data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
  background-color: #333; }

.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
  font-family: 'Chivo-Bold'; }

[data-uppy-theme=dark] .uppy-DashboardContent-back,
[data-uppy-theme=dark] .uppy-DashboardContent-save {
  color: #02baf2; }

[dir="ltr"] .uppy-DashboardContent-addMore {
  margin-right: -5px; }

[dir="rtl"] .uppy-DashboardContent-addMore {
  margin-left: -5px; }

.uppy-DashboardContent-addMore {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  color: #2275d7;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer; }

.uppy-DashboardContent-addMore:focus {
  outline: none; }

.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-addMore:hover {
  color: #1b5dab; }

.uppy-DashboardContent-addMore:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333; }

[dir="ltr"] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-right: -8px; }

[dir="rtl"] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-left: -8px; }

.uppy-size--md .uppy-DashboardContent-addMore {
  width: auto;
  height: auto;
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2; }

[dir="ltr"] .uppy-DashboardContent-addMore svg {
  margin-right: 4px; }

[dir="rtl"] .uppy-DashboardContent-addMore svg {
  margin-left: 4px; }

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline; }

.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px; }

.uppy-DashboardContent-addMoreCaption {
  display: none; }

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline; }

.uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: whitesmoke;
  border-radius: 5px; }

.uppy-Dashboard-AddFilesPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
  border-radius: 5px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); }

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%); }

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px); }

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%; }

.uppy-Dashboard-progressBarContainer.is-active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1004;
  width: 100%;
  height: 100%; }

.uppy-Dashboard-filesContainer {
  position: relative;
  flex: 1;
  margin: 0;
  overflow-y: hidden; }

.uppy-Dashboard-filesContainer::after {
  display: table;
  clear: both;
  content: ""; }

.uppy-Dashboard-files {
  flex: 1;
  margin: 0;
  padding: 0 0 10px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
  overflow: hidden; }

.uppy-Dashboard-dropFilesHereHint {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%232275D7' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px dashed #2275d7;
  border-radius: 3px;
  visibility: hidden; }

[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  color: #bbb;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
  border-color: #02baf2; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg {
  opacity: 0.15; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03; }

.uppy-Dashboard-AddFiles-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #000;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.35;
  text-align: inline-start; }

.uppy-size--md .uppy-Dashboard-AddFiles-title {
  max-width: 480px;
  margin-top: 5px;
  font-weight: 600;
  font-size: 18px;
  text-align: center; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea; }

.uppy-Dashboard-AddFiles-title button {
  font-weight: 500; }

.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400; }

.uppy-Dashboard-note {
  max-width: 350px;
  margin: auto;
  padding: 0 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  text-align: center; }

.uppy-size--md .uppy-Dashboard-note {
  max-width: 600px;
  font-size: 15px;
  line-height: 1.35; }

[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf; }

a.uppy-Dashboard-poweredBy {
  pointer-events: none;
  display: inline-block;
  margin-top: 8px;
  color: #939393;
  font-size: 11px;
  text-align: center;
  text-decoration: none; }

.uppy-Dashboard-poweredByIcon {
  position: relative;
  top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  vertical-align: text-top;
  opacity: 0.9;
  fill: none;
  stroke: #939393; }

.uppy-Dashboard-Item-previewIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%); }

.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px; }

.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-previewIconWrap {
  position: relative;
  height: 76px;
  max-height: 75%; }

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px); }

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px; }

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%; }

[dir="ltr"] .uppy-Dashboard-uploadCount {
  right: -12px; }

[dir="rtl"] .uppy-Dashboard-uploadCount {
  left: -12px; }

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 8px;
  line-height: 16px;
  background-color: #1bb240;
  border-radius: 50%; }

.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px; }

.file-name-submit {
  margin-left: 10px;
  height: 40px;
  background: black !important;
  border: 1px solid black !important; }

.file-name-submit:hover {
  background: black !important !important;
  border-color: black !important !important; }

.uppy-dashboard-edit-name {
  height: 33px !important;
  background: transparent;
  border: none; }

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: white;
  border: none;
  border-radius: 15px;
  border: none;
  margin-bottom: 40px;
  margin-top: 0px; }

.result-box {
  height: 100%;
  background: #F8FCFF;
  border: 1px solid white;
  align-content: center;
  text-align: center; }

.result-box-inner {
  height: 90%;
  background: #F8FCFF;
  border: none;
  border-radius: 5px;
  padding: 10% 10% 10%; }

.import-final-passed {
  background: #DCF3E5 !important; }

.import-final-Failed {
  background: #FAE6E8 !important; }

.import-final-ignored {
  background: #E6EDF8 !important; }

.import-final-result-icon-style {
  display: grid;
  justify-content: space-around;
  margin: 0px -15%; }

.result-percentage {
  font-size: 54px;
  font-weight: bold;
  color: black !important;
  margin-top: 23%;
  font-style: normal;
  margin-bottom: 5px; }

.importdata-final-result-container > div > .row:last-child {
  margin-top: 3% !important; }

.cardbodycustom {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.cardbodycustom {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 0px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.button-group {
  text-align: right;
  padding: 0; }

.tile-content-img {
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0px !important; }

.button-group .pimbtn {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  background: #E3F3FF;
  border: 0px solid #e2e8f0;
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02) !important;
  border-radius: 0px;
  height: 60px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin-right: 0rem !important;
  color: black !important; }

.button-group .pimbtn.system-import-btn {
  border-radius: 0px 10px 16px 0px; }

.button-group .pimbtn.cloud-btn {
  border-left: 1px solid #E3F3FF;
  padding-left: 36px; }

.button-group .pimbtn:hover {
  background-color: #E3F3FF !important; }

.button-group .pimbtn:last-child,
.export-buttons .download-template {
  margin-right: 0px !important; }

.button-group .pimbtn .p-button-label {
  text-align: left; }

.iconimportdata {
  width: 23px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center center;
  margin-right: 0.2rem; }

.fromcloud {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.iconimportdata.local {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODQ0KSI+CjxwYXRoIGQ9Ik0wIDExLjM2ODRWMC44NDIxMDVDMCAwLjYxODc2NSAwLjA4ODcyMTYgMC40MDQ1NzIgMC4yNDY2NDcgMC4yNDY2NDdDMC40MDQ1NzIgMC4wODg3MjE2IDAuNjE4NzY1IDAgMC44NDIxMDUgMEgxNS4xNTc5QzE1LjM4MTIgMCAxNS41OTU0IDAuMDg4NzIxNiAxNS43NTM0IDAuMjQ2NjQ3QzE1LjkxMTMgMC40MDQ1NzIgMTYgMC42MTg3NjUgMTYgMC44NDIxMDVWMTEuMzY4NEMxNiAxMS41OTE4IDE1LjkxMTMgMTEuODA2IDE1Ljc1MzQgMTEuOTYzOUMxNS41OTU0IDEyLjEyMTggMTUuMzgxMiAxMi4yMTA1IDE1LjE1NzkgMTIuMjEwNUgwLjg0MjEwNUMwLjYxODc2NSAxMi4yMTA1IDAuNDA0NTcyIDEyLjEyMTggMC4yNDY2NDcgMTEuOTYzOUMwLjA4ODcyMTYgMTEuODA2IDAgMTEuNTkxOCAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM4MEQ2RkIiLz4KPHBhdGggZD0iTTAgMTEuMzY4NFYxMC4xODk1SDE2VjExLjM2ODRDMTYgMTEuNTkxNyAxNS45MTEzIDExLjgwNTkgMTUuNzUzNCAxMS45NjM5QzE1LjU5NTQgMTIuMTIxOCAxNS4zODEyIDEyLjIxMDUgMTUuMTU3OSAxMi4yMTA1SDAuODQyMTA1QzAuNjE4NzY1IDEyLjIxMDUgMC40MDQ1NzIgMTIuMTIxOCAwLjI0NjY0NyAxMS45NjM5QzAuMDg4NzIxNiAxMS44MDU5IDAgMTEuNTkxNyAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM2RTgzQjciLz4KPHBhdGggZD0iTTUuODk0NzggMTIuMjEwNUgxMC4xMDUzVjE0LjMxNThINS44OTQ3OFYxMi4yMTA1WiIgZmlsbD0iIzQ2NjA4OSIvPgo8cGF0aCBkPSJNNC4yMTA0NSAxNC4zMTU4SDExLjc4OTRWMTUuNDk0N0g0LjIxMDQ1VjE0LjMxNThaIiBmaWxsPSIjNkU4M0I3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTUyXzQ4NDQiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTUuNDk0NyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); }

.iconimportdata.ftp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODUyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC45MjEzMDEgLTAuMDAxMzQyNzdIMTUuMDgwM0MxNS4zMjQzIC0wLjAwMDY1NjI4MiAxNS41NTgxIDAuMDk2NTYwOSAxNS43MzA2IDAuMjY5MDY4QzE1LjkwMzEgMC40NDE1NzUgMTYuMDAwMyAwLjY3NTM0NyAxNi4wMDEgMC45MTkzMDhWMTIuODIxN0MxNi4wMDAyIDEzLjA2NTcgMTUuOTAyOSAxMy4yOTkzIDE1LjczMDUgMTMuNDcxOEMxNS41NTggMTMuNjQ0MiAxNS4zMjQyIDEzLjc0MTQgMTUuMDgwMyAxMy43NDIxSDAuOTIxMzAxQzAuNjc3NDI3IDEzLjc0MTQgMC40NDM3MzggMTMuNjQ0MiAwLjI3MTI5MiAxMy40NzE4QzAuMDk4ODQ2IDEzLjI5OTMgMC4wMDE2NjMwNSAxMy4wNjU2IDAuMDAwOTc2NTYyIDEyLjgyMTdWMC45MTkzMDhDMC4wMDE2NjI2NCAwLjY3NTQwMyAwLjA5ODgzNTMgMC40NDE2OCAwLjI3MTI3MiAwLjI2OTE4MkMwLjQ0MzcwOSAwLjA5NjY4NDMgMC42NzczOTcgLTAuMDAwNTcwNTI3IDAuOTIxMzAxIC0wLjAwMTM0Mjc3Vi0wLjAwMTM0Mjc3WiIgZmlsbD0iIzgwRDZGQiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMi4zODQwMkgxNlYwLjkyMDYwOUMxNS45OTk3IDAuNjc2NDIzIDE1LjkwMjYgMC40NDIzMTcgMTUuNzMgMC4yNjk1MjlDMTUuNTU3NSAwLjA5Njc0MTYgMTUuMzIzNSAtMC4wMDA2NTQ5MjMgMTUuMDc5MyAtMC4wMDEzNDI3N0gwLjkyMTMwMUMwLjY3NzM5NyAtMC4wMDA1NzA1MjcgMC40NDM3MDkgMC4wOTY2ODQzIDAuMjcxMjcyIDAuMjY5MTgyQzAuMDk4ODM1MyAwLjQ0MTY4IDAuMDAxNjYyNjQgMC42NzU0MDMgMC4wMDA5NzY1NjIgMC45MTkzMDhMMCAyLjM4NDAyWiIgZmlsbD0iIzZFODNCNyIvPgo8cGF0aCBkPSJNMy4wNDk4NyAxLjU0NTA0QzMuMjQ1MjggMS41NDUwNCAzLjQwMzY5IDEuMzg2NjMgMy40MDM2OSAxLjE5MTIyQzMuNDAzNjkgMC45OTU4MTMgMy4yNDUyOCAwLjgzNzQwMiAzLjA0OTg3IDAuODM3NDAyQzIuODU0NDYgMC44Mzc0MDIgMi42OTYwNCAwLjk5NTgxMyAyLjY5NjA0IDEuMTkxMjJDMi42OTYwNCAxLjM4NjYzIDIuODU0NDYgMS41NDUwNCAzLjA0OTg3IDEuNTQ1MDRaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGQ9Ik00LjQ1MDE4IDEuNTQ1MzFDNC42NDU0MSAxLjU0NTMxIDQuODAzNjcgMS4zODcwNCA0LjgwMzY3IDEuMTkxODFDNC44MDM2NyAwLjk5NjU4MyA0LjY0NTQxIDAuODM4MzE4IDQuNDUwMTggMC44MzgzMThDNC4yNTQ5NSAwLjgzODMxOCA0LjA5NjY4IDAuOTk2NTgzIDQuMDk2NjggMS4xOTE4MUM0LjA5NjY4IDEuMzg3MDQgNC4yNTQ5NSAxLjU0NTMxIDQuNDUwMTggMS41NDUzMVoiIGZpbGw9IiM4OEJGNTciLz4KPHBhdGggZD0iTTEuNjQ3NTIgMS41NDUzNUMxLjg0Mjk0IDEuNTQ1MzUgMi4wMDEzNSAxLjM4Njk0IDIuMDAxMzUgMS4xOTE1M0MyLjAwMTM1IDAuOTk2MTE4IDEuODQyOTQgMC44Mzc3MDggMS42NDc1MiAwLjgzNzcwOEMxLjQ1MjExIDAuODM3NzA4IDEuMjkzNyAwLjk5NjExOCAxLjI5MzcgMS4xOTE1M0MxLjI5MzcgMS4zODY5NCAxLjQ1MjExIDEuNTQ1MzUgMS42NDc1MiAxLjU0NTM1WiIgZmlsbD0iI0VCNzQ1RSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMzk1MTkgNS4zODU2OEgxMy42MDQzQzEzLjY0NyA1LjM4NTY4IDEzLjY4OTMgNS4zOTQwOSAxMy43Mjg3IDUuNDEwNDRDMTMuNzY4MiA1LjQyNjc4IDEzLjgwNCA1LjQ1MDczIDEzLjgzNDIgNS40ODA5M0MxMy44NjQ0IDUuNTExMTMgMTMuODg4NCA1LjU0Njk4IDEzLjkwNDcgNS41ODY0M0MxMy45MjExIDUuNjI1ODkgMTMuOTI5NSA1LjY2ODE4IDEzLjkyOTUgNS43MTA4OFYxMC40MTY2QzEzLjkyOTUgMTAuNTAyOCAxMy44OTUyIDEwLjU4NTUgMTMuODM0MiAxMC42NDY1QzEzLjc3MzMgMTAuNzA3NSAxMy42OTA1IDEwLjc0MTggMTMuNjA0MyAxMC43NDE4SDIuMzk0NTRDMi4zMDgyOSAxMC43NDE4IDIuMjI1NTcgMTAuNzA3NSAyLjE2NDU5IDEwLjY0NjVDMi4xMDM2IDEwLjU4NTUgMi4wNjkzNCAxMC41MDI4IDIuMDY5MzQgMTAuNDE2NlY1LjcxMDg4QzIuMDY5MzQgNS42NjgxMiAyLjA3Nzc3IDUuNjI1NzggMi4wOTQxNSA1LjU4NjI4QzIuMTEwNTQgNS41NDY3OSAyLjEzNDU1IDUuNTEwOTEgMi4xNjQ4MiA1LjQ4MDdDMi4xOTUwOCA1LjQ1MDUgMi4yMzEwMSA1LjQyNjU1IDIuMjcwNTQgNS40MTAyNUMyLjMxMDA3IDUuMzkzOTQgMi4zNTI0MyA1LjM4NTYgMi4zOTUxOSA1LjM4NTY4VjUuMzg1NjhaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zNTIwNyA5LjM0MTQ3QzQuMzUyMDcgOS40Mjc3MiA0LjMxNzggOS41MTA0NCA0LjI1NjgyIDkuNTcxNDNDNC4xOTU4MyA5LjYzMjQxIDQuMTEzMTEgOS42NjY2OCA0LjAyNjg2IDkuNjY2NjhDMy45NDA2MSA5LjY2NjY4IDMuODU3OSA5LjYzMjQxIDMuNzk2OTEgOS41NzE0M0MzLjczNTkyIDkuNTEwNDQgMy43MDE2NiA5LjQyNzcyIDMuNzAxNjYgOS4zNDE0N1Y2Ljc4NjAyQzMuNzAxNjYgNi43NDMzMSAzLjcxMDA3IDYuNzAxMDIgMy43MjY0MiA2LjY2MTU3QzMuNzQyNzYgNi42MjIxMSAzLjc2NjcxIDYuNTg2MjYgMy43OTY5MSA2LjU1NjA3QzMuODI3MTEgNi41MjU4NyAzLjg2Mjk2IDYuNTAxOTEgMy45MDI0MSA2LjQ4NTU3QzMuOTQxODcgNi40NjkyMyAzLjk4NDE2IDYuNDYwODIgNC4wMjY4NiA2LjQ2MDgySDUuODQxMTdDNS44ODM4OCA2LjQ2MDgyIDUuOTI2MTcgNi40NjkyMyA1Ljk2NTYyIDYuNDg1NTdDNi4wMDUwOCA2LjUwMTkxIDYuMDQwOTMgNi41MjU4NyA2LjA3MTEzIDYuNTU2MDdDNi4xMDEzMiA2LjU4NjI2IDYuMTI1MjggNi42MjIxMSA2LjE0MTYyIDYuNjYxNTdDNi4xNTc5NiA2LjcwMTAyIDYuMTY2MzggNi43NDMzMSA2LjE2NjM4IDYuNzg2MDJDNi4xNjYzOCA2Ljg3MjI3IDYuMTMyMTEgNi45NTQ5OSA2LjA3MTEzIDcuMDE1OTdDNi4wMTAxNCA3LjA3Njk2IDUuOTI3NDIgNy4xMTEyMiA1Ljg0MTE3IDcuMTExMjJINC4zNTIwN1Y3LjczODU0SDUuMjEzODZDNS4zMDAxIDcuNzM4NTQgNS4zODI4MiA3Ljc3MjggNS40NDM4MSA3LjgzMzc5QzUuNTA0OCA3Ljg5NDc4IDUuNTM5MDYgNy45Nzc1IDUuNTM5MDYgOC4wNjM3NUM1LjUzOTA2IDguMTUgNS41MDQ4IDguMjMyNzEgNS40NDM4MSA4LjI5MzdDNS4zODI4MiA4LjM1NDY5IDUuMzAwMSA4LjM4ODk1IDUuMjEzODYgOC4zODg5NUg0LjM1MjA3VjkuMzQxNDdaTTEwLjQ4MzQgOS4zNDE0N0MxMC40ODM0IDkuNDI3NzIgMTAuNDQ5MiA5LjUxMDQ0IDEwLjM4ODIgOS41NzE0M0MxMC4zMjcyIDkuNjMyNDEgMTAuMjQ0NSA5LjY2NjY4IDEwLjE1ODIgOS42NjY2OEMxMC4wNzIgOS42NjY2OCA5Ljk4OTI4IDkuNjMyNDEgOS45MjgyOSA5LjU3MTQzQzkuODY3MzEgOS41MTA0NCA5LjgzMzA0IDkuNDI3NzIgOS44MzMwNCA5LjM0MTQ3VjYuNzg2MDJDOS44MzMwNCA2Ljc0MzMxIDkuODQxNDUgNi43MDEwMiA5Ljg1NzggNi42NjE1N0M5Ljg3NDE0IDYuNjIyMTEgOS44OTgwOSA2LjU4NjI2IDkuOTI4MjkgNi41NTYwN0M5Ljk1ODQ5IDYuNTI1ODcgOS45OTQzNCA2LjUwMTkxIDEwLjAzMzggNi40ODU1N0MxMC4wNzMzIDYuNDY5MjMgMTAuMTE1NSA2LjQ2MDgyIDEwLjE1ODIgNi40NjA4MkgxMS4zMzM5QzExLjQ2MDQgNi40NjA4MiAxMS41ODU3IDYuNDg1ODEgMTEuNzAyNiA2LjUzNDM2QzExLjgxOTQgNi41ODI5MSAxMS45MjU1IDYuNjU0MDcgMTIuMDE0OCA2Ljc0Mzc0QzEyLjEwNDcgNi44MzMyNiAxMi4xNzYgNi45Mzk3IDEyLjIyNDYgNy4wNTY5MUMxMi4yNzMxIDcuMTc0MTMgMTIuMjk4IDcuMjk5OCAxMi4yOTc4IDcuNDI2NjdDMTIuMjk3OCA3LjU1MzIyIDEyLjI3MjggNy42Nzg1MiAxMi4yMjQyIDcuNzk1MzhDMTIuMTc1NyA3LjkxMjI0IDEyLjEwNDUgOC4wMTgzNiAxMi4wMTQ4IDguMTA3NjVDMTEuOTI1NSA4LjE5NzMyIDExLjgxOTQgOC4yNjg0OCAxMS43MDI2IDguMzE3MDNDMTEuNTg1NyA4LjM2NTU4IDExLjQ2MDQgOC4zOTA1OCAxMS4zMzM5IDguMzkwNThIMTAuNDgyMUwxMC40ODM0IDkuMzQxNDdaTTEwLjQ4MzQgNy4xMTEyMlY3LjczODU0SDExLjMzMzlDMTEuMzc1IDcuNzM4NDUgMTEuNDE1NyA3LjczMDI1IDExLjQ1MzYgNy43MTQ0QzExLjQ5MTYgNy42OTg1NSAxMS41MjYgNy42NzUzNyAxMS41NTUgNy42NDYxOEMxMS41ODQyIDcuNjE3MjEgMTEuNjA3NCA3LjU4Mjc3IDExLjYyMzIgNy41NDQ4MkMxMS42MzkxIDcuNTA2ODcgMTEuNjQ3MyA3LjQ2NjE3IDExLjY0NzQgNy40MjUwNUMxMS42NDczIDcuMzgzODcgMTEuNjM5MSA3LjM0MzEyIDExLjYyMzIgNy4zMDUxMkMxMS42MDc0IDcuMjY3MTIgMTEuNTg0MiA3LjIzMjYxIDExLjU1NSA3LjIwMzU4QzExLjUyNiA3LjE3NDM5IDExLjQ5MTYgNy4xNTEyMSAxMS40NTM2IDcuMTM1MzZDMTEuNDE1NyA3LjExOTUxIDExLjM3NSA3LjExMTMxIDExLjMzMzkgNy4xMTEyMkgxMC40ODM0Wk04LjMyNTA4IDkuMzQxNDdDOC4zMjUwOCA5LjQyNzcyIDguMjkwODEgOS41MTA0NCA4LjIyOTgzIDkuNTcxNDNDOC4xNjg4NCA5LjYzMjQxIDguMDg2MTIgOS42NjY2OCA3Ljk5OTg3IDkuNjY2NjhDNy45MTM2MiA5LjY2NjY4IDcuODMwOTEgOS42MzI0MSA3Ljc2OTkyIDkuNTcxNDNDNy43MDg5MyA5LjUxMDQ0IDcuNjc0NjcgOS40Mjc3MiA3LjY3NDY3IDkuMzQxNDdWNy4xMTEyMkg3LjA5MjU1QzcuMDA2MzEgNy4xMTEyMiA2LjkyMzU5IDcuMDc2OTYgNi44NjI2IDcuMDE1OTdDNi44MDE2MSA2Ljk1NDk5IDYuNzY3MzUgNi44NzIyNyA2Ljc2NzM1IDYuNzg2MDJDNi43NjczNSA2Ljc0MzMxIDYuNzc1NzYgNi43MDEwMiA2Ljc5MjExIDYuNjYxNTdDNi44MDg0NSA2LjYyMjExIDYuODMyNCA2LjU4NjI2IDYuODYyNiA2LjU1NjA3QzYuODkyOCA2LjUyNTg3IDYuOTI4NjUgNi41MDE5MSA2Ljk2ODExIDYuNDg1NTdDNy4wMDc1NiA2LjQ2OTIzIDcuMDQ5ODUgNi40NjA4MiA3LjA5MjU1IDYuNDYwODJIOC45MDY4NkM4Ljk0OTU3IDYuNDYwODIgOC45OTE4NiA2LjQ2OTIzIDkuMDMxMzEgNi40ODU1N0M5LjA3MDc3IDYuNTAxOTEgOS4xMDY2MiA2LjUyNTg3IDkuMTM2ODIgNi41NTYwN0M5LjE2NzAyIDYuNTg2MjYgOS4xOTA5NyA2LjYyMjExIDkuMjA3MzEgNi42NjE1N0M5LjIyMzY2IDYuNzAxMDIgOS4yMzIwNyA2Ljc0MzMxIDkuMjMyMDcgNi43ODYwMkM5LjIzMjA3IDYuODcyMjcgOS4xOTc4IDYuOTU0OTkgOS4xMzY4MiA3LjAxNTk3QzkuMDc1ODMgNy4wNzY5NiA4Ljk5MzExIDcuMTExMjIgOC45MDY4NiA3LjExMTIySDguMzI1MDhWOS4zNDE0N1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTJfNDg1MiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy43NDM3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right;
  margin-left: 0.5rem; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzkuNzY2NjcgMjAgNy44NzUgMTkuMjI1IDYuMzI1IDE3LjY3NUM0Ljc3NSAxNi4xMjUgNCAxNC4yMzMzIDQgMTJDNCA5Ljc2NjY3IDQuNzc1IDcuODc1IDYuMzI1IDYuMzI1QzcuODc1IDQuNzc1IDkuNzY2NjcgNCAxMiA0QzEzLjE1IDQgMTQuMjUgNC4yMzczMyAxNS4zIDQuNzEyQzE2LjM1IDUuMTg2NjcgMTcuMjUgNS44NjYgMTggNi43NVY0SDIwVjExSDEzVjlIMTcuMkMxNi42NjY3IDguMDY2NjcgMTUuOTM3MyA3LjMzMzMzIDE1LjAxMiA2LjhDMTQuMDg2NyA2LjI2NjY3IDEzLjA4MjcgNiAxMiA2QzEwLjMzMzMgNiA4LjkxNjY3IDYuNTgzMzMgNy43NSA3Ljc1QzYuNTgzMzMgOC45MTY2NyA2IDEwLjMzMzMgNiAxMkM2IDEzLjY2NjcgNi41ODMzMyAxNS4wODMzIDcuNzUgMTYuMjVDOC45MTY2NyAxNy40MTY3IDEwLjMzMzMgMTggMTIgMThDMTMuMjgzMyAxOCAxNC40NDE3IDE3LjYzMzMgMTUuNDc1IDE2LjlDMTYuNTA4MyAxNi4xNjY3IDE3LjIzMzMgMTUuMiAxNy42NSAxNEgxOS43NUMxOS4yODMzIDE1Ljc2NjcgMTguMzMzMyAxNy4yMDgzIDE2LjkgMTguMzI1QzE1LjQ2NjcgMTkuNDQxNyAxMy44MzMzIDIwIDEyIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat; }

.exportdata .gridcontainer .exportbtn .pimbtn.importCatalog .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODQ3MDQgMTIuMjVDMTAuMjA2MSAxMi4yNSAxMC41NTA1IDEyLjEyMDkgMTAuODA0NCAxMS44OTEyQzExLjA1ODIgMTEuNjYxNSAxMS4yMDA5IDExLjM0OTkgMTEuMjAwOSAxMS4wMjVWNy45NjI1TDcuODE2MjcgMTAuNDEyNVY4LjU3NUgzLjA3NzgxVjcuMzVINy44MTYyN1Y1LjUxMjVMMTEuMjAwOSA3Ljk2MjVWMy42NzVMNy4xMzkzNSAwSDEuNzIzOTZDMS4zNjQ5IDAgMS4wMjA1NCAwLjEyOTA2MiAwLjc2NjY0OSAwLjM1ODc5NEMwLjUxMjc1NCAwLjU4ODUyNiAwLjM3MDExNyAwLjkwMDExIDAuMzcwMTE3IDEuMjI1VjExLjAyNUMwLjM3MDExNyAxMS4zNDk5IDAuNTEyNzU0IDExLjY2MTUgMC43NjY2NDkgMTEuODkxMkMxLjAyMDU0IDEyLjEyMDkgMS4zNjQ5IDEyLjI1IDEuNzIzOTYgMTIuMjVIOS44NDcwNFpNNi40NjI0MiAxLjIyNUw5Ljg0NzA0IDQuMjg3NUg2LjQ2MjQyVjEuMjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 25px;
  height: 25px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.import-popup {
  width: 66vw;
  height: 500px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px; }

.import-summary-popup {
  min-width: 61vw;
  width: 50vw;
  height: 470px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 65vw; }

.file-progress-container {
  height: 250px;
  padding: 0 auto;
  text-align: center; }

.import-data-message {
  margin-top: 1rem !important;
  margin-left: 0.7rem !important; }

.import-info-content {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  width: 371px;
  height: 10px; }

.import-progress-bar-Container progress {
  height: 29px;
  width: 540px;
  color: #000000;
  text-align: center;
  margin-left: 24px; }

.bg-info {
  background-color: #e3f3ff !important;
  text-align: end; }

.progress-bar {
  color: #0e90e1 !important;
  text-align: center; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-close-button {
  font-size: 14px;
  width: 120px;
  color: #FFFFFF;
  border-radius: 8px;
  display: inline !important;
  border: none;
  font-weight: 600;
  background-color: #0E90E1;
  box-shadow: none !important;
  text-align: center;
  height: 34px;
  width: 82px;
  padding: 0px; }

.import-progress-indicator-width {
  width: 100%; }

.progress-bar-spacing {
  margin: 0px 481px 0px 25px; }

.importdata-customize-size {
  margin-left: 235px !important; }

.importdata-close-button:enabled:hover,
.importdata-close-button:not(button):not(a):not(.p-disabled):hover {
  background-color: #f8f8f8;
  color: black;
  border: none; }

.importdata-download-button {
  font-size: 14px;
  background-color: #EFEFF1;
  border-radius: 8px;
  display: inline;
  font-weight: 600;
  color: #495057;
  box-shadow: none;
  border: none;
  width: 122px;
  height: 34px;
  padding: 0px;
  margin-left: -20px; }

.import-progress-style {
  margin: 0 40% !important; }

.import-indication {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000; }

.importdata-cancel-button {
  top: 50%;
  font-weight: 600;
  font-size: 12px;
  width: 120px;
  border-radius: 6px;
  display: inline !important;
  opacity: 1 !important;
  background-color: #0E90E1 !important;
  color: white;
  box-shadow: none;
  border: 1px transparent;
  height: 32px;
  padding: 0px; }

.importdata-final-result-container {
  padding: 50px;
  height: auto; }

.importdata-final-result-container.importdock {
  margin: 55px 0px;
  padding: 0px; }

.import-final-result-inner-container {
  background: #F3F3F3;
  margin: 0px 64px;
  border: 1px solid #C3D5E4;
  border-radius: 5px; }

.import-outer-border-head {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-outer-border-body {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-final-resultbox-container {
  padding: 20px 15px; }

.import-final-size-padding {
  padding: 0px 23px; }

.import-final-header-width {
  display: flex;
  justify-content: center;
  margin: 15px 0px 10px; }

.import-final-header-title {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 0px; }

.import-final-header-records {
  font-weight: 400;
  font-size: 22px;
  color: #495057; }

.importdata-final-result-img-container {
  margin-top: 1%;
  margin-bottom: 2%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black;
  font-size: 14px;
  margin-bottom: 15px; }

.importdata-final-results-records {
  color: #212529;
  font-size: 14px;
  margin-bottom: 0px; }

.importdata-final-results-percentage {
  font-size: 22px;
  color: #495057; }

.import-data-success {
  height: 24px;
  width: 24px; }

.modal-dailog-content {
  height: 46vw; }

.modal-backdrop {
  z-index: 1110; }

.tablesubheader {
  padding-left: 21px; }

.fromcloud {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODQ3MDQgMTIuMjVDMTAuMjA2MSAxMi4yNSAxMC41NTA1IDEyLjEyMDkgMTAuODA0NCAxMS44OTEyQzExLjA1ODIgMTEuNjYxNSAxMS4yMDA5IDExLjM0OTkgMTEuMjAwOSAxMS4wMjVWNy45NjI1TDcuODE2MjcgMTAuNDEyNVY4LjU3NUgzLjA3NzgxVjcuMzVINy44MTYyN1Y1LjUxMjVMMTEuMjAwOSA3Ljk2MjVWMy42NzVMNy4xMzkzNSAwSDEuNzIzOTZDMS4zNjQ5IDAgMS4wMjA1NCAwLjEyOTA2MiAwLjc2NjY0OSAwLjM1ODc5NEMwLjUxMjc1NCAwLjU4ODUyNiAwLjM3MDExNyAwLjkwMDExIDAuMzcwMTE3IDEuMjI1VjExLjAyNUMwLjM3MDExNyAxMS4zNDk5IDAuNTEyNzU0IDExLjY2MTUgMC43NjY2NDkgMTEuODkxMkMxLjAyMDU0IDEyLjEyMDkgMS4zNjQ5IDEyLjI1IDEuNzIzOTYgMTIuMjVIOS44NDcwNFpNNi40NjI0MiAxLjIyNUw5Ljg0NzA0IDQuMjg3NUg2LjQ2MjQyVjEuMjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 30px;
  height: 30px; }

.iconimportdata.local {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDNINEMyLjg5NTQzIDMgMiAzLjg5NTQzIDIgNVYxNUMyIDE2LjEwNDYgMi44OTU0MyAxNyA0IDE3SDIwQzIxLjEwNDYgMTcgMjIgMTYuMTA0NiAyMiAxNVY1QzIyIDMuODk1NDMgMjEuMTA0NiAzIDIwIDNaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyMUgxNiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE3VjIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 30px;
  height: 30px; }

.modal {
  z-index: 1158 !important; }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right; }

.export-btn-container {
  justify-content: flex-start !important;
  flex-wrap: wrap; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

.uppy-customization {
  height: auto;
  margin: 70px 0; }
  .uppy-customization .uppy-Dashboard-inner,
  .uppy-customization .uppy-dashboard-edit-name {
    height: auto !important;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    background-color: white; }
  .uppy-customization .uppy-Dashboard-AddFiles {
    border: 0px !important;
    min-height: 118px; }
  .uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
    background-color: #0E90E1 !important;
    border-radius: 5px !important;
    border: none;
    color: white !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    min-width: 124px;
    text-align: center;
    margin-left: 15px;
    height: 40px;
    margin-top: -7px;
    margin-right: -16px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-top: -12px;
    margin-right: -15px; }
  .uppy-customization .uppy-Root {
    min-height: 118px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 0px; }
  .uppy-customization .uppy-Dashboard-Item-progressIcon--circle {
    width: 50px;
    height: 40px;
    margin-left: 1px; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item,
  .uppy-customization .uppy-Dashboard-Item {
    width: 100%; }
  .uppy-customization [dir="ltr"] .uppy-Dashboard-Item {
    text-align: left;
    float: left; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item-preview,
  .uppy-customization .uppy-Dashboard-Item-preview {
    height: 25%;
    float: left;
    width: 9%;
    margin-right: 10px; }
  .uppy-customization .uppy-Dashboard-files {
    overflow: visible;
    padding-top: 10px; }
  .uppy-customization .uppy-Dashboard-files > [role="presentation"] {
    height: 90px !important; }
  .uppy-customization .uppy-Dashboard-Item-previewInnerWrap {
    background-color: transparent !important; }
  .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
    float: left;
    width: 50%; }
  .uppy-customization [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove,
  .uppy-customization [dir="ltr"] .uppy-Dashboard-Item-action--remove {
    left: 8%;
    width: 16px;
    height: 16px; }
  .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
    width: auto !important; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item-previewIcon,
  .uppy-customization .uppy-Dashboard-Item-previewIcon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80MzM5KSI+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVWMTQuOTY5NUMxMS41ODk5IDE1LjEwNDggMTEuNTYzMyAxNS4yMzg5IDExLjUxMTYgMTUuMzY0QzExLjQ1OTggMTUuNDg5MSAxMS4zODM5IDE1LjYwMjggMTEuMjg4MiAxNS42OTg1QzExLjE5MjUgMTUuNzk0MyAxMS4wNzg4IDE1Ljg3MDIgMTAuOTUzNyAxNS45MjE5QzEwLjgyODYgMTUuOTczNiAxMC42OTQ1IDE2LjAwMDIgMTAuNTU5MSAxNkgxLjAzMDU0QzAuODk1MTY0IDE2LjAwMDIgMC43NjEwODIgMTUuOTczNiAwLjYzNTk3NyAxNS45MjE5QzAuNTEwODcxIDE1Ljg3MDIgMC4zOTcxOTkgMTUuNzk0MyAwLjMwMTQ3MiAxNS42OTg1QzAuMjA1NzQ0IDE1LjYwMjggMC4xMjk4NDIgMTUuNDg5MSAwLjA3ODExMDQgMTUuMzY0QzAuMDI2Mzc5MiAxNS4yMzg5IC0wLjAwMDE2NDEzMiAxNS4xMDQ4IDcuNjM1ODllLTA3IDE0Ljk2OTVWMS4wMzA1NEMtMC4wMDAxNjQxMzIgMC44OTUxNjIgMC4wMjYzNzkyIDAuNzYxMDgxIDAuMDc4MTEwNCAwLjYzNTk3NUMwLjEyOTg0MiAwLjUxMDg3IDAuMjA1NzQ0IDAuMzk3MTk5IDAuMzAxNDcyIDAuMzAxNDcxQzAuMzk3MTk5IDAuMjA1NzQ0IDAuNTEwODcxIDAuMTI5ODQxIDAuNjM1OTc3IDAuMDc4MTEwMUMwLjc2MTA4MiAwLjAyNjM3OSAwLjg5NTE2NCAtMC4wMDAxNjQxMzIgMS4wMzA1NCA3LjYzNTllLTA3SDcuMjA3NTNMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzIzQTU2NiIvPgo8cGF0aCBkPSJNOC4zMjg2NiA3Ljk2NTUySDMuMjYwNTRDMy4xNzMzMSA3Ljk2NTUyIDMuMDg5NjUgOC4wMDAxNyAzLjAyNzk3IDguMDYxODVDMi45NjYyOSA4LjEyMzUzIDIuOTMxNjQgOC4yMDcxOCAyLjkzMTY0IDguMjk0NDFWMTIuNzA3OUMyLjkzMTY0IDEyLjc5NTEgMi45NjYyOSAxMi44Nzg4IDMuMDI3OTcgMTIuOTQwNEMzLjA4OTY1IDEzLjAwMjEgMy4xNzMzMSAxMy4wMzY4IDMuMjYwNTQgMTMuMDM2OEg4LjMzMThDOC40MTkwMyAxMy4wMzY4IDguNTAyNjggMTMuMDAyMSA4LjU2NDM2IDEyLjk0MDRDOC42MjYwNCAxMi44Nzg4IDguNjYwNjkgMTIuNzk1MSA4LjY2MDY5IDEyLjcwNzlWOC4yOTc1NEM4LjY1OTU2IDguMjA5ODQgOC42MjQyMSA4LjEyNjA0IDguNTYyMTkgOC4wNjQwMkM4LjUwMDE2IDguMDAyIDguNDE2MzcgNy45NjY2NSA4LjMyODY2IDcuOTY1NTJaTTMuNTg5NDMgMTAuMDgzSDUuNDY1N1YxMC45MTkzSDMuNTg5NDNWMTAuMDgzWk02LjEyMzUgMTAuMDgzSDcuOTk5NzdWMTAuOTE5M0g2LjEyMzVWMTAuMDgzWk03Ljk5OTc3IDkuNDI1MTlINi4xMjM1VjguNjI2NDRINy45OTk3N1Y5LjQyNTE5Wk01LjQ2NTcgOC42MjY0NFY5LjQyNTE5SDMuNTg5NDNWOC42MjY0NEg1LjQ2NTdaTTMuNTg5NDMgMTEuNTgwMkg1LjQ2NTdWMTIuMzc5SDMuNTg5NDNWMTEuNTgwMlpNNi4xMjM1IDEyLjM3OVYxMS41ODAySDcuOTk5NzdWMTIuMzc5SDYuMTIzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuMTkiIGQ9Ik03Ljc5NjM5IDQuMjIyMzlMMTEuNTg5NyA3LjI5NTIxVjQuNDEwMzNMOS40Mzc3MyAzLjE2MDUyTDcuNzk2MzkgNC4yMjIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVIOC4yMzgwNkM4LjEwMjY4IDQuMzgyMzEgNy45Njg2IDQuMzU1NzcgNy44NDM1IDQuMzA0MDRDNy43MTgzOSA0LjI1MjMxIDcuNjA0NzIgNC4xNzY0IDcuNTA4OTkgNC4wODA2N0M3LjQxMzI2IDMuOTg0OTUgNy4zMzczNiAzLjg3MTI4IDcuMjg1NjMgMy43NDYxN0M3LjIzMzkgMy42MjEwNyA3LjIwNzM2IDMuNDg2OTggNy4yMDc1MiAzLjM1MTYxVjBMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzhFRDFCMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1Ml80MzM5Ij4KPHJlY3Qgd2lkdGg9IjExLjU4OTciIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .uppy-customization .uppy-Dashboard-Item-previewIcon svg g {
    fill: none; }
  .uppy-customization .uppy-dashboard-edit-name {
    border: none;
    box-shadow: none; }
  .uppy-customization .uppy-dashboard-edit-name .uppy-DashboardContent-back {
    float: right; }
  .uppy-customization .uppy-StatusBar-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    position: static;
    background-color: transparent !important; }
  .uppy-customization .uppy-DashboardContent-bar {
    width: 70%;
    position: absolute;
    top: 63%;
    height: 65px !important;
    background-color: transparent !important; }
  .uppy-customization .uppy-StatusBar:not([aria-hidden="true"]).is-waiting {
    background-color: transparent !important;
    border: 0px; }
  .uppy-customization .uppy-StatusBar::before {
    background-color: transparent !important; }
  .uppy-customization .uppy-DashboardContent-title {
    display: none; }

#asset-upload .uppy-size--md .uppy-Dashboard-Item-previewIcon,
#asset-upload .uppy-Dashboard-Item-previewIcon {
  background-image: none; }

.import-popup .p-dialog-content > div {
  width: 100%; }

.import-summary-popup .p-dialog-content > div {
  width: 100%; }

.clone-btn {
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.clone-btn-disable {
  opacity: .1;
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzkuNzY2NjcgMjAgNy44NzUgMTkuMjI1IDYuMzI1IDE3LjY3NUM0Ljc3NSAxNi4xMjUgNCAxNC4yMzMzIDQgMTJDNCA5Ljc2NjY3IDQuNzc1IDcuODc1IDYuMzI1IDYuMzI1QzcuODc1IDQuNzc1IDkuNzY2NjcgNCAxMiA0QzEzLjE1IDQgMTQuMjUgNC4yMzczMyAxNS4zIDQuNzEyQzE2LjM1IDUuMTg2NjcgMTcuMjUgNS44NjYgMTggNi43NVY0SDIwVjExSDEzVjlIMTcuMkMxNi42NjY3IDguMDY2NjcgMTUuOTM3MyA3LjMzMzMzIDE1LjAxMiA2LjhDMTQuMDg2NyA2LjI2NjY3IDEzLjA4MjcgNiAxMiA2QzEwLjMzMzMgNiA4LjkxNjY3IDYuNTgzMzMgNy43NSA3Ljc1QzYuNTgzMzMgOC45MTY2NyA2IDEwLjMzMzMgNiAxMkM2IDEzLjY2NjcgNi41ODMzMyAxNS4wODMzIDcuNzUgMTYuMjVDOC45MTY2NyAxNy40MTY3IDEwLjMzMzMgMTggMTIgMThDMTMuMjgzMyAxOCAxNC40NDE3IDE3LjYzMzMgMTUuNDc1IDE2LjlDMTYuNTA4MyAxNi4xNjY3IDE3LjIzMzMgMTUuMiAxNy42NSAxNEgxOS43NUMxOS4yODMzIDE1Ljc2NjcgMTguMzMzMyAxNy4yMDgzIDE2LjkgMTguMzI1QzE1LjQ2NjcgMTkuNDQxNyAxMy44MzMzIDIwIDEyIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px;
  font-size: 14px;
  font-weight: bold;
  font-family: Chivo-Bold; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 100%; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-final-result-img-container {
  margin-top: 5%;
  margin-bottom: 3%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black !important;
  font-size: 18px; }

.modal-dailog-content {
  height: 46vw; }

.modal {
  z-index: 1158 !important; }

.modal-backdrop {
  z-index: 1110; }

.modal-backdrop {
  background-color: rgba(0, 51, 83, 0.2) !important;
  opacity: 1; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

.uppy-DashboardTab {
  width: 120px !important;
  height: 120px;
  background: white;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px;
  margin: 10px; }

.uppy-DashboardTab:hover {
  box-shadow: 0px 23.5px 18px rgba(0, 0, 0, 0.1); }

.uppy-DashboardTab > button {
  width: 100% !important;
  height: 100%; }

.uppy-DashboardTab[data-uppy-acquirer-id] {
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center; }

.uppy-DashboardTab[data-uppy-acquirer-id="GoogleDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODcuMyA3OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im02LjYgNjYuODUgMy44NSA2LjY1Yy44IDEuNCAxLjk1IDIuNSAzLjMgMy4zbDEzLjc1LTIzLjhoLTI3LjVjMCAxLjU1LjQgMy4xIDEuMiA0LjV6IiBmaWxsPSIjMDA2NmRhIi8+Cgk8cGF0aCBkPSJtNDMuNjUgMjUtMTMuNzUtMjMuOGMtMS4zNS44LTIuNSAxLjktMy4zIDMuM2wtMjUuNCA0NGE5LjA2IDkuMDYgMCAwIDAgLTEuMiA0LjVoMjcuNXoiIGZpbGw9IiMwMGFjNDciLz4KCTxwYXRoIGQ9Im03My41NSA3Ni44YzEuMzUtLjggMi41LTEuOSAzLjMtMy4zbDEuNi0yLjc1IDcuNjUtMTMuMjVjLjgtMS40IDEuMi0yLjk1IDEuMi00LjVoLTI3LjUwMmw1Ljg1MiAxMS41eiIgZmlsbD0iI2VhNDMzNSIvPgoJPHBhdGggZD0ibTQzLjY1IDI1IDEzLjc1LTIzLjhjLTEuMzUtLjgtMi45LTEuMi00LjUtMS4yaC0xOC41Yy0xLjYgMC0zLjE1LjQ1LTQuNSAxLjJ6IiBmaWxsPSIjMDA4MzJkIi8+Cgk8cGF0aCBkPSJtNTkuOCA1M2gtMzIuM2wtMTMuNzUgMjMuOGMxLjM1LjggMi45IDEuMiA0LjUgMS4yaDUwLjhjMS42IDAgMy4xNS0uNDUgNC41LTEuMnoiIGZpbGw9IiMyNjg0ZmMiLz4KCTxwYXRoIGQ9Im03My40IDI2LjUtMTIuNy0yMmMtLjgtMS40LTEuOTUtMi41LTMuMy0zLjNsLTEzLjc1IDIzLjggMTYuMTUgMjhoMjcuNDVjMC0xLjU1LS40LTMuMS0xLjItNC41eiIgZmlsbD0iI2ZmYmEwMCIvPgo8L3N2Zz4=); }

.uppy-DashboardTab[data-uppy-acquirer-id="MyDevice"] {
  background-image: url(cd2763b641892d1ec541632f7482a166.png); }

.uppy-DashboardTab[data-uppy-acquirer-id="OneDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgNS41IDMyIDIwLjUiPjx0aXRsZT5PZmZpY2VDb3JlMTBfMzJ4XzI0eF8yMHhfMTZ4XzAxLTIyLTIwMTk8L3RpdGxlPjxnIGlkPSJTVFlMRV9DT0xPUiI+PHBhdGggZD0iTTEyLjIwMjQ1LDExLjE5MjkybC4wMDAzMS0uMDAxMSw2LjcxNzY1LDQuMDIzNzksNC4wMDI5My0xLjY4NDUxLjAwMDE4LjAwMDY4QTYuNDc2OCw2LjQ3NjgsMCwwLDEsMjUuNSwxM2MuMTQ3NjQsMCwuMjkzNTguMDA2Ny40Mzg3OC4wMTYzOWExMC4wMDA3NSwxMC4wMDA3NSwwLDAsMC0xOC4wNDEtMy4wMTM4MUM3LjkzMiwxMC4wMDIxNSw3Ljk2NTcsMTAsOCwxMEE3Ljk2MDczLDcuOTYwNzMsMCwwLDEsMTIuMjAyNDUsMTEuMTkyOTJaIiBmaWxsPSIjMDM2NGI4Ii8+PHBhdGggZD0iTTEyLjIwMjc2LDExLjE5MTgybC0uMDAwMzEuMDAxMUE3Ljk2MDczLDcuOTYwNzMsMCwwLDAsOCwxMGMtLjAzNDMsMC0uMDY4MDUuMDAyMTUtLjEwMjIzLjAwMjU4QTcuOTk2NzYsNy45OTY3NiwwLDAsMCwxLjQzNzMyLDIyLjU3Mjc3bDUuOTI0LTIuNDkyOTIsMi42MzM0Mi0xLjEwODE5LDUuODYzNTMtMi40Njc0NiwzLjA2MjEzLTEuMjg4NTlaIiBmaWxsPSIjMDA3OGQ0Ii8+PHBhdGggZD0iTTI1LjkzODc4LDEzLjAxNjM5QzI1Ljc5MzU4LDEzLjAwNjcsMjUuNjQ3NjQsMTMsMjUuNSwxM2E2LjQ3NjgsNi40NzY4LDAsMCwwLTIuNTc2NDguNTMxNzhsLS4wMDAxOC0uMDAwNjgtNC4wMDI5MywxLjY4NDUxLDEuMTYwNzcuNjk1MjhMMjMuODg2MTEsMTguMTlsMS42NjAwOS45OTQzOCw1LjY3NjMzLDMuNDAwMDdhNi41MDAyLDYuNTAwMiwwLDAsMC01LjI4Mzc1LTkuNTY4MDVaIiBmaWxsPSIjMTQ5MGRmIi8+PHBhdGggZD0iTTI1LjU0NjIsMTkuMTg0MzcsMjMuODg2MTEsMTguMTlsLTMuODA0OTMtMi4yNzkxLTEuMTYwNzctLjY5NTI4TDE1Ljg1ODI4LDE2LjUwNDIsOS45OTQ3NSwxOC45NzE2Niw3LjM2MTMzLDIwLjA3OTg1bC01LjkyNCwyLjQ5MjkyQTcuOTg4ODksNy45ODg4OSwwLDAsMCw4LDI2SDI1LjVhNi40OTgzNyw2LjQ5ODM3LDAsMCwwLDUuNzIyNTMtMy40MTU1NloiIGZpbGw9IiMyOGE4ZWEiLz48L2c+PC9zdmc+); }

.uppy-DashboardTab[data-uppy-acquirer-id="Box"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjEzNzkiIHZpZXdCb3g9IjAgMCA0NDQuODkzIDI0NS40MTQiPjxnIGZpbGw9IiMwMDc1QzkiPjxwYXRoIGQ9Ik0yMzkuMDM4IDcyLjQzYy0zMy4wODEgMC02MS44MDYgMTguNi03Ni4zMjIgNDUuOTA0LTE0LjUxNi0yNy4zMDUtNDMuMjQtNDUuOTAyLTc2LjMyLTQ1LjkwMi0xOS40NDMgMC0zNy4zODUgNi40MjQtNTEuODIxIDE3LjI2NlYxNi45MjVoLS4wMDhDMzQuMzY1IDcuNTQ3IDI2LjcxMyAwIDE3LjI4NiAwIDcuODU4IDAgLjIwOCA3LjU0Ny4wMDggMTYuOTI1SDB2MTQzLjMzM2guMDM2Yy43NjggNDcuMDUxIDM5LjEyNSA4NC45NjcgODYuMzU5IDg0Ljk2NyAzMy4wOCAwIDYxLjgwNS0xOC42MDMgNzYuMzItNDUuOTA4IDE0LjUxNyAyNy4zMDcgNDMuMjQxIDQ1LjkwNiA3Ni4zMjEgNDUuOTA2IDQ3LjcxNSAwIDg2LjM5Ni0zOC42ODQgODYuMzk2LTg2LjM5Ni4wMDEtNDcuNzE4LTM4LjY4Mi04Ni4zOTctODYuMzk0LTg2LjM5N3pNODYuMzk1IDIxMC42NDhjLTI4LjYyMSAwLTUxLjgyMS0yMy4yMDEtNTEuODIxLTUxLjgyIDAtMjguNjIzIDIzLjIwMS01MS44MjMgNTEuODIxLTUxLjgyMyAyOC42MjEgMCA1MS44MjIgMjMuMiA1MS44MjIgNTEuODIzIDAgMjguNjE5LTIzLjIwMSA1MS44Mi01MS44MjIgNTEuODJ6bTE1Mi42NDMgMGMtMjguNjIyIDAtNTEuODIxLTIzLjIwMS01MS44MjEtNTEuODIyIDAtMjguNjIzIDIzLjItNTEuODIxIDUxLjgyMS01MS44MjEgMjguNjE5IDAgNTEuODIyIDIzLjE5OCA1MS44MjIgNTEuODIxLS4wMDEgMjguNjIxLTIzLjIwMyA1MS44MjItNTEuODIyIDUxLjgyMnoiLz48cGF0aCBkPSJNNDQxLjY1MSAyMTguMDMzbC00NC4yNDYtNTkuMTQzIDQ0LjI0Ni01OS4xNDQtLjAwOC0uMDA3YzUuNDczLTcuNjIgMy44ODctMTguMjQ5LTMuNjUyLTIzLjkxMy03LjUzNy01LjY1OC0xOC4xODctNC4yMjEtMjMuOTggMy4xNTdsLS4wMDQtLjAwMi0zOC4xODggNTEuMDQ3LTM4LjE4OC01MS4wNDctLjAwNi4wMDljLTUuNzkzLTcuMzg1LTE2LjQ0MS04LjgyMi0yMy45ODEtMy4xNi03LjUzOSA1LjY2NC05LjEyNSAxNi4yOTMtMy42NDkgMjMuOTExbC0uMDA4LjAwNSA0NC4yNDUgNTkuMTQ0LTQ0LjI0NSA1OS4xNDMuMDA4LjAwNWMtNS40NzcgNy42Mi0zLjg5IDE4LjI0NyAzLjY0OSAyMy45MDkgNy41NCA1LjY2NCAxOC4xODggNC4yMjUgMjMuOTgxLTMuMTU1bC4wMDYuMDA3IDM4LjE4OC01MS4wNDkgMzguMTg4IDUxLjA0OS4wMDQtLjAwMmM1Ljc5NCA3LjM3NyAxNi40NDMgOC44MTQgMjMuOTggMy4xNTQgNy41MzktNS42NjIgOS4xMjUtMTYuMjkxIDMuNjUyLTIzLjkxbC4wMDgtLjAwOHoiLz48L2c+PC9zdmc+); }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: 'Helvetica';
  color: #000 !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: relative; }

.import-data .uppy-customization .uppy-Dashboard-Item-preview {
  width: 50px;
  margin-right: 5px;
  height: 100%; }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  height: 100%;
  overflow: hidden; }

.import-data .uppy-Dashboard-Item-previewInnerWrap {
  align-items: center;
  height: 100%; }

.import-data .uppy-Dashboard-Item-previewIconBg {
  filter: none; }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #ffffff;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: "Helvetica";
  color: #000 !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 3px;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05)); }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  overflow: hidden;
  align-items: center; }

.import-data
.uppy-customization
[dir="ltr"]
.uppy-Dashboard-Item-action--remove {
  left: auto; }

.import-data .uppy-customization .uppy-Dashboard-Item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 130px; }

.cloudisopen .uppy-Dashboard-AddFiles-title {
  display: none; }

.localisopen .uppy-Dashboard-AddFiles-title {
  display: block; }

.margin-assign {
  margin-right: -30px; }

.container-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 125px;
  top: 7px; }

.loader-parent {
  position: relative; }

.circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .circle:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); }

.circle-1 {
  background-color: #49b8e5; }
  .circle-1:before {
    background-color: #49b8e5;
    animation-delay: 200ms; }

.circle-2 {
  background-color: #1e98d4; }
  .circle-2:before {
    background-color: #1e98d4;
    animation-delay: 400ms; }

.circle-3 {
  background-color: #2a92d0; }
  .circle-3:before {
    background-color: #2a92d0;
    animation-delay: 600ms; }

.circle-4 {
  background-color: #3a88c8; }
  .circle-4:before {
    background-color: #3a88c8;
    animation-delay: 800ms; }

.circle-5 {
  background-color: #507cbe; }
  .circle-5:before {
    background-color: #507cbe;
    animation-delay: 1000ms; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%, 75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }

.export-buttons .pimbtn, .custom-button {
  background: #0E90E1 !important;
  font-family: 'Chivo-Regular' !important;
  border: none; }

.p-button-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: Chivo-Bold !important; }

/**************Pimerce Blue Theme***************/

.product-badge {
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  width: 34px; }

.product-badge.status-approved {
  background: #c8e6c9;
  color: #256029;
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.status-approved-legend {
  background: #c8e6c9;
  color: #256029;
  border-radius: 50%;
  width: 30px;
  height: 30px; }

.status-pendingvalidation-legend {
  background: #feedaf;
  color: #8a5340;
  border-radius: 50%;
  width: 30px;
  height: 30px; }

.product-badge.status-outofstock {
  background: #ffcdd2;
  color: #c63737; }

.product-badge.status-pendingvalidation {
  background: #feedaf;
  color: #8a5340;
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.product-badge.status-readyforprocess {
  background: #feedaf;
  color: #8a5340;
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.searchIconClassName {
  display: flex;
  position: absolute;
  right: 180px; }
  .searchIconClassName #searchBarBox_style1 {
    margin-top: 1px !important;
    padding-top: 8px !important; }
  .searchIconClassName #searchBarBox_style2 {
    margin-top: 1px; }
  .searchIconClassName .searchboxPlaceholder {
    padding: 0.5em 15px !important;
    margin-top: 1px !important;
    border-radius: 0px 0px 0px 0px; }
  .searchIconClassName .searchboxPlaceholder:focus {
    outline: 0px solid #efefef; }

.section-tab-card-style .p-accordion
.p-accordion-custom:not(.p-disabled).p-highlight
.p-accordion-header-link {
  background: #e3f3ff;
  border-color: #e3f3ff;
  color: #343a40;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.section-tab-card-style .p-accordion .p-accordion-custom .p-accordion-header-link {
  padding: 1rem;
  font-weight: 500; }

.section-tab-card-style .product-info-title {
  width: 100%;
  height: 22px;
  font-size: 18px;
  font-weight: 600;
  font-family: Chivo-Medium;
  color: #000000;
  padding-left: 10px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-top: 14px; }

.section-tab-card-style .product-info-sub-title {
  font-weight: 600;
  margin-bottom: 12px;
  background: #e3f3ff;
  color: #000000;
  font-family: Chivo-Bold;
  font-size: 14px;
  height: 28px; }

.section-tab-card-style .assortment-label-name {
  padding-left: 15px;
  margin-bottom: 0.3rem !important;
  font-family: "Chivo-Medium";
  font-weight: 500 !important;
  font-size: 14px;
  color: #000000; }

.section-tab-card-style .assortment-toggle-style {
  margin-left: 8px; }

.section-tab-card-style .sapcode-tooltip {
  padding-top: 5px; }

.section-tab-card-style .p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1.25rem;
  border: 1px solid #e3f3ff;
  color: #000000;
  background: #e3f3ff;
  font-weight: 700;
  border-radius: 6px;
  transition: box-shadow 0.2s;
  margin: 0px 12px 0 12px; }

.section-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight:hover
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important;
  color: #000000 !important; }

.section-tab-card-style .p-accordion
.p-accordion-header:not(.p-highlight):not(.p-disabled):hover
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important;
  color: #000000 !important; }

.section-tab-card-style .p-highlight {
  color: #fff !important;
  background: none !important; }

.gridcontainer .p-datatable-wrapper,
.gridcontainer .p-datatable-scrollable-wrapper {
  background-color: transparent; }

.section-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important; }

.section-tab-card-style {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -18px;
  margin-bottom: 15px; }

.datatable-container th:last-child {
  display: flex;
  justify-content: center; }

.datatable-container td:last-child {
  display: flex;
  justify-content: center; }

.section-tab-card-style .p-frozen-column {
  display: flex;
  justify-content: center; }

.section-tab-card-style .delete-btn {
  margin-top: 37px; }

.section-tab-card-style .css-1hwfws3 {
  padding: 2px 0px;
  cursor: pointer !important; }

.section-tab-card-style .p-accordion-content {
  margin: 0px 16px; }

.section-tab-card-style .p-accordion-tab {
  margin-bottom: 15px; }

.footer-btns {
  margin-right: 5px; }

.export-sku-template-style {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular;
  margin-left: auto;
  margin-right: 20px;
  margin-top: 3px;
  font-weight: 100; }

.import-ExcelButton-assortment {
  margin-right: 10px;
  text-decoration: underline;
  color: #0e90e1;
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 100;
  float: right;
  margin-top: 3px;
  cursor: pointer; }

.input-field-style .form-control {
  font-weight: 800; }

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
.p-inputswitch-slider:hover {
  background: #0e90e1;
  width: 54px;
  height: 24px; }

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
.p-inputswitch-slider {
  background: #0e90e1;
  width: 54px;
  height: 24px; }

.import-export-style {
  padding: 8px 12px 8px 20px;
  background: #e3f3ff;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: -18px;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.left-toolbar-template-style {
  padding-top: 0px; }

.datatable-container {
  border-radius: 0px !important; }
  .datatable-container .p-highlight {
    color: #000 !important;
    background: #e3f3ff !important;
    border: none; }

/* The Form Searchable Dropdown Css Stylings : */
.section-tab-card-style .class-prefix-dropdown__control {
  width: 97% !important;
  border-radius: 0px !important;
  border: 1px solid #efefef;
  height: 38px;
  cursor: pointer;
  padding-left: 15px;
  font-family: Chivo-Regular !important;
  font-weight: 500 !important;
  color: #2e3d4a !important;
  font-size: 14px !important;
  margin-left: 15px; }

.section-tab-card-style .class-prefix-dropdown__menu {
  width: 95% !important;
  margin-left: 10px; }

.section-tab-card-style .class-prefix-dropdown__control:hover {
  width: 97% !important;
  border-radius: 0px !important;
  border: 1px solid #efefef;
  height: 38px;
  cursor: pointer;
  padding-left: 15px;
  font-family: Chivo-Regular !important;
  font-weight: 500 !important;
  color: #2e3d4a !important;
  font-size: 14px !important;
  margin-left: 15px; }

.searchable_dropdown_field {
  width: 97%;
  color: gray;
  text-indent: 7px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.searchable_dropdown_field:hover {
  width: 97%;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.retailer-url {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.retailer-url:hover {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.retailer-url::placeholder {
  font-size: 12px !important; }

.msrp {
  width: 97% !important;
  margin-left: 6px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.msrp:hover {
  width: 97%;
  margin-left: 6px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.gt6 {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.gt6::placeholder {
  font-size: 12px !important; }

.gt6:hover {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.skuid {
  width: 97%;
  margin-left: 6px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.skuid:hover {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.skuid::placeholder {
  font-size: 12px !important; }

.skuname::placeholder {
  font-size: 12px !important; }

.skuname {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.skuname:hover {
  width: 97%;
  border-radius: 8px;
  margin-left: 6px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.sapcode::placeholder {
  font-size: 12px !important; }

.msrp::placeholder {
  font-size: 12px !important; }

.pi-input,
.pi-input:hover,
.p-input:focus {
  width: 100% !important;
  margin-left: 5px;
  text-indent: 7px;
  border-radius: 0px;
  border: 1px solid #D8D8D8;
  height: 38px;
  font-family: "Chivo-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  padding-left: 5px; }

.pi-input,
.pi-input::placeholder {
  font-family: "Chivo-Regular";
  font-size: 12px;
  font-weight: 400; }

.sapcode {
  width: 97% !important;
  margin-left: 6px;
  text-indent: 7px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  border: 1px solid #fff;
  height: 56px; }

.sapcode:hover {
  width: 97%;
  margin-left: 6px;
  border-radius: 8px;
  border: solid 1px #e9eff4;
  box-shadow: 0px -4px 24px 0px #ececec;
  height: 56px;
  cursor: pointer; }

.s_cat .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.category .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.brand .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.subbrand .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.keywordcategory .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.skutype .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.include-exclude {
  font-size: 1rem; }

.module-title {
  font-weight: 700;
  font-size: 1rem;
  padding-left: 10px; }

.filter-checkbox {
  font-size: 13px;
  font-weight: 600 !important; }

.error_msg {
  color: tomato;
  margin-left: 5px;
  margin-top: 0px;
  height: 20px;
  font-size: 12px;
  text-align: end;
  padding-right: 12px; }

.spinner-animation {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  vertical-align: text-bottom !important;
  border: 0.25em solid !important;
  border-right: 0.25em solid transparent !important;
  border-radius: 50% !important;
  border-width: 0.2em !important;
  animation: spinner-border 0.75s linear infinite !important;
  color: #0e90e1 !important;
  margin-right: 0.75rem !important;
  font-size: unset !important;
  padding: 0 !important; }

.header-title {
  font-size: 18px;
  padding: 10px;
  font-weight: 600;
  color: #000000;
  font-family: "Chivo-Bold" !important; }

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #FFF;
  padding-top: 0px;
  font-size: 12px;
  font-weight: 800; }

.p-checkbox-box.p-highlight:hover {
  border-color: darkgrey;
  background: darkgrey; }

.searchable_dropdown_field::placeholder {
  color: gray;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal; }

.manage-assortment-checkbox-style {
  transform: scale(1.2);
  cursor: pointer; }

.module-checkbox {
  margin-left: 10px; }
  .module-checkbox input[type="checkbox"] {
    transform: scale(1.2); }

.export-checkbox {
  transform: scale(1.2); }

#assortment-self-service .assortment-grid-header .p-dropdown .p-inputtext {
  border: none !important;
  font-weight: 600;
  font-size: 12px;
  color: white;
  margin-left: 0px !important;
  font-family: Chivo-Medium !important;
  font-weight: 500 !important; }

#assortment-self-service .assortment-grid-header .p-dropdown {
  height: 25px;
  min-width: 85px;
  text-align: center; }

#assortment-self-service .gridcontainer .p-column-filter-menu-button {
  padding: 0 8px 8px 0 !important; }

#assortment-self-service .gridcontainer .pi-filter-icon.pi-filter {
  width: 10px;
  height: 10px; }

#assortment-self-service .gridcontainer .pi-filter:before {
  color: #0e90e1; }

#assortment-self-service .p-dropdown-trigger {
  display: none; }

.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 0px; }

.p-listbox .p-listbox-list .p-listbox-item {
  padding: 8px !important; }

.p-listbox {
  border-radius: 0px !important; }

.p-column-filter-overlay-menu .p-column-filter-constraints {
  border: solid 1px #c2d5e5;
  border-radius: 0px !important;
  border-right: 2px solid #0e90e1; }

.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 0px; }

.p-dropdown-panel {
  font-size: 12px;
  border: 1px solid #e3f3ff;
  box-shadow: 0 4px 4px 0 RGB(0 0 0/5%);
  z-index: 3 !important; }

.p-column-filter-constraints {
  z-index: 3 !important; }

.p-dropdown-panel
.p-dropdown-items
.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background-color: #0e90e1 !important;
  color: #fff; }

.p-listbox .p-listbox-list {
  padding: 0 !important; }

.p-listbox:not(.p-disabled)
.p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  background-color: #0e90e1 !important;
  color: #fff; }

.p-column-filter-overlay {
  left: 67% !important;
  z-index: 3 !important; }

.p-column-filter-overlay-menu .p-multiselect-representative-option {
  font-size: 12px; }

.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 20px; }

.p-datatable .p-datatable-footer {
  background-color: #ffffff;
  color: #000000;
  border: none;
  font-family: Chivo-Regular;
  font-size: 12px; }

.grid-legend-text-style {
  padding-left: 0px; }

.p-paginator.p-component.p-paginator-bottom {
  margin-bottom: -65px !important;
  background: transparent; }

#assortment-self-service .p-datatable table {
  width: auto; }

#assortment-self-service .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
#assortment-self-service
.p-checkbox:not(.p-checkbox-disabled)
.p-checkbox-box.p-highlight:hover {
  background-color: #0e90e1 !important; }

#assortment-self-service .p-checkbox-box .pi-check:before {
  font-size: 12px; }

#assortment-self-service .datatable-container .p-highlight {
  background: #ffffff !important; }

#assortment-self-service .datatable-container .p-paginator .p-highlight {
  background: #ffffff !important;
  border: 1px solid #495057 !important; }

#assortment-self-service .p-checkbox-box .pi-check:before {
  font-size: x-small; }

.mandatory-form-group {
  font-size: 12px;
  margin-left: 2px; }

#assortment-self-service tr.p-datatable-emptymessage {
  max-height: 600px;
  min-height: 300px; }

.exclamation-triangle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MjAwMiAxOEMxLjY0NTM5IDE4LjMwMjQgMS41NTI5OSAxOC42NDUzIDEuNTUyMDEgMTguOTk0NUMxLjU1MTAzIDE5LjM0MzggMS42NDE1MSAxOS42ODcyIDEuODE0NDUgMTkuOTkwNUMxLjk4NzM4IDIwLjI5MzkgMi4yMzY3NSAyMC41NDY4IDIuNTM3NzMgMjAuNzIzOUMyLjgzODcxIDIwLjkwMSAzLjE4MDgyIDIwLjk5NjIgMy41MzAwMiAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI3IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcxIDE4LjY0NTMgMjIuMzU0NyAxOC4zMDI0IDIyLjE4IDE4TDEzLjcxIDMuODYwMDJDMTMuNTMxOCAzLjU2NjEzIDEzLjI4MDcgMy4zMjMxNCAxMi45ODEyIDMuMTU0NTFDMTIuNjgxNyAyLjk4NTg3IDEyLjM0MzggMi44OTcyOCAxMiAyLjg5NzI4QzExLjY1NjMgMi44OTcyOCAxMS4zMTg0IDIuOTg1ODcgMTEuMDE4OCAzLjE1NDUxQzEwLjcxOTMgMy4zMjMxNCAxMC40NjgzIDMuNTY2MTMgMTAuMjkgMy44NjAwMlYzLjg2MDAyWiIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOVYxMyIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTdIMTIuMDEiIHN0cm9rZT0iIzU4NUI1RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  display: block; }

.confirmation-content {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  overflow-wrap: anywhere; }

.custom-button {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px;
  border: 1px solid;
  min-width: 100px;
  margin-bottom: 10px;
  min-height: 32px; }

#assortment-self-service .p-button.p-button-icon-only.p-button-rounded {
  width: 24px;
  height: 24px; }

#assortment-self-service .p-button.p-button-icon-only.p-button-rounded:hover {
  width: 24px;
  height: 24px; }

#action-disable-style .pi {
  font-size: 10px;
  font-weight: 800; }

.p-button-text.custom-button.btn-yes {
  background-color: #0e90e1 !important;
  color: #ffffff !important; }

.p-dialog-footer .p-button.custom-button,
.p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
.custom-button {
  height: 32px;
  box-shadow: 0 4px 4px 0 RGB(0 0 0/5%);
  border-radius: 4px; }

.custom-button .text-light {
  color: #ffffff; }

.cancel-button {
  background-color: #efeff1 !important;
  color: #212529 !important; }

.custom-button {
  background-color: #0e90e1;
  border-radius: 4px !important;
  border: 1px solid #e6e6e6;
  color: #ffffff;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right;
  font-family: Chivo-Medium;
  margin-right: 15px !important;
  padding: 5px 10px 5px !important;
  width: 100px; }

.add-label-btn-style {
  margin-left: -16px !important; }

.assortment-sku-info-trash-style {
  background: #0e90e1 !important; }

#action-disable-style {
  cursor: not-allowed !important; }

.p-column-title {
  font-size: 12px !important;
  font-family: "Chivo-Bold" !important;
  color: #000000; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1 !important; }

.gridcontainer table .p-datatable-thead th {
  font-family: Chivo-Regular !important;
  font-size: 12px !important;
  font-style: normal !important; }

input.sapcode::placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

input.msrp::placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

input.skuname::placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

input.skuid::placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

input.retailer-url::placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

.css-1wa3eu0-placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px !important; }

.self-button-label .p-button-label {
  font-family: Chivo-Medium;
  font-weight: 500 !important; }

.assortment-grid-header .pim-font-property {
  height: 32px !important;
  border-radius: 0px !important; }

td:has(div.self-service-status-inactive) {
  background-color: rgba(250, 4, 45, 0.4);
  border-top: 2px solid #fa042d !important; }

#assortment-self-service
.self-tabel
.p-datatable-scrollable
.p-datatable-tbody
> tr
> td {
  align-self: auto !important; }

.p-datatable-scrollable .p-datatable-thead > tr > th,
.p-datatable-scrollable .p-datatable-tbody > tr > td,
.p-datatable-scrollable .p-datatable-tfoot > tr > td {
  display: grid !important; }

.assortment-grid-header .add-sku {
  display: flex;
  flex-direction: row-reverse;
  width: 90px;
  padding: 0 10px !important; }

.section-tab-card-style-last {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -18px;
  margin-bottom: 5px !important; }
  .section-tab-card-style-last .product-info-sub-title {
    font-weight: 600;
    margin-bottom: 12px;
    background: #e3f3ff;
    color: #000000;
    font-family: Chivo-Bold;
    font-size: 14px;
    height: 28px; }
  .section-tab-card-style-last .assortment-label-name {
    padding-left: 15px;
    margin-bottom: 0.3rem !important;
    font-family: "Chivo-Medium";
    font-weight: 500 !important;
    font-size: 14px;
    color: #000000; }

.self-btn-padding {
  padding: 10px; }

.self-btn-height {
  height: 32px;
  border-radius: 0px; }

.self-btn-light,
.self-btn-light:enabled:hover {
  font-family: Chivo-Regular;
  color: #212529 !important;
  flex: none;
  background-color: #e4f3ff !important; }

.p-inputswitch .p-inputswitch-slider:before {
  left: 0.1rem; }

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(1.8rem); }

#assortment-self-service .css-tlfecz-indicatorContainer {
  border-left: 1px solid #efefef;
  padding: 0px 8px !important; }

.retailer-col .css-yk16xz-control {
  border-color: #efefef; }

.required {
  margin-left: 2px; }

#assortment-self-service .gridcontainer .p-datatable-wrapper {
  padding: 0px !important;
  border-radius: 0px !important; }

#assortment-self-service .grid-card-style {
  border-radius: 0px;
  box-shadow: 0 0px 0px 0 black; }

#assortment-self-service .gridcontainer .p-datatable {
  margin-top: 0px !important;
  padding: 0px 15px; }

.toast-modal-style .modal-header {
  padding: 1rem 1.5rem 1rem 1rem !important; }

.datatable-container #searchBarBox_without_excel {
  width: 24px;
  height: 12px;
  color: #0e90e1;
  z-index: 1;
  cursor: pointer;
  margin-top: 1px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 22px;
  background: #f8fcff;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  border-right: solid 1px #e6e6e6; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.assortmentFooterStyle {
  display: flex !important;
  justify-content: center; }

.toast-confirmation-option-button-style {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 3%; }

.btn-no-border {
  border: none;
  min-width: 15%; }

.picklist-container {
  width: 101.5% !important; }

.submit-btn {
  display: flex;
  padding: 10px;
  justify-content: right; }

.exclamation-symbol {
  font-size: "2rem"; }

.spinner-style {
  padding: "2.1em 3em 1.1em 1em";
  margin-left: "35px"; }

.p-picklist .list-group-item {
  position: relative;
  display: block;
  background-color: #fff;
  border: none;
  padding: 0px; }

/**************Pimerce Blue Theme***************/

.accordion-tab-card-style .p-accordion
.p-accordion-custom:not(.p-disabled).p-highlight
.p-accordion-header-link {
  background: #e3f3ff;
  border-color: #e3f3ff;
  color: #343a40;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.accordion-tab-card-style .p-accordion .p-accordion-custom .p-accordion-header-link {
  padding: 1rem;
  font-weight: 500; }

.accordion-tab-card-style .product-info-title-style {
  width: auto;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  font-family: Chivo-Regular;
  color: #000000;
  padding-top: 10px;
  padding-right: 0px;
  left: 35px;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 24px; }

.accordion-tab-card-style .p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1.25rem;
  border: 1px solid #e3f3ff;
  color: #000000;
  background: #e3f3ff;
  font-weight: 700;
  border-radius: 6px;
  transition: box-shadow 0.2s;
  margin: 0px 12px 0 12px; }

.accordion-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight:hover
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important;
  color: #000000 !important; }

.accordion-tab-card-style .p-accordion
.p-accordion-header:not(.p-highlight):not(.p-disabled):hover
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important;
  color: #000000 !important; }

.accordion-tab-card-style .p-highlight {
  color: #fff !important;
  background: none !important; }

.accordion-tab-card-style .p-accordion
.p-accordion-header:not(.p-disabled).p-highlight
.p-accordion-header-link {
  border-color: #e3f3ff !important;
  background: #e3f3ff !important; }

.accordion-tab-card-style {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -18px;
  box-shadow: 0px 1px 1px 0px white; }

.accordion-tab-card-style .p-frozen-column {
  display: flex;
  justify-content: center; }

.accordion-tab-card-style .delete-btn {
  margin-top: 37px; }

.accordion-tab-card-style {
  padding-bottom: 35px;
  min-height: 400px; }

.accordion-tab-card-style .p-accordion-content {
  margin: 0px 16px; }

.accordion-tab-card-style .p-accordion-tab {
  margin-bottom: 15px; }

.accordion-tab-card-style .nav-pills .nav-link.active {
  color: #ffffff;
  background-color: #0e90e1;
  padding: 8px 15px;
  font-size: 14px !important;
  border-radius: 0px;
  font-weight: 400 !important; }

.accordion-tab-card-style a.nav-link {
  color: #000000;
  font-size: 14px !important;
  font-family: Chivo-Regular;
  padding: 8px 15px;
  border-radius: 0px;
  opacity: 1; }

.accordion-tab-card-style .accordion-tab-card-style a.nav-link.active {
  font-family: "Chivo-Regular";
  font-size: 14px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.accordion-tab-card-style .keyword-list-content {
  background: white;
  height: 32px;
  padding-left: 35px; }

.accordion-tab-card-style .keyword-list-content:nth-child(even) {
  background: #f5f9ff; }

.accordion-tab-card-style .keywords-list {
  height: 32px;
  display: flex;
  align-items: center; }

.accordion-tab-card-style .self-tab {
  border: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.accordion-tab-card-style .self-border {
  min-height: 12em;
  border: 1px solid #ececec;
  max-height: 50em;
  overflow: hidden;
  overflow-y: scroll; }

.accordion-tab-card-style .self-border-color-keycat {
  border: 1px solid #ececec; }

.accordion-tab-card-style .self-border-color {
  border-color: #ececec; }

.accordion-tab-card-style .keyword-list {
  margin-top: 15px; }

.accordion-tab-card-style .keyword-list-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding-left: 35px;
  padding-right: 51px;
  height: 32px;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, #e3f3ff, #e3f3ff), linear-gradient(0deg, #efefef, #efefef); }

.accordion-tab-card-style .keyword-cat-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding-left: 15px;
  height: 32px;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, #e3f3ff, #e3f3ff), linear-gradient(0deg, #efefef, #efefef); }

.accordion-tab-card-style .padding-0 {
  padding-right: 0; }

.sapcode-skuid-title-style {
  padding-top: 10px;
  padding-bottom: 7px;
  color: #000000;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  padding-right: 15px; }

.exclamation-triangle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MjAwMiAxOEMxLjY0NTM5IDE4LjMwMjQgMS41NTI5OSAxOC42NDUzIDEuNTUyMDEgMTguOTk0NUMxLjU1MTAzIDE5LjM0MzggMS42NDE1MSAxOS42ODcyIDEuODE0NDUgMTkuOTkwNUMxLjk4NzM4IDIwLjI5MzkgMi4yMzY3NSAyMC41NDY4IDIuNTM3NzMgMjAuNzIzOUMyLjgzODcxIDIwLjkwMSAzLjE4MDgyIDIwLjk5NjIgMy41MzAwMiAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI3IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcxIDE4LjY0NTMgMjIuMzU0NyAxOC4zMDI0IDIyLjE4IDE4TDEzLjcxIDMuODYwMDJDMTMuNTMxOCAzLjU2NjEzIDEzLjI4MDcgMy4zMjMxNCAxMi45ODEyIDMuMTU0NTFDMTIuNjgxNyAyLjk4NTg3IDEyLjM0MzggMi44OTcyOCAxMiAyLjg5NzI4QzExLjY1NjMgMi44OTcyOCAxMS4zMTg0IDIuOTg1ODcgMTEuMDE4OCAzLjE1NDUxQzEwLjcxOTMgMy4zMjMxNCAxMC40NjgzIDMuNTY2MTMgMTAuMjkgMy44NjAwMlYzLjg2MDAyWiIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOVYxMyIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTdIMTIuMDEiIHN0cm9rZT0iIzU4NUI1RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  display: block; }

.confirmation-content {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  overflow-wrap: anywhere; }

.keyword-add-btn-style {
  font-size: 14px !important;
  font-stretch: normal;
  font-family: "Chivo-Regular";
  border: none;
  height: 32px;
  width: 54px;
  border-radius: 0px;
  padding: 0.75rem 0.25rem; }
  .keyword-add-btn-style .p-button-label {
    font-weight: 400 !important; }

.keyword-save-assign-btn-style {
  font-size: 12px;
  font-stretch: normal;
  font-family: "Chivo-Medium";
  height: 32px;
  border: none !important;
  border-radius: 0px; }
  .keyword-save-assign-btn-style .p-button-label {
    font-weight: 500 !important; }

.keyword-save-btn-style {
  font-size: 12px;
  font-stretch: normal;
  font-family: "Chivo-Medium";
  height: 32px;
  border: none !important;
  border-radius: 0px;
  margin-right: 15px; }
  .keyword-save-btn-style .p-button-label {
    font-weight: 500 !important; }

.keyword-cancel-btn-style {
  font-size: 12px;
  font-stretch: normal;
  font-family: "Chivo-Medium";
  height: 32px;
  border: none !important;
  border-radius: 0px;
  margin-right: 10px; }
  .keyword-cancel-btn-style .p-button-label {
    font-weight: 500 !important; }

.keyword-trash-btn-style {
  border: none !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 51px !important; }

.form-check {
  padding-left: 0px; }
  .form-check .input:disabled {
    opacity: 1 !important; }

.save-and-assign-selectable {
  width: 96%;
  margin-left: 2%;
  margin-top: 10px;
  margin-bottom: 20px;
  max-height: 160px;
  min-height: 38px; }

.keywords-list {
  color: #373d3f;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular; }

.input-keyword-placeholder {
  font-size: 12px;
  font-family: Chivo-Regular;
  line-height: 1.43;
  font-weight: 400;
  padding-left: 0px; }

.skl-name-text-box {
  width: 100%;
  height: 34px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  padding: 0px 10px; }

.skl-name-text-box:focus {
  width: 100%;
  height: 34px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  padding: 0px 10px; }

.new-skl-label .modal-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px; }

.new-skl-label .modal-header {
  padding: 1rem 1rem 1rem 1rem; }

.skl-info-label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0px; }
  .skl-info-label span {
    color: #fa042d; }

.keyword-assign-modal .modal-header {
  padding: 1rem 1rem 1rem 1rem !important; }

.form-check .p-radiobutton .p-radiobutton-box {
  border: 2px solid #ced4da; }

.form-check .p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #0e90e1 !important; }

.save-and-assign-selectable .css-1ntmrmh-control:hover {
  border: 1px solid #0e90e1; }

.save-and-assign-selectable .css-1ntmrmh-control {
  min-height: 38px !important;
  border: 1px solid #d9d9d9; }

.save-and-assign-selectable .css-tlfecz-indicatorContainer,
.save-and-assign-selectable .css-tlfecz-indicatorContainer:hover {
  color: #212529; }

.save-and-assign-selectable .css-1o8ov43-multiValue {
  border-radius: 0px; }

.save-and-assign-selectable .css-19bqh2r {
  width: 22px; }

.accordion-tab-card-style .css-17db4yb-control,
.accordion-tab-card-style .css-17db4yb-control:focus,
.accordion-tab-card-style .css-17db4yb-control:hover {
  min-height: 36px; }

.accordion-tab-card-style .css-10pbj9c-control,
.accordion-tab-card-style .css-10pbj9c-control:focus,
.accordion-tab-card-style .css-10pbj9c-control:hover {
  min-height: 36px; }

#action-disable-style {
  cursor: not-allowed !important; }

.keyword-savebtn-styl {
  margin-right: 15px;
  opacity: 0.9 !important;
  font-size: 12px;
  font-stretch: normal;
  font-family: "Chivo-Medium";
  height: 32px;
  border: none !important;
  border-radius: 0px;
  cursor: pointer !important;
  pointer-events: all; }

.save_assign_modal .css-o90pz0-control {
  max-height: 160px;
  overflow-y: scroll; }

.save_assign_modal .css-1a2iegy-control {
  max-height: 160px;
  overflow-y: scroll; }

/**************Pimerce Blue Theme***************/

.new-button-style {
  width: 107px;
  color: #ffffff;
  border-radius: 24px !important;
  padding: 2.5%;
  border: none;
  height: 40px;
  margin-left: 113px;
  background-color: #e3f3ff !important; }

.p-toolbar {
  border: none;
  margin-bottom: 0px !important;
  border: 0px solid #e2e8f0;
  border-radius: 0px 0px 6px 6px;
  border-top: 0px;
  margin-top: -75px;
  min-height: 70px;
  margin-right: -15px;
  box-shadow: none; }

.p-toolbar.p-component.mb-4.mt-3 {
  box-shadow: none;
  background: none; }

.organization-search-dropdown .class-prefix-dropdown__control {
  border-radius: 30px;
  box-shadow: 0 -4px 24px 0 #ececec !important;
  border: none;
  background-color: var(--white);
  height: 55px;
  cursor: pointer;
  margin: 0px 0 14px 0px; }

.master-save-btn {
  background-color: #0E90E1 !important;
  border-radius: 5px;
  border: 0 !important;
  color: white !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: Chivo-Medium;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2) !important;
  min-height: 40px;
  min-width: 97px;
  margin: -19px 20px 0 0px;
  float: right; }

.cancel-button-clickable-style {
  border: none;
  border-radius: 25px;
  background-color: #0E90E1;
  margin-bottom: -29px;
  color: white !important;
  width: 85px;
  height: 43px;
  cursor: pointer; }

.picklist-card-style {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-right: -18px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.datatable-container th:last-child {
  display: flex;
  justify-content: center; }

.datatable-container td:last-child {
  display: flex;
  justify-content: center; }

.render-box {
  min-height: 50vh; }

.creatable .css-1hwfws3 {
  flex-wrap: wrap; }

.competitor-select__multi-value {
  background-color: #e6e6e6;
  padding: 0px 6px;
  min-width: 50px; }

.competitor-select__multi-value__remove {
  display: inline-block; }

.competitor-info-pi-plus-btn-style {
  margin-left: -38px !important; }

.childDataTable .p-datatable-thead {
  display: none; }

.childDataTable .p-datatable-wrapper {
  border: 0px solid #C2D5E5 !important; }

.childDataTable .p-datatable-tbody {
  height: 100px; }

#child-competitor .css-1pahdxg-control:hover {
  border: none; }

#child-competitor .creatable.css-2b097c-container {
  width: 700px; }

#child-competitor .css-yk16xz-control {
  box-shadow: transparent 0px 0px 0px 1px;
  border: none; }

.showToastMessage {
  margin-Left: auto;
  margin-Right: auto;
  margin-Bottom: 8%; }

.columnCellStyle {
  width: 700px !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.thead.p-datatable-thead {
  background-color: none !important;
  border: 0px;
  outline: none;
  box-shadow: none;
  color: inherit; }

.inner-datatable-style .p-datatable-wrapper {
  max-height: 142px; }

.inner-datatable-style .p-datatable .p-datatable-header {
  background: none;
  border: none; }

.inner-datatable-style th.columnheaderBg {
  display: none !important; }

.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type=text],
.jsoneditor input[type=search],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type=text],
.jsoneditor-modal input[type=search] {
  height: auto;
  border: inherit;
  box-shadow: none;
  font-size: inherit;
  box-sizing: inherit;
  padding: inherit;
  font-family: inherit;
  transition: none;
  line-height: inherit;
}

.jsoneditor input:focus,
.jsoneditor input:not([type]):focus,
.jsoneditor input[type=text]:focus,
.jsoneditor input[type=search]:focus,
.jsoneditor-modal input:focus,
.jsoneditor-modal input:not([type]):focus,
.jsoneditor-modal input[type=text]:focus,
.jsoneditor-modal input[type=search]:focus {
  border: inherit;
  box-shadow: inherit;
}

.jsoneditor textarea,
.jsoneditor-modal textarea {
  height: inherit;
}

.jsoneditor select,
.jsoneditor-modal select {
  display: inherit;
  height: inherit;
}

.jsoneditor label,
.jsoneditor-modal label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.jsoneditor table,
.jsoneditor-modal table {
  border-collapse: collapse;
  width: auto;
}

.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}

.jsoneditor .autocomplete.dropdown {
  position: absolute;
  background: #ffffff;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  border: 1px solid #d3d3d3;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  margin: 0;
  padding: 5px;
  text-align: left;
  outline: 0;
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
}

.jsoneditor .autocomplete.dropdown .item {
  color: #1a1a1a;
}

.jsoneditor .autocomplete.dropdown .item.hover {
  background-color: #ebebeb;
}

.jsoneditor .autocomplete.hint {
  color: #a1a1a1;
  top: 4px;
  left: 4px;
}

.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}

.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 2;
}

.jsoneditor-contextmenu .jsoneditor-menu {
  position: relative;
  left: 0;
  top: 0;
  width: 128px;
  height: auto;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}

.jsoneditor-contextmenu .jsoneditor-menu button {
  position: relative;
  padding: 0 8px 0 0;
  margin: 0;
  width: 128px;
  height: auto;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 14px;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  text-align: left;
}

.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
  width: 96px;
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}

.jsoneditor-contextmenu .jsoneditor-menu li {
  overflow: hidden;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
  margin-left: 24px;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
  padding-left: 24px;
  animation: all ease-in-out 1s;
}

.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: 0 -72px;
}

.jsoneditor-contextmenu .jsoneditor-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
}

.jsoneditor-contextmenu .jsoneditor-text {
  padding: 4px 0 4px 24px;
  word-wrap: break-word;
}

.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
  padding-right: 24px;
}

.jsoneditor-contextmenu .jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
  background-position: -24px 0;
}

.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
  background-position: 0 0;
}

.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
  background-position: 0 0;
}

.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
  background-position: -48px 0;
}

.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
  background-position: -168px 0;
}

.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
  background-position: -192px 0;
}

.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
  background-position: -216px 0;
}

.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
  background-position: 0 -24px;
}

.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
  background-position: -144px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
  background-position: -120px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
  background-position: -72px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
  background-position: -96px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
  background-image: none;
  width: 6px;
}

.jsoneditor-contextmenu ul,
.jsoneditor-contextmenu li {
  box-sizing: content-box;
  position: relative;
}

.jsoneditor-contextmenu .jsoneditor-menu button:hover,
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}

.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
  color: #ffffff;
  background-color: #ee422e;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
  background-color: #f5f5f5;
}

.jsoneditor-modal {
  max-width: 95%;
  border-radius: 2px !important;
  padding: 45px 15px 15px 15px !important;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  color: #4d4d4d;
  line-height: 1.3em;
}

.jsoneditor-modal.jsoneditor-modal-transform {
  width: 600px !important;
}

.jsoneditor-modal .pico-modal-header {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-family: arial, sans-serif;
  font-size: 11pt;
  background: #3883fa;
  color: #ffffff;
}

.jsoneditor-modal table {
  width: 100%;
}

.jsoneditor-modal table td {
  padding: 3px 0;
}

.jsoneditor-modal table td.jsoneditor-modal-input {
  text-align: right;
  padding-right: 0;
  white-space: nowrap;
}

.jsoneditor-modal table td.jsoneditor-modal-actions {
  padding-top: 15px;
}

.jsoneditor-modal table th {
  vertical-align: middle;
}

.jsoneditor-modal p:first-child {
  margin-top: 0;
}

.jsoneditor-modal a {
  color: #3883fa;
}

.jsoneditor-modal .jsoneditor-jmespath-block {
  margin-bottom: 10px;
}

.jsoneditor-modal .pico-close {
  background: none !important;
  font-size: 24px !important;
  top: 7px !important;
  right: 7px !important;
  color: #ffffff;
}

.jsoneditor-modal input {
  padding: 4px;
}

.jsoneditor-modal input[type=text] {
  cursor: inherit;
}

.jsoneditor-modal input[disabled] {
  background: #d3d3d3;
  color: #808080;
}

.jsoneditor-modal .jsoneditor-select-wrapper {
  position: relative;
  display: inline-block;
}

.jsoneditor-modal .jsoneditor-select-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #666;
  position: absolute;
  right: 8px;
  top: 14px;
  pointer-events: none;
}

.jsoneditor-modal select {
  padding: 3px 24px 3px 10px;
  min-width: 180px;
  max-width: 350px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0;
  text-overflow: "";
  font-size: 14px;
  line-height: 1.5em;
}

.jsoneditor-modal select::-ms-expand {
  display: none;
}

.jsoneditor-modal .jsoneditor-button-group input {
  padding: 4px 10px;
  margin: 0;
  border-radius: 0;
  border-left-style: none;
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left-style: solid;
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.jsoneditor-modal .jsoneditor-transform-preview {
  background: #f5f5f5;
  height: 200px;
}

.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
  color: #ee422e;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard {
  line-height: 1.2em;
  width: 100%;
  padding: 0;
  border-radius: 3px;
}

.jsoneditor-modal .jsoneditor-jmespath-label {
  font-weight: bold;
  color: dodgerblue;
  margin-top: 20px;
  margin-bottom: 5px;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
  width: 100%;
  border-collapse: collapse;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
  font-style: italic;
  margin: 4px 0 2px 0;
}

.jsoneditor-modal .jsoneditor-inline {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
  padding-right: 2px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter {
  display: flex;
  flex-wrap: wrap;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-field {
  width: 180px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
  width: 100px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-value {
  min-width: 180px;
  flex: 1;
}

.jsoneditor-modal .jsoneditor-jmespath-sort-field {
  width: 170px;
}

.jsoneditor-modal .jsoneditor-jmespath-sort-order {
  width: 150px;
}

.jsoneditor-modal .jsoneditor-jmespath-select-fields {
  width: 100%;
}

.jsoneditor-modal .selectr-selected {
  border-color: #d3d3d3;
  padding: 4px 28px 4px 8px;
}

.jsoneditor-modal .selectr-selected .selectr-tag {
  background-color: #3883fa;
  border-radius: 5px;
}

.jsoneditor-modal table th,
.jsoneditor-modal table td {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: #4d4d4d;
  border-spacing: 0;
  border-collapse: collapse;
}

.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal input[type=text]:focus,
.jsoneditor-modal #query {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  color: #4d4d4d;
  border-radius: 3px;
  padding: 4px;
}

.jsoneditor-modal textarea,
.jsoneditor-modal #query {
  border-radius: unset;
}

.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal #query {
  font-size: 10.5pt;
  font-family: arial, sans-serif;
}

.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}

.jsoneditor-modal input[type=button],
.jsoneditor-modal input[type=submit] {
  background: #f5f5f5;
  padding: 4px 20px;
}

.jsoneditor-modal select,
.jsoneditor-modal input {
  cursor: pointer;
}

.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
  background: #3883fa;
  border-color: #3883fa;
  color: #ffffff;
}

.jsoneditor {
  color: #1a1a1a;
  border: thin solid #3883fa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  line-height: 16px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left;
}

div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0;
}

div.jsoneditor-value {
  word-break: break-word;
}

div.jsoneditor-value.jsoneditor-empty::after {
  content: "value";
}

div.jsoneditor-value.jsoneditor-string {
  color: #006000;
}

div.jsoneditor-value.jsoneditor-number {
  color: #ee422e;
}

div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00;
}

div.jsoneditor-value.jsoneditor-null {
  color: #004ed0;
}

div.jsoneditor-value.jsoneditor-color-value {
  color: #1a1a1a;
}

div.jsoneditor-value.jsoneditor-invalid {
  color: #1a1a1a;
}

div.jsoneditor-readonly {
  min-width: 16px;
  color: #808080;
}

div.jsoneditor-empty {
  border-color: #d3d3d3;
  border-style: dashed;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-empty::after {
  content: "field";
}

div.jsoneditor td {
  vertical-align: top;
}

div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: #808080;
}

div.jsoneditor td.jsoneditor-tree {
  vertical-align: top;
}

div.jsoneditor.busy pre.jsoneditor-preview {
  background: #f5f5f5;
  color: #808080;
}

div.jsoneditor.busy div.jsoneditor-busy {
  display: inherit;
}

div.jsoneditor code.jsoneditor-preview {
  background: none;
}

div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  padding: 2px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

div.jsoneditor-default {
  color: #808080;
  padding-left: 10px;
}

div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  background: #ffffff;
}

div.jsoneditor-tree button.jsoneditor-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
}

div.jsoneditor-tree button.jsoneditor-button:focus {
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}

div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px;
}

div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button {
  background-position: -48px -72px;
}

div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: none;
}

div.jsoneditor-tree button.jsoneditor-dragarea {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -72px -72px;
  cursor: move;
}

div.jsoneditor-tree *:focus {
  outline: none;
}

div.jsoneditor-tree div.jsoneditor-show-more {
  display: inline-block;
  padding: 3px 4px;
  margin: 2px 0;
  background-color: #e5e5e5;
  border-radius: 3px;
  color: #808080;
  font-family: arial, sans-serif;
  font-size: 14px;
}

div.jsoneditor-tree div.jsoneditor-show-more a {
  display: inline-block;
  color: #808080;
}

div.jsoneditor-tree div.jsoneditor-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 4px;
  border: 1px solid #808080;
  cursor: pointer;
}

div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
  cursor: inherit;
}

div.jsoneditor-tree div.jsoneditor-date {
  background: #a1a1a1;
  color: #ffffff;
  font-family: arial, sans-serif;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
  margin: 0 3px;
}

div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.jsoneditor-tree .jsoneditor-button {
  display: block;
}

div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  background-color: transparent;
}

div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.jsoneditor-outer.has-nav-bar {
  margin-top: -26px;
  padding-top: 26px;
}

div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
  margin-top: -61px;
  padding-top: 61px;
}

div.jsoneditor-outer.has-status-bar {
  margin-bottom: -26px;
  padding-bottom: 26px;
}

div.jsoneditor-outer.has-main-menu-bar {
  margin-top: -35px;
  padding-top: 35px;
}

div.jsoneditor-busy {
  position: absolute;
  top: 15%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: none;
}

div.jsoneditor-busy span {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 3px;
  padding: 5px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: #d3d3d3;
  font-size: 8pt;
}

div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: #006000;
  text-decoration: underline;
}

a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}

a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e;
}

div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}

div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  background-position: -48px -48px;
}

div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
  color: #ee422e;
}

textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 150px;
}

textarea.jsoneditor-text.ace_editor,
.ace-jsoneditor.ace_editor {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
}

textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: #ffffff;
  resize: none;
}

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #d3d3d3;
}

tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
  visibility: hidden;
}

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  visibility: visible;
}

div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px;
}

div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
pre.jsoneditor-preview,
.jsoneditor-schema-error,
.jsoneditor-popover {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  color: #1a1a1a;
}

.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}

.jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 7px 10px;
  position: absolute;
  cursor: auto;
  width: 200px;
}

.jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px;
}

.jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}

.jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px;
}

.jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}

.jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px;
}

.jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px;
}

.jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}

.jsoneditor-text-errors tr.jump-to-line:hover {
  text-decoration: underline;
  cursor: pointer;
}

.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* JSON schema errors displayed at the bottom of the editor in mode text and code */

.jsoneditor .jsoneditor-validation-errors-container {
  max-height: 130px;
  overflow-y: auto;
}

.jsoneditor .jsoneditor-validation-errors {
  width: 100%;
  overflow: hidden;
}

.jsoneditor .jsoneditor-additional-errors {
  position: absolute;
  margin: auto;
  bottom: 31px;
  left: calc(50% - 92px);
  color: #808080;
  background-color: #ebebeb;
  padding: 7px 15px;
  border-radius: 8px;
}

.jsoneditor .jsoneditor-additional-errors.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.jsoneditor .jsoneditor-additional-errors.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ffc700;
}

.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}

.jsoneditor .jsoneditor-text-errors td pre {
  margin: 0;
  white-space: pre-wrap;
}

.jsoneditor .jsoneditor-text-errors tr {
  background-color: #ffffab;
}

.jsoneditor .jsoneditor-text-errors tr.parse-error {
  background-color: rgba(238, 46, 46, 0.4392156863);
}

.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
}

.jsoneditor-text-errors tr .jsoneditor-schema-error {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  background-color: transparent;
}

.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -25px 0px;
  background-color: transparent;
}

.jsoneditor-anchor {
  cursor: pointer;
}

.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
  top: 28px;
  left: -10px;
}

.fadein {
  -webkit-animation: fadein 0.3s;
  animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -o-animation: fadein 0.3s;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.jsoneditor-modal input[type=search].selectr-input {
  border: 1px solid #d3d3d3;
  width: calc(100% - 4px);
  margin: 2px;
  padding: 4px;
  box-sizing: border-box;
}

.jsoneditor-modal button.selectr-input-clear {
  right: 8px;
}

.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa;
}

.jsoneditor-menu > button,
.jsoneditor-menu > .jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  color: #ffffff;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 14px;
  float: left;
}

.jsoneditor-menu > button:hover,
.jsoneditor-menu > .jsoneditor-modes > button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.jsoneditor-menu > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > .jsoneditor-modes > button:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.jsoneditor-menu > button:disabled,
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
  opacity: 0.5;
  background-color: transparent;
  border: none;
}

.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px;
}

.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px;
}

.jsoneditor-menu > button.jsoneditor-sort {
  background-position: -120px -96px;
}

.jsoneditor-menu > button.jsoneditor-transform {
  background-position: -144px -96px;
}

.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
  display: none;
}

.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px;
}

.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px;
}

.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px;
}

.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px;
}

.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px;
}

.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px;
}

.jsoneditor-menu > button.jsoneditor-repair {
  background-position: -96px -96px;
}

.jsoneditor-menu > .jsoneditor-modes {
  display: inline-block;
  float: left;
}

.jsoneditor-menu > .jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}

.jsoneditor-menu > button.jsoneditor-separator,
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px;
}

.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.8;
  vertical-align: middle;
}

.jsoneditor-menu a:hover {
  opacity: 1;
}

.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}

.jsoneditor-navigation-bar {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  background-color: #ebebeb;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 14px;
}

.jsoneditor-search {
  font-family: arial, sans-serif;
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
  display: flex;
}

.jsoneditor-search input {
  color: #1a1a1a;
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
  font-family: arial, sans-serif;
}

.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  vertical-align: top;
}

.jsoneditor-search button:hover {
  background-color: transparent;
}

.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}

.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}

.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px;
}

.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}

.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px;
}

.jsoneditor-results {
  font-family: arial, sans-serif;
  color: #ffffff;
  padding-right: 5px;
  line-height: 26px;
}

.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: #ffffff;
  padding: 0 2px;
  margin: 0;
}

.jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  color: #808080;
  background-color: #ebebeb;
  border-top: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
  margin-right: 12px;
}

.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
  margin-left: 4px;
}

.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: 1px;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  cursor: pointer;
}

.jsoneditor-statusbar > .jsoneditor-validation-error-count {
  float: right;
  margin: 0 4px 0 0;
  cursor: pointer;
}

.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 1px;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -25px 0px;
}

.jsoneditor-statusbar .jsoneditor-array-info a {
  color: inherit;
}

div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
  margin: 0 4px;
}

.jsoneditor-treepath {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.jsoneditor-treepath.show-all {
  word-wrap: break-word;
  white-space: normal;
  position: absolute;
  background-color: #ebebeb;
  z-index: 1;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}

.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
  display: none;
}

.jsoneditor-treepath div.jsoneditor-contextmenu-root {
  position: absolute;
  left: 0;
}

.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
  position: absolute;
  background-color: #ebebeb;
  left: 0;
  height: 20px;
  padding: 0 3px;
  cursor: pointer;
}

.jsoneditor-treepath .jsoneditor-treepath-element {
  margin: 1px;
  font-family: arial, sans-serif;
  font-size: 14px;
}

.jsoneditor-treepath .jsoneditor-treepath-seperator {
  margin: 2px;
  font-size: 9pt;
  font-family: arial, sans-serif;
}

.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */

.selectr-container {
  position: relative;
}

.selectr-container li {
  list-style: none;
}

.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}

.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}

.selectr-desktop.multiple .selectr-visible {
  display: none;
}

.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block;
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0;
}

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 28px 7px 14px;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 3px;
  background-color: #ffffff;
}

.selectr-selected::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  content: "";
  -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #6c7a86 transparent transparent;
}

.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #6c7a86;
}

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectr-placeholder {
  color: #6c7a86;
}

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}

.has-selected .selectr-tags {
  margin: 0 0 -2px;
}

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #ffffff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}

.selectr-container.open .selectr-options-container {
  display: block;
}

.selectr-input-container {
  position: relative;
  display: none;
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}

.selectr-clear,
.selectr-input-clear {
  display: none;
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: block;
}

.selectr-selected .selectr-tag-remove {
  right: 2px;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #ffffff;
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999999;
  border-radius: 3px;
}

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}

.selectr-container.notice .selectr-notice {
  display: block;
}

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0;
}

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: scroll;
  max-height: 200px;
  margin: 0;
  padding: 0;
}

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}

.selectr-option {
  position: relative;
  display: block;
  padding: 5px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}

.selectr-options.optgroups > .selectr-option {
  padding-left: 25px;
}

.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}

.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}

.selectr-match {
  text-decoration: underline;
}

.selectr-option.selected {
  background-color: #ddd;
}

.selectr-option.active {
  color: #ffffff;
  background-color: #5897fb;
}

.selectr-option.disabled {
  opacity: 0.4;
}

.selectr-option.excluded {
  display: none;
}

.selectr-container.open .selectr-selected {
  border-color: #999999 #999999 transparent #999999;
  border-radius: 3px 3px 0 0;
}

.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}

.selectr-disabled {
  opacity: 0.6;
}

.selectr-empty,
.has-selected .selectr-placeholder {
  display: none;
}

.has-selected .selectr-label {
  display: block;
}

/* TAGGABLE */

.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}

.taggable .selectr-label {
  width: auto;
}

.taggable .selectr-tags {
  float: left;
  display: block;
}

.taggable .selectr-placeholder {
  display: none;
}

.input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}

@-webkit-keyframes selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }

  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}

@keyframes selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }

  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}

.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
}

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999999 #999999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #ffffff;
}

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}

.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}
.ace_editor{min-height:150px}

/**************Pimerce Blue Theme***************/

.no-data-image {
  width: fit-content;
  margin-left: 50px; }

/* used for org drop down list - data table header overlapping with drop down options*/
.dropdown-select-style .class-prefix-dropdown__menu {
  z-index: 3; }

.class-prefix-dropdown__single-value .class-prefix-dropdown__single-value--is-disabled {
  cursor: no-drop !important; }

.gridcontainer .p-datatable .p-datatable-tbody > tr > td .dropdown-select-style {
  margin-top: -4px; }

/*data table edit icon color overwrite */
.pix-btn-blue span.p-button-icon.p-c.pi.pi-pencil.pi.pi-pencil {
  color: #000; }

/*overlay modal styles */
.delete-modal button.p-button.p-component.multi-delete-btn {
  display: inline-block;
  text-align: center;
  width: 100px;
  background-color: #e3f3ff;
  color: #000;
  border: 1px solid #e3f3ff;
  box-shadow: 0 11px 11px 0 #c4cbd1 !important; }

.delete-modal {
  text-align: center; }

.confirmation-content {
  margin-bottom: 10px; }

.confirmation-content i {
  vertical-align: middle; }

/*End*/
/* Data table custom styles */
span.p-button-icon.p-c.pi.pi-pencil.pi.pi-pencil {
  color: #0e90e1; }

.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2rem; }

.p-button.p-button-icon-only {
  width: 2rem;
  padding: 0.75rem 0; }

tbody.p-datatable-tbody tr > td {
  height: 50px; }

.p-checkbox .p-checkbox-box {
  height: 18px;
  width: 18px; }

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 0.55rem 1.25rem;
  height: 40px; }

.manage-retailer-page {
  height: auto; }

.manage-retailer-page .p-toolbar {
  margin-top: -96px !important;
  border: none;
  background: none;
  box-shadow: none; }

/* End */
/* Module dropdown multi select styles starts */
.p-multiselect.p-component.p-inputwrapper.module-multiselect {
  margin-top: -10px;
  height: 40px; }

.p-multiselect.module-multiselect .p-multiselect-label.p-placeholder,
.p-multiselect.module-multiselect .p-multiselect-label-container .p-multiselect-label {
  padding: 0.5rem 0.5rem; }

/* End */
.picklist-demo {
  display: block;
  padding: 20px; }

.drop-down-bottom {
  margin-bottom: 1rem; }

.gridHeaderSearchBar input.search-box-placeholder {
  width: 226px !important;
  padding: 14px !important;
  padding-left: 28px !important;
  font-size: x-small;
  font-family: Chivo-Regular;
  border-radius: 15px !important;
  border: solid 1px #C2D5E5 !important;
  background-color: var(--white) !important;
  height: 30px !important;
  border-left: solid 1px #C2D5E5 !important;
  border-top: solid 1px #C2D5E5 !important;
  border-bottom: solid 1px #C2D5E5 !important;
  border-right: solid 1px #C2D5E5 !important;
  outline: none !important; }

.organization-search-dropdown .class-prefix-dropdown__control {
  border-radius: 30px;
  box-shadow: 0 -4px 24px 0 #ececec !important;
  border: none;
  background-color: var(--white);
  height: 55px;
  cursor: pointer;
  margin: 0px 0 14px 0px; }

.master-entity-dropdown .class-prefix-dropdown__control {
  border-radius: 30px;
  box-shadow: 0 -4px 24px 0 #ececec !important;
  border: none;
  background-color: var(--white);
  height: 55px;
  cursor: pointer; }

tr.p-datatable-emptymessage {
  height: auto; }

.manage-master-typeoption {
  margin: -92px 0px 22px 308px;
  width: 100%; }

.p-button-label {
  flex: 1 0 auto; }

.table > .card {
  background: White;
  box-sizing: border-box;
  border-radius: 15px;
  border: none; }

.master-entity-reload-style {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353;
  background-color: #ffffff;
  border-radius: 14px;
  border: none; }

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
  background-color: #e3f3ff; }

.no-data-container.card {
  background: white;
  border: none;
  font-family: 'Chivo-Regular';
  color: #000;
  font-size: 16px; }

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 0.55rem 1.25rem;
  height: 40px;
  display: flex; }

thead > tr > th.p-selection-column {
  width: 50px;
  margin-top: 20px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.spinner {
  color: #0e90e1;
  margin-top: 28px; }

.p-toolbar-group-left {
  margin-top: -8px; }

.button-disable {
  display: none; }

.first-child {
  background-color: #cbdee5 !important; }

.p-button.p-button-text.p-button-info {
  margin-left: -19px; }

.p-column-header-content {
  font-family: Chivo-Bold;
  padding-top: 8px; }

.p-datatable-tbody {
  display: block;
  max-height: 400px !important;
  overflow-y: visible; }

.gridcontainer.p-datatable-wrapper {
  height: auto; }

.loading-spinner {
  text-align: center; }

.p-button.p-component.p-button.p-button-text.p-button-info.mr-2.p-button-icon-only {
  height: 20px;
  width: 70px !important;
  top: -5px; }

.p-button.p-component.p-button.p-button-text.p-button-info.mr-2.p-button-icon-only:hover,
.p-button.p-component.p-button.p-button-text.p-button-info.mr-2.p-button-icon-only:active {
  background: none; }

.p-column-title {
  font-size: 14px;
  font-family: Chivo-Regular;
  color: #000000; }

.gridcontainer.p-datatable.p-datatable-tbody > tr > td {
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #000000; }

.table-title {
  font-size: 18px;
  font-family: Chivo-Regular !important;
  color: #000000;
  font-weight: 700; }

.no-options {
  color: #0e90e1;
  display: inline-block;
  list-style: none;
  width: 210px;
  z-index: 5;
  transition: width 0.3s;
  position: absolute;
  margin-right: -21px;
  margin-top: 29px;
  border: none; }

.dropdown-select-style .class-prefix-dropdown__menu {
  z-index: 3;
  width: 100%; }

.class-prefix-dropdown__multi-value__label {
  border-radius: 2px;
  color: black;
  font-size: 14px;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  white-space: nowrap;
  box-sizing: border-box;
  width: 100% !important;
  font-family: ChivoRegular;
  background-color: white !important; }

.class-prefix-dropdown__single-value {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: none;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 12px;
  width: 100%; }

.p-inputtext {
  border-radius: 6px;
  border: solid 1px #bbbbbb;
  font-size: 14px;
  height: 40px;
  margin-top: -8px;
  margin-left: -8px;
  width: 100%;
  max-width: unset; }

.gridHeaderSearchBar div.options {
  margin-left: 0;
  top: 0;
  margin-top: 26px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -12px;
  max-height: 128px;
  width: 200px; }

.gridHeaderSearchBar .no-options {
  margin-top: 65px; }

.search-bar-boxing {
  margin-right: -80px;
  position: relative;
  z-index: 0;
  cursor: pointer;
  vertical-align: middle; }

th.p-frozen-column {
  max-width: 145px;
  width: 10%;
  min-width: 8rem;
  right: unset !important; }

.p-toast .p-toast-message {
  height: 75px; }

.p-toast {
  width: 20rem; }

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  font-size: 16px; }

.form-footer {
  text-align: right; }

/* Form Styles : */
form.form-style .d-flex {
  display: flex; }

/* toggle switch style*/
.p-inputswitch {
  vertical-align: middle; }

/* unselect - row */
.p-datatable-scrollable .p-datatable-thead > tr, .p-datatable-scrollable .p-datatable-tbody > tr, .p-datatable-scrollable .p-datatable-tfoot > tr {
  user-select: none; }

.p-button-label .p-c {
  font-weight: 400; }

/**************Pimerce Blue Theme***************/

.field-label {
  color: #000000;
  font-family: Chivo-Medium;
  font-size: 16px;
  text-transform: capitalize; }

.productname-disable .field-label {
  display: none; }

.p-fluid .attribute-inputtext {
  color: #0E90E1;
  margin-bottom: 15px;
  width: 95%; }

.p-fluid .attribute-inputtext:disabled {
  cursor: not-allowed; }

button.field-Array-Button,
.field-ArrayGroup-Button {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 0px;
  background-color: #0E90E1;
  color: White;
  align-items: center;
  justify-content: center;
  right: 10px;
  box-shadow: 0 11px 14px 0 #BBD5E9 !important;
  font-size: 10px; }

.formik-field-card-style {
  border: white;
  border-radius: 15px;
  min-height: 30vh; }

.formik-field-heading-style {
  min-height: 30vh; }

.save-button-style {
  text-align: center !important;
  background-color: #e3f3ff !important;
  border: 1px solid #c2d5e5 !important;
  color: #0e90e1 !important;
  width: 107px !important;
  height: 40px !important;
  border-radius: 19.5px !important; }

.save-button-style:hover {
  background-color: #e3f3ff;
  border: 1px solid #c2d5e5;
  color: #0e90e1; }

.disableButton {
  pointer-events: none;
  opacity: 0.6; }

.p-button:enabled:hover,
.p-button:not(button):not(a):not(.p-disabled):hover {
  background: #003353;
  color: #fff;
  border: none; }

.label-style {
  width: 100%;
  display: flex;
  justify-content: end;
  text-transform: capitalize;
  transform: translateY(50%);
  text-align: center;
  margin-top: 5px;
  margin-left: 1px; }

.lable-form-style {
  width: 100%;
  display: flex;
  justify-content: end;
  text-transform: capitalize;
  transform: translateY(50%);
  text-align: center;
  margin-top: 5px;
  margin-right: 3px; }

.field-inputtext-style {
  background-color: white;
  text-indent: 10px;
  box-shadow: rgba(105, 103, 103, 0.06) 0px 0px 20px 5px;
  cursor: pointer;
  margin-left: -14px;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100% !important;
  height: 56px;
  outline: 0px !important;
  font-family: Chivo-Regular;
  font-size: 14px;
  width: 100% !important;
  margin-left: 8px; }

.field-error {
  color: #DC3545 !important;
  display: block;
  font-style: italic;
  font-size: 74%;
  line-height: 10px; }

input:disabled {
  opacity: 0.5 !important;
  pointer-events: auto !important;
  cursor: not-allowed !important; }

.class-prefix-dropdown__control.class-prefix-dropdown__control--is-disabled.css-cw24lk-control {
  opacity: 0.5 !important; }

.class-prefix-dropdown__control {
  margin-left: 6px; }

.grid-dropdown-label-style {
  margin: 0;
  transform: translateY(20%); }

.field-error-msg {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px; }

.field-box {
  margin-bottom: 10px; }

.form-dropdown {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px; }

.field-label-style {
  width: 100%;
  display: flex;
  justify-content: end; }

.field-label-col-style {
  text-align: center;
  display: flex;
  justify-content: end;
  margin: 0;
  padding: 0; }

.css-w1dxg1-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: rgba(105, 103, 103, 0.06) 0px 0px 20px 5px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #f1f1f1;
  border-image: initial;
  height: 56px;
  width: 100%;
  outline: 0px !important; }

.class-prefix-dropdown__control {
  width: 100% !important; }

.form-dropdown-col {
  margin: 0;
  padding: 0; }

.formik-style-dropdown {
  width: 100%; }

@media screen and (min-device-width: 1200px) and (max-device-width: 2560px) {
  .accordion-demo {
    padding-right: 100px; }
  .lable-form-style {
    width: 100%;
    display: flex;
    justify-content: end;
    text-transform: capitalize;
    transform: translateY(50%);
    text-align: center;
    margin-top: 5px;
    margin-left: 17px; }
  .grid-dropdown-style {
    width: 100%; } }

@media screen and (min-device-width: 991px) and (max-device-width: 1200px) {
  .accordion-demo {
    padding-right: 150px; }
  .grid-dropdown-style {
    width: 100%; }
  .class-prefix-dropdown__control {
    margin-left: 9px; } }

@media only screen and (max-width: 992px) {
  .label-style {
    width: 100% !important;
    display: flex;
    justify-content: start;
    text-transform: capitalize;
    transform: translateY(50%);
    text-align: center;
    margin-top: 5px;
    margin-left: 22px; }
  .accordion-demo {
    padding-right: 0px; }
  .field-label-style {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-left: 22px; }
  .lable-form-style {
    width: 100%;
    display: flex;
    justify-content: start;
    text-transform: capitalize;
    transform: translateY(50%);
    text-align: center;
    margin-top: 5px;
    margin-right: 3px;
    margin-left: 8px; }
  .grid-dropdown-style {
    width: 100%; } }

/**************Pimerce Blue Theme***************/

.notification, button.btn.btn-primary.notificationBtn {
  color: #ffffff;
  background-color: #e6712b;
  font-family: Chivo-Regular;
  font-size: 16px;
  border-radius: 0px; }

.notificationText {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff; }

.notificationIcon {
  width: 20px;
  height: 20px;
  padding-right: 5px; }

.closeIconNotification {
  float: right;
  margin-top: -39px;
  margin-right: -39px; }

.buttonPosition {
  justify-content: flex-end;
  display: flex;
  border-radius: 5px; }

button.btn.btn-primary.notificationBtn {
  border: 1px solid;
  background-color: transparent; }

button.notificationBtn.btn.btn-primary {
  background-color: transparent !important;
  border-color: #ffffff !important; }

/**************Pimerce Blue Theme***************/

/* Drop down styles */
.class-prefix-dropdown__control {
  border-radius: 0; }

.drop-down-bottom {
  margin-bottom: 1rem; }

/* END */
/* pick list styles - starts */
.master-pick-list {
  display: block;
  padding: 20px; }

.master-pick-list .p-picklist-buttons button {
  border: 1px solid #3c91e1; }

.master-pick-list .p-picklist .p-picklist-header {
  padding: 0.8rem;
  background: #e3f3ff; }

/* End */
/* Association card footer button styles */
.master-save-btn {
  background-color: #e3f3ff !important;
  border-radius: 5px;
  border: 0 !important;
  color: #000000 !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: Chivo-Medium;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2) !important;
  min-height: 40px;
  min-width: 97px; }

.search-dropdown .class-prefix-dropdown__control {
  border-radius: 30px;
  box-shadow: 0 -4px 24px 0 #ececec !important;
  border: none;
  background-color: var(--white);
  height: 55px; }

.reload-component {
  text-align: center;
  padding: 17px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border: #ffffff;
  border-radius: 16px;
  max-height: 103em;
  height: 170px;
  padding-top: 30px;
  color: #003353; }

.pick-list .p-card-title {
  font-size: 18px !important;
  font-family: Chivo-Bold !important;
  color: #000000;
  font-weight: 500 !important; }

.pick-list .p-card-footer {
  text-align: right; }

.pick-list {
  border-radius: 15px; }

.p-picklist-header {
  font-family: Chivo-Bold !important;
  font-size: 14px; }

.emptyMessageBlock {
  height: 40px;
  font-family: Chivo-Bold !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000;
  margin-top: 10px;
  text-align: center; }

.association-search-brand-icon input.search-box-placeholder {
  width: 200px; }
  @media (max-width: 945px) {
    .association-search-brand-icon input.search-box-placeholder {
      width: 150px; } }
  @media (max-width: 765px) {
    .association-search-brand-icon input.search-box-placeholder {
      width: 200px; } }

.association-search-brand-icon .search-bar-boxing {
  position: absolute;
  z-index: 0;
  cursor: pointer;
  left: 25px;
  top: 8px; }

/**************Pimerce Blue Theme***************/

.health-status-image {
  width: 20px;
  height: 15px; }

.modal-dialog.modal-grid.modal-lg {
  max-width: 95%; }

.modal-Dialog {
  width: 680px;
  height: 50px; }

.modal-submit-button {
  padding-top: 4px;
  padding-left: 31px;
  padding-bottom: 20px;
  display: flex;
  left: 41px; }

.modalDropdown, .textarea-modal {
  width: 259px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #bbbbbb;
  font-size: 14px;
  font-family: Chivo-Regular;
  line-height: 1.43;
  color: #3a3b3f;
  margin: 6px 90px 25px 1px;
  box-shadow: none; }

.email-Inputbox-modal {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out; }
  .email-Inputbox-modal.has-focus {
    background-color: #ffffff;
    border-color: #5cb3fd; }

.email-Inputbox-modal {
  margin-top: 6px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 5px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 6px;
  max-width: 55%;
  line-height: 25px;
  cursor: text; }

.email-Inputbox-modal .label-info {
  display: inline-block;
  background-color: #0e90e1;
  padding: 0 0.4em 0.15em;
  border-radius: 0.25rem; }

.email-Inputbox-modal .tag {
  margin-right: 2px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.textarea-modal {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 45% !important;
  margin-left: 55px;
  height: 50%; }

.textarea-modal:focus {
  border: solid 1px #bbbbbb; }

.preferredemail-Text {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 68px;
  padding-bottom: 25px;
  padding-right: 0;
  padding-left: 15px;
  margin-left: 55px; }

.mailbox-modal-Line {
  margin: 10px 40px 10px 55px; }

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.box {
  width: 800px;
  border: 1px solid #ddd; }

.box .steps {
  border-bottom: 1px solid #ddd; }

.box .steps ul {
  overflow: hidden; }

.box .steps ul li div {
  color: #999;
  padding: 10px 0 15px 45px;
  position: relative;
  background: #f5f5f5;
  width: 165px; }

.box .steps ul li div span {
  font-size: 13px; }

.box .steps ul li:first-child div {
  width: 135px;
  padding-left: 15px; }

.box .steps ul li div::before {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 1;
  margin-left: 1px; }

.box .steps ul li div::after {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2; }

.box .steps ul li.done div {
  border-color: #20a8d8 !important;
  color: #fff !important;
  background: #20a8d8 !important; }

.box .steps ul li.done div::after {
  border-left: 30px solid #20a8d8; }

.box .steps ul li.active div {
  border-color: #167495 !important;
  color: #fff !important;
  background: #167495 !important; }

.box .steps ul li.active div::after {
  border-left: 30px solid #167495; }

.box .step-component {
  padding: 20px;
  height: 200px;
  display: block;
  align-items: center;
  justify-content: center; }

.box .btn-component {
  padding: 20px;
  display: flex;
  justify-content: space-between; }

.organization-heading-style {
  padding: 0.4em 1em 0.3em 1em;
  background: #e3f3ff;
  margin-left: 0px;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }

.organization-heading-style-new {
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 18px;
  margin-top: -17px; }

.tile-card {
  border-radius: 15px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 #0E90E1; }

.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  box-shadow: 0 4px 4px 0 #9aa1a5; }

.scrapContent-gridStyle-new {
  margin-right: -66px; }

.image-box-without-modal {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 15px;
  border: none;
  cursor: default;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
  cursor: pointer; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
  cursor: pointer; }

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
  cursor: pointer; }

.sendEmail-btn-new {
  margin-left: 18px;
  background-color: #0e90e1 !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 148px; }

.updateLog-btn {
  float: right;
  width: 180px; }

.spinnerr {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  color: #637280; }

.spinnerr > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinnerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.harvestingReport-header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end;
  position: relative;
  top: 7rem;
  z-index: 3;
  left: 62rem;
  width: 9rem; }

.harvestingReport-header-format .form-group .form-check {
  padding-left: 7px; }

.harvesting-data-rangepicker-container {
  width: 140px;
  height: 47px;
  padding-left: 40px;
  margin-right: 283px;
  box-shadow: #00000054 0px 4px 4px 0px;
  background-color: #e3f3ff; }

.health-report-gridContentId {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentRetailer {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentModule {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentJobTitle {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentScrapDate {
  text-align: center;
  cursor: context-menu; }

.health-report-idColumn-header {
  text-align: center;
  width: 1em;
  left: 1px;
  padding: 14px !important;
  z-index: 0 !important; }

.health-report-retailerColumn-header {
  text-align: center;
  min-width: 10em;
  width: fit-content;
  max-width: fit-content;
  padding: 14px !important;
  left: 33px; }

.health-report-moduleColumn-header {
  text-align: center;
  width: 20em;
  padding: 14px !important;
  left: 148px; }

.health-report-jobtitleColumn-header {
  text-align: center;
  min-width: 10em;
  left: 248px; }

.health-report-creadted-col-header {
  text-align: center;
  min-width: 10em;
  left: 369px; }

.health-report-status-col-header {
  text-align: center;
  min-width: 10em;
  width: fit-content;
  max-width: fit-content;
  z-index: 0 !important; }

.updateLog-btn-default-cursor {
  float: right;
  width: 180px;
  cursor: default !important; }

.modal-failure-status {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.missing-sku-modal-style {
  bottom: -37px;
  left: 8px; }

.missing-sku-modal-cps-style {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500; }

.cellcontent-align {
  text-align: center; }

.health-dashboard-columnHeader {
  text-align: left;
  width: fit-content;
  min-width: 6%;
  max-width: fit-content; }

.health-dashboard-gridContentAlign {
  text-align: left;
  cursor: context-menu; }

.health-dashboard-marketinfo-column {
  text-align: left;
  cursor: pointer;
  text-decoration: underline; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu;
  margin-left: 7px; }

.health-dashboard-marketInfo-gridCardModalStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 180px;
  display: flex;
  margin-top: 18px;
  margin-bottom: -90px; }

.cluster-health-header {
  top: 80px;
  position: absolute;
  z-index: 2;
  left: 112px;
  color: #000000;
  font-size: 14px;
  font-family: Chivo-Bold; }

.cluster-health-image {
  width: 16px;
  height: 12px;
  margin-left: 4px; }

.harvesting-filter-apply-button-style {
  margin-right: 50px; }

.initial-filter-modal-btn {
  margin-left: 120px; }

.initial-filter-modal-content-style {
  text-align: center; }

.module-list-dropdown {
  margin-bottom: 17px;
  z-index: 9; }

.module-list-dropdown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 150px; }

.module-list-dropdown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 75px; }

.module-list-dropdown .css-12jo7m5 {
  border-radius: 2px;
  font-size: 115%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box; }

.module-list-dropdown .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: #00000054 0px 4px 4px 0px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  width: 195px;
  height: 48px;
  outline: 0px !important;
  border: none !important; }

.module-list-dropdown .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: #00000054 0px 4px 4px 0px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid;
  width: 195px;
  height: 48px;
  outline: 0px !important;
  border: none !important; }

.harvesting-datepicker-style {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 80px;
  left: -85px; }

.harvesting-latest-date-cell-style {
  text-align: center;
  cursor: context-menu; }

.staging-latest-date-cell-style {
  text-align: center;
  cursor: context-menu; }

.healthdashboard-action-btn {
  color: #fff;
  background-color: #0e90e1;
  border-color: #0e90e1;
  border-radius: inherit;
  height: 35px; }

.healthDash-gridMissingSku {
  position: absolute;
  right: 70px;
  top: 17rem;
  height: 32px;
  align-items: center;
  z-index: 1;
  color: #0e90e1;
  justify-content: center;
  cursor: pointer;
  font-family: Chivo-Regular;
  font-size: 15px;
  border: none;
  text-decoration: underline;
  background: transparent; }

.health-dashboard-missingsku-columnHeader {
  text-align: center;
  width: fit-content;
  min-width: 6%;
  max-width: fit-content; }

.healthdashboard-missingsku-action-btn {
  color: #fff;
  background-color: #0e90e1;
  border-color: #0e90e1;
  border-radius: inherit; }

.health-dashboard-kpi-dropdown .css-qlqwgq-menu {
  width: 100%; }

.apply-btn-health-dasboard-harvest {
  position: relative;
  left: -4.5rem; }

.harvest-trigger-update-log-btn {
  position: relative;
  left: -12rem;
  top: 35px; }

.date-picker.form-control {
  background: transparent;
  font-size: 12px;
  margin-left: 10px;
  width: 92px;
  margin-top: 7px;
  border: none;
  padding: 0px 8px;
  cursor: pointer; }

/**************Pimerce Blue Theme***************/

.status-image {
  width: 30px;
  height: 20px; }

.modal-dialog.modal-grid.modal-lg {
  max-width: 95%; }

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.box {
  width: 800px;
  border: 1px solid #ddd; }

.box .steps {
  border-bottom: 1px solid #ddd; }

.box .steps ul {
  overflow: hidden; }

.box .steps ul li div {
  color: #999;
  padding: 10px 0 15px 45px;
  position: relative;
  background: #f5f5f5;
  width: 165px; }

.box .steps ul li div span {
  font-size: 13px; }

.box .steps ul li:first-child div {
  width: 135px;
  padding-left: 15px; }

.box .steps ul li div::before {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 1;
  margin-left: 1px; }

.box .steps ul li div::after {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2; }

.box .steps ul li.done div {
  border-color: #20a8d8 !important;
  color: #fff !important;
  background: #20a8d8 !important; }

.box .steps ul li.done div::after {
  border-left: 30px solid #20a8d8; }

.box .steps ul li.active div {
  border-color: #167495 !important;
  color: #fff !important;
  background: #167495 !important; }

.box .steps ul li.active div::after {
  border-left: 30px solid #167495; }

.box .step-component {
  padding: 20px;
  height: 200px;
  display: block;
  align-items: center;
  justify-content: center; }

.box .btn-component {
  padding: 20px;
  display: flex;
  justify-content: space-between; }

.organization-heading-style {
  padding: 0.2em 1em 0.3em 1em;
  background: #e3f3ff;
  margin-left: 0px;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }

.image-box-without-modal {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 15px;
  border: none;
  cursor: default;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
  cursor: pointer; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
  cursor: pointer; }

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
  cursor: pointer; }

.gridData {
  text-align: center;
  font-size: 20px; }

.container {
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.buttonContainer {
  display: flex;
  justify-content: space-around;
  padding: 10px; }

.newtagbutton {
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.textfieldbtn {
  max-width: 95%;
  justify-content: center;
  margin-left: auto;
  padding: 2px; }

.btnstyle {
  border-radius: 19.5px;
  background-color: #e3f3ff;
  color: #0e90e1; }

.txtalign {
  width: 70%;
  margin-left: 5px; }

.PricingTrendGrid {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 510px; }

/**************Pimerce Blue Theme***************/

.searchCompAnalysis-filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -60px; }

.searchCompAnalysis-chartComponentBg {
  margin-top: 3px;
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-right: -15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchCompAnalysis-graphLoadingStyle {
  margin: 128px;
  text-align: center;
  color: #637280; }

.searchCompAnalysis-chartStyleClass {
  margin-left: -7px;
  margin-bottom: -25px;
  margin-top: 15px; }

.searchCompAnalysis-chartStyleClass .apexcharts-legend-marker {
  margin-right: 9px; }

.searchCompAnalysis-graphNoDataFoundStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding-top: 6.8em;
  background-color: #ffffff;
  border: none; }

.searchCompAnalysis-chartReload, .searchCompAnalysis-gridReload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium; }

.searchCompAnalysis-dataTablebg {
  border: #ffffff;
  border-radius: 15px;
  margin-right: -15px; }

.headingStyle-searchCompAnalysisBrand, .headingStyle-searchCompAnalysisCity, .headingStyle-searchCompAnalysisLocation, .headingStyle-searchCompAnalysisStore {
  padding: 14px !important;
  width: 9em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-searchCompAnalysisBrand-whenNoDataFound {
  padding: 14px !important;
  text-align: center;
  width: 9em; }

.headingStyle-searchCompAnalysisRetailers {
  width: 12em;
  text-align: center; }

.headingStyle-searchCompAnalysisCity {
  width: 8em;
  left: 132px;
  z-index: 3; }

.headingStyle-searchCompAnalysisLocation {
  width: 10em;
  left: 252px;
  z-index: 3; }

.headingStyle-searchCompAnalysisStore {
  width: 10em;
  left: 396px;
  z-index: 3; }

.gridSearchCompAnalysisBrandAlign, .gridSearchCompAnalysisCityAlign, .gridSearchCompAnalysisLocationAlign, .gridSearchCompAnalysisStoreAlign {
  text-align: left;
  width: 9em;
  cursor: context-menu; }

.gridSearchCompAnalysisBrandAlign-withUnderline {
  text-decoration: underline;
  cursor: pointer; }

.gridSearchCompAnalysisRetailerAlign, .gridSearchCompAnalysisRetailerAlign-withoutUnderline {
  text-decoration: underline;
  text-align: center;
  cursor: pointer; }

.gridSearchCompAnalysisRetailerAlign-withoutUnderline {
  text-decoration: none;
  cursor: context-menu; }

.gridSearchCompAnalysisCityAlign {
  width: 8em; }

.gridSearchCompAnalysisLocationAlign {
  width: auto; }

.gridSearchCompAnalysisStoreAlign {
  width: 10em; }

th.headingStyle-searchCompAnalysisBrand, th.headingStyle-searchCompAnalysisCity, th.headingStyle-searchCompAnalysisLocation, th.headingStyle-searchCompAnalysisStore,
th.headingStyle-searchCompAnalysisRetailers {
  top: -1px !important; }

.searchCompAnalysis-gridCardHeaderTitleStyle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.searchCompAnalysis-bsTableProps {
  margin-top: -5px;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.searchCompAnalysis-gridLoadingStyle {
  margin: 120px;
  color: #637280; }

.searchCompAnalysis-noDataFoundCardStyle {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

#competitor-analysis-retailerImage-col {
  display: inline-flex;
  justify-content: center;
  cursor: 'context-menu'; }

.competitor-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.competitor-appliedFilter-row {
  display: inline-flex; }

#competitor-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#competitor-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#competitor-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.paid-search-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.paid-search-appliedFilter-row {
  display: inline-flex; }

#paid-search-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#paid-search-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#paid-search-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.gridContentPaidSearch {
  text-align: center;
  cursor: context-menu;
  color: black;
  display: inline-block;
  padding-left: 5px; }

.gridContentText {
  text-align: center; }

.trendImg {
  padding-left: 5px; }

/**************Pimerce Blue Theme***************/

.sosDonutLabel {
  text-align: left;
  margin: -21px 0px 32px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.sos-treemap-background {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-right: -15px;
  margin-top: 7px;
  margin-bottom: 15px; }

.trendsImage {
  height: 8px;
  margin-top: -2px;
  margin-left: 5px; }

.grid-SOS-grid-header {
  padding: 14px !important;
  text-align: center;
  width: 10em; }

.sosComponent-gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  font-family: Chivo-Bold;
  margin-top: 3px;
  margin-left: -12px; }

.sosComponent-oval1 {
  text-align: center; }

.zeroValueInfoIconStyle {
  margin-top: -4px;
  margin-left: 20px; }

.headingStyle-sosId, .headingStyle-sosCategory {
  padding: 13px !important;
  text-align: center;
  width: 6em;
  position: static;
  left: -2px;
  z-index: 3; }

.headingStyle-dynamic-sos-Id {
  text-align: center;
  width: 1em;
  padding: 14px !important;
  left: -2px;
  z-index: 3; }

th.headingStyle-dynamic-sos-Id {
  top: -1px !important; }

.supercategory-data {
  margin-top: 3px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-bottom: 13px;
  background: #e3f3ff;
  padding-top: 9px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-radius: 6px;
  color: #000000;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

th.headingStyle-dynamic-sos-location-Id {
  top: -1px !important;
  width: 394px;
  text-align: center; }

.headingStyle-dynamic-sos-location-Id {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-retailer {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sos-retailer {
  padding: 14px !important;
  text-align: center;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-percentage {
  width: 28px;
  text-align: center;
  top: -1px !important; }

.headingStyle-sos-percentage {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

.headingStyle-sos-location {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-location {
  width: 28px;
  text-align: center;
  top: -1px !important; }

.headingStyle-sos-store {
  padding: 14px !important;
  text-align: left;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-store {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sos-city {
  padding: 14px !important;
  text-align: center;
  width: 6em;
  position: sticky;
  left: 1px;
  z-index: 3; }

th.headingStyle-sos-city {
  top: -1px !important;
  width: 28px;
  text-align: center; }

.headingStyle-sosCategory {
  text-align: center;
  width: 14em !important;
  position: sticky;
  left: 34px;
  z-index: 3; }

.sos-gridCardContainerStyle {
  border: solid #c2d5e5;
  background: #c2d5e5;
  user-select: none;
  max-height: 329px;
  display: flex; }

.sos-gridCardHeaderTitleStyle {
  color: #050505;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.sos-grid-cell-id {
  text-align: center; }

.sos-grid-dynamic-cell-id {
  text-align: center; }

.SOS-grid-header-retailer {
  text-align: center; }

.SOS-grid-header-location {
  text-align: center; }

.SOS-grid-header-city {
  text-align: center; }

.headingStyle-sos-city {
  text-align: center; }

.SOS-grid-header-store {
  text-align: center; }

.SOS-grid-header-sos {
  text-align: center; }

.sos-donutSpinner {
  margin-top: 110px;
  color: #637280; }

.sos-gridPaginationStyle {
  padding-right: 12px; }

.sos-gridContent {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-right: -15px;
  margin-top: -1px;
  margin-top: -8px; }

.sos-gridContent-modal {
  display: block;
  border: #ffffff;
  margin-bottom: 20px; }

.gridHeader-dropdown .css-qlqwgq-menu {
  position: absolute; }

.gridHeader-dropdown .css-1dgicot-container {
  position: absolute;
  margin-left: -91px; }

.contextMenuCardContainer .css-1dgicot-container {
  overflow: scroll; }

.gridHeader-dropdown .css-10u4t4s-control {
  margin: -10px 0px 0px 0px; }

.gridHeader-dropdown .css-51nctc-control {
  margin: -10px 0px 0px 0px; }

.sos-gridContent-dynamic {
  margin-top: 32px;
  border-radius: 15px; }

.sos-gridReload {
  text-align: center;
  padding: 130px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sos-treemapReload {
  text-align: center;
  padding: 128px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sos-donutReload {
  text-align: center;
  padding: 48px;
  font-family: Chivo-Medium;
  font-size: medium; }

.sosgrid-content-align {
  text-align: left;
  width: 13em;
  cursor: context-menu; }

.sosBrandLevelContentAlign {
  text-align: center;
  width: 9em;
  color: #000000;
  cursor: context-menu; }

th.headingStyle-sosId, th.headingStyle-sosCategory,
th.grid-SOS-grid-header {
  top: -1px !important; }

.ShareofSearchGrid {
  background: #c2d5e5;
  border-right: solid #c2d5e5;
  border-left: solid #c2d5e5;
  max-height: 462px;
  border: 1px solid #C2D5E5;
  display: flex; }

.dropdownColor_svg {
  fill: #0e90e1; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle1 {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #000000 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.styleTest {
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.SOC-sos-percentage {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.modal-text {
  margin-left: 51px;
  margin-bottom: 26px;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-top: 1px; }

.modal-footer-img {
  margin-bottom: -23px;
  margin-top: 6px;
  margin-left: 24px; }

.search-category-name-with-export-style row {
  padding: 1em 3em 1.3em 1em;
  background: #c2d5e5;
  margin-bottom: 30px;
  margin-left: 0px;
  border-radius: 5px;
  opacity: 0.9; }

.search-catrgory-name {
  position: absolute;
  margin-top: -9px;
  margin-left: 7px;
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.search-export-style {
  position: absolute;
  right: 55px;
  margin-top: -9px;
  cursor: pointer;
  color: #0e90e1;
  font-size: 14px;
  font-family: Chivo-Bold;
  font-weight: 500; }

/**************Pimerce Blue Theme***************/

.activityManagementTitle {
  border-radius: 19.5px !important;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  width: 76px;
  height: 22px;
  color: #0e90e1;
  font-size: 12px;
  font-weight: 500;
  object-fit: contain;
  border-bottom-width: 1px;
  border-top-width: 1px;
  margin-top: 7px;
  padding-top: 0px; }

.importExcelButtonDiv {
  justify-content: flex-end;
  flex: 1;
  display: flex;
  margin-top: 30px;
  margin-bottom: 29px;
  margin-left: 18px;
  padding: 1em 1em 1.3em 1em;
  background: #e3f3ff;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.importExcelButton {
  margin-right: 10px;
  background-color: #0e90e1;
  border-radius: 7px !important;
  border: none;
  color: white;
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

.hideAbortProcessButton {
  display: none; }

.animate__bounceOutLeft {
  transition: all 0.2s ease-in-out; }

.abortProcessButton {
  width: 105px;
  height: 25px;
  color: #0e90e1;
  font-family: "Chivo-Medium";
  font-size: 12px;
  box-shadow: "0 11px 11px 0 rgb(0 0 0 / 11%)";
  padding: 1px 11px 1px 11px;
  border-radius: 19.5px;
  line-height: 2.14;
  background-color: #e3f3ff;
  border: none;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 20px; }

.abortProcessButton:hover {
  cursor: pointer; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.sosSkuLevel-gridPaginationStyle {
  padding-right: 12px;
  margin-top: -22px;
  margin-bottom: 20px; }

.sos-sku-level-dataTableStyles {
  margin-top: 3px;
  border: "#ffffff";
  border-radius: 6px;
  box-shadow: "0 4px 4px 0 rgb(0 0 0 / 5%)"; }

.graphLoadingStyle, .gridLoadingStyle {
  margin: 120px; }

.import-info-content {
  font-family: 'Chivo-Regular';
  margin-top: 5px; }

.import-data-message {
  margin-top: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }

.viewPromotion:hover {
  text-decoration: underline;
  cursor: pointer; }

.discount-analysis-chart-bg {
  background: none; }

.promotion-sku-wise-back {
  border-radius: 19.5px !important;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #0e90e1;
  width: 75px;
  height: 22px;
  color: #0e90e1;
  font-size: 12px;
  font-weight: 500;
  box-shadow: "0 11px 11px 0 rgb(0 0 0 / 11%)";
  object-fit: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-width: 1px;
  border-top-width: 1px; }

.promotion-sku-wise-back:hover {
  cursor: pointer; }

.promoGridCardContainerScroll {
  border: 1px solid #c2d5e5;
  background-color: #c2d5e5;
  border-radius: 7px;
  max-height: 450px;
  display: flex; }

.headingPromoStyle-promoWithoutData {
  width: 1em; }

.headingPromoStyle-promoId, .headingPromoStyle-promoWithoutData {
  padding: 14px !important;
  text-align: center;
  position: sticky !important;
  z-index: 3 !important;
  left: -1px; }

.headingPromoStyle-promoRetailer {
  text-align: left;
  width: 14em !important;
  z-index: 3 !important;
  position: sticky !important;
  left: 37px; }

.headingPromoStyle-promoCategory {
  text-align: left;
  width: 14em !important;
  z-index: 3 !important;
  position: sticky !important;
  left: 107px; }

.headingPromoStyle-promoBrand, .headingPromoStyle-promoCity, .headingPromoStyle-promoLocation, .headingPromoStyle-promoStore, .headingPromoStyle-promoStartDate, .headingPromoStyle-promoEndDate {
  text-align: left;
  width: 14em !important;
  z-index: 3 !important;
  position: sticky !important;
  left: 233px; }

.headingPromoStyle-promoSku {
  text-align: left;
  width: 14em !important;
  z-index: 0 !important; }

.headingPromoStyle-promoType {
  text-align: left;
  width: 14em !important;
  z-index: 0 !important; }

.headingPromoStyle-promoPlan {
  text-align: center;
  width: 14em !important;
  z-index: 0 !important; }

.headingStyle-promoSuccess {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoFailure {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-promoStatus {
  text-align: left;
  width: 10em !important;
  z-index: 3; }

.headingStyle-Promo-CreatedDate {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingStyle-Promo-Id {
  text-align: left;
  width: 4em !important;
  z-index: 3; }

.headingStyle-PromoName {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.headingPromoStyle-promoActual {
  text-align: left;
  width: 14em !important;
  z-index: 3; }

.promotion-container .searchBarandIcon {
  margin-top: -7px;
  margin-right: 8px; }

.promotion-container input.searchboxPlaceholder {
  width: 236px;
  padding: 1em;
  padding-top: 6px;
  font-size: 10px;
  font-family: Chivo-Regular;
  border-radius: 0px;
  background-color: #f8fcff;
  height: 30px;
  border-left: solid 1px #E6E6E6;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: white; }

.headingPromoStyle-promoCity {
  text-align: left;
  width: 8em;
  z-index: 3 !important;
  position: sticky !important;
  left: 310px; }

.headingPromoStyle-promoLocation {
  text-align: left;
  width: 10em;
  z-index: 3 !important;
  position: sticky !important;
  left: 416px; }

.headingPromoStyle-promoStore {
  text-align: left;
  width: 10em;
  z-index: 3 !important;
  left: 512px;
  position: sticky !important; }

.headingPromoStyle-promoStartDate {
  text-align: left;
  width: 10em;
  z-index: 0 !important; }

.headingPromoStyle-promoEndDate {
  text-align: left;
  width: 10em;
  z-index: 0 !important; }

.promo_sku_grid_cell_id, .promo_sku_grid_cell_category, .promo_sku_grid_cell_brand, .promo_sku_grid_cell_sku, .promo_sku_grid_cell_promotype, .promo_sku_grid_cell_promoPlan, .promo_sku_grid_cell_promoSuccess, .promo_sku_grid_cell_promoFailure, .promo_sku_grid_cell_status, .promo_sku_grid_cell_createddate, .promo_sku_grid_cell_promoName, .promo_sku_grid_cell_promoName_failed, .promo_sku_grid_cell_promoActual, .promo_sku_grid_cell_location, .promo_sku_grid_cell_city, .promo_sku_grid_cell_store, .promo_sku_grid_cell_promoEnd {
  text-align: center;
  z-index: 3; }

.promo_sku_grid_cell_category, .promo_sku_grid_cell_brand, .promo_sku_grid_cell_sku, .promo_sku_grid_cell_promotype, .promo_sku_grid_cell_promoPlan, .promo_sku_grid_cell_promoSuccess, .promo_sku_grid_cell_promoFailure, .promo_sku_grid_cell_status, .promo_sku_grid_cell_createddate, .promo_sku_grid_cell_promoName, .promo_sku_grid_cell_promoName_failed, .promo_sku_grid_cell_promoActual, .promo_sku_grid_cell_location, .promo_sku_grid_cell_city, .promo_sku_grid_cell_store, .promo_sku_grid_cell_promoEnd {
  width: 8.5em;
  text-align: left; }

.promo_sku_grid_cell_brand {
  width: 4.85em;
  text-align: left; }

.promo_sku_grid_cell_sku {
  width: 19em;
  text-align: left; }

.promo_sku_grid_cell_promotype {
  width: 9em;
  text-align: left; }

.promo_sku_grid_cell_promoPlan {
  width: 7.5em;
  text-align: center; }

.promo_sku_grid_cell_promoSuccess {
  width: 7.5em;
  text-align: center; }

.promo_sku_grid_cell_promoFailure {
  width: 7.5em;
  text-align: center; }

.promo_sku_grid_cell_status {
  width: 10em;
  text-align: center; }

.promo_sku_grid_cell_createddate {
  width: 9em;
  text-align: left; }

.promo_sku_grid_cell_promoName, .promo_sku_grid_cell_promoName_failed {
  width: 14em;
  text-align: left; }

.promo_sku_grid_cell_promoName:hover {
  cursor: pointer; }

.promo_sku_grid_cell_promoActual {
  width: 9em;
  text-align: center; }

.promo_sku_grid_cell_location {
  width: 6em; }

.promo_sku_grid_cell_city {
  width: 7em; }

.promo_sku_grid_cell_store {
  width: 10em; }

.promo_sku_grid_cell_promoStart {
  width: 11em; }

.promo_sku_grid_cell_promoEnd {
  width: 11em; }

th.headingPromoStyle-promoId, th.headingPromoStyle-promoWithoutData,
th.headingPromoStyle-promoRetailer,
th.headingPromoStyle-promoBrand,
th.headingPromoStyle-promoCity,
th.headingPromoStyle-promoLocation,
th.headingPromoStyle-promoStore,
th.headingPromoStyle-promoStartDate,
th.headingPromoStyle-promoEndDate,
th.headingPromoStyle-promoSku,
th.headingPromoStyle-promoType,
th.headingPromoStyle-promoPlan,
th.headingPromoStyle-promoActual,
th.headingPromoStyle-promoCity,
th.headingPromoStyle-promoLocation,
th.headingPromoStyle-promoStore,
th.headingPromoStyle-promoStartDate,
th.headingPromoStyle-promoEndDate,
th.headingStyle-promoSuccess,
th.headingStyle-promoFailure,
th.headingStyle-Promo-CreatedDate,
th.headingStyle-promoStatus,
th.headingStyle-PromoName {
  top: -1px !important; }

/**
* General Uppy styles that apply to everything inside the .uppy-Root container
*/
.uppy-Root {
  position: relative;
  box-sizing: border-box;
  color: #333;
  line-height: 1;
  text-align: -webkit-center;
  text-align: -moz-center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0px; }

.mainFileUpload #pr_id_1, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload #pr_id_2, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload #pr_id_3, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload #pr_id_7, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload #pr_id_11, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload #pr_id_17, .mainFileUpload .p-dialog .p-component .p-dialog-enter-done {
  width: 50vw !important;
  height: 33vw;
  box-shadow: 0px 0px 0px !important;
  border-radius: 30px; }

.mainFileUpload .p-resizable-handle, .mainFileUpload .p-dialog .p-resizable-handle {
  display: none; }

.import-progress-bar-Container {
  margin-left: -30px; }

.import-data-message {
  margin-top: 150px; }

.cancelButton {
  margin-top: 30px;
  margin-left: -180px; }

.importdata-cancel-button .import-progress-style .importdata-customize-size .btn .btn-primary {
  margin-top: 30px;
  margin-left: -180px; }

.p-dialog-draggable .p-dialog-header {
  cursor: move;
  border-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.uppy-StatusBar-actions {
  justify-content: flex-end; }

.p-dialog .p-dialog-content {
  /* background: #ffffff; */
  color: #495057;
  justify-content: center;
  align-items: center;
  padding: 0 1.5rem 2rem 1.5rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

[dir=rtl] .uppy-Root,
.uppy-Root[dir=rtl] {
  text-align: right; }

.uppy-Root *,
.uppy-Root *::before,
.uppy-Root *::after {
  box-sizing: inherit; }

.uppy-Root [hidden] {
  display: none; }

.uppy-u-reset {
  top: auto;
  left: auto;
  z-index: auto;
  display: inline;
  float: none;
  clear: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  white-space: normal;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  vertical-align: baseline;
  -webkit-hyphens: none;
  hyphens: none;
  unicode-bidi: normal;
  list-style: none;
  empty-cells: show;
  background: none;
  border: 0;
  border: medium none currentColor;
  border-radius: 0;
  border-image: none;
  border-collapse: separate;
  border-spacing: 0;
  outline: medium none invert;
  box-shadow: none;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  visibility: visible;
  cursor: auto;
  opacity: 1;
  transition: none 0s ease 0s;
  -webkit-appearance: none; }

[dir=rtl] .uppy-u-reset {
  text-align: right; }

.uppy-c-textInput {
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px; }

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px; }

.uppy-size--md .uppy-Dashboard-Item-previewIcon,
.uppy-Dashboard-Item-previewIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80MzM5KSI+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVWMTQuOTY5NUMxMS41ODk5IDE1LjEwNDggMTEuNTYzMyAxNS4yMzg5IDExLjUxMTYgMTUuMzY0QzExLjQ1OTggMTUuNDg5MSAxMS4zODM5IDE1LjYwMjggMTEuMjg4MiAxNS42OTg1QzExLjE5MjUgMTUuNzk0MyAxMS4wNzg4IDE1Ljg3MDIgMTAuOTUzNyAxNS45MjE5QzEwLjgyODYgMTUuOTczNiAxMC42OTQ1IDE2LjAwMDIgMTAuNTU5MSAxNkgxLjAzMDU0QzAuODk1MTY0IDE2LjAwMDIgMC43NjEwODIgMTUuOTczNiAwLjYzNTk3NyAxNS45MjE5QzAuNTEwODcxIDE1Ljg3MDIgMC4zOTcxOTkgMTUuNzk0MyAwLjMwMTQ3MiAxNS42OTg1QzAuMjA1NzQ0IDE1LjYwMjggMC4xMjk4NDIgMTUuNDg5MSAwLjA3ODExMDQgMTUuMzY0QzAuMDI2Mzc5MiAxNS4yMzg5IC0wLjAwMDE2NDEzMiAxNS4xMDQ4IDcuNjM1ODllLTA3IDE0Ljk2OTVWMS4wMzA1NEMtMC4wMDAxNjQxMzIgMC44OTUxNjIgMC4wMjYzNzkyIDAuNzYxMDgxIDAuMDc4MTEwNCAwLjYzNTk3NUMwLjEyOTg0MiAwLjUxMDg3IDAuMjA1NzQ0IDAuMzk3MTk5IDAuMzAxNDcyIDAuMzAxNDcxQzAuMzk3MTk5IDAuMjA1NzQ0IDAuNTEwODcxIDAuMTI5ODQxIDAuNjM1OTc3IDAuMDc4MTEwMUMwLjc2MTA4MiAwLjAyNjM3OSAwLjg5NTE2NCAtMC4wMDAxNjQxMzIgMS4wMzA1NCA3LjYzNTllLTA3SDcuMjA3NTNMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzIzQTU2NiIvPgo8cGF0aCBkPSJNOC4zMjg2NiA3Ljk2NTUySDMuMjYwNTRDMy4xNzMzMSA3Ljk2NTUyIDMuMDg5NjUgOC4wMDAxNyAzLjAyNzk3IDguMDYxODVDMi45NjYyOSA4LjEyMzUzIDIuOTMxNjQgOC4yMDcxOCAyLjkzMTY0IDguMjk0NDFWMTIuNzA3OUMyLjkzMTY0IDEyLjc5NTEgMi45NjYyOSAxMi44Nzg4IDMuMDI3OTcgMTIuOTQwNEMzLjA4OTY1IDEzLjAwMjEgMy4xNzMzMSAxMy4wMzY4IDMuMjYwNTQgMTMuMDM2OEg4LjMzMThDOC40MTkwMyAxMy4wMzY4IDguNTAyNjggMTMuMDAyMSA4LjU2NDM2IDEyLjk0MDRDOC42MjYwNCAxMi44Nzg4IDguNjYwNjkgMTIuNzk1MSA4LjY2MDY5IDEyLjcwNzlWOC4yOTc1NEM4LjY1OTU2IDguMjA5ODQgOC42MjQyMSA4LjEyNjA0IDguNTYyMTkgOC4wNjQwMkM4LjUwMDE2IDguMDAyIDguNDE2MzcgNy45NjY2NSA4LjMyODY2IDcuOTY1NTJaTTMuNTg5NDMgMTAuMDgzSDUuNDY1N1YxMC45MTkzSDMuNTg5NDNWMTAuMDgzWk02LjEyMzUgMTAuMDgzSDcuOTk5NzdWMTAuOTE5M0g2LjEyMzVWMTAuMDgzWk03Ljk5OTc3IDkuNDI1MTlINi4xMjM1VjguNjI2NDRINy45OTk3N1Y5LjQyNTE5Wk01LjQ2NTcgOC42MjY0NFY5LjQyNTE5SDMuNTg5NDNWOC42MjY0NEg1LjQ2NTdaTTMuNTg5NDMgMTEuNTgwMkg1LjQ2NTdWMTIuMzc5SDMuNTg5NDNWMTEuNTgwMlpNNi4xMjM1IDEyLjM3OVYxMS41ODAySDcuOTk5NzdWMTIuMzc5SDYuMTIzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuMTkiIGQ9Ik03Ljc5NjM5IDQuMjIyMzlMMTEuNTg5NyA3LjI5NTIxVjQuNDEwMzNMOS40Mzc3MyAzLjE2MDUyTDcuNzk2MzkgNC4yMjIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVIOC4yMzgwNkM4LjEwMjY4IDQuMzgyMzEgNy45Njg2IDQuMzU1NzcgNy44NDM1IDQuMzA0MDRDNy43MTgzOSA0LjI1MjMxIDcuNjA0NzIgNC4xNzY0IDcuNTA4OTkgNC4wODA2N0M3LjQxMzI2IDMuOTg0OTUgNy4zMzczNiAzLjg3MTI4IDcuMjg1NjMgMy43NDYxN0M3LjIzMzkgMy42MjEwNyA3LjIwNzM2IDMuNDg2OTggNy4yMDc1MiAzLjM1MTYxVjBMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzhFRDFCMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1Ml80MzM5Ij4KPHJlY3Qgd2lkdGg9IjExLjU4OTciIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.uppy-Dashboard-Item-previewIcon svg g {
  fill: none;
  display: none; }

.uppy-c-textInput:focus {
  border-color: rgba(34, 117, 215, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15); }

[data-uppy-theme=dark] .uppy-c-textInput {
  color: #eaeaea;
  background-color: #333;
  border-color: #333; }

[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  box-shadow: none; }

.uppy-c-icon {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  fill: currentColor; }

.uppy-c-btn {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  -webkit-user-select: none;
  user-select: none; }

[dir=rtl] .uppy-c-btn {
  text-align: center; }

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

.uppy-c-btn::-moz-focus-inner {
  border: 0; }

.uppy-c-btn-primary {
  background-color: #0E90E1 !important;
  border-radius: 8px !important;
  border: none;
  color: white !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: Manrope-Bold;
  padding: 10px 22px !important;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2) !important;
  height: 32px; }

.uppy-c-btn-primary:hover {
  background-color: #0E90E1 !important;
  color: white; }

.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px; }

[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea; }

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-c-btn-link {
  padding: 10px 15px;
  color: #525252;
  font-size: 14px;
  line-height: 1;
  background-color: transparent;
  border-radius: 4px; }

.uppy-c-btn-link:hover {
  color: #333; }

.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px; }

[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea; }

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393; }

.uppy-c-btn--small {
  padding: 7px 16px;
  font-size: 0.9em;
  border-radius: 2px; }

.uppy-size--md .uppy-c-btn--small {
  padding: 8px 10px;
  border-radius: 2px; }

.file-uploader-style {
  margin-top: -15px !important; }

.import-header-style {
  margin-left: 7px !important; }

.panelBackground {
  background: none;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  background: transparent;
  border: none;
}

/* open dropdowns and closed dropups have upward facing arrow */

.dropdown.open>.expanderButton:after {
  border: solid #0e90e1  !important;
  border-width: 0 2px 2px 0 !important;
  top: 15px;
  transform: rotateX(180deg) rotateZ(45deg);
  right: 8px;
}

.expanderButton {
  padding-left: 0px;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  /* background-color: transparent; */

  padding: 12px;
  background: #e3f3ff;
  border-radius: 20px;
  max-height: 20px;
}

.dropdown-toggle::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  margin-left: 10px !important;
  /* right: 30%; */
  top: 48%;
  margin-top: -5px;
  border: solid #0e90e1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 3px;
  right: 8px;
}
@charset "UTF-8";

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #0e90e1 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 60px; }

.non-activeRow {
  background: #f8fcff;
  height: 60px; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 14px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 15px !important;
  padding: 13px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #0e90e1;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -14px;
  top: -3px; }

.exportBlockTwoPromo {
  margin-right: 7px;
  margin-top: 1px;
  right: 19px;
  top: -19px;
  position: absolute; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #0e90e1; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #0e90e1;
  font-family: Chivo-Regular; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  margin-right: 52px;
  position: relative;
  top: 11px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #0e90e1; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  align-items: flex-end;
  justify-content: right;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    margin-right: 5px;
    position: relative;
    top: 11px; } }

@media (min-width: 1440px) and (max-width: 1600px) {
  .gridHeaderSearchBarTwo {
    margin-right: 22px;
    position: relative;
    top: 11px; } }

@media (min-width: 1370px) and (max-width: 1440px) {
  .gridHeaderSearchBarTwo {
    margin-right: 12px;
    position: relative;
    top: 11px; } }

/**************Pimerce Blue Theme***************/

.common-heading-style, .grid-header-id, .promo-comp-grid-header-brand-national, .promo-comp-grid-header-brand-store, .promo-comp-grid-header-category-store, .promo-comp-grid-header-category-national, .promo-comp-grid-header-city, .promo-comp-grid-header-location, .promo-grid-header-sku-format, .promo-comp-grid-header-store, .promo-grid-header-sku-format-national, .promo-grid-header-sku-format-loc, .promo-grid-header-sku-format-store, .promo-grid-header-price-national, .promo-grid-header-price-loc, .promo-grid-header-price-store, .dynamic-header {
  padding: 14px !important;
  text-align: left;
  cursor: default; }

.modal-promo-analysis-title {
  display: inline;
  margin-left: 20px; }

.grid-header-id {
  left: -1px;
  z-index: 3 !important;
  width: 1em; }

.promo-comp-grid-header-brand-national {
  width: 10em;
  left: 30px !important;
  z-index: 3 !important; }

.promo-comp-grid-header-brand-store {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-category-store {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-category-national {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-city {
  width: 7em;
  left: 289px;
  z-index: 3; }

.promo-comp-grid-header-location {
  width: 10em;
  left: 373px;
  z-index: 3; }

.promo-grid-header-sku-format {
  width: 14em;
  left: 35px;
  z-index: 3 !important; }

.promo-grid-header-price-promotion-type {
  width: 13em;
  left: 150px;
  z-index: 3 !important; }

.promo-grid-header-price-promotion-price-band-type {
  width: 13em;
  left: 70px;
  z-index: 3; }

.promo-comp-grid-header-store {
  width: 8em;
  left: 493px;
  z-index: 3; }

.promo-grid-header-sku-format-national {
  width: 13em;
  left: 288px;
  z-index: 3; }

.promo-grid-header-sku-format-loc {
  width: 10em;
  left: 492px;
  z-index: 3; }

.promo-grid-header-sku-format-store {
  width: 10em;
  left: 589px;
  z-index: 3; }

.promo-grid-header-price-national {
  width: 10em;
  left: 407px;
  z-index: 3; }

.promo-grid-header-price-loc {
  width: 7em;
  left: 611px;
  z-index: 3; }

.promo-grid-header-price-store {
  width: 8em;
  left: 709px;
  z-index: 3; }

.common-value-style, .promo-grid-brand-align, .promo-grid-brand-align-priceband, .promo-grid-brand-align-priceband:hover, .promo-grid-category-align, .promo-grid-city-align, .promo-grid-location-align, .promo-grid-store-align, .promo-grid-format-align, .promo-grid-price-align, .non-clickable-text, .clickable-text, .clickable-text-single-retailer {
  text-align: left;
  cursor: context-menu; }

.promo-grid-brand-align {
  width: 5em; }

.promo-grid-brand-align-priceband {
  width: 8em;
  text-decoration: underline; }

.promo-grid-brand-align-priceband:hover {
  width: 8em;
  text-decoration: underline;
  cursor: pointer; }

.promo-grid-brand-align-promoPercentage {
  text-decoration: underline; }

.promo-grid-brand-align-promoPercentage-national {
  text-decoration: none; }

.promo-grid-brand-align-promoPercentage:hover {
  text-decoration: underline;
  cursor: pointer; }

.promo-grid-category-align {
  width: 12em; }

.promo-grid-city-align {
  width: 5em; }

.promo-grid-location-align {
  width: 8em; }

.promo-grid-store-align {
  width: 6em; }

.promo-grid-format-align {
  width: 8em; }

.promo-grid-price-align {
  width: 8em; }

.dynamic-header {
  text-align: center; }

.non-clickable-text, .clickable-text, .clickable-text-single-retailer {
  text-align: center;
  width: 16em; }

.clickable-text, .clickable-text-single-retailer {
  text-decoration: underline;
  cursor: pointer; }

.clickable-text-single-retailer {
  width: auto; }

.promo-comp-grid-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 1em; }

.promo-analysis-grid-card-title-style {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.promo-comp-grid-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.promo-analysis-grid-bs-table-props {
  margin-bottom: -50px;
  width: 101.3%; }

.promo-comp-grid-card-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 460px;
  display: flex; }

.promotion-comparison-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.promotion-comparison-appliedFilter-row {
  display: inline-flex; }

#promotion-comparison-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#promotion-comparison-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter5 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.modal-retailer-img {
  height: 27px;
  width: 52.13px;
  object-fit: cover; }

.modal-promo-analysis-overlay-brand {
  display: inline;
  margin-left: 10px; }

.modal-promo-analysis-overlay-img {
  margin-left: 12px; }

.discount-promo-analysis-modal-bs-table-style {
  margin-left: 26px;
  margin-right: 30px;
  margin-top: -38px;
  margin-bottom: 30px; }

.p-slider-handle .p-slider-handle-end {
  left: 100%; }

.promotion_analysis_filter .filter-appliedFilter-row-style {
  padding-bottom: 0px;
  margin-bottom: 15px; }

/**************Pimerce Blue Theme***************/

.common-heading-style, .grid-header-pricebrand-id, .promo-comp-grid-header-brand-national, .promo-comp-grid-header-brand-store, .promo-comp-grid-header-category-store, .promo-comp-grid-header-category-national, .promo-comp-grid-header-city, .promo-comp-grid-header-location, .promo-comp-grid-header-store, .promo-grid-header-sku-format-national, .promo-grid-header-sku-format-loc, .promo-grid-header-sku-format-store, .promo-grid-header-price-national, .promo-grid-header-price-loc, .promo-grid-header-price-store, .dynamic-header, .promo-comp-grid-header-sapcode-national {
  padding: 14px !important;
  text-align: left;
  cursor: default; }

.grid-header-pricebrand-id {
  left: -1px;
  width: 1em; }

.promo-comp-grid-header-brand-national {
  width: 10em;
  left: 175px;
  z-index: 3; }

.promo-comp-grid-header-brand-store {
  width: 10em;
  left: 205px;
  z-index: 3; }

.promo-comp-grid-header-category-store {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-category-national {
  width: 14em;
  left: 37px;
  z-index: 3; }

.promo-comp-grid-header-city {
  width: 7em;
  left: 289px;
  z-index: 3; }

.promo-comp-grid-header-location {
  width: 10em;
  left: 373px;
  z-index: 3; }

.promo-comp-grid-header-store {
  width: 8em;
  left: 493px;
  z-index: 3; }

.promo-grid-header-sku-format-national {
  width: 13em;
  left: 288px;
  z-index: 3; }

.promo-grid-header-sku-format-loc {
  width: 10em;
  left: 492px;
  z-index: 3; }

.promo-grid-header-sku-format-store {
  width: 10em;
  left: 589px;
  z-index: 3; }

.promo-grid-header-price-national {
  width: 10em;
  left: 407px;
  z-index: 3; }

.promo-grid-header-price-loc {
  width: 7em;
  left: 611px;
  z-index: 3; }

.promo-grid-header-price-store {
  width: 8em;
  left: 709px;
  z-index: 3; }

.common-value-style, .promo-grid-brand-align, .promo-grid-brand-align-priceband, .promo-grid-category-align, .promo-grid-city-align, .promo-grid-location-align, .promo-grid-store-align, .promo-grid-format-align, .promo-grid-price-align, .non-clickable-text, .clickable-text, .clickable-text-single-retailer, .promo-grid-sapcode-align {
  text-align: left;
  cursor: context-menu; }

.promo-grid-brand-align {
  width: 5em; }

.promo-grid-brand-align-priceband {
  width: 8em;
  text-decoration: underline; }

.promo-grid-category-align {
  width: 12em; }

.promo-grid-city-align {
  width: 5em; }

.promo-grid-location-align {
  width: 8em; }

.promo-grid-store-align {
  width: 6em; }

.promo-grid-format-align {
  width: 8em; }

.promo-grid-price-align {
  width: 10em; }

.dynamic-header {
  text-align: center;
  min-width: 165px; }

.non-clickable-text, .clickable-text, .clickable-text-single-retailer {
  text-align: center;
  text-decoration: none;
  width: 16em; }

.clickable-text, .clickable-text-single-retailer {
  text-decoration: underline;
  cursor: pointer; }

.clickable-text-single-retailer {
  width: auto; }

.promo-comp-grid-reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border-radius: 1em; }

.promo-pricebrand-grid-card-title-style {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.promo-comp-grid-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.promo-comp-grid-bs-table-props {
  margin-bottom: -50px; }

.promo-comp-grid-card-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 460px;
  display: flex; }

.promotion-comparison-appliedFilter-col {
  display: inline-flex;
  justify-content: flex-end; }

.promotion-comparison-appliedFilter-row {
  display: inline-flex; }

#promotion-comparison-fa-filter1 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer;
  position: relative;
  left: 2px; }

#promotion-comparison-fa-filter2 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter3 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter4 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

#promotion-comparison-fa-filter5 {
  width: 10px;
  height: 10px;
  color: #0e90e1;
  cursor: pointer; }

.price-brand-span {
  font-weight: bold;
  font-family: 'Chivo-Bold'; }

.promo-analysis-price-brand-header {
  padding: 10px;
  margin-bottom: 17px;
  margin-top: 17px;
  background-color: #e3f3ff;
  width: 101.3%; }

.promotion-trend-chartcomponentbg {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 2px;
  margin-right: 1px;
  margin-bottom: 18px;
  width: 101.3%; }

.graphStyle {
  background-color: #ffffff;
  border-radius: 0px;
  border-color: #ffffff; }

.graphHeaderStyle {
  padding-right: 8px; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.promo-comp-grid-card-title-style {
  color: #000000;
  font-size: 18px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: 2px; }

.promo-comp-grid-loading-style {
  margin: 120px; }

.promo-comp-grid-no-data-style {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 70px;
  background-color: #ffffff;
  border: none; }

.promo-comp-grid-bs-table-props {
  margin-bottom: -50px; }

.promo-comp-grid-card-container-style {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  max-height: 460px;
  display: flex; }

.promo-comp-grid-header-sapcode-national {
  width: 5em !important;
  left: 37px;
  z-index: 0 !important; }

.promo-grid-sapcode-align {
  width: 15em; }

.clickable-text, .clickable-text-single-retailer {
  text-decoration: underline;
  cursor: pointer;
  width: 100% !important;
  text-align: center; }

.discount-pricebrand-modal-container-style {
  margin-left: 25px; }

.modal-pricebrand-overlay-img {
  margin-top: 10px;
  margin-left: 18px; }

.modal-pricebrand-title {
  margin-left: 17px;
  display: inline; }

.modal-pricebrand-overlay-brand {
  display: inline;
  margin-left: 12px; }

.retailerlogo-title {
  height: 27px;
  width: 52.13px;
  object-fit: cover; }

.retailerLogoBack {
  cursor: pointer;
  margin-left: 2px; }

.promotionchartClassStyle .apexcharts-xaxis-label {
  transform: rotateY(9deg) !important; }

/**************Pimerce Blue Theme***************/

.lowestPriceDatagridCardContainerStyle {
  background-color: #c2d5e5;
  max-height: 575px;
  display: flex;
  margin-top: -25px; }

.lowestPrice-gridCardBody {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.headingStyle-lowestSellHeader {
  width: 5em;
  text-align: left;
  padding: 14px !important; }

.headingStyle-lowestSellSKUHeader {
  width: 15em;
  text-align: left;
  padding: 14px !important; }

.headingStyle-lowestSeller {
  width: 5em;
  padding: 14px !important;
  text-align: center; }

.headingStyle-lowestSellHeaderRetailer {
  width: 8em;
  padding: 14px !important;
  text-align: left; }

th.headingStyle-lowestSellHeader {
  top: -1px !important; }

th.headingStyle-lowestSellSKUHeader {
  top: -1px !important; }

th.headingStyle-lowestSeller {
  top: -1px !important; }

.lowestpriceColumn-leftAlign {
  text-align: left; }

.lowestpriceColumn-centerAlign {
  text-align: center; }

.lowestprice-modal-header {
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500; }

.lowestprice-modal-img {
  width: 71px;
  height: 71px; }

.lowestprice-modal-body {
  padding: 1rem 2rem 1rem 1rem; }

.lowestprice-modal-grid-container {
  overflow-y: scroll;
  max-height: 264px;
  display: flex; }

.headingStyle-lowestSellerModal {
  width: 5em;
  padding: 9px !important;
  text-align: center; }

.lowestprice-link {
  font-size: 12px; }

.lowestprice-seller-style {
  text-decoration: underline;
  cursor: pointer; }

.lowestprice-grid-loader {
  margin: 130px 0;
  color: #637280; }

.lowestprice-collapse-loader-container {
  text-align: center;
  background-color: white; }

.lowestprice-collapse-loader {
  margin: 3rem 0; }

.lowest-selling-price.sokc-gridCardContainerStyle div#example-collapse-text {
  max-height: 350px;
  overflow: auto;
  border-top: 1px solid #c2d5e5; }

@charset "UTF-8";
/* DataTableDemo.css */
#pim-datatable {
  /* Handle on scroll */
  /* Handle on thumb */
  /* Handle on track piece */ }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .p-paginator .p-paginator-prev,
  #pim-datatable .p-paginator .p-paginator-next,
  #pim-datatable .p-paginator .p-paginator-last {
    min-width: 1rem;
    height: 18px;
    margin: 0.143rem;
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-prev:not(.p-disabled),
  #pim-datatable .gridcontainer .p-paginator-next:not(.p-disabled) {
    color: #0E90E1 !important; }
  #pim-datatable .gridcontainer thead,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background-color: #0E90E1;
    border: 0px;
    outline: none;
    box-shadow: none;
    color: inherit; }
  #pim-datatable .gridcontainer .p-datatable-wrapper,
  #pim-datatable .gridcontainer .p-datatable-scrollable-wrapper {
    width: 100%;
    margin: 5px auto;
    background-color: #E3F3FF;
    padding: 0px 3px 0px;
    border-radius: 10px;
    border-bottom: 3px solid #E3F3FF; }
  #pim-datatable .gridcontainer .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead {
    background-color: white; }
  #pim-datatable .p-datatable .p-paginator-bottom {
    border-width: 0px; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td {
    border-width: 0px;
    height: auto; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr.p-highlight {
    position: relative;
    background: #ffffff !important;
    box-shadow: 0px 6px 76px rgba(0, 51, 83, 0.1) !important; }
  #pim-datatable .p-datatable-tbody {
    background: #FFF !important; }
  #pim-datatable .dataview-mulitsort {
    margin-left: 10px; }
  #pim-datatable .p-datatable-emptymessage {
    display: flex;
    justify-content: center; }
  #pim-datatable tr.p-selectable-row {
    cursor: pointer; }
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: white; }
  #pim-datatable tr.p-selectable-row.p-row-odd, #pim-datatable .p-datatable .p-datatable-tbody > tr.p-row-odd,
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F8FCFF; }
  #pim-datatable .p-datatable-tbody {
    max-height: 100% !important;
    overflow: hidden; }
  #pim-datatable .no-data-image {
    margin-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable-wrapper {
    padding: 0px !important;
    border: 1px solid #C2D5E5 !important;
    border-radius: 6px !important;
    margin-bottom: 30px; }
  #pim-datatable .p-datatable-wrapper {
    max-height: 116vh !important; }
  #pim-datatable tr[data-pc-section="headerrow"] {
    display: flex;
    height: 45px;
    background-color: #0E90E1; }
  #pim-datatable th[role="columnheader"] {
    margin-top: 0px; }
  #pim-datatable .gridcontainer span.p-paginator-pages {
    margin-top: -3px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    color: black !important;
    min-width: 1rem;
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #E3F3FF;
    border: 1px solid #E3F3FF; }
  #pim-datatable .tableheader {
    width: 30%;
    float: left; }
  #pim-datatable .searchsection {
    float: right; }
  #pim-datatable .p-input-icon-left > .topsearch {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left input.inputstyle.form-control {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px !important;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left.searchsection .fa {
    margin-top: 8px !important; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:hover {
    border: solid 1px #ffe0cc; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-color: #ffe0cc; }
  #pim-datatable span.p-input-icon-left.searchsection {
    margin-top: 10px; }
  #pim-datatable .headerparent {
    min-height: 30px;
    margin-bottom: 15px; }
  #pim-datatable .searchsection.p-input-icon-left > i:first-of-type,
  #pim-datatable .p-input-icon-left.searchsection .fa {
    left: auto;
    right: 0.5rem;
    width: 24px;
    height: 12px;
    color: #e5712a !important;
    font-size: 14px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    z-index: 0;
    cursor: pointer;
    height: 18px;
    padding: 3px 6px;
    border-radius: 10px;
    border: solid 1px #212529;
    background-color: #ffffff;
    margin-left: -1px;
    margin-top: 2px;
    width: 18px;
    min-width: 18px;
    color: #000000;
    font-weight: 700; }
  #pim-datatable .gridcontainer .p-paginator-icon.pi {
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-pages > button {
    font-size: 10px;
    font-family: 'Chivo-Regular'; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page:not(.p-highlight):hover {
    background-color: transparent; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background-color: transparent;
    border: 1.3px solid #C2D5E5; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-prev {
    height: 36px;
    border: none !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-next,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-last {
    height: 36px;
    border: none !important; }
  #pim-datatable .p-paginator-prev .p-p-3,
  #pim-datatable .p-paginator-next .p-p-3 {
    font-family: Manrope-Bold;
    font-weight: bold;
    padding: 6px 7.7px !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 20px;
    height: 18px; }
  #pim-datatable .gridcontainer .p-link:focus {
    box-shadow: none; }
  #pim-datatable .tablecontainer tbody {
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal; }
  #pim-datatable .p-datatable .p-sortable-column {
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-column-filter-menu-button:hover,
  #pim-datatable .gridcontainer .p-column-filter-menu-button.p-column-filter-menu-button-open,
  #pim-datatable .gridcontainer
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    border-color: transparent;
    background: transparent;
    color: #495057; }
  #pim-datatable .p-datatable .p-sortable-column.p-highlight,
  #pim-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    color: #495057;
    border: none !important; }
  #pim-datatable .gridcontainer .pi-sort-alt:before,
  #pim-datatable .gridcontainer .pi-sort-amount-up-alt:before {
    content: url(162642fb010115ce0a8c12941e312098.png); }
  #pim-datatable .gridcontainer .pi-sort-amount-down:before {
    content: url(3e891b5086e524b783406318658577a7.png); }
  #pim-datatable .gridcontainer .pi-sort-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-up-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-down {
    filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }
  #pim-datatable .gridcontainer .p-paginator .p-dropdown {
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-inputtext {
    font-size: 0.8rem;
    padding-top: 0.5rem; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-dropdown-trigger .pi,
  #pim-datatable .gridcontainer .p-paginator.p-component {
    font-size: 0.8rem; }
  #pim-datatable .gridcontainer .p-datatable .p-sortable-column .p-sortable-column-badge {
    display: none; }
  #pim-datatable .gridcontainer .p-datatable-scrollable-header-box {
    margin: 0px !important; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td.greyed {
    background-color: rgba(90, 177, 135, 0.4);
    border-top: 2px solid #5ab187;
    border-left: 2px solid #ffebdf; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover
.gridcontainer .p-paginator.p-component {
    font-size: 0.8rem;
    border-bottom: 0px;
    min-height: 70px; }
  #pim-datatable .customefilterchange {
    flex-flow: row;
    flex-wrap: wrap; }
  #pim-datatable .customefilterchange .p-multiselect-label-container {
    cursor: pointer;
    width: 75%;
    display: flex;
    min-height: 30px; }
  #pim-datatable .customefilterchange.p-multiselect .p-multiselect-trigger {
    min-height: 30px; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    position: relative;
    top: 0px !important;
    left: 0px !important; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    box-shadow: none !important; }
  #pim-datatable .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: none !important; }
  #pim-datatable .p-toolbar .attr-pimbtn:active svg path, #pim-datatable .pimbtn:active svg path, #pim-datatable .btn-active-17:active svg path {
    fill: #ffffff; }
  #pim-datatable .pi-pencil:before {
    content: "" !important;
    display: block;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2Njc1SDIuNjY2ODNDMi4zMTMyMSAyLjY2Njc1IDEuOTc0MDcgMi44MDcyMiAxLjcyNDAyIDMuMDU3MjdDMS40NzM5NyAzLjMwNzMyIDEuMzMzNSAzLjY0NjQ2IDEuMzMzNSA0LjAwMDA4VjEzLjMzMzRDMS4zMzM1IDEzLjY4NyAxLjQ3Mzk3IDE0LjAyNjIgMS43MjQwMiAxNC4yNzYyQzEuOTc0MDcgMTQuNTI2MyAyLjMxMzIxIDE0LjY2NjcgMi42NjY4MyAxNC42NjY3SDEyLjAwMDJDMTIuMzUzOCAxNC42NjY3IDEyLjY5MjkgMTQuNTI2MyAxMi45NDMgMTQuMjc2MkMxMy4xOTMgMTQuMDI2MiAxMy4zMzM1IDEzLjY4NyAxMy4zMzM1IDEzLjMzMzRWOC42NjY3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMzMzUgMS42NjY2NUMxMi41OTg3IDEuNDAxNDQgMTIuOTU4NCAxLjI1MjQ0IDEzLjMzMzUgMS4yNTI0NEMxMy43MDg2IDEuMjUyNDQgMTQuMDY4MyAxLjQwMTQ0IDE0LjMzMzUgMS42NjY2NUMxNC41OTg3IDEuOTMxODcgMTQuNzQ3NyAyLjI5MTU4IDE0Ljc0NzcgMi42NjY2NUMxNC43NDc3IDMuMDQxNzMgMTQuNTk4NyAzLjQwMTQ0IDE0LjMzMzUgMy42NjY2NUw4LjAwMDE2IDkuOTk5OTlMNS4zMzM1IDEwLjY2NjdMNi4wMDAxNiA3Ljk5OTk5TDEyLjMzMzUgMS42NjY2NVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    height: 18px;
    min-width: 18px; }
  #pim-datatable .pi-pencil:hover::before {
    content: "" !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2NjY3SDIuNjY2ODNDMi4zMTMyMSAyLjY2NjY3IDEuOTc0MDcgMi44MDcxNSAxLjcyNDAyIDMuMDU3MkMxLjQ3Mzk3IDMuMzA3MjQgMS4zMzM1IDMuNjQ2MzggMS4zMzM1IDQuMDAwMDFWMTMuMzMzM0MxLjMzMzUgMTMuNjg3IDEuNDczOTcgMTQuMDI2MSAxLjcyNDAyIDE0LjI3NjFDMS45NzQwNyAxNC41MjYyIDIuMzEzMjEgMTQuNjY2NyAyLjY2NjgzIDE0LjY2NjdIMTIuMDAwMkMxMi4zNTM4IDE0LjY2NjcgMTIuNjkyOSAxNC41MjYyIDEyLjk0MyAxNC4yNzYxQzEzLjE5MyAxNC4wMjYxIDEzLjMzMzUgMTMuNjg3IDEzLjMzMzUgMTMuMzMzM1Y4LjY2NjY3IiBzdHJva2U9IiMwRTkwRTEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi4zMzM1IDEuNjY2NjVDMTIuNTk4NyAxLjQwMTQ0IDEyLjk1ODQgMS4yNTI0NCAxMy4zMzM1IDEuMjUyNDRDMTMuNzA4NiAxLjI1MjQ0IDE0LjA2ODMgMS40MDE0NCAxNC4zMzM1IDEuNjY2NjVDMTQuNTk4NyAxLjkzMTg3IDE0Ljc0NzcgMi4yOTE1OCAxNC43NDc3IDIuNjY2NjVDMTQuNzQ3NyAzLjA0MTczIDE0LjU5ODcgMy40MDE0NCAxNC4zMzM1IDMuNjY2NjVMOC4wMDAxNiA5Ljk5OTk5TDUuMzMzNSAxMC42NjY3TDYuMDAwMTYgNy45OTk5OUwxMi4zMzM1IDEuNjY2NjVaIiBzdHJva2U9IiMwRTkwRTEiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    display: block;
    background-repeat: no-repeat !important;
    height: 18px; }
  #pim-datatable .customeselect {
    position: relative; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: transparent;
    color: black !important; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background-color: #0E90E1; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff2e8;
    border-color: #0E90E1;
    background: #0E90E1; }
  #pim-datatable .gridcontainer .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box {
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #F8FCFF;
    border: 1px solid #C6C6C6;
    border-radius: 2px; }
  #pim-datatable .pimbtn {
    width: auto;
    border-radius: 25px;
    background-color: transparent !important;
    color: black !important !important;
    border-color: #dddddd !important;
    min-width: 150px;
    margin-right: 20px !important;
    font-size: 12px; }
  #pim-datatable .pimbtn .p-button-label {
    font-size: 12px;
    font-weight: 400;
    font-family: 'chivo-bold'; }
  #pim-datatable span.fa-refresh {
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 12px;
    padding: 2px; }
  #pim-datatable .p-dialog .p-dialog-footer {
    text-align: left; }
  #pim-datatable .p-dialog-footer-user {
    text-align: center; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.84rem 1.25rem; }
  #pim-datatable .p-dialog-footer .p-button.custom-button,
  #pim-datatable .p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  #pim-datatable .custom-button {
    height: 32px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px; }
  #pim-datatable .custom-button .text-light {
    color: black !important; }
  #pim-datatable .gridcontainer .pi-filter-icon.pi-filter {
    font-family: "FontAwesome"; }
  #pim-datatable .gridcontainer .pi-filter:before {
    content: "\f0b0";
    color: #e5712a; }
  #pim-datatable .p-dialog-footer {
    padding: 0px 7px 25px; }
  #pim-datatable .user-manage-footer {
    margin-top: 23px;
    margin-bottom: 15px; }
  #pim-datatable .p-field > label {
    font-family: Chivo-Regular;
    font-size: 12px;
    color: #212529; }
  #pim-datatable .p-inputtext {
    border-radius: 0px !important;
    border: 1px solid #E2E8F0;
    font-size: 14px;
    height: 40px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02); }
  #pim-datatable .p-inputtext:disabled {
    box-shadow: none; }
  #pim-datatable .p-inputtext.attrGroup-input {
    width: 345px; }
  #pim-datatable .pim-dropdown__indicator svg {
    fill: #D9D9D9;
    transform: rotate(0);
    transition: all .2s; }
  #pim-datatable .pim-dropdown__control--menu-is-open .pim-dropdown__indicator svg {
    fill: #000000;
    transform: rotate(180deg); }
  #pim-datatable .pim-dropdown__option.pim-dropdown__option--is-focused {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option--is-selected, #pim-datatable .pim-dropdown__option--is-selected:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .css-61e5a5-option {
    height: 32px !important;
    padding: 4px 10px !important;
    margin-right: 0px !important; }
  #pim-datatable .css-1gtu0rj-indicatorContainer {
    padding: 5px !important; }
  #pim-datatable .css-tlfecz-indicatorContainer {
    padding: 4px 8px !important; }
  #pim-datatable .css-1okebmr-indicatorSeparator {
    display: none; }
  #pim-datatable .p-inputtextarea {
    height: 40px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:first-child > div > form > div {
    padding-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(2) > div > form > div {
    padding-left: 14px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(3) > div > form > div {
    padding-left: 16px; }
  #pim-datatable .gridcontainer td.p-editable-column:nth-child(7) {
    padding-left: 35px !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:nth-child(7) {
    padding-left: 2rem !important; }
  #pim-datatable .p-datatable-thead {
    position: sticky;
    z-index: 1;
    top: 0; }
  #pim-datatable .react-select__control:hover,
  #pim-datatable .attribute-dropdown:hover > div:not(.error-validation),
  #pim-datatable .attribute-dropdown > div:not(.error-validation):first-child:hover {
    border-color: #EFEFF1 !important; }
  #pim-datatable .custom-dropdown .react-select__control {
    width: auto;
    height: 50px; }
  #pim-datatable .custom-dropdown .react-select__menu {
    width: 100%;
    position: absolute; }
  #pim-datatable .custom-dropdown {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none; }
  #pim-datatable .exportbtn {
    justify-content: space-between;
    flex-wrap: wrap; }
  #pim-datatable .p-datatable table {
    width: max-content; }
  #pim-datatable .tablefullwidth table {
    width: 100%; }
  #pim-datatable .editrowcell {
    vertical-align: middle !important; }
  #pim-datatable .editrowcell button {
    display: inline-flex; }
  #pim-datatable .exportbtn .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 15px;
    justify-content: flex-end; }
  #pim-datatable .exportbtn-attr .p-button.p-button-icon-only {
    width: 5rem;
    padding: 0.75rem 17px;
    justify-content: flex-end; }
  #pim-datatable .gridcontainer .exportbtn .p-button-icon {
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    background-position: center;
    background-size: 100%; }
  #pim-datatable .wrapper .main_container .item {
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px; }
  #pim-datatable .table-title,
  #pim-datatable .importpopup .p-dialog-header .p-dialog-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .table-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .p-dialog .p-dialog-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 1rem 1rem;
    overflow: hidden; }
  #pim-datatable * button {
    outline: none !important;
    box-shadow: none !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-header {
    border: 0px;
    background-color: white;
    padding: 0.5rem 0px;
    margin-top: 12px; }
  #pim-datatable .common-header-section {
    margin-top: 0px;
    align-items: center;
    min-height: 60px; }
  #pim-datatable .common-header-section .commonsearch {
    justify-content: start;
    direction: rtl;
    align-items: center; }
  #pim-datatable .commonsearch .fa-search,
  #pim-datatable .commonsearch .fa-close {
    margin-top: 5px !important;
    margin-right: -36px !important;
    color: #2D3748 !important; }
  #pim-datatable .commonsearch input.inputstyle.form-control {
    text-align: left;
    padding-left: 2rem !important;
    padding-right: 8px !important;
    height: 40px;
    direction: ltr;
    background: white;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 15px !important;
    font-size: 14px; }
  #pim-datatable .table {
    margin-bottom: 0px;
    margin-right: -15px;
    width: auto; }
  #pim-datatable .table > .card {
    background: white;
    box-sizing: border-box;
    max-height: 138vh !important; }
  #pim-datatable .page-header {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #050505;
    padding: 5px 0.7rem;
    font-family: Chivo-Bold; }
  #pim-datatable .gridcontainer table .p-datatable-thead th {
    background-color: white;
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: 40px; }
  #pim-datatable .tablefullwidth .gridcontainer table .p-datatable-thead th {
    padding: 8px 10px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: auto;
    padding: 5px 12px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td.p-selection-column {
    padding: 11px !important; }
  #pim-datatable .tablewidthauto .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  #pim-datatable .gridcontainer .p-datatable {
    margin-top: 0px !important;
    padding: 0px 1.25rem 1rem; }
  #pim-datatable .gridcontainer .datatable-view-paginator {
    top: -30px;
    position: relative;
    background: transparent;
    border: none; }
  #pim-datatable .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    padding-top: 0px;
    font-size: 7px; }
  #pim-datatable .p-toolbar {
    background-color: white;
    border: none;
    margin-bottom: 0px !important;
    border: 0px solid #e2e8f0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 6px 6px;
    border-top: 0px;
    margin-top: -75px;
    min-height: 70px;
    margin-right: -15px; }
  #pim-datatable .role-grid-border {
    border-radius: 4px;
    border: 1px solid #C2D5E5 !important;
    padding: 0px;
    margin: 30px 38px; }
  #pim-datatable .vertical-line-user-role {
    width: 0px;
    /* Use only border style */
    height: 100%;
    float: left;
    border: 1px inset; }
  #pim-datatable .role-create-update-view {
    background-color: #F8FCFF; }
  #pim-datatable .export-buttons .pimbtn,
  #pim-datatable .custom-button {
    background-color: #0E90ED !important;
    border-radius: 2px !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: 'chivo-bold';
    color: #FFF;
    font-weight: 400;
    text-align: center;
    margin-right: 8px !important;
    padding: 5px 10px 5px !important;
    min-width: 132px;
    height: 32px; }
  #pim-datatable .export-buttons .attr-pimbtn {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .export-buttons .attr-pimbtn :hover {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .admin-cancel-button {
    background-color: white !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: black !important;
    width: 82px;
    height: 32px; }
  #pim-datatable .admin-submit-button {
    background-color: #0E90E1 !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: #ffffff;
    width: 82px;
    height: 32px; }
  #pim-datatable .p-toolbar .pimbtn {
    background-color: #EFEFF1 !important;
    border-radius: 6px !important;
    border: none;
    color: black !important;
    font-weight: 700px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px;
    height: 54px !important; }
  #pim-datatable .p-toolbar .pimbtn:hover {
    background-color: #E0E0E0 !important;
    border-radius: 7.5px !important;
    border: none;
    color: black !important !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #0E90E1 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .attr-pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #0E90E1 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-bold';
    margin-bottom: 5px; }
  #pim-datatable .btn-active-17:active {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px;
    margin-right: 11px; }
  #pim-datatable .importHistory:active {
    margin-right: 38px !important; }
  #pim-datatable .btn-active-17:active {
    margin-bottom: 0px; }
  #pim-datatable .p-dialog .p-field > label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    margin-left: 3px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control,
  #pim-datatable .p-dialog textarea {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control {
    height: 40px;
    font-size: 12px; }
  #pim-datatable .react-select__value-container {
    height: inherit; }
  #pim-datatable .react-select__value-container .css-1wa3eu0-placeholder {
    position: static;
    transform: none; }
  #pim-datatable .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  #pim-datatable input.inputstyle::placeholder {
    color: #A0AEC0;
    opacity: 1; }
  #pim-datatable .form-control:disabled.form-control {
    background-color: #f8fcff;
    opacity: 1; }
  #pim-datatable .p-paginator {
    justify-content: end;
    margin: 0px; }
  #pim-datatable .p-component-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.2s; }
  #pim-datatable .dialogue-box-style .modal-body {
    padding: 0px 0.7rem 0.7rem; }
  #pim-datatable .modal-header {
    align-items: center; }
  #pim-datatable .smallDialog .modal-body {
    padding: 0px 1.4rem; }
  #pim-datatable .modal-lg .modal-content {
    padding: 0px 10px;
    width: 100%; }
  #pim-datatable .smallDialog .modal-footer {
    padding: 1.25rem;
    justify-content: flex-start !important; }
  #pim-datatable .userRole .modal-footer {
    padding: 0px !important; }
  #pim-datatable ::-webkit-scrollbar {
    height: 6px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 5px; }
  #pim-datatable ::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #7dc7ff; }
  #pim-datatable ::-webkit-scrollbar-track-piece {
    height: 10px;
    background: #c1e5ff; }
  #pim-datatable .loading-image {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 320px; }
  #pim-datatable .loading-image-attributes {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 175px; }
  #pim-datatable tr.p-datatable-emptymessage {
    justify-content: center; }
  #pim-datatable .p-field {
    position: relative;
    margin: 0px !important; }
  #pim-datatable .p-role-update-radius {
    border: 1px solid #C2D5E5;
    border-bottom: none; }
  #pim-datatable .searchbox-holder-17 {
    position: relative; }
    #pim-datatable .searchbox-holder-17 .options {
      position: absolute;
      top: -7px;
      width: 100%;
      left: -75px; }
  @media screen and (max-width: 1140px) {
    #pim-datatable .p-toolbar {
      margin-top: 0px;
      width: 100%; }
    #pim-datatable .p-toolbar-group-left {
      flex-wrap: wrap; } }
  #pim-datatable .optionslist {
    display: block; }
  #pim-datatable .searchbox-holder-17 .input:focus {
    background-color: none !important; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 0.55rem 1.25rem;
    height: 40px;
    display: flex !important;
    flex-direction: row !important; }
  #pim-datatable .p-button-text.custom-button.btn-yes {
    background-color: #0E90E1 !important;
    color: #ffffff !important; }
  #pim-datatable .total-records-input {
    border: 1px solid #D8D8D8;
    background-color: #FFF;
    height: 32px;
    min-width: 20px;
    max-width: 90px;
    padding: 10px;
    font-size: 12px;
    text-align: center; }
  #pim-datatable .p-column-title {
    font-size: 12px;
    font-family: 'chivo-bold';
    color: #FFF;
    margin-right: 5px; }
  #pim-datatable .manage-master-data-header {
    color: #212427;
    font-family: 'chivo-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .header-label {
    color: #000;
    font-family: 'chivo-regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .searchbox-holder-data {
    margin-right: 30px; }
  #pim-datatable .p-row-editor-init {
    display: block;
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2Njc1SDIuNjY2ODNDMi4zMTMyMSAyLjY2Njc1IDEuOTc0MDcgMi44MDcyMiAxLjcyNDAyIDMuMDU3MjdDMS40NzM5NyAzLjMwNzMyIDEuMzMzNSAzLjY0NjQ2IDEuMzMzNSA0LjAwMDA4VjEzLjMzMzRDMS4zMzM1IDEzLjY4NyAxLjQ3Mzk3IDE0LjAyNjIgMS43MjQwMiAxNC4yNzYyQzEuOTc0MDcgMTQuNTI2MyAyLjMxMzIxIDE0LjY2NjcgMi42NjY4MyAxNC42NjY3SDEyLjAwMDJDMTIuMzUzOCAxNC42NjY3IDEyLjY5MjkgMTQuNTI2MyAxMi45NDMgMTQuMjc2MkMxMy4xOTMgMTQuMDI2MiAxMy4zMzM1IDEzLjY4NyAxMy4zMzM1IDEzLjMzMzRWOC42NjY3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMzMzUgMS42NjY2NUMxMi41OTg3IDEuNDAxNDQgMTIuOTU4NCAxLjI1MjQ0IDEzLjMzMzUgMS4yNTI0NEMxMy43MDg2IDEuMjUyNDQgMTQuMDY4MyAxLjQwMTQ0IDE0LjMzMzUgMS42NjY2NUMxNC41OTg3IDEuOTMxODcgMTQuNzQ3NyAyLjI5MTU4IDE0Ljc0NzcgMi42NjY2NUMxNC43NDc3IDMuMDQxNzMgMTQuNTk4NyAzLjQwMTQ0IDE0LjMzMzUgMy42NjY2NUw4LjAwMDE2IDkuOTk5OTlMNS4zMzM1IDEwLjY2NjdMNi4wMDAxNiA3Ljk5OTk5TDEyLjMzMzUgMS42NjY2NVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    height: 18px;
    min-width: 18px;
    background: transparent;
    min-width: 55px !important;
    border-radius: 0% !important; }
  #pim-datatable .p-row-editor-init-icon {
    display: none; }
  #pim-datatable .p-sortable-column-icon {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable .p-sortable-column-icon:hover {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable th[aria-sort="ascending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA0IDE0LjU4NTNMNS4xNjI3MiA5LjE2NjAyTDE0LjkxNzQgOS4xNjYwMkwxMC4wNCAxNC41ODUzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDMyNDQgNi4xMTEzM0M0LjU4OTE5IDYuMTExMzMgNC4zNjUxMiA1LjU3NzMyIDQuNjc1NjYgNS4yNjEwM0w5LjQ4NDA0IDAuMzYzNjA1QzkuNjgwMDIgMC4xNjM5OTkgMTAuMDAxNiAwLjE2Mzk5OSAxMC4xOTc2IDAuMzYzNjA1TDE1LjAwNiA1LjI2MTAzQzE1LjMxNjUgNS41NzczMiAxNS4wOTI0IDYuMTExMzMgMTQuNjQ5MiA2LjExMTMzSDUuMDMyNDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) !important;
    transform: rotateX(3.142rad);
    height: 16px;
    min-width: 18px; }
  #pim-datatable th[aria-sort="descending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA0IDE0LjU4NTNMNS4xNjI3MiA5LjE2NjAyTDE0LjkxNzQgOS4xNjYwMkwxMC4wNCAxNC41ODUzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDMyNDQgNi4xMTEzM0M0LjU4OTE5IDYuMTExMzMgNC4zNjUxMiA1LjU3NzMyIDQuNjc1NjYgNS4yNjEwM0w5LjQ4NDA0IDAuMzYzNjA1QzkuNjgwMDIgMC4xNjM5OTkgMTAuMDAxNiAwLjE2Mzk5OSAxMC4xOTc2IDAuMzYzNjA1TDE1LjAwNiA1LjI2MTAzQzE1LjMxNjUgNS41NzczMiAxNS4wOTI0IDYuMTExMzMgMTQuNjQ5MiA2LjExMTMzSDUuMDMyNDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) !important;
    height: 16px;
    min-width: 18px; }
  #pim-datatable .grid-header-title {
    color: #050505;
    text-align: center;
    font-family: 'Chivo-Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .custom-button .cancel-button {
    border: 2px solid black; }

.importLastRecord-fontStyle {
  font-size: 14px;
  margin-left: 18px; }

.modal-footer .cancel-button {
  background-color: #0E90E1 !important;
  color: white !important;
  width: 50px !important;
  height: 32px !important; }

/**************Pimerce Blue Theme***************/

.no-data-container {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none; }

.gridgradeSku .no-data-container {
  text-align: center;
  position: initial;
  padding: 1px;
  height: 8.8em;
  border: none; }

.no-data-image {
  width: fit-content !important; }

.no-data-message {
  height: 40px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(bc049db0f025da8d4da9ee0cae28e0f7.png);
  background-repeat: no-repeat; }

.gridcontainer .exportbtn .pimbtn.exportemail .p-button-icon {
  background-image: url(d6254a45a6ea572f9acf278a983f4dd9.png);
  background-repeat: no-repeat; }

.pim-btn .customize-style {
  background-color: #ffffff !important; }

.attr-list-style {
  max-height: '280px';
  min-height: '260px'; }

.attr-list .p-listbox-item {
  cursor: context-menu; }

.attr-list .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #ffffff; }

.attr-list .p-listbox .p-listbox-list .p-listbox-item {
  border: 1px solid #E2E8F0;
  padding: 0.5rem 1.25rem; }

.attr-list .p-listbox .p-listbox-list {
  padding: 0 0; }

.attr-list .p-listbox {
  border-radius: 2px; }

.attr-group-list .p-listbox {
  border-radius: 2px; }

.attr-group-list .p-listbox .p-listbox-header {
  padding: 0 0; }

.attr-group-list .p-inputtext {
  border-radius: 0px;
  border: solid 0px #bbbbbb; }

.attr-group-list .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #000000;
  background: #E3F3FF; }

.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem transparent; }

.attr-group-list .p-inputtext {
  font-size: 12px;
  height: 30px; }

.attr-group-list .p-listbox .p-listbox-list {
  padding: 0 0; }

#attr-list-container {
  width: 100%;
  display: flex; }

#attr-list-container .attribute-group {
  flex-grow: 1; }

.attr-footer {
  padding-left: 5px;
  padding-right: 5px; }

.p-dialog-header-close-icon {
  font-size: 1.3rem;
  color: #000;
  font-weight: bold; }

.form-style {
  display: flex;
  flex-wrap: wrap;
  padding: 0px; }

.errorMsg {
  padding: 5px -1px;
  color: #dc3545;
  display: block;
  font-style: italic;
  font-size: 10px;
  position: absolute;
  white-space: nowrap;
  line-height: 20px;
  bottom: -17px;
  font-weight: 400; }

.error-validation,
.error-validation.p-inputtext:enabled:hover {
  border-color: #dc3545; }

.attribute-dropdown .css-1g6gooi {
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  visibility: visible;
  color: #333333;
  box-sizing: border-box; }

.attribute-dropdown {
  background: #ffffff;
  border: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 4px; }

.user-role-dropdown {
  background: #ffffff;
  border: 1px solid #D9D9D9;
  border-radius: 6px; }

.p-button-text.custom-button.btn-yes {
  background-color: #0E90E1 !important;
  color: #ffffff !important; }

.add-new-attr-type {
  padding-left: 40px; }

.delete-new-attr-type {
  padding-left: 22px; }

.attribute-dropdown > div:not(.error-validation):first-child:hover {
  border-color: #e5712a; }

.attribute-dropdown .css-1hwfws3 {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  padding: 0px 8px;
  position: relative; }

.attribute-dropdown .css-1uccc91-singleValue {
  font-size: 16px; }

.p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0 0px 0.5rem 0.5rem;
  text-align: right;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }

.desc-textarea-style {
  font-size: 12px;
  width: 210px;
  height: 85px; }

.attr-group {
  font-size: 12px;
  width: -webkit-fill-available; }

.attr-type {
  font-size: 12px;
  width: -webkit-fill-available; }

.exclamation-triangle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MjAwMiAxOEMxLjY0NTM5IDE4LjMwMjQgMS41NTI5OSAxOC42NDUzIDEuNTUyMDEgMTguOTk0NUMxLjU1MTAzIDE5LjM0MzggMS42NDE1MSAxOS42ODcyIDEuODE0NDUgMTkuOTkwNUMxLjk4NzM4IDIwLjI5MzkgMi4yMzY3NSAyMC41NDY4IDIuNTM3NzMgMjAuNzIzOUMyLjgzODcxIDIwLjkwMSAzLjE4MDgyIDIwLjk5NjIgMy41MzAwMiAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI3IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcxIDE4LjY0NTMgMjIuMzU0NyAxOC4zMDI0IDIyLjE4IDE4TDEzLjcxIDMuODYwMDJDMTMuNTMxOCAzLjU2NjEzIDEzLjI4MDcgMy4zMjMxNCAxMi45ODEyIDMuMTU0NTFDMTIuNjgxNyAyLjk4NTg3IDEyLjM0MzggMi44OTcyOCAxMiAyLjg5NzI4QzExLjY1NjMgMi44OTcyOCAxMS4zMTg0IDIuOTg1ODcgMTEuMDE4OCAzLjE1NDUxQzEwLjcxOTMgMy4zMjMxNCAxMC40NjgzIDMuNTY2MTMgMTAuMjkgMy44NjAwMlYzLjg2MDAyWiIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOVYxMyIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTdIMTIuMDEiIHN0cm9rZT0iIzU4NUI1RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  align-self: center; }

.dialogue-box-style {
  width: 650px; }

.attribute-body .modal-body {
  padding: 0px 1.5rem 0.7rem !important; }

.attribute-footer .modal-footer {
  padding: 0px !important; }

.attribute-header .modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 1rem 1rem; }

.attribute-group-header .modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 1rem 1.5rem; }

.attribute-group-header .modal-body {
  margin: 0px 25px; }

.attr-header .modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding-bottom: 0px; }

.user-header .modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 1rem 1.2rem 1rem 1.8rem; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #0E90E1; }

.required::after {
  content: "*";
  color: #f70505;
  font-size: 14px; }

.confirmation-content {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  overflow-wrap: anywhere; }

.eye-icon {
  display: none !important; }

.p-listbox-item:hover .eye-icon {
  display: flex !important; }

.mb-6 {
  margin-bottom: 5rem !important; }

.arrow-back {
  font-size: 14px;
  font-weight: bold !important;
  cursor: pointer;
  margin-left: 3px;
  color: #000000; }

.attr-search-box-autocomplete {
  width: 300px;
  padding: 14px;
  padding-left: 34px;
  font-size: 14px;
  font-family: Chivo-Regular;
  border-radius: 0px;
  border: 1px solid #C3D5E4;
  height: 34px;
  outline: none;
  background: #ffffff; }

.attr-search-box-autocomplete:focus {
  border: 1px solid #C3D5E4; }

.attr-search-box-autocomplete::-webkit-input-placeholder {
  font-size: 12px; }

.attr-search-box-autocomplete:-moz-placeholder {
  font-size: 12px; }

.attr-search-box-autocomplete::-moz-placeholder {
  font-size: 12px; }

.attr-search-bar-boxing {
  outline: none; }

.attr-dropdown-btn {
  background-color: #ffffff !important;
  border: transparent !important;
  color: black !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right;
  font-family: Manrope-Bold;
  margin-right: 15px !important;
  padding: 5px 10px 5px !important;
  min-width: -webkit-fill-available; }

.attr-list.attr-group-list label.list-label.pim-font-property {
  width: 100%;
  margin: 0px; }

.attr-list.attr-group-list label.list-label .list-checkbox {
  vertical-align: top; }

.attr-grp-attr-list .list-checkbox {
  display: none; }

/* PickListDemo.css */
.p-picklist-buttons.p-picklist-transfer-buttons .p-button {
  padding: 4px 4px;
  background: #D9D9D9;
  color: #000000;
  font-weight: bold;
  margin: 6px;
  width: 34px;
  border: none; }

.pick-header-content {
  background: #E4F3FF;
  display: flex;
  justify-content: center;
  padding: 1rem 1rem 0.5rem;
  border-bottom: 1px solid #C3D5E4;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.pick-react-select {
  padding: 10px 20px; }

.p-picklist .p-picklist-header {
  background: #ffffff;
  color: #212529;
  border: 1px solid #C3D5E4;
  padding: 0rem;
  font-weight: 700;
  text-align: center;
  border-bottom: 0 none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.picklist .product-item {
  display: flex;
  align-items: center;
  padding: .5rem;
  width: 100%;
  font-size: 14px;
  font-weight: 400; }

.picklist .product-item .product-list-detail {
  flex: 1 1 0; }

.picklist .product-item .product-list-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.p-picklist .p-picklist-list {
  max-width: 332px !important;
  border: 1px solid #C3D5E4;
  background: #ffffff;
  color: #495057;
  padding: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.picklist .css-9gakcf-option {
  background-color: #0E90E1;
  font-weight: 400px;
  font-size: 14px; }

.picklist .css-o0o78j-option {
  background-color: #0E90E1;
  font-weight: 400px;
  font-size: 14px; }

@media screen and (max-width: 576px) {
  .picklist .product-item {
    flex-wrap: wrap; }
  .picklist .product-item .image-container {
    width: 100%;
    text-align: center; }
  .picklist .product-item img {
    margin: 0 0 1rem 0;
    width: 100px; } }

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  background: #0E90E1;
  color: #FFFFFF; }

.pick-select {
  color: #000000;
  font-size: 12px; }

.p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.2rem 0.9rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: transform 0.2s,  box-shadow 0.2s; }

.picklist .p-picklist.p-component .p-picklist-buttons > .p-button:nth-child(4) {
  display: none; }

.pick-select__menu.css-bwq904-menu {
  border: 1px solid #C3D5E4;
  top: 110%; }

.error-validation-attrNameWrap {
  white-space: break-spaces;
  line-height: 15px;
  bottom: -22px !important;
  padding: 0px;
  position: static;
  margin-top: 3px; }

.search-bar-boxing {
  margin-right: -23px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.attribute-page-header {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Chivo-Bold'; }

.attribute-delete-button {
  width: 132px;
  height: 32px; }

.attribute-add-button {
  width: 132px;
  height: 32px; }

.no-options-dropdown {
  display: inline-block;
  list-style: none;
  width: 100%;
  z-index: 5;
  transition: width 0.3s;
  background: white;
  color: #000;
  margin: auto;
  border: solid 1px #C2D5E5;
  position: absolute;
  font-size: 12px;
  padding-left: 57px;
  margin-left: -12px;
  font-size: 12px !important;
  font-weight: 500 !important; }

.p-button-text.custom-button.btn-yes .pi-spin.pi-spinner {
  display: inline !important; }

.editrowcell {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 5px; }

.delete-group {
  width: 100%;
  display: flex;
  justify-content: center; }

.delete-modal-group .modal-title {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Chivo-Bold'; }

.toastModalBodyClass {
  text-align: center; }

.btn-active-17.attr-pimbtn.downloadTemplate .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE0MTMgNy4yNUgxMC43NVYzLjcwODMzQzEwLjc1IDMuMzE4NzUgMTAuMzU2MyAzIDkuODc1IDNINi4zNzVDNS44OTM3NSAzIDUuNSAzLjMxODc1IDUuNSAzLjcwODMzVjcuMjVINC4xMDg3NUMzLjMzIDcuMjUgMi45MzYyNSA4LjAxNSAzLjQ4NzUgOC40NjEyNUw3LjUwMzc1IDExLjcxMjVDNy44NDUgMTEuOTg4OCA4LjM5NjI1IDExLjk4ODggOC43Mzc1IDExLjcxMjVMMTIuNzUzOCA4LjQ2MTI1QzEzLjMwNSA4LjAxNSAxMi45MiA3LjI1IDEyLjE0MTMgNy4yNVpNMiAxNC4zMzMzQzIgMTQuNzIyOSAyLjM5Mzc1IDE1LjA0MTcgMi44NzUgMTUuMDQxN0gxMy4zNzVDMTMuODU2MyAxNS4wNDE3IDE0LjI1IDE0LjcyMjkgMTQuMjUgMTQuMzMzM0MxNC4yNSAxMy45NDM4IDEzLjg1NjMgMTMuNjI1IDEzLjM3NSAxMy42MjVIMi44NzVDMi4zOTM3NSAxMy42MjUgMiAxMy45NDM4IDIgMTQuMzMzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px; }

.btn-active-17.attr-pimbtn.importMasterData .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDcuMlYzLjZMNy41IDBIMS41QzEuMTAyMTggMCAwLjcyMDY0NCAwLjEyNjQyOCAwLjQzOTM0IDAuMzUxNDcyQzAuMTU4MDM1IDAuNTc2NTE1IDAgMC44ODE3NCAwIDEuMlYxMC44QzAgMTEuMTE4MyAwLjE1ODAzNSAxMS40MjM1IDAuNDM5MzQgMTEuNjQ4NUMwLjcyMDY0NCAxMS44NzM2IDEuMTAyMTggMTIgMS41IDEySDEwLjVDMTAuODk3OCAxMiAxMS4yNzk0IDExLjg3MzYgMTEuNTYwNyAxMS42NDg1QzExLjg0MiAxMS40MjM1IDEyIDExLjExODMgMTIgMTAuOFY4LjRINi43NVYxMC4yTDMgNy44TDYuNzUgNS40VjcuMkgxMlpNNi43NSAxLjJMMTAuNSA0LjJINi43NVYxLjJaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px; }

.btn-active-17.attr-pimbtn.importHistory .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE5QzEwLjIxMTEgMTkgOC42NTIxOCAxOC40MDY4IDcuMzIzMjIgMTcuMjIwNEM1Ljk5NDI2IDE2LjAzNDEgNS4yMzI4MSAxNC41NTMyIDUuMDM4ODkgMTIuNzc3OEg2LjYzMzMzQzYuODE0ODEgMTQuMTI1OSA3LjQxNDQ4IDE1LjI0MDcgOC40MzIzMyAxNi4xMjIyQzkuNDUwMTggMTcuMDAzNyAxMC42Mzk0IDE3LjQ0NDQgMTIgMTcuNDQ0NEMxMy41MTY3IDE3LjQ0NDQgMTQuODAzNCAxNi45MTYxIDE1Ljg2MDEgMTUuODU5M0MxNi45MTY5IDE0LjgwMjYgMTcuNDQ1IDEzLjUxNjEgMTcuNDQ0NCAxMkMxNy40NDQ0IDEwLjQ4MzMgMTYuOTE2MSA5LjE5NjYzIDE1Ljg1OTMgOC4xMzk4OUMxNC44MDI2IDcuMDgzMTUgMTMuNTE2MSA2LjU1NTA0IDEyIDYuNTU1NTZDMTEuMTA1NiA2LjU1NTU2IDEwLjI2OTQgNi43NjI5NiA5LjQ5MTY3IDcuMTc3NzhDOC43MTM4OSA3LjU5MjU5IDguMDU5MjYgOC4xNjI5NiA3LjUyNzc4IDguODg4ODlIOS42NjY2N1YxMC40NDQ0SDVWNS43Nzc3OEg2LjU1NTU2VjcuNjA1NTZDNy4yMTY2NyA2Ljc3NTkzIDguMDIzNzQgNi4xMzQyNiA4Ljk3Njc4IDUuNjgwNTZDOS45Mjk4MSA1LjIyNjg1IDEwLjkzNzYgNSAxMiA1QzEyLjk3MjIgNSAxMy44ODMgNS4xODQ4NSAxNC43MzIzIDUuNTU0NTZDMTUuNTgxNyA1LjkyNDI2IDE2LjMyMDYgNi40MjMwNyAxNi45NDkgNy4wNTFDMTcuNTc3NCA3LjY3OTk2IDE4LjA3NjUgOC40MTg4NSAxOC40NDYyIDkuMjY3NjdDMTguODE1OSAxMC4xMTY1IDE5LjAwMDUgMTEuMDI3MyAxOSAxMkMxOSAxMi45NzIyIDE4LjgxNTEgMTMuODgzIDE4LjQ0NTQgMTQuNzMyM0MxOC4wNzU3IDE1LjU4MTcgMTcuNTc2OSAxNi4zMjA2IDE2Ljk0OSAxNi45NDlDMTYuMzIgMTcuNTc3NCAxNS41ODExIDE4LjA3NjUgMTQuNzMyMyAxOC40NDYyQzEzLjg4MzUgMTguODE1OSAxMi45NzI3IDE5LjAwMDUgMTIgMTlaTTE0LjE3NzggMTUuMjY2N0wxMS4yMjIyIDEyLjMxMTFWOC4xMTExMUgxMi43Nzc4VjExLjY4ODlMMTUuMjY2NyAxNC4xNzc4TDE0LjE3NzggMTUuMjY2N1oiIGZpbGw9IiM0OTUwNTciLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px; }

.edit-icon-sku.p-button:enabled:hover {
  background-color: #FFF !important; }

.edit-icon-sku.p-button {
  background: #FFF !important;
  border: none !important; }

.dataview-mulitsort .dropdown .dropdown-toggle .btn .btn-primary {
  padding: 0.1rem 0.75rem !important;
  line-height: normal !important; }

.dataview-multisort-effect-attributes {
  background: white;
  width: auto;
  border-radius: 10px; }

.master-sku .btn-primary {
  font-size: 12px;
  color: #212427 !important;
  height: 34px;
  border: 1px solid #D8D8D8;
  background-color: #FFF;
  width: 100%;
  padding-left: 10px;
  padding-right: 25px; }

.master-sku .dropdown-menu {
  min-width: 11rem; }

.dropdown-toggle::after {
  border-color: #212427;
  padding: 2px;
  top: 50%; }

.master-sku .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  border: 1px solid #D8D8D8;
  background-color: #FFF; }

#pim-datatable .export-buttons .attr-pimbtn {
  padding: 0px; }

.dropdown-menu.show {
  inset: 0px auto auto -100px;
  min-width: 11.5rem; }

.p-c {
  font-weight: 400; }

.manufacturer-dropdown .react-select__control {
  width: 97%;
  border-radius: 8px;
  border-color: #ffffff;
  height: 56px; }

.manufacturer-modal {
  margin-left: 13px; }
  .manufacturer-modal .css-2b097c-container {
    margin-left: -5px;
    width: 445px; }
  .manufacturer-modal .css-26l3qy-menu {
    margin-left: 8px; }

.delete-group {
  width: 100%;
  display: flex;
  justify-content: center; }

.delete-modal-group .modal-title {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Chivo-Bold'; }

.importdata-customize-size:disabled {
  background-color: #94c5e3 !important;
  cursor: not-allowed !important; }

.centered-card-container {
  background: white;
  border-radius: 2%; }

.separator-line {
  border: 1.3px solid #D8D8D8; }

.sku-management .centered-card-container {
  display: flex;
  justify-content: center;
  height: auto;
  /* Set the container height to the viewport height for full-page coverage */ }

.required.attributeLabel {
  margin-bottom: 12px !important; }

.required.attributeLabel.mb-0 {
  margin-bottom: 8px !important; }

.sku-management .card {
  width: 550px;
  border: 2px solid #D8D8D8;
  border-radius: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  /* Additional card styling goes here */ }

.render-head-tile {
  color: #212427;
  font-family: Chivo;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding: 20px 21px 0px; }

.rendertile-subtitle {
  color: #000;
  font-family: Chivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.separator-line {
  margin-top: 0.5rem; }

.footer-btn {
  display: flex;
  justify-content: center;
  margin: 0px auto; }

.attribute-inputtext {
  width: 240px;
  height: 42px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  background: #FFF; }

.sku-label {
  color: #212427;
  font-family: 'chivo-bold';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.productsku-form {
  margin-right: 0rem !important;
  margin-left: 0rem  !important; }

.form-page-section-one {
  width: 100%; }

.form-page-section-two {
  width: 100%; }

.attributeLabel {
  margin-bottom: 10px;
  color: #6E6E6E !important;
  font-family: 'Chivo-Regular';
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  margin-left: -6px; }

.sku-field {
  margin-left: -4px; }

.dropdown-holder {
  margin-left: -4px;
  margin-top: -4px; }
  .dropdown-holder .multiselect-items {
    width: 100%;
    border-radius: 0%;
    height: 42px;
    width: 240px;
    margin-left: -4px; }
  .dropdown-holder .p-icon.p-dropdown-trigger-icon.p-clickable {
    display: none; }
  .dropdown-holder .p-dropdown-trigger {
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InRlZW55aWNvbnM6ZG93bi1zb2xpZCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik02IDkuNTk5OTVMMCAzLjE5OTk1SDEyTDYgOS41OTk5NVoiIGZpbGw9IiM2MDYwNjAiLz4KPC9nPgo8L3N2Zz4K) !important;
    height: 22px !important;
    margin-top: 12px;
    margin-left: 60px;
    width: 2rem !important; }

.productsku-form .cancel-button {
  background-color: #0E90E1; }

.btn-active-17.attr-pimbtn.downloadTemplate .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE0MTMgNC4yNUg4Ljc1VjAuNzA4MzMzQzguNzUgMC4zMTg3NSA4LjM1NjI1IDAgNy44NzUgMEg0LjM3NUMzLjg5Mzc1IDAgMy41IDAuMzE4NzUgMy41IDAuNzA4MzMzVjQuMjVIMi4xMDg3NUMxLjMzIDQuMjUgMC45MzYyNSA1LjAxNSAxLjQ4NzUgNS40NjEyNUw1LjUwMzc1IDguNzEyNUM1Ljg0NSA4Ljk4ODc1IDYuMzk2MjUgOC45ODg3NSA2LjczNzUgOC43MTI1TDEwLjc1MzggNS40NjEyNUMxMS4zMDUgNS4wMTUgMTAuOTIgNC4yNSAxMC4xNDEzIDQuMjVaTTAgMTEuMzMzM0MwIDExLjcyMjkgMC4zOTM3NSAxMi4wNDE3IDAuODc1IDEyLjA0MTdIMTEuMzc1QzExLjg1NjMgMTIuMDQxNyAxMi4yNSAxMS43MjI5IDEyLjI1IDExLjMzMzNDMTIuMjUgMTAuOTQzOCAxMS44NTYzIDEwLjYyNSAxMS4zNzUgMTAuNjI1SDAuODc1QzAuMzkzNzUgMTAuNjI1IDAgMTAuOTQzOCAwIDExLjMzMzNaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=) !important;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px; }

.btn-active-17.attr-pimbtn.importHistory .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTZDNS45NTU1NSAxNiA0LjE3MzkzIDE1LjMyMjEgMi42NTUxMSAxMy45NjYyQzEuMTM2MyAxMi42MTA0IDAuMjY2MDc0IDEwLjkxNzkgMC4wNDQ0NDQ0IDguODg4ODlIMS44NjY2N0MyLjA3NDA3IDEwLjQyOTYgMi43NTk0MSAxMS43MDM3IDMuOTIyNjcgMTIuNzExMUM1LjA4NTkzIDEzLjcxODUgNi40NDUwNCAxNC4yMjIyIDggMTQuMjIyMkM5LjczMzMzIDE0LjIyMjIgMTEuMjAzOCAxMy42MTg0IDEyLjQxMTYgMTIuNDEwN0MxMy42MTkzIDExLjIwMyAxNC4yMjI4IDkuNzMyNzQgMTQuMjIyMiA4QzE0LjIyMjIgNi4yNjY2NyAxMy42MTg0IDQuNzk2MTUgMTIuNDEwNyAzLjU4ODQ0QzExLjIwMyAyLjM4MDc0IDkuNzMyNzQgMS43NzcxOCA4IDEuNzc3NzhDNi45Nzc3OCAxLjc3Nzc4IDYuMDIyMjIgMi4wMTQ4MSA1LjEzMzMzIDIuNDg4ODlDNC4yNDQ0NCAyLjk2Mjk2IDMuNDk2MyAzLjYxNDgxIDIuODg4ODkgNC40NDQ0NEg1LjMzMzMzVjYuMjIyMjJIMFYwLjg4ODg4OUgxLjc3Nzc4VjIuOTc3NzhDMi41MzMzMyAyLjAyOTYzIDMuNDU1NyAxLjI5NjMgNC41NDQ4OSAwLjc3Nzc3OEM1LjYzNDA3IDAuMjU5MjU5IDYuNzg1NzggMCA4IDBDOS4xMTExMSAwIDEwLjE1MiAwLjIxMTI1OSAxMS4xMjI3IDAuNjMzNzc4QzEyLjA5MzMgMS4wNTYzIDEyLjkzNzggMS42MjYzNyAxMy42NTYgMi4zNDRDMTQuMzc0MiAzLjA2MjgxIDE0Ljk0NDYgMy45MDcyNiAxNS4zNjcxIDQuODc3MzNDMTUuNzg5NiA1Ljg0NzQxIDE2LjAwMDYgNi44ODgzIDE2IDhDMTYgOS4xMTExMSAxNS43ODg3IDEwLjE1MiAxNS4zNjYyIDExLjEyMjdDMTQuOTQzNyAxMi4wOTMzIDE0LjM3MzYgMTIuOTM3OCAxMy42NTYgMTMuNjU2QzEyLjkzNzIgMTQuMzc0MiAxMi4wOTI3IDE0Ljk0NDYgMTEuMTIyNyAxNS4zNjcxQzEwLjE1MjYgMTUuNzg5NiA5LjExMTcgMTYuMDAwNiA4IDE2Wk0xMC40ODg5IDExLjczMzNMNy4xMTExMSA4LjM1NTU1VjMuNTU1NTZIOC44ODg4OVY3LjY0NDQ0TDExLjczMzMgMTAuNDg4OUwxMC40ODg5IDExLjczMzNaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=) !important;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px; }

.dynamicloaders {
  background-color: #f2f2f2;
  position: absolute;
  right: 12%;
  top: 33px;
  width: 26px;
  text-align: center; }

.dynamicloaders .react-select__indicator {
  color: #000;
  padding: 8px;
  width: 15px;
  height: 15px; }

.dynamicloaders .react-select__indicator > span {
  width: 15px;
  height: 15px; }

.p-dropdown:not(.p-disabled):hover {
  border-color: none !important; }

.p-dropdown:not(.p-disabled).p-focus {
  border-color: none !important;
  box-shadow: none !important; }

.sku-management .react-select__indicator {
  color: #0E90E1 !important; }

.sku-management .css-1fhf3k1-control {
  border-radius: 0px;
  background-color: #F9F9F9; }

.sku-management .css-1fhf3k1-control .css-tlfecz-indicatorContainer {
  border-radius: 0px;
  display: none; }

.sku-management .css-tlfecz-indicatorContainer {
  background-repeat: no-repeat !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InRlZW55aWNvbnM6ZG93bi1zb2xpZCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik02IDkuNTk5OTVMMCAzLjE5OTk1SDEyTDYgOS41OTk5NVoiIGZpbGw9IiM2MDYwNjAiLz4KPC9nPgo8L3N2Zz4K) !important;
  height: 16px; }

.sku-management .css-tlfecz-indicatorContainer {
  color: #FFF; }

.sku-management .css-1fhf3k1-control .css-tlfecz-indicatorContainer {
  color: #f2f2f2; }

.sku-management .css-109onse-indicatorSeparator {
  background-color: none !important;
  width: 0px; }

.sku-management .css-1wy0on6 {
  height: 42px;
  border-radius: 0px; }

.sku-management .p-inputtext:disabled {
  background: #F9F9F9;
  color: #999999;
  opacity: 1 !important; }

.sku-management .input:disabled {
  color: #495057; }

.sku-management .css-yk16xz-control {
  border-radius: 0px !important; }

/**************Pimerce Blue Theme***************/

.p-dialog .p-dialog-content {
  padding: 0 0.5rem 0rem 0.5rem; }

.p-dialog .p-dialog-header {
  padding: 1rem 1rem 0.5rem 1rem; }

.brandgrid .self-tabel .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 0.84rem 0rem; }

.custom-sov-modal-head.modal-header {
  padding: 0rem 0.6rem; }

.carouselImgContainer {
  width: 102.5%;
  height: 77px; }

.carosel-img-style {
  max-height: 100%;
  max-width: 120%;
  cursor: pointer; }

.carosel-no-img-style {
  max-height: 107%;
  max-width: 100%;
  padding: 30px 0px 0px 65px; }

.caresol-img-slider {
  height: 300px; }

.custom-carousel {
  max-width: 900px; }

.snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 0.95rem 3.70rem 6.47rem 1.25rem; }

.headingStyle-BrandLevelShareId {
  width: 7em;
  text-align: left;
  left: -1px;
  z-index: 3; }

.headingStyle-BrandGridColumn {
  width: 35rem;
  text-align: initial;
  left: 35px !important;
  z-index: 3;
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-sovGridColumn {
  width: 15rem;
  text-align: center;
  left: 142px !important;
  z-index: 3;
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.headingStyle-sov30GridColumn {
  width: 15rem;
  text-align: center;
  left: 142px !important;
  z-index: 3;
  padding-top: 22px !important;
  padding-bottom: 20px !important; }

.snapshot-grid-nodata .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.95rem 1.12rem 18.47rem 1.25rem !important; }

.gridSOVContentAlignid {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.sovGrid-BrandShareContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.sovGrid-Brand7ShareContent {
  min-width: 6em;
  max-width: inherit;
  text-align: center;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

.sovGrid-Brand30ShareContent {
  min-width: 6em;
  max-width: inherit;
  text-align: center;
  cursor: context-menu;
  color: #000000;
  background-color: transparent; }

#sov-position::after {
  content: "\a";
  white-space: pre; }

#sov-slot::after {
  content: "\a";
  white-space: pre; }

.sov-position {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700; }

.sov-slot {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700; }

.p-dialog .sov-multi-img-header-style .p-dialog-title {
  margin-left: 45px; }

.p-dialog .sov-header-style .p-dialog-title {
  margin-left: 0px; }

.sov-modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  cursor: context-menu; }

.carousel-module .product-item .product-item-content {
  border-radius: 3px;
  margin: .3rem;
  text-align: center;
  padding: 1rem 0; }

.carousel-module .product-item .product-image {
  width: 250px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #ced4da;
  width: 0.6rem;
  height: 0.6rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 5px; }

.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next {
  width: 2.5rem;
  height: 7rem;
  color: #000000;
  border: 0 none;
  background: #d6d9dc;
  border-radius: 1%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem; }

#sov-position::after {
  content: "\a";
  white-space: pre; }

#sov-slot::after {
  content: "\a";
  white-space: pre; }

.sov-position {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.34rem;
  display: block; }

.sov-slot {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700; }

.caresol-img-slider {
  height: 300px;
  width: auto !important;
  max-width: 100%; }

.sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td, .sov-modalCard .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  width: 18rem;
  height: 60px; }

.sov-modalCard .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  border-right: 1px solid white;
  border-left: 1px solid white; }

.sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  height: 120px; }

.sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.5rem;
  justify-content: center;
  align-content: center;
  border-right-width: 1px;
  border-bottom: none;
  border-top: none; }

.sov-modalCard .carosel-img-style {
  max-width: 100%; }

.sov-modalCard .carouselImgContainer {
  display: flex;
  justify-items: center;
  align-items: center;
  width: 100%; }

.sov-modalCard .carosel-no-img-style {
  padding: 0; }

.sov-modalCard .p-column-header-content {
  padding-top: 0; }

.sov-modalCard .p-datatable-tbody, .sov-modalCard .p-datatable-wrapper {
  max-height: 670px !important; }

.p-carousel-item .sov-text-l {
  font-weight: 100; }

.sov-modalCard .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
  background: #f8fcff; }

.sov-modalCard .headingStyle-BannerGridColumn {
  width: 11rem;
  text-align: left; }

.sov-modalCard .headingStyle-BrandGridColumn {
  width: 20rem; }

.sov-modalCard .headingStyle-sovGridColumn {
  width: 25rem; }

.sov-modalCard .headingStyle-sov30GridColumn {
  width: 25rem; }

.sov-modalCard .gridSOVContentAlignid, .sov-modalCard .headingStyle-BrandLevelShareId {
  text-align: center; }

.sov-modalCard .sovGrid-BrandTypeContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent;
  text-align: center;
  display: flex; }

#dataGridCardBody.table td {
  padding: 0.2rem 0.75rem; }

.sov-modalCard .title-style {
  align-items: center;
  display: flex; }

.sov-modalCard #dataGridCardBody tbody tr:last-of-type td {
  padding-bottom: 6px; }

.sov-modalCard .gridCardHeader {
  padding-top: 10px;
  padding-left: 21px;
  padding-bottom: 5px;
  padding-right: 28px; }

.p-dialog.sov-image-overlay .p-dialog-content {
  padding: 0; }

.sov-image-overlay .p-carousel .p-carousel-content .p-carousel-next {
  margin: 0 0 0 2.2rem; }

.sov-image-overlay .p-carousel .p-carousel-content .p-carousel-prev {
  margin: 0 2.2rem 0 0; }

.sov-image-overlay .custom-carousel {
  max-width: 940px; }

.sov-image-overlay.p-dialog .p-dialog-title {
  margin-left: 55px; }

.sov-image-overlay.p-dialog .sov-multi-img-header-style .p-dialog-title {
  margin-left: 66px; }

.sov-image-overlay.p-dialog .p-dialog-header {
  padding: 1rem 1rem 0.2rem 1rem; }

.sov-header-style .carousel-module {
  width: 100%;
  padding: 0 20px 20px 20px; }

.sov-single .carousel-module {
  width: 100%;
  padding: 0 1rem 1rem 1.2rem; }

.sov-image-overlay.p-dialog.sov-single .p-dialog-title {
  margin-left: 10px; }

.sov-modalCard .sov-brand-promo {
  display: flex;
  align-items: center; }

.sov-modalCard .brand-type-m-tp {
  margin-right: 15px; }

.sov-modalCard .brand-type-mtp {
  margin-top: 5px; }

.sov-modalCard .brand-type-mtp img {
  height: 1.06rem; }

.container-modal .submit-button-disabled {
  top: -20px; }

.sov-image-overlay .carousel-module {
  width: 100%; }

.sov-modalCard .gridSubHeaderContainer {
  margin-top: 0em !important; }

.sov-modalCard .gridHeaderLeftBlock {
  align-items: end;
  height: 35px;
  padding-left: 10px; }

.sov-modalCard .gridCardFooter {
  padding: 3px 13px 0px 13px;
  position: relative;
  top: 17px; }

.sov-modalCard .pagination-style {
  margin-bottom: 0; }

.sov-modalCard .gridCardBody {
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }

.sov-modalCard .pagination, .sov-modalCard .paginationAlt {
  margin-bottom: 0 !important; }

.sov-modalCard {
  padding-right: 0; }

.sov-modalCard .gridHeaderRightBlock {
  padding-right: 0px; }

.sov-modalCard .tab-button {
  margin-right: 2px !important; }

.sov-modalCard .exportBlockTwo {
  margin-right: 0px; }

.sov-modalCard .gridcontainer .p-datatable .p-datatable-header {
  padding: 5px 0px; }

.sov-modalCard .gridcontainer .p-datatable {
  padding: 0px 14px 0px 15px; }

.datatable-pbt-1 {
  padding-bottom: 15px; }

/**************Pimerce Blue Theme***************/

.sku-image {
  object-fit: scale-down;
  max-width: -webkit-fill-available;
  height: 60px;
  width: 60px;
  transition: all 0.2s ease-in-out;
  padding-left: 4px; }

.skuText-Sapcode {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60%;
  overflow-wrap: anywhere;
  white-space: nowrap; }

.sku-text, .sapcode-text, .pskuid-text {
  font-family: Chivo-Regular;
  font-size: "12px";
  font-style: 'normal';
  font-weight: 400;
  color: #717171;
  padding-top: 6px; }

.sapcode-text {
  padding-top: 6px; }

.pskuid-text {
  padding-top: 6px; }

.price-monitoring-skuname {
  text-align: center;
  padding: 10px !important;
  padding: 13px !important;
  min-width: 340px;
  position: static;
  left: 38px;
  z-index: 3; }

th.price-monitoring-skuname {
  top: -1px !important;
  width: 100px; }

.price-monitoring-sku-data {
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 400;
  word-wrap: break-word; }

.price-monitoring-reference-price {
  padding: 13px !important;
  min-width: 108px;
  position: static;
  left: 340px;
  z-index: 3 !important; }

th.price-monitoring-reference-price {
  top: -1px !important;
  width: 108px; }

.selling-price-text {
  color: "#000";
  font-family: Chivo-Medium;
  font-size: '12px';
  font-style: 'normal';
  font-weight: 400; }

.promotion-content {
  display: "flex";
  font-size: 9px;
  display: -webkit-box; }

.listed-price-text {
  text-decoration: line-through;
  font-family: Chivo-Regular;
  padding-right: 5px; }

.price-monitoring-id {
  padding: 13px !important;
  text-align: center;
  min-width: 40px;
  position: static;
  left: -2px;
  z-index: 3; }

th.price-monitoring-id {
  top: -1px !important; }

.alignPromoCellContent {
  display: flex;
  height: 24px;
  align-content: end;
  flex-wrap: wrap-reverse;
  align-self: flex-end;
  margin-right: 10px; }

.highest-price-tag {
  color: #C853C3;
  background-color: #FFE9FF;
  padding: 0px 4px;
  border: 1px solid #c853c352;
  margin-top: -12px;
  margin-right: -12px;
  border-radius: 0px 0px 0px 8px;
  font-family: Chivo-Bold;
  font-size: 10px;
  width: 85px;
  height: 23px; }

.lowest-price-tag {
  color: #F47A36;
  background-color: #FDF6D4;
  padding: 0px 4px;
  border: 1px solid #f47a3659;
  margin-top: -12px;
  margin-right: -12px;
  border-radius: 0px 0px 0px 8px;
  font-family: Chivo-Bold;
  font-size: 10px;
  width: 85px;
  height: 23px; }

.out-of-stock {
  background-color: #963C09;
  color: white;
  border-radius: 3px;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  padding: 3px;
  font-family: Chivo-Regular;
  margin-left: -8px; }

.price-monitoring-retailer {
  padding: 13px !important;
  text-align: center;
  min-width: 333px !important;
  position: static;
  left: -2px;
  z-index: 1 !important; }

th.price-monitoring-retailer {
  top: -1px !important; }

.price-monitoring-retailer-data {
  text-align: center;
  font-family: Chivo-Bold; }

.price-monitoring-retailer-data-aligned {
  text-align: left;
  font-family: Chivo-Bold;
  display: flex;
  height: 20px;
  flex-direction: column;
  height: auto;
  justify-content: center; }

.price-monitoring-reference-data {
  font-family: Chivo-Regular;
  font-size: '12px';
  font-style: 'normal';
  font-weight: 400;
  color: #717171; }

.price-chart-icon {
  display: flex;
  bottom: 27px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.price-monitoring-reference-data-hyphen {
  font-family: Chivo-Regular;
  text-align: center;
  font-size: '12px';
  font-style: 'normal';
  font-weight: 400;
  color: #717171; }

.view-trend-style {
  font-size: 9px;
  background-color: #1090E1;
  cursor: pointer;
  border-radius: 10px;
  color: #FFF;
  font-weight: 600;
  padding: 0px 4px; }

.image-colum {
  padding-left: 3px; }

.lowest-price-text,
.highest-price-text {
  display: inline;
  color: #717171;
  font-family: Chivo-Regular;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 6px; }

.modal-promotion-data {
  margin-left: 12px;
  margin-bottom: 13px;
  font-size: 12px;
  font-family: 'Chivo-Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 16px; }

.ineventorySkuLevel-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  display: flex; }

.sku-level-analysis-grid {
  display: block;
  border: #ffffff;
  border-radius: 0px;
  margin-top: 3px;
  margin-right: 4px; }

.filterButtonRender {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -45px; }

.inventory_sku_level_reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  background-color: #ffffff;
  border-radius: 18px; }

.inventorySkuLevel-modalDialog {
  width: 570px; }

.inventorySkuLevel-modalTitleName {
  margin: 17px -9px 13px 10px;
  font-family: Chivo-Medium;
  cursor: context-menu; }

.inventorySkuLevel-modalImage {
  width: 78px;
  margin: -7px 20px -14px -18px; }

.inventorySkuLevel-modalContent1 {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 600;
  margin-right: -6em; }

.inventorySkuLevel-modalContent2 {
  margin-left: 14px;
  font-family: Chivo-Regular;
  font-size: 16px;
  font-weight: 500; }

.modalContent3 {
  font-family: Chivo-Medium;
  font-size: 16px;
  margin-right: 13px; }

.modalCellDataStyle {
  text-align: center;
  color: #000000; }

.modalHeaderSellerStyle, .modalHeaderAvailStyle, .modalHeaderIdStyle {
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  font-family: Chivo-Medium; }

.modalHeaderAvailStyle {
  border-left: 2px solid #c2d5e5 !important; }

.modalHeaderIdStyle {
  text-align: center;
  width: 4em; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu; }

.modalHeaderSkuNameStyle {
  text-align: left; }

.skuNameStyle1 {
  cursor: context-menu;
  width: 22em;
  color: #000000;
  min-width: fit-content; }

.headingStyle-SkuExtra {
  width: 20em;
  padding: 14px !important;
  text-align: left;
  left: 134px;
  z-index: 3; }

.ineventorySkuLevel-gridCardContainerStyle {
  border-bottom: 2px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 7px;
  display: flex; }

.price-monitoring-grid-title {
  color: #000;
  font-family: 'Chivo-Bold';
  font-size: 21px;
  font-style: normal;
  margin-left: -9px;
  font-weight: 400;
  line-height: normal; }

.modal-dialog.promotion-offers-modal.modal-lg.modal-dialog-centered .modal-content {
  max-width: 483px;
  max-height: 244px;
  margin-left: 153px;
  border-radius: 10px;
  border: none; }

.modal-retailer-image {
  object-fit: scale-down;
  max-width: -webkit-fill-available;
  height: 60px;
  transition: all 0.2s ease-in-out; }

.offers-style-class {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
  color: #1090e1;
  cursor: pointer;
  margin-top: 20px;
  text-decoration-line: underline; }

.modal-dialog.price-monitor.modal-xl.modal-dialog-centered .modal-content {
  max-width: 750px;
  border: none !important;
  margin-left: 198px; }

.modal-chart-component {
  display: block;
  border: #ffffff;
  height: 315px; }

.gridHeaderSearchBarPagelevel {
  margin-left: 22px;
  margin-top: -3px; }

.price-modal-body {
  overflow-x: hidden;
  padding: 0px;
  max-height: 102px; }

.offer-click {
  cursor: pointer;
  color: #1090E1;
  font-family: Chivo-Regular;
  padding-left: 4px; }

.modal-chart-component .apexcharts-toolbar {
  right: 3px;
  top: -15px !important; }

.promotion-style {
  cursor: pointer; }

.no-promotion-style {
  cursor: pointer;
  color: #1090E1; }

.word-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 200px; }

.legendInfoStyle {
  color: #0e90e1;
  margin-top: -25px;
  margin-right: 29px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.infoIconMarginStyle {
  margin-top: -16px; }

.gridBox .table-responsive {
  max-height: max-content;
  overflow-y: auto; }

#data-grid-competitor-pricing tbody.p-datatable-tbody tr > td {
  height: auto; }

#data-grid-competitor-pricing .CPSLabel {
  width: 40%;
  top: -35px;
  left: 10px;
  position: relative;
  font-family: 'Chivo-Medium';
  margin-bottom: -20px; }

#data-grid-competitor-pricing .p-datatable .p-column-header-content {
  display: none; }

#data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-wrapper {
  top: 0px;
  overflow: hidden; }

#data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-thead > tr,
#data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-tbody > tr,
#data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-tfoot > tr {
  border: 1px solid #D8D8D8;
  margin: 10px; }

#data-grid-competitor-pricing .p-datatable.p-datatable-scrollable
> .p-datatable-wrapper
> .p-datatable-table
> .p-datatable-thead,
#data-grid-competitor-pricing .p-datatable.p-datatable-scrollable
> .p-datatable-wrapper
> .p-datatable-table
> .p-datatable-tfoot {
  display: none; }

#data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-thead > tr, #data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-tbody > tr, #data-grid-competitor-pricing .p-datatable-scrollable .p-datatable-tfoot > tr {
  width: 85%;
  min-width: 100%; }

#data-grid-competitor-pricing tr.p-datatable-emptymessage {
  width: 99% !important; }

#data-grid-competitor-pricing #inner-grid-competitor-comparison
.p-datatable-scrollable
.p-datatable-thead
> tr,
#data-grid-competitor-pricing #inner-grid-competitor-comparison
.p-datatable-scrollable
.p-datatable-tbody
> tr,
#data-grid-competitor-pricing #inner-grid-competitor-comparison
.p-datatable-scrollable
.p-datatable-tfoot
> tr {
  border: none;
  margin: 0px; }

#data-grid-competitor-pricing .p-paginator .p-paginator-first,
#data-grid-competitor-pricing .p-paginator .p-paginator-prev,
#data-grid-competitor-pricing .p-paginator .p-paginator-next,
#data-grid-competitor-pricing .p-paginator .p-paginator-last {
  min-width: 2rem;
  height: 18px;
  margin: 0.143rem;
  font-size: 12px;
  border: none; }

#data-grid-competitor-pricing .p-paginator-prev:not(.p-disabled),
#data-grid-competitor-pricing .p-paginator-next:not(.p-disabled) {
  color: #0E90E1; }

#data-grid-competitor-pricing .p-datatable .p-paginator-bottom {
  border-width: 0px; }

#data-grid-competitor-pricing .p-paginator-icon.pi {
  font-size: 10px; }

#data-grid-competitor-pricing .p-paginator-pages > button {
  font-family: Chivo-Regular !important;
  font-size: 12px; }

#data-grid-competitor-pricing .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
#data-grid-competitor-pricing .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
#data-grid-competitor-pricing .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
#data-grid-competitor-pricing .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background-color: transparent;
  border: none; }

#data-grid-competitor-pricing .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  z-index: 0;
  cursor: pointer;
  height: 18px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  color: #0E90E1 !important;
  margin-left: -1px;
  line-height: 0.428571;
  margin-top: 2px;
  width: 18px;
  min-width: 18px; }

#data-grid-competitor-pricing .p-button {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right;
  height: 30px;
  margin-bottom: 10px; }

#data-grid-competitor-pricing .p-input-icon-left {
  top: 4px;
  margin-right: 5px; }

#data-grid-competitor-pricing .p-datatable .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
  background-color: #ffff !important; }

#data-grid-competitor-pricing tr.p-selectable-row.p-row-odd, #data-grid-competitor-pricing .p-datatable .p-datatable-tbody > tr.p-row-odd, #data-grid-competitor-pricing .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage),
#data-grid-competitor-pricing tr.p-selectable-row.p-row-odd, #data-grid-competitor-pricing .p-datatable .p-datatable-tbody > tr.p-row-odd, #data-grid-competitor-pricing .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
  background-color: #ffff !important; }

#data-grid-competitor-pricing .p-input-icon-left > i, #data-grid-competitor-pricing .p-input-icon-right > i, #data-grid-competitor-pricing .p-input-icon-left > svg, #data-grid-competitor-pricing .p-input-icon-right > svg, #data-grid-competitor-pricing .p-input-icon-left > .p-input-prefix, #data-grid-competitor-pricing .p-input-icon-right > .p-input-suffix {
  top: 10%;
  margin-top: 0%; }

#data-grid-competitor-pricing .p-paginator .p-paginator-first,
#data-grid-competitor-pricing .p-paginator .p-paginator-prev {
  height: 36px;
  font-family: Barlow-Medium;
  font-size: 12px;
  border: none;
  left: -2px; }

#data-grid-competitor-pricing .p-paginator .p-paginator-next,
#data-grid-competitor-pricing .p-paginator .p-paginator-last {
  height: 36px;
  font-family: Barlow-Medium;
  font-size: 12px;
  border: none; }

#data-grid-competitor-pricing .p-paginator-prev .p-p-3,
#data-grid-competitor-pricing .p-paginator-next .p-p-3 {
  font-family: Barlow-Medium;
  font-weight: bold;
  padding: 6px 7.7px !important; }

#data-grid-competitor-pricing .p-paginator .p-paginator-pages .p-paginator-page {
  min-width: 16px;
  height: 18px; }

#data-grid-competitor-pricing .p-link:focus {
  box-shadow: none; }

#data-grid-competitor-pricing .p-paginator {
  justify-content: end;
  margin: -10px -19px; }

#data-grid-competitor-pricing .p-paginator .p-paginator-current {
  background-color: transparent;
  border: 1px solid #efefef;
  color: #6c757d;
  min-width: 4rem;
  height: 2rem;
  margin: 0.143rem;
  padding: 0 0.5rem; }

.loading-grid-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  margin-top: 1em;
  border: none;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  height: 30em;
  border: 1px solid #D8D8D8; }

.tag-img-icon {
  margin-bottom: 2px;
  height: 9px; }

.competitor-seller-container {
  height: 55px;
  width: 110px; }

.competitor-seller-tag-container {
  left: -25px;
  position: relative; }

.competitor-pricing-brand {
  width: 200px;
  margin-left: 10px; }

.competitor-pricing-ref-price {
  width: 100px; }

.competitor-pricing-sellername {
  width: 75px; }

.cpc-national-retailer {
  width: 50%;
  margin-bottom: -40px;
  margin-left: 10px; }

.cpc-header {
  width: 50%;
  margin-left: 10px; }

.cpc-spinnerr {
  left: 0px;
  margin-left: 10px;
  text-align: left !important;
  color: #637280;
  display: flex;
  left: 0px;
  position: relative; }

.cpc-loading-grid-spinner {
  display: flex;
  justify-content: center;
  margin-left: 0px;
  background: white;
  margin-top: 1em;
  border: none;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  height: 30em;
  border: 1px solid #D8D8D8; }

.cpc-national-retailer-initial {
  width: 50%;
  margin-left: 10px;
  margin-bottom: -20px; }

.competitor-pricing-brand-template {
  width: 450px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap: nowrap; }

.competitor-pricing-brand-border {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1rem; }

.competitor-pricing-accordian {
  margin-left: 4px;
  margin-top: 22px;
  color: #0E90E1;
  cursor: pointer; }

.moreLessLabel {
  position: absolute;
  height: 20px;
  right: 95px;
  bottom: 30px; }

.competitor-pricing-view-all-org {
  color: #0E90E1;
  cursor: pointer;
  text-decoration: underline; }

.competitor-pricing-view-all {
  color: #0E90E1;
  cursor: pointer;
  right: 15px;
  margin-top: 10px;
  text-decoration: underline;
  position: absolute; }

.competitor-pricing-seller-border {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1rem;
  margin-left: -1rem; }

.competitor-brand-name {
  width: 110px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-wrap: nowrap;
  cursor: pointer; }

.data-grid-first-last-page-link {
  font-size: 10px;
  font-family: 'Chivo-Medium'; }

#inner-grid-competitor-comparison .p-datatable-scrollable .p-datatable-thead > tr,
#inner-grid-competitor-comparison .p-datatable-scrollable .p-datatable-tbody > tr,
#inner-grid-competitor-comparison .p-datatable-scrollable .p-datatable-tfoot > tr {
  border: none;
  margin: 0px; }

.competitor-pricing-font-color {
  color: #212427;
  overflow: hidden;
  text-overflow: ellipsis; }

.competitor-brand-style {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden; }

@media (min-width: 738px) and (max-width: 1370px) {
  .competitor-pricing-brand-template {
    width: 240px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap; } }

@media (min-width: 1372px) and (max-width: 1440px) {
  .competitor-pricing-brand-template {
    width: 300px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap; } }

@media (min-width: 738px) and (max-width: 1440px) {
  .moreLessLabel {
    position: absolute;
    height: 20px;
    right: 70px;
    bottom: 14px; } }

.competiter-pricing-grid .tagStyle, .competiter-pricing-grid .tagStyle1, .competiter-pricing-grid .competitor-highest-tag, .competiter-pricing-grid .competitor-lowest-tag {
  border-radius: 0px;
  width: 75px;
  font-family: 'Chivo-Regular';
  font-size: 10px;
  font-weight: 600;
  padding: 0px; }

.p-component * {
  -webkit-user-select: auto !important;
  user-select: auto !important; }

.modalGridHeader {
  font-family: 'Chivo-Regular';
  font-size: 12px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  line-height: 2.2; }

.p-component * {
  -webkit-user-select: auto !important;
  user-select: auto !important; }

.boldFontStyle {
  font-weight: bold;
  line-height: 1.2; }

.headerDetails {
  margin-left: 10px;
  margin-right: 20px; }

.sellerBlockStyle {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  margin-right: 10px;
  width: 190px !important; }

#competiter-pricing-tracking-grid .p-datatable table {
  width: unset; }

#competiter-pricing-tracking-grid .row {
  align-items: center; }

#competiter-pricing-tracking-grid .competitor-pricing-font-color {
  overflow: visible;
  text-overflow: unset;
  margin-left: -1px; }

@media (min-width: 1200px) and (max-width: 1300px) {
  .inner-grid-competitor-comparison {
    left: -81px;
    width: 300px;
    position: relative;
    max-width: 270px; } }

@media (min-width: 1360) and (max-width: 1445) {
  .inner-grid-competitor-comparison {
    left: -185px;
    width: 300px;
    position: relative;
    max-width: 270px; } }

@media (min-width: 1445) and (max-width: 1920) {
  .inner-grid-competitor-comparison {
    position: relative; } }

.competiter-pricing-grid .tagStyle1 {
  background-color: #963C09;
  color: #FFFFFF; }

.competiter-pricing-grid .competitor-highest-tag {
  background-color: #FFE9FF;
  color: #C853C3;
  display: flex;
  height: auto;
  align-items: center;
  margin-top: 5px; }

.headerImageIcon {
  height: 50px;
  width: 50px; }

.modalActiveHeader {
  width: 33%;
  z-index: 5; }

.orgSeller {
  display: flex;
  flex-direction: column;
  width: 85px; }

.competiter-pricing-grid .competitor-lowest-tag {
  background-color: #FDF6D4;
  color: #F47A36; }

.decorativeText {
  text-decoration: line-through; }

.headerTitle {
  font-size: 20px;
  font-family: 'Chivo-Regular';
  font-weight: 600;
  padding: 15px; }

.competiter-pricing-grid .p-datatable-header {
  border: none !important;
  padding: 10px !important;
  background: none !important;
  margin-bottom: -20px !important; }

.competiter-pricing-grid .p-datatable .p-datatable-thead > tr > th {
  padding: 0px;
  border: none; }

.competiter-pricing-grid .p-datatable-tbody {
  max-height: none !important; }

.competiter-pricing-grid .p-inputtext {
  margin-top: -10px !important;
  margin-left: 0px !important;
  height: 30px;
  width: 350px;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 600; }

.competiter-pricing-grid i.pi.pi-search {
  color: #0E90E1; }

.competiter-pricing-grid .p-paginator .p-dropdown {
  height: 27px;
  width: 51px;
  border-radius: 0px; }

.competiter-pricing-grid svg {
  overflow: hidden;
  vertical-align: middle;
  padding: 1px;
  margin-right: 8px; }

.competiter-pricing-grid .p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: #212427;
  min-width: 3rem;
  height: 1rem;
  margin: 0.143rem;
  padding: 0 0.5rem;
  font-size: 12px;
  font-family: 'Chivo-Regular'; }

.competiter-pricing-grid .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: #212427;
  min-width: 3rem;
  height: 1rem;
  margin: -0.857rem;
  transition: box-shadow 0.2s;
  border-radius: 50%; }

.competiter-pricing-grid .p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #212427;
  width: 21px;
  align-items: center;
  margin-right: -4px; }

.competiter-pricing-grid .p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #6366F1; }

.competiter-pricing-grid .p-button.p-component.p-button-outlined {
  height: 30px;
  width: 63px;
  border-radius: 0px;
  font-size: 13px;
  font-family: 'Chivo-Regular';
  padding: 0px;
  background-color: #0E90E1;
  color: white; }

.lowest_price_icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMF8xNjQpIj4KPHBhdGggZD0iTTAuNzk4ODUgMC4zOTkzMzRWMi44NDEyNkMwLjc5ODg1IDIuOTMzMTEgMC43Mjg5NjYgMy4wMDg5OSAwLjYzNzExOSAzLjAxNjk3TDAuNDU1NDIxIDMuMDMyOTVDMC4xNzk4OCAzLjA1NjkxIC0wLjAyMTc4NDMgMy4zMDA1IDAuMDAyMTc1ODIgMy41NzQwNEMwLjAxNDE1NTkgMy43MDM4MyAwLjA3NjA1MjggMy44MjU2MiAwLjE3NTg4NyAzLjkwOTQ4TDIuNDEwMTcgNS44MDgzMkMyLjcwNzY3IDYuMDYzODkgMy4xNDY5NCA2LjA2Mzg5IDMuNDQ0NDQgNS44MDgzMkw1LjY3ODczIDMuOTA5NDhDNS44MzI0NyAzLjc3OTcgNS44OTIzNyAzLjU3MDA1IDUuODMwNDcgMy4zNzgzN0M1Ljc3MDU3IDMuMTg0NjkgNS41OTg4NiAzLjA0ODkyIDUuMzk3MTkgMy4wMzI5NUw1LjIxNTUgMy4wMTY5N0M1LjEyMzY1IDMuMDA4OTkgNS4wNTM3NyAyLjkzMzExIDUuMDUzNzcgMi44NDEyNlYwLjM5OTMzNEM1LjA1Mzc3IDAuMTc5NzAxIDQuODc0MDYgMCA0LjY1NDQzIDBIMS4xOTgxOEMwLjk3ODU1IDAgMC43OTg4NSAwLjE3OTcwMSAwLjc5ODg1IDAuMzk5MzM0WiIgZmlsbD0iI0Y0N0EzNiIvPgo8cGF0aCBkPSJNMi45MjcwMyAyLjk4NzExQzIuNDYzOCAyLjk4NzExIDIuMDg2NDMgMi42MTM3MyAyLjA4NjQzIDIuMTUwNUMyLjA4NjQzIDEuNzc3MTIgMi4zMzAwMiAxLjQ0NzY3IDIuNjg3NDMgMS4zNDM4NFYxLjE5MDFDMi42ODc0MyAxLjA1ODMyIDIuNzk1MjUgMC45NTA1IDIuOTI3MDMgMC45NTA1QzMuMDU4ODEgMC45NTA1IDMuMTY2NjMgMS4wNTgzMiAzLjE2NjYzIDEuMTkwMVYxLjM0Mzg0QzMuNTIyMDQgMS40NDk2NyAzLjc2NzYzIDEuNzc1MTMgMy43Njc2MyAyLjE0NjUxQzMuNzY3NjMgMi4yNzgyOSAzLjY1OTgxIDIuMzg2MTEgMy41MjgwMyAyLjM4NjExQzMuMzk2MjUgMi4zODYxMSAzLjI4ODQyIDIuMjc4MjkgMy4yODg0MiAyLjE0NjUxQzMuMjg4NDIgMS45NDY4NCAzLjEyNjY5IDEuNzg1MTEgMi45MjcwMyAxLjc4NTExQzIuNzI3MzYgMS43ODUxMSAyLjU2NTYzIDEuOTQ2ODQgMi41NjU2MyAyLjE0NjUxQzIuNTY1NjMgMi4zNDYxNyAyLjcyNzM2IDIuNTA3OSAyLjkyNzAzIDIuNTA3OUMzLjM5MDI2IDIuNTA3OSAzLjc2NzYzIDIuODgxMjggMy43Njc2MyAzLjM0NDUxQzMuNzY3NjMgMy43MTc4OSAzLjUyNDAzIDQuMDQ3MzQgMy4xNjY2MyA0LjE1MTE3VjQuMzA0OTFDMy4xNjY2MyA0LjQzNjY5IDMuMDU4ODEgNC41NDQ1MSAyLjkyNzAzIDQuNTQ0NTFDMi43OTUyNSA0LjU0NDUxIDIuNjg3NDMgNC40MzY2OSAyLjY4NzQzIDQuMzA0OTFWNC4xNTExN0MyLjMzMjAyIDQuMDQ1MzQgMi4wODY0MyAzLjcxOTg5IDIuMDg2NDMgMy4zNDg1QzIuMDg2NDMgMy4yMTY3MiAyLjE5NDI1IDMuMTA4OSAyLjMyNjAzIDMuMTA4OUMyLjQ1NzgxIDMuMTA4OSAyLjU2NTYzIDMuMjE2NzIgMi41NjU2MyAzLjM0ODVDMi41NjU2MyAzLjU0ODE3IDIuNzI3MzYgMy43MDk5IDIuOTI3MDMgMy43MDk5QzMuMTI2NjkgMy43MDk5IDMuMjg4NDIgMy41NDgxNyAzLjI4ODQyIDMuMzQ4NUMzLjI4ODQyIDMuMTQ4ODQgMy4xMjY2OSAyLjk4NzExIDIuOTI3MDMgMi45ODcxMVoiIGZpbGw9IiNGREY2RDQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzE2NCI+CjxyZWN0IHdpZHRoPSI1Ljg1NjI1IiBoZWlnaHQ9IjYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: contain; }

.modal-oos {
  background-color: #963C09;
  color: #FFFFFF;
  border-radius: 0px;
  height: 16px;
  width: 75px;
  font-family: 'Chivo-Regular';
  font-size: 10px;
  font-weight: 600;
  padding: 0px;
  align-items: flex-end; }

.searchBarandIconCPC {
  display: flex;
  justify-content: flex-end; }

/**************Pimerce Blue Theme***************/

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: white;
  border: none;
  border-radius: 15px;
  border: none;
  margin-bottom: 40px;
  margin-top: 0px; }

.result-box {
  height: 100%;
  background: #F8FCFF;
  border: 1px solid white;
  align-content: center;
  text-align: center; }

.result-box-inner {
  height: 90%;
  background: #F8FCFF;
  border: none;
  border-radius: 5px;
  padding: 10% 10% 10%; }

.import-final-passed {
  background: #DCF3E5 !important; }

.import-final-Failed {
  background: #FAE6E8 !important; }

.import-final-ignored {
  background: #E6EDF8 !important; }

.import-final-result-icon-style {
  display: grid;
  justify-content: space-around;
  margin: 0px -15%; }

.result-percentage {
  font-size: 54px;
  font-weight: bold;
  color: black !important;
  margin-top: 23%;
  font-style: normal;
  margin-bottom: 5px; }

.importdata-final-result-container > div > .row:last-child {
  margin-top: 3% !important; }

.cardbodycustom {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.cardbodycustom {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 0px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.button-group {
  text-align: right;
  padding: 0; }

.tile-content-img {
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0px !important; }

.button-group .pimbtn {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  background: #E3F3FF;
  border: 0px solid #e2e8f0;
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02) !important;
  border-radius: 0px;
  height: 60px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin-right: 0rem !important;
  color: black !important; }

.button-group .pimbtn.system-import-btn {
  border-radius: 0px 10px 16px 0px; }

.button-group .pimbtn.cloud-btn {
  border-left: 1px solid  #E3F3FF;
  padding-left: 36px; }

.button-group .pimbtn:hover {
  background-color: #E3F3FF !important; }

.button-group .pimbtn:last-child,
.export-buttons .download-template {
  margin-right: 0px !important; }

.button-group .pimbtn .p-button-label {
  text-align: left; }

.iconimportdata {
  width: 23px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center center;
  margin-right: 0.2rem; }

.fromcloud {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.iconimportdata.local {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODQ0KSI+CjxwYXRoIGQ9Ik0wIDExLjM2ODRWMC44NDIxMDVDMCAwLjYxODc2NSAwLjA4ODcyMTYgMC40MDQ1NzIgMC4yNDY2NDcgMC4yNDY2NDdDMC40MDQ1NzIgMC4wODg3MjE2IDAuNjE4NzY1IDAgMC44NDIxMDUgMEgxNS4xNTc5QzE1LjM4MTIgMCAxNS41OTU0IDAuMDg4NzIxNiAxNS43NTM0IDAuMjQ2NjQ3QzE1LjkxMTMgMC40MDQ1NzIgMTYgMC42MTg3NjUgMTYgMC44NDIxMDVWMTEuMzY4NEMxNiAxMS41OTE4IDE1LjkxMTMgMTEuODA2IDE1Ljc1MzQgMTEuOTYzOUMxNS41OTU0IDEyLjEyMTggMTUuMzgxMiAxMi4yMTA1IDE1LjE1NzkgMTIuMjEwNUgwLjg0MjEwNUMwLjYxODc2NSAxMi4yMTA1IDAuNDA0NTcyIDEyLjEyMTggMC4yNDY2NDcgMTEuOTYzOUMwLjA4ODcyMTYgMTEuODA2IDAgMTEuNTkxOCAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM4MEQ2RkIiLz4KPHBhdGggZD0iTTAgMTEuMzY4NFYxMC4xODk1SDE2VjExLjM2ODRDMTYgMTEuNTkxNyAxNS45MTEzIDExLjgwNTkgMTUuNzUzNCAxMS45NjM5QzE1LjU5NTQgMTIuMTIxOCAxNS4zODEyIDEyLjIxMDUgMTUuMTU3OSAxMi4yMTA1SDAuODQyMTA1QzAuNjE4NzY1IDEyLjIxMDUgMC40MDQ1NzIgMTIuMTIxOCAwLjI0NjY0NyAxMS45NjM5QzAuMDg4NzIxNiAxMS44MDU5IDAgMTEuNTkxNyAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM2RTgzQjciLz4KPHBhdGggZD0iTTUuODk0NzggMTIuMjEwNUgxMC4xMDUzVjE0LjMxNThINS44OTQ3OFYxMi4yMTA1WiIgZmlsbD0iIzQ2NjA4OSIvPgo8cGF0aCBkPSJNNC4yMTA0NSAxNC4zMTU4SDExLjc4OTRWMTUuNDk0N0g0LjIxMDQ1VjE0LjMxNThaIiBmaWxsPSIjNkU4M0I3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTUyXzQ4NDQiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTUuNDk0NyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); }

.iconimportdata.ftp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODUyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC45MjEzMDEgLTAuMDAxMzQyNzdIMTUuMDgwM0MxNS4zMjQzIC0wLjAwMDY1NjI4MiAxNS41NTgxIDAuMDk2NTYwOSAxNS43MzA2IDAuMjY5MDY4QzE1LjkwMzEgMC40NDE1NzUgMTYuMDAwMyAwLjY3NTM0NyAxNi4wMDEgMC45MTkzMDhWMTIuODIxN0MxNi4wMDAyIDEzLjA2NTcgMTUuOTAyOSAxMy4yOTkzIDE1LjczMDUgMTMuNDcxOEMxNS41NTggMTMuNjQ0MiAxNS4zMjQyIDEzLjc0MTQgMTUuMDgwMyAxMy43NDIxSDAuOTIxMzAxQzAuNjc3NDI3IDEzLjc0MTQgMC40NDM3MzggMTMuNjQ0MiAwLjI3MTI5MiAxMy40NzE4QzAuMDk4ODQ2IDEzLjI5OTMgMC4wMDE2NjMwNSAxMy4wNjU2IDAuMDAwOTc2NTYyIDEyLjgyMTdWMC45MTkzMDhDMC4wMDE2NjI2NCAwLjY3NTQwMyAwLjA5ODgzNTMgMC40NDE2OCAwLjI3MTI3MiAwLjI2OTE4MkMwLjQ0MzcwOSAwLjA5NjY4NDMgMC42NzczOTcgLTAuMDAwNTcwNTI3IDAuOTIxMzAxIC0wLjAwMTM0Mjc3Vi0wLjAwMTM0Mjc3WiIgZmlsbD0iIzgwRDZGQiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMi4zODQwMkgxNlYwLjkyMDYwOUMxNS45OTk3IDAuNjc2NDIzIDE1LjkwMjYgMC40NDIzMTcgMTUuNzMgMC4yNjk1MjlDMTUuNTU3NSAwLjA5Njc0MTYgMTUuMzIzNSAtMC4wMDA2NTQ5MjMgMTUuMDc5MyAtMC4wMDEzNDI3N0gwLjkyMTMwMUMwLjY3NzM5NyAtMC4wMDA1NzA1MjcgMC40NDM3MDkgMC4wOTY2ODQzIDAuMjcxMjcyIDAuMjY5MTgyQzAuMDk4ODM1MyAwLjQ0MTY4IDAuMDAxNjYyNjQgMC42NzU0MDMgMC4wMDA5NzY1NjIgMC45MTkzMDhMMCAyLjM4NDAyWiIgZmlsbD0iIzZFODNCNyIvPgo8cGF0aCBkPSJNMy4wNDk4NyAxLjU0NTA0QzMuMjQ1MjggMS41NDUwNCAzLjQwMzY5IDEuMzg2NjMgMy40MDM2OSAxLjE5MTIyQzMuNDAzNjkgMC45OTU4MTMgMy4yNDUyOCAwLjgzNzQwMiAzLjA0OTg3IDAuODM3NDAyQzIuODU0NDYgMC44Mzc0MDIgMi42OTYwNCAwLjk5NTgxMyAyLjY5NjA0IDEuMTkxMjJDMi42OTYwNCAxLjM4NjYzIDIuODU0NDYgMS41NDUwNCAzLjA0OTg3IDEuNTQ1MDRaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGQ9Ik00LjQ1MDE4IDEuNTQ1MzFDNC42NDU0MSAxLjU0NTMxIDQuODAzNjcgMS4zODcwNCA0LjgwMzY3IDEuMTkxODFDNC44MDM2NyAwLjk5NjU4MyA0LjY0NTQxIDAuODM4MzE4IDQuNDUwMTggMC44MzgzMThDNC4yNTQ5NSAwLjgzODMxOCA0LjA5NjY4IDAuOTk2NTgzIDQuMDk2NjggMS4xOTE4MUM0LjA5NjY4IDEuMzg3MDQgNC4yNTQ5NSAxLjU0NTMxIDQuNDUwMTggMS41NDUzMVoiIGZpbGw9IiM4OEJGNTciLz4KPHBhdGggZD0iTTEuNjQ3NTIgMS41NDUzNUMxLjg0Mjk0IDEuNTQ1MzUgMi4wMDEzNSAxLjM4Njk0IDIuMDAxMzUgMS4xOTE1M0MyLjAwMTM1IDAuOTk2MTE4IDEuODQyOTQgMC44Mzc3MDggMS42NDc1MiAwLjgzNzcwOEMxLjQ1MjExIDAuODM3NzA4IDEuMjkzNyAwLjk5NjExOCAxLjI5MzcgMS4xOTE1M0MxLjI5MzcgMS4zODY5NCAxLjQ1MjExIDEuNTQ1MzUgMS42NDc1MiAxLjU0NTM1WiIgZmlsbD0iI0VCNzQ1RSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMzk1MTkgNS4zODU2OEgxMy42MDQzQzEzLjY0NyA1LjM4NTY4IDEzLjY4OTMgNS4zOTQwOSAxMy43Mjg3IDUuNDEwNDRDMTMuNzY4MiA1LjQyNjc4IDEzLjgwNCA1LjQ1MDczIDEzLjgzNDIgNS40ODA5M0MxMy44NjQ0IDUuNTExMTMgMTMuODg4NCA1LjU0Njk4IDEzLjkwNDcgNS41ODY0M0MxMy45MjExIDUuNjI1ODkgMTMuOTI5NSA1LjY2ODE4IDEzLjkyOTUgNS43MTA4OFYxMC40MTY2QzEzLjkyOTUgMTAuNTAyOCAxMy44OTUyIDEwLjU4NTUgMTMuODM0MiAxMC42NDY1QzEzLjc3MzMgMTAuNzA3NSAxMy42OTA1IDEwLjc0MTggMTMuNjA0MyAxMC43NDE4SDIuMzk0NTRDMi4zMDgyOSAxMC43NDE4IDIuMjI1NTcgMTAuNzA3NSAyLjE2NDU5IDEwLjY0NjVDMi4xMDM2IDEwLjU4NTUgMi4wNjkzNCAxMC41MDI4IDIuMDY5MzQgMTAuNDE2NlY1LjcxMDg4QzIuMDY5MzQgNS42NjgxMiAyLjA3Nzc3IDUuNjI1NzggMi4wOTQxNSA1LjU4NjI4QzIuMTEwNTQgNS41NDY3OSAyLjEzNDU1IDUuNTEwOTEgMi4xNjQ4MiA1LjQ4MDdDMi4xOTUwOCA1LjQ1MDUgMi4yMzEwMSA1LjQyNjU1IDIuMjcwNTQgNS40MTAyNUMyLjMxMDA3IDUuMzkzOTQgMi4zNTI0MyA1LjM4NTYgMi4zOTUxOSA1LjM4NTY4VjUuMzg1NjhaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zNTIwNyA5LjM0MTQ3QzQuMzUyMDcgOS40Mjc3MiA0LjMxNzggOS41MTA0NCA0LjI1NjgyIDkuNTcxNDNDNC4xOTU4MyA5LjYzMjQxIDQuMTEzMTEgOS42NjY2OCA0LjAyNjg2IDkuNjY2NjhDMy45NDA2MSA5LjY2NjY4IDMuODU3OSA5LjYzMjQxIDMuNzk2OTEgOS41NzE0M0MzLjczNTkyIDkuNTEwNDQgMy43MDE2NiA5LjQyNzcyIDMuNzAxNjYgOS4zNDE0N1Y2Ljc4NjAyQzMuNzAxNjYgNi43NDMzMSAzLjcxMDA3IDYuNzAxMDIgMy43MjY0MiA2LjY2MTU3QzMuNzQyNzYgNi42MjIxMSAzLjc2NjcxIDYuNTg2MjYgMy43OTY5MSA2LjU1NjA3QzMuODI3MTEgNi41MjU4NyAzLjg2Mjk2IDYuNTAxOTEgMy45MDI0MSA2LjQ4NTU3QzMuOTQxODcgNi40NjkyMyAzLjk4NDE2IDYuNDYwODIgNC4wMjY4NiA2LjQ2MDgySDUuODQxMTdDNS44ODM4OCA2LjQ2MDgyIDUuOTI2MTcgNi40NjkyMyA1Ljk2NTYyIDYuNDg1NTdDNi4wMDUwOCA2LjUwMTkxIDYuMDQwOTMgNi41MjU4NyA2LjA3MTEzIDYuNTU2MDdDNi4xMDEzMiA2LjU4NjI2IDYuMTI1MjggNi42MjIxMSA2LjE0MTYyIDYuNjYxNTdDNi4xNTc5NiA2LjcwMTAyIDYuMTY2MzggNi43NDMzMSA2LjE2NjM4IDYuNzg2MDJDNi4xNjYzOCA2Ljg3MjI3IDYuMTMyMTEgNi45NTQ5OSA2LjA3MTEzIDcuMDE1OTdDNi4wMTAxNCA3LjA3Njk2IDUuOTI3NDIgNy4xMTEyMiA1Ljg0MTE3IDcuMTExMjJINC4zNTIwN1Y3LjczODU0SDUuMjEzODZDNS4zMDAxIDcuNzM4NTQgNS4zODI4MiA3Ljc3MjggNS40NDM4MSA3LjgzMzc5QzUuNTA0OCA3Ljg5NDc4IDUuNTM5MDYgNy45Nzc1IDUuNTM5MDYgOC4wNjM3NUM1LjUzOTA2IDguMTUgNS41MDQ4IDguMjMyNzEgNS40NDM4MSA4LjI5MzdDNS4zODI4MiA4LjM1NDY5IDUuMzAwMSA4LjM4ODk1IDUuMjEzODYgOC4zODg5NUg0LjM1MjA3VjkuMzQxNDdaTTEwLjQ4MzQgOS4zNDE0N0MxMC40ODM0IDkuNDI3NzIgMTAuNDQ5MiA5LjUxMDQ0IDEwLjM4ODIgOS41NzE0M0MxMC4zMjcyIDkuNjMyNDEgMTAuMjQ0NSA5LjY2NjY4IDEwLjE1ODIgOS42NjY2OEMxMC4wNzIgOS42NjY2OCA5Ljk4OTI4IDkuNjMyNDEgOS45MjgyOSA5LjU3MTQzQzkuODY3MzEgOS41MTA0NCA5LjgzMzA0IDkuNDI3NzIgOS44MzMwNCA5LjM0MTQ3VjYuNzg2MDJDOS44MzMwNCA2Ljc0MzMxIDkuODQxNDUgNi43MDEwMiA5Ljg1NzggNi42NjE1N0M5Ljg3NDE0IDYuNjIyMTEgOS44OTgwOSA2LjU4NjI2IDkuOTI4MjkgNi41NTYwN0M5Ljk1ODQ5IDYuNTI1ODcgOS45OTQzNCA2LjUwMTkxIDEwLjAzMzggNi40ODU1N0MxMC4wNzMzIDYuNDY5MjMgMTAuMTE1NSA2LjQ2MDgyIDEwLjE1ODIgNi40NjA4MkgxMS4zMzM5QzExLjQ2MDQgNi40NjA4MiAxMS41ODU3IDYuNDg1ODEgMTEuNzAyNiA2LjUzNDM2QzExLjgxOTQgNi41ODI5MSAxMS45MjU1IDYuNjU0MDcgMTIuMDE0OCA2Ljc0Mzc0QzEyLjEwNDcgNi44MzMyNiAxMi4xNzYgNi45Mzk3IDEyLjIyNDYgNy4wNTY5MUMxMi4yNzMxIDcuMTc0MTMgMTIuMjk4IDcuMjk5OCAxMi4yOTc4IDcuNDI2NjdDMTIuMjk3OCA3LjU1MzIyIDEyLjI3MjggNy42Nzg1MiAxMi4yMjQyIDcuNzk1MzhDMTIuMTc1NyA3LjkxMjI0IDEyLjEwNDUgOC4wMTgzNiAxMi4wMTQ4IDguMTA3NjVDMTEuOTI1NSA4LjE5NzMyIDExLjgxOTQgOC4yNjg0OCAxMS43MDI2IDguMzE3MDNDMTEuNTg1NyA4LjM2NTU4IDExLjQ2MDQgOC4zOTA1OCAxMS4zMzM5IDguMzkwNThIMTAuNDgyMUwxMC40ODM0IDkuMzQxNDdaTTEwLjQ4MzQgNy4xMTEyMlY3LjczODU0SDExLjMzMzlDMTEuMzc1IDcuNzM4NDUgMTEuNDE1NyA3LjczMDI1IDExLjQ1MzYgNy43MTQ0QzExLjQ5MTYgNy42OTg1NSAxMS41MjYgNy42NzUzNyAxMS41NTUgNy42NDYxOEMxMS41ODQyIDcuNjE3MjEgMTEuNjA3NCA3LjU4Mjc3IDExLjYyMzIgNy41NDQ4MkMxMS42MzkxIDcuNTA2ODcgMTEuNjQ3MyA3LjQ2NjE3IDExLjY0NzQgNy40MjUwNUMxMS42NDczIDcuMzgzODcgMTEuNjM5MSA3LjM0MzEyIDExLjYyMzIgNy4zMDUxMkMxMS42MDc0IDcuMjY3MTIgMTEuNTg0MiA3LjIzMjYxIDExLjU1NSA3LjIwMzU4QzExLjUyNiA3LjE3NDM5IDExLjQ5MTYgNy4xNTEyMSAxMS40NTM2IDcuMTM1MzZDMTEuNDE1NyA3LjExOTUxIDExLjM3NSA3LjExMTMxIDExLjMzMzkgNy4xMTEyMkgxMC40ODM0Wk04LjMyNTA4IDkuMzQxNDdDOC4zMjUwOCA5LjQyNzcyIDguMjkwODEgOS41MTA0NCA4LjIyOTgzIDkuNTcxNDNDOC4xNjg4NCA5LjYzMjQxIDguMDg2MTIgOS42NjY2OCA3Ljk5OTg3IDkuNjY2NjhDNy45MTM2MiA5LjY2NjY4IDcuODMwOTEgOS42MzI0MSA3Ljc2OTkyIDkuNTcxNDNDNy43MDg5MyA5LjUxMDQ0IDcuNjc0NjcgOS40Mjc3MiA3LjY3NDY3IDkuMzQxNDdWNy4xMTEyMkg3LjA5MjU1QzcuMDA2MzEgNy4xMTEyMiA2LjkyMzU5IDcuMDc2OTYgNi44NjI2IDcuMDE1OTdDNi44MDE2MSA2Ljk1NDk5IDYuNzY3MzUgNi44NzIyNyA2Ljc2NzM1IDYuNzg2MDJDNi43NjczNSA2Ljc0MzMxIDYuNzc1NzYgNi43MDEwMiA2Ljc5MjExIDYuNjYxNTdDNi44MDg0NSA2LjYyMjExIDYuODMyNCA2LjU4NjI2IDYuODYyNiA2LjU1NjA3QzYuODkyOCA2LjUyNTg3IDYuOTI4NjUgNi41MDE5MSA2Ljk2ODExIDYuNDg1NTdDNy4wMDc1NiA2LjQ2OTIzIDcuMDQ5ODUgNi40NjA4MiA3LjA5MjU1IDYuNDYwODJIOC45MDY4NkM4Ljk0OTU3IDYuNDYwODIgOC45OTE4NiA2LjQ2OTIzIDkuMDMxMzEgNi40ODU1N0M5LjA3MDc3IDYuNTAxOTEgOS4xMDY2MiA2LjUyNTg3IDkuMTM2ODIgNi41NTYwN0M5LjE2NzAyIDYuNTg2MjYgOS4xOTA5NyA2LjYyMjExIDkuMjA3MzEgNi42NjE1N0M5LjIyMzY2IDYuNzAxMDIgOS4yMzIwNyA2Ljc0MzMxIDkuMjMyMDcgNi43ODYwMkM5LjIzMjA3IDYuODcyMjcgOS4xOTc4IDYuOTU0OTkgOS4xMzY4MiA3LjAxNTk3QzkuMDc1ODMgNy4wNzY5NiA4Ljk5MzExIDcuMTExMjIgOC45MDY4NiA3LjExMTIySDguMzI1MDhWOS4zNDE0N1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTJfNDg1MiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy43NDM3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right;
  margin-left: 0.5rem; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE0MTMgNy4yNUgxMC43NVYzLjcwODMzQzEwLjc1IDMuMzE4NzUgMTAuMzU2MyAzIDkuODc1IDNINi4zNzVDNS44OTM3NSAzIDUuNSAzLjMxODc1IDUuNSAzLjcwODMzVjcuMjVINC4xMDg3NUMzLjMzIDcuMjUgMi45MzYyNSA4LjAxNSAzLjQ4NzUgOC40NjEyNUw3LjUwMzc1IDExLjcxMjVDNy44NDUgMTEuOTg4OCA4LjM5NjI1IDExLjk4ODggOC43Mzc1IDExLjcxMjVMMTIuNzUzOCA4LjQ2MTI1QzEzLjMwNSA4LjAxNSAxMi45MiA3LjI1IDEyLjE0MTMgNy4yNVpNMiAxNC4zMzMzQzIgMTQuNzIyOSAyLjM5Mzc1IDE1LjA0MTcgMi44NzUgMTUuMDQxN0gxMy4zNzVDMTMuODU2MyAxNS4wNDE3IDE0LjI1IDE0LjcyMjkgMTQuMjUgMTQuMzMzM0MxNC4yNSAxMy45NDM4IDEzLjg1NjMgMTMuNjI1IDEzLjM3NSAxMy42MjVIMi44NzVDMi4zOTM3NSAxMy42MjUgMiAxMy45NDM4IDIgMTQuMzMzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat; }

.exportdata .gridcontainer .exportbtn .pimbtn.importCatalog .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODQ3MDQgMTIuMjVDMTAuMjA2MSAxMi4yNSAxMC41NTA1IDEyLjEyMDkgMTAuODA0NCAxMS44OTEyQzExLjA1ODIgMTEuNjYxNSAxMS4yMDA5IDExLjM0OTkgMTEuMjAwOSAxMS4wMjVWNy45NjI1TDcuODE2MjcgMTAuNDEyNVY4LjU3NUgzLjA3NzgxVjcuMzVINy44MTYyN1Y1LjUxMjVMMTEuMjAwOSA3Ljk2MjVWMy42NzVMNy4xMzkzNSAwSDEuNzIzOTZDMS4zNjQ5IDAgMS4wMjA1NCAwLjEyOTA2MiAwLjc2NjY0OSAwLjM1ODc5NEMwLjUxMjc1NCAwLjU4ODUyNiAwLjM3MDExNyAwLjkwMDExIDAuMzcwMTE3IDEuMjI1VjExLjAyNUMwLjM3MDExNyAxMS4zNDk5IDAuNTEyNzU0IDExLjY2MTUgMC43NjY2NDkgMTEuODkxMkMxLjAyMDU0IDEyLjEyMDkgMS4zNjQ5IDEyLjI1IDEuNzIzOTYgMTIuMjVIOS44NDcwNFpNNi40NjI0MiAxLjIyNUw5Ljg0NzA0IDQuMjg3NUg2LjQ2MjQyVjEuMjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 14px;
  height: 14px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.import-popup {
  width: 66vw;
  height: 500px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px; }

.import-summary-popup {
  min-width: 61vw;
  width: 50vw;
  height: 470px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px;
  font-family: 'Chivo-Bold'; }

.import-summary-overlay-height {
  min-width: 0px !important;
  height: 400px !important;
  padding: 5px;
  border-radius: 4px; }

.import-summary-overlay-height div > h4 {
  word-break: break-word; }

.import-final-result-inner-container-width {
  margin: 0px !important; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 14px !important; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 65vw; }

.file-progress-container {
  height: 100px;
  padding: 0 auto;
  margin: 15% 18%; }

.import-data-message {
  margin-top: 1rem !important;
  margin-left: 0.7rem !important; }

.import-info-content {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  width: 371px;
  height: 10px; }

.import-progress-bar-Container progress {
  height: 29px;
  width: 540px;
  color: #000000;
  text-align: center;
  margin-left: 24px; }

.bg-info {
  background-color: #e3f3ff !important;
  text-align: end; }

.progress-bar {
  color: #0e90e1 !important; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-close-button {
  font-size: 12px;
  height: 32px;
  color: #FFFFFF;
  border-radius: 0px;
  display: inline !important;
  border: none;
  font-weight: 400;
  background-color: #0E90E1;
  box-shadow: none !important;
  text-align: center;
  width: 152px; }

.import-progress-indicator-width {
  width: 100%; }

.progress-bar-spacing {
  margin: 0px 481px 0px 25px; }

.importdata-customize-size {
  margin-left: 235px !important; }

.importdata-close-button:enabled:hover,
.importdata-close-button:not(button):not(a):not(.p-disabled):hover {
  background-color: #f8f8f8;
  border: none; }

.p-button.p-component.importdata-download-button {
  background: #0E90E1 !important; }

.p-button.p-component.importdata-close-button {
  background: #0E90E1 !important; }

.importdata-download-button {
  font-size: 12px;
  background-color: #0E90E1 !important;
  border-radius: 0px;
  display: inline;
  font-weight: 400;
  color: #FFFFFF;
  width: 151px;
  height: 32px; }

.import-progress-style {
  margin: 0 40% !important; }

.import-indication {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000; }

.importdata-cancel-button {
  top: 50%;
  font-weight: 600;
  font-size: 12px;
  width: 120px;
  border-radius: 0px;
  display: inline !important;
  opacity: 0.7;
  background-color: #0E90E1 !important;
  color: white;
  box-shadow: none;
  border: 0px transparent;
  height: 24px;
  padding: 0px; }

.importdata-final-result-container {
  padding: 50px;
  height: auto; }

.importdata-final-result-container.importdock {
  margin: 55px 0px;
  padding: 0px; }

.import-final-result-inner-container {
  background: #F3F3F3;
  margin: 0px 64px;
  border: 1px solid #D8D8D8;
  border-radius: 5px; }

.import-final-result-inner-container-dockasset {
  margin: 0px; }

.import-outer-border-head {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-outer-border-body {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-final-resultbox-container {
  padding: 20px 15px; }

.import-final-size-padding {
  padding: 0px 23px; }

.import-final-header-width {
  display: flex;
  justify-content: center;
  margin: 0px 0px 10px;
  height: 45px; }

.import-final-header-title {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Chivo-Regular';
  padding: 9px 0px;
  line-height: 16.66px;
  text-align: center; }

.import-final-header-records {
  font-weight: 400;
  font-size: 22px;
  color: #495057;
  font-family: 'Chivo-Bold'; }

.importdata-final-result-img-container {
  margin-top: 1%;
  margin-bottom: 2%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black;
  font-size: 14px;
  margin-bottom: 15px; }

.importdata-final-results-records {
  color: #212529;
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Chivo-Bold';
  text-align: center; }

.importdata-final-results-percentage {
  font-size: 22px;
  color: #495057;
  font-family: 'Chivo-Bold';
  line-height: 26.18px;
  text-align: center; }

.import-data-success {
  height: 24px;
  width: 24px; }

.modal-dailog-content {
  height: 46vw; }

.modal-backdrop {
  z-index: 1110; }

.tablesubheader {
  padding-left: 21px; }

.fromcloud {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODQ3MDQgMTIuMjVDMTAuMjA2MSAxMi4yNSAxMC41NTA1IDEyLjEyMDkgMTAuODA0NCAxMS44OTEyQzExLjA1ODIgMTEuNjYxNSAxMS4yMDA5IDExLjM0OTkgMTEuMjAwOSAxMS4wMjVWNy45NjI1TDcuODE2MjcgMTAuNDEyNVY4LjU3NUgzLjA3NzgxVjcuMzVINy44MTYyN1Y1LjUxMjVMMTEuMjAwOSA3Ljk2MjVWMy42NzVMNy4xMzkzNSAwSDEuNzIzOTZDMS4zNjQ5IDAgMS4wMjA1NCAwLjEyOTA2MiAwLjc2NjY0OSAwLjM1ODc5NEMwLjUxMjc1NCAwLjU4ODUyNiAwLjM3MDExNyAwLjkwMDExIDAuMzcwMTE3IDEuMjI1VjExLjAyNUMwLjM3MDExNyAxMS4zNDk5IDAuNTEyNzU0IDExLjY2MTUgMC43NjY2NDkgMTEuODkxMkMxLjAyMDU0IDEyLjEyMDkgMS4zNjQ5IDEyLjI1IDEuNzIzOTYgMTIuMjVIOS44NDcwNFpNNi40NjI0MiAxLjIyNUw5Ljg0NzA0IDQuMjg3NUg2LjQ2MjQyVjEuMjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 30px;
  height: 30px; }

.iconimportdata.local {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDNINEMyLjg5NTQzIDMgMiAzLjg5NTQzIDIgNVYxNUMyIDE2LjEwNDYgMi44OTU0MyAxNyA0IDE3SDIwQzIxLjEwNDYgMTcgMjIgMTYuMTA0NiAyMiAxNVY1QzIyIDMuODk1NDMgMjEuMTA0NiAzIDIwIDNaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyMUgxNiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE3VjIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 30px;
  height: 30px; }

.modal {
  z-index: 1158 !important; }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

.uppy-customization {
  height: auto;
  margin: 70px 0; }
  .uppy-customization .uppy-Dashboard-inner,
  .uppy-customization .uppy-dashboard-edit-name {
    height: auto !important;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    background-color: white; }
  .uppy-customization .uppy-Dashboard-AddFiles {
    border: 0px !important;
    min-height: 118px; }
  .uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
    background-color: #0E90E1 !important;
    border-radius: 5px !important;
    border: none;
    color: white !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Chivo-Medium;
    min-width: 124px;
    text-align: center;
    margin-left: 15px;
    height: 40px;
    margin-top: -7px;
    margin-right: -16px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-top: -12px;
    margin-right: -15px; }
  .uppy-customization .uppy-Root {
    min-height: 118px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 0px; }
  .uppy-customization .uppy-Dashboard-Item-progressIcon--circle {
    width: 50px;
    height: 40px;
    margin-left: 1px; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item,
  .uppy-customization .uppy-Dashboard-Item {
    width: 100%; }
  .uppy-customization [dir="ltr"] .uppy-Dashboard-Item {
    text-align: left;
    float: left; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item-preview,
  .uppy-customization .uppy-Dashboard-Item-preview {
    height: 25%;
    float: left;
    width: 9%;
    margin-right: 10px; }
  .uppy-customization .uppy-Dashboard-files {
    overflow: visible;
    padding-top: 10px; }
  .uppy-customization .uppy-Dashboard-files > [role="presentation"] {
    height: 90px !important; }
  .uppy-customization .uppy-Dashboard-Item-previewInnerWrap {
    background-color: transparent !important; }
  .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
    float: left;
    width: 50%; }
  .uppy-customization [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove,
  .uppy-customization [dir="ltr"] .uppy-Dashboard-Item-action--remove {
    left: 8%;
    width: 16px;
    height: 16px; }
  .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
    width: auto !important; }
  .uppy-customization .uppy-size--md .uppy-Dashboard-Item-previewIcon,
  .uppy-customization .uppy-Dashboard-Item-previewIcon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80MzM5KSI+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVWMTQuOTY5NUMxMS41ODk5IDE1LjEwNDggMTEuNTYzMyAxNS4yMzg5IDExLjUxMTYgMTUuMzY0QzExLjQ1OTggMTUuNDg5MSAxMS4zODM5IDE1LjYwMjggMTEuMjg4MiAxNS42OTg1QzExLjE5MjUgMTUuNzk0MyAxMS4wNzg4IDE1Ljg3MDIgMTAuOTUzNyAxNS45MjE5QzEwLjgyODYgMTUuOTczNiAxMC42OTQ1IDE2LjAwMDIgMTAuNTU5MSAxNkgxLjAzMDU0QzAuODk1MTY0IDE2LjAwMDIgMC43NjEwODIgMTUuOTczNiAwLjYzNTk3NyAxNS45MjE5QzAuNTEwODcxIDE1Ljg3MDIgMC4zOTcxOTkgMTUuNzk0MyAwLjMwMTQ3MiAxNS42OTg1QzAuMjA1NzQ0IDE1LjYwMjggMC4xMjk4NDIgMTUuNDg5MSAwLjA3ODExMDQgMTUuMzY0QzAuMDI2Mzc5MiAxNS4yMzg5IC0wLjAwMDE2NDEzMiAxNS4xMDQ4IDcuNjM1ODllLTA3IDE0Ljk2OTVWMS4wMzA1NEMtMC4wMDAxNjQxMzIgMC44OTUxNjIgMC4wMjYzNzkyIDAuNzYxMDgxIDAuMDc4MTEwNCAwLjYzNTk3NUMwLjEyOTg0MiAwLjUxMDg3IDAuMjA1NzQ0IDAuMzk3MTk5IDAuMzAxNDcyIDAuMzAxNDcxQzAuMzk3MTk5IDAuMjA1NzQ0IDAuNTEwODcxIDAuMTI5ODQxIDAuNjM1OTc3IDAuMDc4MTEwMUMwLjc2MTA4MiAwLjAyNjM3OSAwLjg5NTE2NCAtMC4wMDAxNjQxMzIgMS4wMzA1NCA3LjYzNTllLTA3SDcuMjA3NTNMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzIzQTU2NiIvPgo8cGF0aCBkPSJNOC4zMjg2NiA3Ljk2NTUySDMuMjYwNTRDMy4xNzMzMSA3Ljk2NTUyIDMuMDg5NjUgOC4wMDAxNyAzLjAyNzk3IDguMDYxODVDMi45NjYyOSA4LjEyMzUzIDIuOTMxNjQgOC4yMDcxOCAyLjkzMTY0IDguMjk0NDFWMTIuNzA3OUMyLjkzMTY0IDEyLjc5NTEgMi45NjYyOSAxMi44Nzg4IDMuMDI3OTcgMTIuOTQwNEMzLjA4OTY1IDEzLjAwMjEgMy4xNzMzMSAxMy4wMzY4IDMuMjYwNTQgMTMuMDM2OEg4LjMzMThDOC40MTkwMyAxMy4wMzY4IDguNTAyNjggMTMuMDAyMSA4LjU2NDM2IDEyLjk0MDRDOC42MjYwNCAxMi44Nzg4IDguNjYwNjkgMTIuNzk1MSA4LjY2MDY5IDEyLjcwNzlWOC4yOTc1NEM4LjY1OTU2IDguMjA5ODQgOC42MjQyMSA4LjEyNjA0IDguNTYyMTkgOC4wNjQwMkM4LjUwMDE2IDguMDAyIDguNDE2MzcgNy45NjY2NSA4LjMyODY2IDcuOTY1NTJaTTMuNTg5NDMgMTAuMDgzSDUuNDY1N1YxMC45MTkzSDMuNTg5NDNWMTAuMDgzWk02LjEyMzUgMTAuMDgzSDcuOTk5NzdWMTAuOTE5M0g2LjEyMzVWMTAuMDgzWk03Ljk5OTc3IDkuNDI1MTlINi4xMjM1VjguNjI2NDRINy45OTk3N1Y5LjQyNTE5Wk01LjQ2NTcgOC42MjY0NFY5LjQyNTE5SDMuNTg5NDNWOC42MjY0NEg1LjQ2NTdaTTMuNTg5NDMgMTEuNTgwMkg1LjQ2NTdWMTIuMzc5SDMuNTg5NDNWMTEuNTgwMlpNNi4xMjM1IDEyLjM3OVYxMS41ODAySDcuOTk5NzdWMTIuMzc5SDYuMTIzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuMTkiIGQ9Ik03Ljc5NjM5IDQuMjIyMzlMMTEuNTg5NyA3LjI5NTIxVjQuNDEwMzNMOS40Mzc3MyAzLjE2MDUyTDcuNzk2MzkgNC4yMjIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVIOC4yMzgwNkM4LjEwMjY4IDQuMzgyMzEgNy45Njg2IDQuMzU1NzcgNy44NDM1IDQuMzA0MDRDNy43MTgzOSA0LjI1MjMxIDcuNjA0NzIgNC4xNzY0IDcuNTA4OTkgNC4wODA2N0M3LjQxMzI2IDMuOTg0OTUgNy4zMzczNiAzLjg3MTI4IDcuMjg1NjMgMy43NDYxN0M3LjIzMzkgMy42MjEwNyA3LjIwNzM2IDMuNDg2OTggNy4yMDc1MiAzLjM1MTYxVjBMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzhFRDFCMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1Ml80MzM5Ij4KPHJlY3Qgd2lkdGg9IjExLjU4OTciIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .uppy-customization .uppy-Dashboard-Item-previewIcon svg g {
    fill: none; }
  .uppy-customization .uppy-dashboard-edit-name {
    border: none;
    box-shadow: none; }
  .uppy-customization .uppy-dashboard-edit-name .uppy-DashboardContent-back {
    float: right; }
  .uppy-customization .uppy-StatusBar-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    position: static;
    background-color: transparent !important; }
  .uppy-customization .uppy-DashboardContent-bar {
    width: 70%;
    position: absolute;
    top: 63%;
    height: 65px !important;
    background-color: transparent !important; }
  .uppy-customization .uppy-StatusBar:not([aria-hidden="true"]).is-waiting {
    background-color: transparent !important;
    border: 0px; }
  .uppy-customization .uppy-StatusBar::before {
    background-color: transparent !important; }
  .uppy-customization .uppy-DashboardContent-title {
    display: none; }

#asset-upload .uppy-size--md .uppy-Dashboard-Item-previewIcon,
#asset-upload .uppy-Dashboard-Item-previewIcon {
  background-image: none; }

.import-popup .p-dialog-content > div {
  width: 100%; }

.import-summary-popup .p-dialog-content > div {
  width: 100%; }

.clone-btn {
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.clone-btn-disable {
  opacity: .1;
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE0MTMgNy4yNUgxMC43NVYzLjcwODMzQzEwLjc1IDMuMzE4NzUgMTAuMzU2MyAzIDkuODc1IDNINi4zNzVDNS44OTM3NSAzIDUuNSAzLjMxODc1IDUuNSAzLjcwODMzVjcuMjVINC4xMDg3NUMzLjMzIDcuMjUgMi45MzYyNSA4LjAxNSAzLjQ4NzUgOC40NjEyNUw3LjUwMzc1IDExLjcxMjVDNy44NDUgMTEuOTg4OCA4LjM5NjI1IDExLjk4ODggOC43Mzc1IDExLjcxMjVMMTIuNzUzOCA4LjQ2MTI1QzEzLjMwNSA4LjAxNSAxMi45MiA3LjI1IDEyLjE0MTMgNy4yNVpNMiAxNC4zMzMzQzIgMTQuNzIyOSAyLjM5Mzc1IDE1LjA0MTcgMi44NzUgMTUuMDQxN0gxMy4zNzVDMTMuODU2MyAxNS4wNDE3IDE0LjI1IDE0LjcyMjkgMTQuMjUgMTQuMzMzM0MxNC4yNSAxMy45NDM4IDEzLjg1NjMgMTMuNjI1IDEzLjM3NSAxMy42MjVIMi44NzVDMi4zOTM3NSAxMy42MjUgMiAxMy45NDM4IDIgMTQuMzMzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px;
  font-size: 14px;
  font-weight: bold;
  font-family: Barlow-Bold; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 100%; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-final-result-img-container {
  margin-top: 5%;
  margin-bottom: 3%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black !important;
  font-size: 18px; }

.modal-dailog-content {
  height: 46vw; }

.modal {
  z-index: 1158 !important; }

.modal-backdrop {
  z-index: 1110; }

.modal-backdrop {
  background-color: rgba(0, 51, 83, 0.2) !important;
  opacity: 1; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

.uppy-DashboardTab {
  width: 120px !important;
  height: 120px;
  background: white;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px;
  margin: 10px; }

.uppy-DashboardTab:hover {
  box-shadow: 0px 23.5px 18px rgba(0, 0, 0, 0.1); }

.uppy-DashboardTab > button {
  width: 100% !important;
  height: 100%; }

.uppy-DashboardTab[data-uppy-acquirer-id] {
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center; }

.uppy-DashboardTab[data-uppy-acquirer-id="GoogleDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODcuMyA3OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im02LjYgNjYuODUgMy44NSA2LjY1Yy44IDEuNCAxLjk1IDIuNSAzLjMgMy4zbDEzLjc1LTIzLjhoLTI3LjVjMCAxLjU1LjQgMy4xIDEuMiA0LjV6IiBmaWxsPSIjMDA2NmRhIi8+Cgk8cGF0aCBkPSJtNDMuNjUgMjUtMTMuNzUtMjMuOGMtMS4zNS44LTIuNSAxLjktMy4zIDMuM2wtMjUuNCA0NGE5LjA2IDkuMDYgMCAwIDAgLTEuMiA0LjVoMjcuNXoiIGZpbGw9IiMwMGFjNDciLz4KCTxwYXRoIGQ9Im03My41NSA3Ni44YzEuMzUtLjggMi41LTEuOSAzLjMtMy4zbDEuNi0yLjc1IDcuNjUtMTMuMjVjLjgtMS40IDEuMi0yLjk1IDEuMi00LjVoLTI3LjUwMmw1Ljg1MiAxMS41eiIgZmlsbD0iI2VhNDMzNSIvPgoJPHBhdGggZD0ibTQzLjY1IDI1IDEzLjc1LTIzLjhjLTEuMzUtLjgtMi45LTEuMi00LjUtMS4yaC0xOC41Yy0xLjYgMC0zLjE1LjQ1LTQuNSAxLjJ6IiBmaWxsPSIjMDA4MzJkIi8+Cgk8cGF0aCBkPSJtNTkuOCA1M2gtMzIuM2wtMTMuNzUgMjMuOGMxLjM1LjggMi45IDEuMiA0LjUgMS4yaDUwLjhjMS42IDAgMy4xNS0uNDUgNC41LTEuMnoiIGZpbGw9IiMyNjg0ZmMiLz4KCTxwYXRoIGQ9Im03My40IDI2LjUtMTIuNy0yMmMtLjgtMS40LTEuOTUtMi41LTMuMy0zLjNsLTEzLjc1IDIzLjggMTYuMTUgMjhoMjcuNDVjMC0xLjU1LS40LTMuMS0xLjItNC41eiIgZmlsbD0iI2ZmYmEwMCIvPgo8L3N2Zz4=); }

.uppy-DashboardTab[data-uppy-acquirer-id="MyDevice"] {
  background-image: url(cd2763b641892d1ec541632f7482a166.png); }

.uppy-DashboardTab[data-uppy-acquirer-id="OneDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgNS41IDMyIDIwLjUiPjx0aXRsZT5PZmZpY2VDb3JlMTBfMzJ4XzI0eF8yMHhfMTZ4XzAxLTIyLTIwMTk8L3RpdGxlPjxnIGlkPSJTVFlMRV9DT0xPUiI+PHBhdGggZD0iTTEyLjIwMjQ1LDExLjE5MjkybC4wMDAzMS0uMDAxMSw2LjcxNzY1LDQuMDIzNzksNC4wMDI5My0xLjY4NDUxLjAwMDE4LjAwMDY4QTYuNDc2OCw2LjQ3NjgsMCwwLDEsMjUuNSwxM2MuMTQ3NjQsMCwuMjkzNTguMDA2Ny40Mzg3OC4wMTYzOWExMC4wMDA3NSwxMC4wMDA3NSwwLDAsMC0xOC4wNDEtMy4wMTM4MUM3LjkzMiwxMC4wMDIxNSw3Ljk2NTcsMTAsOCwxMEE3Ljk2MDczLDcuOTYwNzMsMCwwLDEsMTIuMjAyNDUsMTEuMTkyOTJaIiBmaWxsPSIjMDM2NGI4Ii8+PHBhdGggZD0iTTEyLjIwMjc2LDExLjE5MTgybC0uMDAwMzEuMDAxMUE3Ljk2MDczLDcuOTYwNzMsMCwwLDAsOCwxMGMtLjAzNDMsMC0uMDY4MDUuMDAyMTUtLjEwMjIzLjAwMjU4QTcuOTk2NzYsNy45OTY3NiwwLDAsMCwxLjQzNzMyLDIyLjU3Mjc3bDUuOTI0LTIuNDkyOTIsMi42MzM0Mi0xLjEwODE5LDUuODYzNTMtMi40Njc0NiwzLjA2MjEzLTEuMjg4NTlaIiBmaWxsPSIjMDA3OGQ0Ii8+PHBhdGggZD0iTTI1LjkzODc4LDEzLjAxNjM5QzI1Ljc5MzU4LDEzLjAwNjcsMjUuNjQ3NjQsMTMsMjUuNSwxM2E2LjQ3NjgsNi40NzY4LDAsMCwwLTIuNTc2NDguNTMxNzhsLS4wMDAxOC0uMDAwNjgtNC4wMDI5MywxLjY4NDUxLDEuMTYwNzcuNjk1MjhMMjMuODg2MTEsMTguMTlsMS42NjAwOS45OTQzOCw1LjY3NjMzLDMuNDAwMDdhNi41MDAyLDYuNTAwMiwwLDAsMC01LjI4Mzc1LTkuNTY4MDVaIiBmaWxsPSIjMTQ5MGRmIi8+PHBhdGggZD0iTTI1LjU0NjIsMTkuMTg0MzcsMjMuODg2MTEsMTguMTlsLTMuODA0OTMtMi4yNzkxLTEuMTYwNzctLjY5NTI4TDE1Ljg1ODI4LDE2LjUwNDIsOS45OTQ3NSwxOC45NzE2Niw3LjM2MTMzLDIwLjA3OTg1bC01LjkyNCwyLjQ5MjkyQTcuOTg4ODksNy45ODg4OSwwLDAsMCw4LDI2SDI1LjVhNi40OTgzNyw2LjQ5ODM3LDAsMCwwLDUuNzIyNTMtMy40MTU1NloiIGZpbGw9IiMyOGE4ZWEiLz48L2c+PC9zdmc+); }

.uppy-DashboardTab[data-uppy-acquirer-id="Box"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjEzNzkiIHZpZXdCb3g9IjAgMCA0NDQuODkzIDI0NS40MTQiPjxnIGZpbGw9IiMwMDc1QzkiPjxwYXRoIGQ9Ik0yMzkuMDM4IDcyLjQzYy0zMy4wODEgMC02MS44MDYgMTguNi03Ni4zMjIgNDUuOTA0LTE0LjUxNi0yNy4zMDUtNDMuMjQtNDUuOTAyLTc2LjMyLTQ1LjkwMi0xOS40NDMgMC0zNy4zODUgNi40MjQtNTEuODIxIDE3LjI2NlYxNi45MjVoLS4wMDhDMzQuMzY1IDcuNTQ3IDI2LjcxMyAwIDE3LjI4NiAwIDcuODU4IDAgLjIwOCA3LjU0Ny4wMDggMTYuOTI1SDB2MTQzLjMzM2guMDM2Yy43NjggNDcuMDUxIDM5LjEyNSA4NC45NjcgODYuMzU5IDg0Ljk2NyAzMy4wOCAwIDYxLjgwNS0xOC42MDMgNzYuMzItNDUuOTA4IDE0LjUxNyAyNy4zMDcgNDMuMjQxIDQ1LjkwNiA3Ni4zMjEgNDUuOTA2IDQ3LjcxNSAwIDg2LjM5Ni0zOC42ODQgODYuMzk2LTg2LjM5Ni4wMDEtNDcuNzE4LTM4LjY4Mi04Ni4zOTctODYuMzk0LTg2LjM5N3pNODYuMzk1IDIxMC42NDhjLTI4LjYyMSAwLTUxLjgyMS0yMy4yMDEtNTEuODIxLTUxLjgyIDAtMjguNjIzIDIzLjIwMS01MS44MjMgNTEuODIxLTUxLjgyMyAyOC42MjEgMCA1MS44MjIgMjMuMiA1MS44MjIgNTEuODIzIDAgMjguNjE5LTIzLjIwMSA1MS44Mi01MS44MjIgNTEuODJ6bTE1Mi42NDMgMGMtMjguNjIyIDAtNTEuODIxLTIzLjIwMS01MS44MjEtNTEuODIyIDAtMjguNjIzIDIzLjItNTEuODIxIDUxLjgyMS01MS44MjEgMjguNjE5IDAgNTEuODIyIDIzLjE5OCA1MS44MjIgNTEuODIxLS4wMDEgMjguNjIxLTIzLjIwMyA1MS44MjItNTEuODIyIDUxLjgyMnoiLz48cGF0aCBkPSJNNDQxLjY1MSAyMTguMDMzbC00NC4yNDYtNTkuMTQzIDQ0LjI0Ni01OS4xNDQtLjAwOC0uMDA3YzUuNDczLTcuNjIgMy44ODctMTguMjQ5LTMuNjUyLTIzLjkxMy03LjUzNy01LjY1OC0xOC4xODctNC4yMjEtMjMuOTggMy4xNTdsLS4wMDQtLjAwMi0zOC4xODggNTEuMDQ3LTM4LjE4OC01MS4wNDctLjAwNi4wMDljLTUuNzkzLTcuMzg1LTE2LjQ0MS04LjgyMi0yMy45ODEtMy4xNi03LjUzOSA1LjY2NC05LjEyNSAxNi4yOTMtMy42NDkgMjMuOTExbC0uMDA4LjAwNSA0NC4yNDUgNTkuMTQ0LTQ0LjI0NSA1OS4xNDMuMDA4LjAwNWMtNS40NzcgNy42Mi0zLjg5IDE4LjI0NyAzLjY0OSAyMy45MDkgNy41NCA1LjY2NCAxOC4xODggNC4yMjUgMjMuOTgxLTMuMTU1bC4wMDYuMDA3IDM4LjE4OC01MS4wNDkgMzguMTg4IDUxLjA0OS4wMDQtLjAwMmM1Ljc5NCA3LjM3NyAxNi40NDMgOC44MTQgMjMuOTggMy4xNTQgNy41MzktNS42NjIgOS4xMjUtMTYuMjkxIDMuNjUyLTIzLjkxbC4wMDgtLjAwOHoiLz48L2c+PC9zdmc+); }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: 'Helvetica';
  color: #585B5F !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: relative; }

.import-data .uppy-customization .uppy-Dashboard-Item-preview {
  width: 50px;
  margin-right: 5px;
  height: 100%; }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  height: 100%;
  overflow: hidden; }

.import-data .uppy-Dashboard-Item-previewInnerWrap {
  align-items: center;
  height: 100%; }

.import-data .uppy-Dashboard-Item-previewIconBg {
  filter: none; }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: "Helvetica";
  color: #585b5f !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 3px;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05)); }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  overflow: hidden;
  align-items: center; }

.import-data
.uppy-customization
[dir="ltr"]
.uppy-Dashboard-Item-action--remove {
  left: auto; }

.import-data .uppy-customization .uppy-Dashboard-Item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 130px; }

.cloudisopen .uppy-Dashboard-AddFiles-title {
  display: none; }

.localisopen .uppy-Dashboard-AddFiles-title {
  display: block; }

.margin-assign {
  margin-right: -25px; }

.container-loader {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }

.loader-parent {
  position: relative; }

.circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 5px;
  display: inline-block; }
  .circle:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    display: block; }

.circle-1 {
  background-color: #49b8e5; }
  .circle-1:before {
    background-color: #49b8e5;
    animation-delay: 200ms; }

.circle-2 {
  background-color: #1e98d4; }
  .circle-2:before {
    background-color: #1e98d4;
    animation-delay: 400ms; }

.circle-3 {
  background-color: #2a92d0; }
  .circle-3:before {
    background-color: #2a92d0;
    animation-delay: 600ms; }

.circle-4 {
  background-color: #3a88c8; }
  .circle-4:before {
    background-color: #3a88c8;
    animation-delay: 800ms; }

.circle-5 {
  background-color: #507cbe; }
  .circle-5:before {
    background-color: #507cbe;
    animation-delay: 1000ms; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%, 75% {
    transform: scale(2.5); }
  78%, 100% {
    opacity: 0; } }

.import-page-header {
  color: #050505;
  text-align: center;
  font-family: 'Chivo-Bold';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  width: 50%;
  line-height: normal;
  display: flex;
  justify-content: flex-start; }

#pr_id_16_header {
  color: #050505;
  text-align: start;
  font-family: 'Chivo-Bold';
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 10px;
  text-transform: capitalize; }

.import-header-seaction {
  display: flex;
  justify-content: space-between; }

.databank-brand-grid #pim-datatable .p-row-editor-init-icon {
  display: inline-block; }

.form-container .p-dialog-content {
  padding: 20px 30px; }

.form-container .p-fluid {
  width: 100%; }

.databank-brand-grid #pim-datatable .pi-pencil:before {
  content: "\e942" !important; }

.databank-brand-grid .p-button:enabled:hover {
  background-color: white !important;
  color: #4242ff !important; }

.databank-brand-grid #pim-datatable .pi-pencil:hover::before {
  content: "\e942" !important; }

.databank-brand-grid .p-button {
  border: none; }

.form-container .field span {
  display: grid;
  grid-template-columns: 20% 80%; }

.form-container .inner-container .inner-sub-form {
  padding: 0px 0px 0px 90px; }

.form-container .p-dialog-header {
  pointer-events: none; }

.form-container .p-dialog-header .p-dialog-header-icons {
  pointer-events: all; }

.form-container .inner-container .field span {
  grid-template-columns: 30% 70%; }

.form-container .form-footer {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-gap: 10px; }

.inner-sub-form .p-highlight {
  background: #6d6d6d !important; }

.inner-sub-form .p-chips-multiple-container {
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
  height: auto; }

.databank-brand-grid .p-button.p-component.p-button.p-button-text.p-button-info.mr-2.p-button-icon-only {
  width: 70px !important;
  top: 0; }

.databank-brand-grid .action-block {
  display: flex; }

.databank-brand-grid #pim-datatable .p-sortable-column-icon, .databank-brand-grid #pim-datatable .p-sortable-column-icon:hover {
  color: white !important; }

.databank-brand-grid #pim-datatable .data-approveicon {
  background-color: red;
  color: white;
  padding: 3px;
  border-radius: 4px;
  width: 8.5em;
  display: flex;
  height: 2.25em;
  justify-content: center;
  align-items: center; }

.databank-brand-grid #pim-datatable .data-approveicon:hover {
  background-color: #840101; }

.databank-brand-grid .checkboxcloumn .p-checkbox.p-component {
  align-items: center !important; }

.form-container.databank-form-container .p-dialog-content {
  overflow: overlay; }

.databank-brand-grid #pim-datatable .tablefullwidth .gridcontainer table .p-datatable-thead th {
  align-items: center;
  display: flex; }

.databank-brand-grid .p-column-header-content {
  padding-top: 0px; }

.databank-form-container .form-scroll-container {
  position: relative;
  height: 71vh;
  overflow: overlay;
  padding: 10px 0px 0px; }

.form-container.databank-form-container {
  max-height: unset; }

.databank-brand-grid .searchIconClassName {
  position: unset; }

.delete-confirm-popup.data-bank .p-dialog-content {
  border-radius: 0; }

.databank-brand-grid .gridcontainer .p-datatable-wrapper {
  overflow-x: auto; }

.databank-brand-grid table {
  width: 150vw !important;
  max-width: none; }

.databank-brand-grid .p-frozen-column {
  z-index: 88 !important; }

.databank-brand-grid table td, .databank-brand-grid table th {
  width: 5%;
  min-width: 8rem; }

.databank-brand-grid table td:nth-child(2), .databank-brand-grid table th:nth-child(2),
.databank-brand-grid table td:nth-child(1), .databank-brand-grid table th:nth-child(1) {
  width: 2%;
  min-width: unset; }

@charset "UTF-8";
/* DataTableDemo.css */
#pim-datatable {
  /* Handle on scroll */
  /* Handle on thumb */
  /* Handle on track piece */ }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .p-paginator .p-paginator-prev,
  #pim-datatable .p-paginator .p-paginator-next,
  #pim-datatable .p-paginator .p-paginator-last {
    min-width: 1rem;
    height: 18px;
    margin: 0.143rem;
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-prev:not(.p-disabled),
  #pim-datatable .gridcontainer .p-paginator-next:not(.p-disabled) {
    color: #0E90E1 !important; }
  #pim-datatable .gridcontainer thead,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background-color: #0E90E1;
    border: 0px;
    outline: none;
    box-shadow: none;
    color: inherit; }
  #pim-datatable .gridcontainer .p-datatable-wrapper,
  #pim-datatable .gridcontainer .p-datatable-scrollable-wrapper {
    width: 100%;
    margin: 5px auto;
    background-color: #E3F3FF;
    padding: 0px 3px 0px;
    border-radius: 10px;
    border-bottom: 3px solid #E3F3FF; }
  #pim-datatable .gridcontainer .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead {
    background-color: white; }
  #pim-datatable .p-datatable .p-paginator-bottom {
    border-width: 0px; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td {
    border-width: 0px;
    height: auto; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr.p-highlight {
    position: relative;
    background: #ffffff !important;
    box-shadow: 0px 6px 76px rgba(0, 51, 83, 0.1) !important; }
  #pim-datatable .p-datatable-tbody {
    background: #FFF !important; }
  #pim-datatable .dataview-mulitsort {
    margin-left: 10px; }
  #pim-datatable .p-datatable-emptymessage {
    display: flex;
    justify-content: center; }
  #pim-datatable tr.p-selectable-row {
    cursor: pointer; }
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: white; }
  #pim-datatable tr.p-selectable-row.p-row-odd, #pim-datatable .p-datatable .p-datatable-tbody > tr.p-row-odd,
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F8FCFF; }
  #pim-datatable .p-datatable-tbody {
    max-height: 100% !important;
    overflow: hidden; }
  #pim-datatable .no-data-image {
    margin-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable-wrapper {
    padding: 0px !important;
    border: 1px solid #C2D5E5 !important;
    border-radius: 6px !important;
    margin-bottom: 30px; }
  #pim-datatable .p-datatable-wrapper {
    max-height: 116vh !important; }
  #pim-datatable tr[data-pc-section="headerrow"] {
    display: flex;
    height: 45px;
    background-color: #0E90E1; }
  #pim-datatable th[role="columnheader"] {
    margin-top: 0px; }
  #pim-datatable .gridcontainer span.p-paginator-pages {
    margin-top: -3px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    color: black !important;
    min-width: 1rem;
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #E3F3FF;
    border: 1px solid #E3F3FF; }
  #pim-datatable .tableheader {
    width: 30%;
    float: left; }
  #pim-datatable .searchsection {
    float: right; }
  #pim-datatable .p-input-icon-left > .topsearch {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left input.inputstyle.form-control {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px !important;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left.searchsection .fa {
    margin-top: 8px !important; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:hover {
    border: solid 1px #ffe0cc; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-color: #ffe0cc; }
  #pim-datatable span.p-input-icon-left.searchsection {
    margin-top: 10px; }
  #pim-datatable .headerparent {
    min-height: 30px;
    margin-bottom: 15px; }
  #pim-datatable .searchsection.p-input-icon-left > i:first-of-type,
  #pim-datatable .p-input-icon-left.searchsection .fa {
    left: auto;
    right: 0.5rem;
    width: 24px;
    height: 12px;
    color: #e5712a !important;
    font-size: 14px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    z-index: 0;
    cursor: pointer;
    height: 18px;
    padding: 3px 6px;
    border-radius: 10px;
    border: solid 1px #212529;
    background-color: #ffffff;
    margin-left: -1px;
    margin-top: 2px;
    width: 18px;
    min-width: 18px;
    color: #000000;
    font-weight: 700; }
  #pim-datatable .gridcontainer .p-paginator-icon.pi {
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-pages > button {
    font-size: 10px;
    font-family: 'Chivo-Regular'; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page:not(.p-highlight):hover {
    background-color: transparent; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background-color: transparent;
    border: 1.3px solid #C2D5E5; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-prev {
    height: 36px;
    border: none !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-next,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-last {
    height: 36px;
    border: none !important; }
  #pim-datatable .p-paginator-prev .p-p-3,
  #pim-datatable .p-paginator-next .p-p-3 {
    font-family: Manrope-Bold;
    font-weight: bold;
    padding: 6px 7.7px !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 20px;
    height: 18px; }
  #pim-datatable .gridcontainer .p-link:focus {
    box-shadow: none; }
  #pim-datatable .tablecontainer tbody {
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal; }
  #pim-datatable .p-datatable .p-sortable-column {
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-column-filter-menu-button:hover,
  #pim-datatable .gridcontainer .p-column-filter-menu-button.p-column-filter-menu-button-open,
  #pim-datatable .gridcontainer
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    border-color: transparent;
    background: transparent;
    color: #495057; }
  #pim-datatable .p-datatable .p-sortable-column.p-highlight,
  #pim-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    color: #495057;
    border: none !important; }
  #pim-datatable .gridcontainer .pi-sort-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-up-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-down {
    filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }
  #pim-datatable .gridcontainer .p-paginator .p-dropdown {
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-inputtext {
    font-size: 0.8rem;
    padding-top: 0.5rem; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-dropdown-trigger .pi,
  #pim-datatable .gridcontainer .p-paginator.p-component {
    font-size: 0.8rem; }
  #pim-datatable .gridcontainer .p-datatable .p-sortable-column .p-sortable-column-badge {
    display: none; }
  #pim-datatable .gridcontainer .p-datatable-scrollable-header-box {
    margin: 0px !important; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td.greyed {
    background-color: rgba(90, 177, 135, 0.4);
    border-top: 2px solid #5ab187;
    border-left: 2px solid #ffebdf; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover
.gridcontainer .p-paginator.p-component {
    font-size: 0.8rem;
    border-bottom: 0px;
    min-height: 70px; }
  #pim-datatable .customefilterchange {
    flex-flow: row;
    flex-wrap: wrap; }
  #pim-datatable .customefilterchange .p-multiselect-label-container {
    cursor: pointer;
    width: 75%;
    display: flex;
    min-height: 30px; }
  #pim-datatable .customefilterchange.p-multiselect .p-multiselect-trigger {
    min-height: 30px; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    position: relative;
    top: 0px !important;
    left: 0px !important; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    box-shadow: none !important; }
  #pim-datatable .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: none !important; }
  #pim-datatable .p-toolbar .attr-pimbtn:active svg path, #pim-datatable .pimbtn:active svg path, #pim-datatable .btn-active-17:active svg path {
    fill: #ffffff; }
  #pim-datatable .pi-pencil:before {
    content: "" !important;
    display: block;
    background-repeat: no-repeat !important;
    background-image: url(905d782f71c3796ac745b92bf62b5dcc.svg) !important;
    height: 18px;
    min-width: 18px; }
  #pim-datatable .pi-pencil:hover::before {
    content: "" !important;
    background-image: url(905d782f71c3796ac745b92bf62b5dcc.svg) !important;
    display: block;
    background-repeat: no-repeat !important;
    height: 18px; }
  #pim-datatable .customeselect {
    position: relative; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: transparent;
    color: black !important; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background-color: #0E90E1; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff2e8;
    border-color: #0E90E1;
    background: #0E90E1; }
  #pim-datatable .gridcontainer .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box {
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #F8FCFF;
    border: 1px solid #C6C6C6;
    border-radius: 2px; }
  #pim-datatable .pimbtn {
    width: auto;
    border-radius: 25px;
    background-color: transparent !important;
    color: black !important !important;
    border-color: #dddddd !important;
    min-width: 150px;
    margin-right: 20px !important;
    font-size: 12px; }
  #pim-datatable .pimbtn .p-button-label {
    font-size: 12px;
    font-weight: 400;
    font-family: 'chivo-bold'; }
  #pim-datatable span.fa-refresh {
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 12px;
    padding: 2px; }
  #pim-datatable .p-dialog .p-dialog-footer {
    text-align: left; }
  #pim-datatable .p-dialog-footer-user {
    text-align: center; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.84rem 1.25rem; }
  #pim-datatable .p-dialog-footer .p-button.custom-button,
  #pim-datatable .p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  #pim-datatable .custom-button {
    height: 32px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px; }
  #pim-datatable .custom-button .text-light {
    color: black !important; }
  #pim-datatable .gridcontainer .pi-filter-icon.pi-filter {
    font-family: "FontAwesome"; }
  #pim-datatable .gridcontainer .pi-filter:before {
    content: "\f0b0";
    color: #e5712a; }
  #pim-datatable .p-dialog-footer {
    padding: 0px 7px 25px; }
  #pim-datatable .user-manage-footer {
    margin-top: 23px;
    margin-bottom: 15px; }
  #pim-datatable .p-field > label {
    font-family: Chivo-Regular;
    font-size: 12px;
    color: #212529; }
  #pim-datatable .p-inputtext {
    border-radius: 0px !important;
    border: 1px solid #E2E8F0;
    font-size: 14px;
    height: 40px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02); }
  #pim-datatable .p-inputtext:disabled {
    box-shadow: none; }
  #pim-datatable .p-inputtext.attrGroup-input {
    width: 345px; }
  #pim-datatable .pim-dropdown__indicator svg {
    fill: #D9D9D9;
    transform: rotate(0);
    transition: all .2s; }
  #pim-datatable .pim-dropdown__control--menu-is-open .pim-dropdown__indicator svg {
    fill: #000000;
    transform: rotate(180deg); }
  #pim-datatable .pim-dropdown__option.pim-dropdown__option--is-focused {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option--is-selected, #pim-datatable .pim-dropdown__option--is-selected:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .css-61e5a5-option {
    height: 32px !important;
    padding: 4px 10px !important;
    margin-right: 0px !important; }
  #pim-datatable .css-1gtu0rj-indicatorContainer {
    padding: 5px !important; }
  #pim-datatable .css-tlfecz-indicatorContainer {
    padding: 4px 8px !important; }
  #pim-datatable .css-1okebmr-indicatorSeparator {
    display: none; }
  #pim-datatable .p-inputtextarea {
    height: 40px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:first-child > div > form > div {
    padding-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(2) > div > form > div {
    padding-left: 14px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(3) > div > form > div {
    padding-left: 16px; }
  #pim-datatable .gridcontainer td.p-editable-column:nth-child(7) {
    padding-left: 35px !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:nth-child(7) {
    padding-left: 2rem !important; }
  #pim-datatable .p-datatable-thead {
    position: sticky;
    z-index: 1;
    top: 0; }
  #pim-datatable .react-select__control:hover,
  #pim-datatable .attribute-dropdown:hover > div:not(.error-validation),
  #pim-datatable .attribute-dropdown > div:not(.error-validation):first-child:hover {
    border-color: #EFEFF1 !important; }
  #pim-datatable .custom-dropdown .react-select__control {
    width: auto;
    height: 50px; }
  #pim-datatable .custom-dropdown .react-select__menu {
    width: 100%;
    position: absolute; }
  #pim-datatable .custom-dropdown {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none; }
  #pim-datatable .exportbtn {
    justify-content: space-between;
    flex-wrap: wrap; }
  #pim-datatable .p-datatable table {
    width: max-content; }
  #pim-datatable .tablefullwidth table {
    width: 100%; }
  #pim-datatable .editrowcell {
    vertical-align: middle !important; }
  #pim-datatable .editrowcell button {
    display: inline-flex; }
  #pim-datatable .exportbtn .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 15px;
    justify-content: flex-end; }
  #pim-datatable .exportbtn-attr .p-button.p-button-icon-only {
    width: 5rem;
    padding: 0.75rem 17px;
    justify-content: flex-end; }
  #pim-datatable .gridcontainer .exportbtn .p-button-icon {
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    background-position: center;
    background-size: 100%; }
  #pim-datatable .wrapper .main_container .item {
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px; }
  #pim-datatable .table-title,
  #pim-datatable .importpopup .p-dialog-header .p-dialog-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .table-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .p-dialog .p-dialog-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 1rem 1rem;
    overflow: hidden; }
  #pim-datatable * button {
    outline: none !important;
    box-shadow: none !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-header {
    border: 0px;
    background-color: white;
    padding: 0.5rem 0px;
    margin-top: 12px; }
  #pim-datatable .common-header-section {
    margin-top: 0px;
    align-items: center;
    min-height: 60px; }
  #pim-datatable .common-header-section .commonsearch {
    justify-content: start;
    direction: rtl;
    align-items: center; }
  #pim-datatable .commonsearch .fa-search,
  #pim-datatable .commonsearch .fa-close {
    margin-top: 5px !important;
    margin-right: -36px !important;
    color: #2D3748 !important; }
  #pim-datatable .commonsearch input.inputstyle.form-control {
    text-align: left;
    padding-left: 2rem !important;
    padding-right: 8px !important;
    height: 40px;
    direction: ltr;
    background: white;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 15px !important;
    font-size: 14px; }
  #pim-datatable .table {
    margin-bottom: 0px;
    margin-right: -15px;
    width: auto; }
  #pim-datatable .table > .card {
    background: white;
    box-sizing: border-box;
    max-height: 138vh !important; }
  #pim-datatable .page-header {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #050505;
    padding: 5px 0.7rem;
    font-family: Chivo-Bold; }
  #pim-datatable .gridcontainer table .p-datatable-thead th {
    background-color: white;
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: 40px; }
  #pim-datatable .tablefullwidth .gridcontainer table .p-datatable-thead th {
    padding: 8px 10px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: auto;
    padding: 5px 12px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td.p-selection-column {
    padding: 11px !important; }
  #pim-datatable .tablewidthauto .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  #pim-datatable .gridcontainer .p-datatable {
    margin-top: 0px !important;
    padding: 0px 1.25rem 1rem; }
  #pim-datatable .gridcontainer .datatable-view-paginator {
    top: -30px;
    position: relative;
    background: transparent;
    border: none; }
  #pim-datatable .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    padding-top: 0px;
    font-size: 7px; }
  #pim-datatable .p-toolbar {
    background-color: white;
    border: none;
    margin-bottom: 0px !important;
    border: 0px solid #e2e8f0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 6px 6px;
    border-top: 0px;
    margin-top: -75px;
    min-height: 70px;
    margin-right: -15px; }
  #pim-datatable .role-grid-border {
    border-radius: 4px;
    border: 1px solid #C2D5E5 !important;
    padding: 0px;
    margin: 30px 38px; }
  #pim-datatable .vertical-line-user-role {
    width: 0px;
    /* Use only border style */
    height: 100%;
    float: left;
    border: 1px inset; }
  #pim-datatable .role-create-update-view {
    background-color: #F8FCFF; }
  #pim-datatable .export-buttons .pimbtn,
  #pim-datatable .custom-button {
    background-color: #0E90ED !important;
    border-radius: 2px !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: 'chivo-bold';
    color: #FFF;
    font-weight: 400;
    text-align: center;
    margin-right: 8px !important;
    padding: 5px 10px 5px !important;
    min-width: 132px;
    height: 32px; }
  #pim-datatable .export-buttons .attr-pimbtn {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .export-buttons .attr-pimbtn :hover {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .admin-cancel-button {
    background-color: white !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: black !important;
    width: 82px;
    height: 32px; }
  #pim-datatable .admin-submit-button {
    background-color: #0E90E1 !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: #ffffff;
    width: 82px;
    height: 32px; }
  #pim-datatable .p-toolbar .pimbtn {
    background-color: #EFEFF1 !important;
    border-radius: 6px !important;
    border: none;
    color: black !important;
    font-weight: 700px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px;
    height: 54px !important; }
  #pim-datatable .p-toolbar .pimbtn:hover {
    background-color: #E0E0E0 !important;
    border-radius: 7.5px !important;
    border: none;
    color: black !important !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #0E90E1 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .attr-pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #0E90E1 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-bold';
    margin-bottom: 5px; }
  #pim-datatable .btn-active-17:active {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px;
    margin-right: 11px; }
  #pim-datatable .importHistory:active {
    margin-right: 38px !important; }
  #pim-datatable .btn-active-17:active {
    margin-bottom: 0px; }
  #pim-datatable .p-dialog .p-field > label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    margin-left: 3px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control,
  #pim-datatable .p-dialog textarea {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control {
    height: 40px;
    font-size: 12px; }
  #pim-datatable .react-select__value-container {
    height: inherit; }
  #pim-datatable .react-select__value-container .css-1wa3eu0-placeholder {
    position: static;
    transform: none; }
  #pim-datatable .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  #pim-datatable input.inputstyle::placeholder {
    color: #A0AEC0;
    opacity: 1; }
  #pim-datatable .form-control:disabled.form-control {
    background-color: #f8fcff;
    opacity: 1; }
  #pim-datatable .p-paginator {
    justify-content: end;
    margin: 0px; }
  #pim-datatable .p-component-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.2s; }
  #pim-datatable .dialogue-box-style .modal-body {
    padding: 0px 0.7rem 0.7rem; }
  #pim-datatable .modal-header {
    align-items: center; }
  #pim-datatable .smallDialog .modal-body {
    padding: 0px 1.4rem; }
  #pim-datatable .modal-lg .modal-content {
    padding: 0px 10px;
    width: 100%; }
  #pim-datatable .smallDialog .modal-footer {
    padding: 1.25rem;
    justify-content: flex-start !important; }
  #pim-datatable .userRole .modal-footer {
    padding: 0px !important; }
  #pim-datatable ::-webkit-scrollbar {
    height: 6px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 5px; }
  #pim-datatable ::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #7dc7ff; }
  #pim-datatable ::-webkit-scrollbar-track-piece {
    height: 10px;
    background: #c1e5ff; }
  #pim-datatable .loading-image {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 320px; }
  #pim-datatable .loading-image-attributes {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 175px; }
  #pim-datatable tr.p-datatable-emptymessage {
    justify-content: center; }
  #pim-datatable .p-field {
    position: relative;
    margin: 0px !important; }
  #pim-datatable .p-role-update-radius {
    border: 1px solid #C2D5E5;
    border-bottom: none; }
  #pim-datatable .searchbox-holder-17 {
    position: relative; }
    #pim-datatable .searchbox-holder-17 .options {
      position: absolute;
      top: -7px;
      width: 100%;
      left: -75px; }
  @media screen and (max-width: 1140px) {
    #pim-datatable .p-toolbar {
      margin-top: 0px;
      width: 100%; }
    #pim-datatable .p-toolbar-group-left {
      flex-wrap: wrap; } }
  #pim-datatable .optionslist {
    display: block; }
  #pim-datatable .searchbox-holder-17 .input:focus {
    background-color: none !important; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 0.55rem 1.25rem;
    height: 40px;
    display: flex !important;
    flex-direction: row !important; }
  #pim-datatable .p-button-text.custom-button.btn-yes {
    background-color: #0E90E1 !important;
    color: #ffffff !important; }
  #pim-datatable .total-records-input {
    border: 1px solid #D8D8D8;
    background-color: #FFF;
    height: 32px;
    min-width: 20px;
    max-width: 90px;
    padding: 10px;
    font-size: 12px;
    text-align: center; }
  #pim-datatable .p-column-title {
    font-size: 12px;
    font-family: 'chivo-bold';
    color: #FFF;
    margin-right: 5px; }
  #pim-datatable .manage-master-data-header {
    color: #212427;
    font-family: 'chivo-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .header-label {
    color: #000;
    font-family: 'chivo-regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .searchbox-holder-data {
    margin-right: 30px; }
  #pim-datatable .p-row-editor-init {
    display: block;
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(905d782f71c3796ac745b92bf62b5dcc.svg) !important;
    height: 18px;
    min-width: 18px;
    background: transparent;
    min-width: 55px !important;
    border-radius: 0% !important; }
  #pim-datatable .p-row-editor-init-icon {
    display: none; }
  #pim-datatable .p-sortable-column-icon {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable .p-sortable-column-icon:hover {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable th[aria-sort="ascending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    transform: rotateX(3.142rad);
    height: 16px;
    min-width: 18px; }
  #pim-datatable th[aria-sort="descending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    height: 16px;
    min-width: 18px; }
  #pim-datatable .grid-header-title {
    color: #050505;
    text-align: center;
    font-family: 'Chivo-Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .custom-button .cancel-button {
    border: 2px solid black; }

.importLastRecord-fontStyle {
  font-size: 14px;
  margin-left: 18px; }

.modal-footer .cancel-button {
  background-color: #0E90E1 !important;
  color: white !important;
  width: 50px !important;
  height: 32px !important; }

.databank-brand-grid .p-datatable .p-datatable-wrapper tr {
  display: flex;
  align-items: center; }

.databank-brand-grid #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:nth-child(7) {
  padding-left: 0.5rem !important; }

.databank-form-container .p-checkbox .p-checkbox-box.p-highlight {
  background: #6a6aef !important; }

.delete-confirm-popup .p-dialog-footer {
  display: flex;
  flex-direction: row-reverse; }

.databank-form-container .form-footer .p-button {
  background-color: #0e90ed; }

.databank-form-container .form-footer .p-button:active {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none;
  color: black !important;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: 'Chivo-regular';
  font-weight: 400;
  line-height: 10px;
  margin-right: 11px; }

.databank-brand-grid .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td:last-of-type {
  min-width: 95px; }

/**************Pimerce Blue Theme***************/

.modalDialog {
  width: 680px; }

.modaltitle-name-trend {
  flex: 0.75;
  margin-top: 1px;
  margin-left: 5px;
  font-family: Chivo-Medium;
  font-size: 14px;
  cursor: context-menu;
  z-index: 1; }

.inventbuybox-analystics-trend-card .newDashboard-infoIcon2 {
  margin-top: 23px !important; }

.headingStyle-buyboxanalystics {
  padding: 14px !important;
  text-align: center;
  width: 13em; }

.modal-image-trend-inv {
  height: 65px;
  width: 78px;
  margin-left: 36px;
  display: flex; }

.modal-imgsize-trend {
  height: 78px;
  width: 78px;
  margin-left: 75px; }

.modalContent1 {
  font-family: Chivo-Medium;
  font-size: 14px;
  margin-top: 3px;
  font-weight: 500;
  color: #000000; }

.modalContent2 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 76px;
  color: #0e90e1; }

.modalContent3 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 40px;
  color: #0e90e1; }

.modalContent4 {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 22px;
  color: #0e90e1; }

.modalCellDataStyle, .modalCellDataStyleId {
  text-align: center;
  color: #000000; }

.modalCellDataStyle1 {
  text-align: left;
  color: #000000; }

.modalSkuNameStyle {
  text-align: left;
  color: #000000; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -23px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu;
  margin-left: 7px; }

.modalHeaderSkuNameStyle {
  text-align: left; }

.donutCard {
  height: 349px;
  margin: 0px 0px 20px 0px;
  padding: 43px 0px 0px 0px;
  border-radius: 14px;
  background-color: #ffffff; }

.oval1 {
  padding: 0px 0px 0px 0px;
  text-align: center; }

.filterButton {
  float: 'right';
  display: 'flex'; }

.rowStyle1 {
  width: '100%';
  margin-top: '-60px';
  margin-left: '10px'; }

.containerStyle {
  margin-left: '-35px';
  margin-right: '-105px'; }

.notAvailabilityStyle {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.notAvailabilityStyle1 {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 600;
  font-stretch: 'normal';
  font-style: 'normal';
  line-height: 'normal';
  letter-spacing: 'normal';
  color: #000000 !important;
  text-align: center;
  cursor: pointer; }

.availabilityStyle, .availability-single-toggle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e90e1 !important;
  text-align: center;
  cursor: pointer; }

.availability-single-toggle {
  cursor: default; }

.donutLabel {
  text-align: left;
  margin: -11px 0px 32px;
  font-family: Chivo-Medium;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.dataGrid {
  width: 100%;
  height: 569px;
  padding: 30px 29px 30px 30px;
  border-radius: 14px;
  background-color: #ffffff;
  display: flex; }

.inventorySummary1 {
  display: flex;
  margin-left: -33px; }

.headBut {
  width: 100%;
  height: 40px; }

.container1 {
  width: 100%; }

.noData {
  text-align: center;
  position: initial;
  /* height: 20.8em; */
  /* padding: 100px; */
  background-color: #ffffff;
  border: none; }

.resetBut {
  width: 105px;
  height: 32px;
  color: #0e90e1;
  padding: 1px 34px 1px 35px;
  margin-right: 20px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #c2d5e5;
  background-color: #ffffff; }

.applyButton {
  background-color: #ffffff; }

.chartCard {
  height: 435px;
  margin: 0px 0px 20px 0px;
  /* padding: 22px 30px 23px 21px; */
  border-radius: 0px;
  background-color: #ffffff;
  display: flex;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.chartCard .apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  border-radius: 50%;
  display: none; }

.gridRightBorder {
  border-right: solid 3px #c2d5e5; }

.emptyTest_1 {
  border-right: solid 2px #c2d5e5 !important; }

.valueTest1 {
  border-bottom: solid 2px #c2d5e5 !important;
  text-align: left; }

.gridId, .gridRightBorder {
  padding-bottom: 27px !important; }

.gridRightBorder {
  border-right: solid 2px #c2d5e5 !important; }

.buybox-analystics-grid-style {
  margin-top: -5px;
  margin-right: -14px;
  height: fit-content;
  background-color: #ffff;
  border-radius: 14px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.reload1 {
  text-align: center;
  font-family: Chivo-Medium;
  font-size: medium; }

.reload-trend {
  height: 349px;
  margin: 0px 0px 20px 0px;
  text-align: center;
  padding: 132px;
  font-size: medium;
  font-family: Chivo-Medium;
  border-radius: 14px;
  background-color: #ffffff;
  /* display: flex; */
  border: none;
  color: #003353; }

.dayHeaderColumn {
  padding: 14px !important;
  width: 11em;
  text-align: center; }

.inv-trend-info-msg {
  position: absolute;
  left: 94.5%;
  margin-top: -36px; }

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.rotate {
  animation: rotation 2s infinite linear; }

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

.filterButtonRender1 {
  border-radius: 15px;
  border: #ffffff;
  float: right;
  margin-right: -42px; }

.chartSpinner {
  margin: 120px;
  color: #637280; }

.cellDataStyle1 {
  text-align: center;
  color: #000000; }

.commonAvailable {
  text-align: right;
  border-bottom: solid 2px #c2d5e5 !important; }

.headingStyle-pricingTrendRetailer1 {
  text-align: left;
  padding: 14px !important; }

.headingStyle-pricingTrendRetailer2 {
  text-align: left;
  padding: 14px !important;
  border-right: solid 2px #c2d5e5 !important; }

.headingStyle-totalsku {
  text-align: center;
  padding: 14px !important;
  width: 140px;
  border-right: solid 2px #c2d5e5 !important; }

.headingStyle-pricingTrendCity1 {
  text-align: center; }

.headingStyle-pricingTrendCity2 {
  text-align: center;
  border-right: solid 2px #c2d5e5 !important; }

.retailerCellStyle1 {
  text-align: left;
  cursor: context-menu;
  color: #000000; }

.retailerCellStyle2 {
  text-align: left;
  cursor: context-menu;
  border-right: solid 2px #c2d5e5 !important; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  /* overflow-y: scroll; */
  max-height: 300px;
  display: flex; }

.donutSubtitle {
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  padding-top: 6px;
  margin-bottom: -6px; }

.modalId {
  text-align: left; }

.spinnerr {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  color: #637280; }

.spinnerr > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinnerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.buybox-analystics .buybox-analystics-chart-style .chartCard {
  height: 500px; }

.buybox-analystics .card-body {
  padding: 1em; }

.buybox-analystics .gridHeaderLeftBlock {
  align-items: end; }

.buybox-analystics .applied-filter-cardBody-row {
  height: 40px;
  align-items: center; }

.buybox-analystics .cardSkuBackground {
  margin-left: 0px; }

.buybox-analystics .header-component-container .applied-filter-headerlogo {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

@media (min-width: 1200px) {
  .buybox-analystics .header-component-container .applied-filter-headerlogo {
    display: block;
    width: 15.121%;
    left: 89px; } }

.buybox-analystics .brandgrid .table-responsive {
  max-height: 397px; }

.buybox-analystics .buybox-sellername.gridContentAlign11 {
  left: -13px; }

.buybox-analystics .gridCardHeader {
  padding-top: 17px;
  padding-left: 21px;
  padding-bottom: 1px;
  padding-right: 25px; }

.buybox-analystics .gridCardBody {
  padding-left: 21px;
  padding-right: 20px; }

.buybox-analystics .gridCardHeaderTitle {
  display: flex;
  align-items: end;
  padding-bottom: 0; }

.buybox-analystics .apexcharts-tooltip-text-y-value {
  margin: 0;
  font-weight: 100;
  display: flex; }

.buybox-analystics #dataGridCardBody.table td {
  width: 17%; }

.buybox-analystics #dataGridCardBody.table td:first-of-type {
  width: 10%;
  min-width: 120px; }

.buybox-analystics .buybox-analystics th.buybox-sellername {
  padding-left: 11px !important; }

.buybox-analystics .apexcharts-legend {
  height: 50px !important;
  bottom: 20px !important;
  width: max-content;
  max-width: 100%;
  overflow: auto; }

.buybox-analystics .table-wrapper th {
  top: -1px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.content-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.content-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.content-version-two.card {
  height: 93vh;
  border: unset; }
  .content-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin: 0; }
  .content-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .content-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .content-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .content-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 0; }
  .content-version-two.card .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .content-version-two.card .logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 16px; }
  .content-version-two.card .logo-container img {
    height: 100%;
    width: 100%; }
  .content-version-two.card .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 20px 0px 16px 0; }
  .content-version-two.card .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .content-version-two.card .carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 16px; }
  .content-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .content-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .content-version-two.card .grid-container {
    height: auto;
    width: 100%; }
  .content-version-two.card .left-panel {
    width: 100%; }
  .content-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .content-version-two.card .right-panel, .content-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .content-version-two.card .right-panel {
    width: 440px;
    padding-right: 0; }
  .content-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .content-version-two.card .card-footer {
    background-color: #fff; }
  .content-version-two.card .msg-box-container .align-items-start {
    align-items: center !important; }
  .content-version-two.card .msg-box-container .flex-column {
    flex-direction: row !important; }
  .content-version-two.card .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .content-version-two.card .msg-box-container .card {
    border: none; }
  .content-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .content-version-two.card .load-no-data-container .pimerce-table-v-two-layout .clickable-grid-container {
    min-height: 67vh; }
  .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table, .content-version-two.card .p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: fixed;
    width: 87vw; }
  .content-version-two.card .content-common-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    height: 100%;
    width: 100%; }
  .content-version-two.card .action-list.sort-container {
    width: 10.5%;
    min-width: 190px; }
  .content-version-two.card .p-datatable-tbody .cell-content.p-highlight {
    background: unset !important; }

.content-error-container.api-error-card {
  min-height: 90vh; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-custom-breadcrumnb .breadcrumb-item.active {
  color: #212427cc; }

.pi-custom-breadcrumnb .breadcrumb-item a {
  color: #212427cc; }

.pi-custom-breadcrumnb .breadcrumb-item a:hover {
  color: #0E90E1;
  text-decoration: underline; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel {
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: width 0.3s ease;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.side-panel .card {
  border: unset;
  border-radius: 16px;
  background-color: #fff; }

.side-panel .side-panel-body {
  height: 100%; }

.side-panel.expanded {
  position: absolute;
  height: 100%;
  z-index: 3;
  right: 0;
  top: 0;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.side-panel .card-header {
  justify-content: space-between;
  background-color: unset;
  border-bottom: unset; }

.side-panel .card-header .titlelogo-container img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.side-panel .card-header .titlelogo-container {
  height: 40px;
  width: 100px; }

.side-panel .card-footer {
  background-color: #fff;
  align-content: center; }

.header-buttons {
  justify-content: flex-end; }

.card-header .btn-primary:hover {
  color: unset;
  background-color: unset;
  border-color: unset; }

.card .card-header .btn-primary:active {
  color: unset;
  background-color: unset;
  border-color: unset; }

.expand-button,
.close-button {
  color: #000000;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  margin-right: auto;
  background: transparent; }

.side-panel .header-content {
  display: flex;
  justify-content: space-between;
  border-bottom: unset; }

.side-panel .body-content {
  padding: 10px 18px 10px 10px;
  overflow: auto; }

.side-panel .body-content::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.side-panel .body-content::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .temp {
  height: 40px;
  background-color: #fff;
  border-color: #A7ABAF;
  color: #212427;
  border-radius: 8px; }

.side-panel .sku-info-container {
  padding-left: 10px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.progress-radius .progress-bar {
  border-radius: 1rem; }

.progress-bar-height {
  height: 8px;
  margin-top: 4px; }

.score-card-padding-right {
  padding-right: 5px; }

.score-card-title {
  font-family: Chivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #212427; }

.dimensions-value {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #212427; }

.score-card-value {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.no-result {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.no-result-message {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.accordion-container.collapse {
  width: 100%;
  border: none;
  border-bottom: 1px solid #777C82;
  border-radius: 0;
  margin-bottom: 10px;
  overflow: hidden;
  background: unset; }

.accordion-container.open {
  height: auto; }

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  background-color: unset;
  border-bottom: unset; }

.title-container {
  display: flex;
  align-items: center;
  gap: 5px; }

.accordion-container .title {
  margin-right: 2px;
  font-family: Chivo-Regular;
  font-size: 16px; }

.title-label {
  background-color: #F0C330;
  color: #685000;
  border-radius: 10px;
  font-family: Chivo-Regular;
  font-size: 16px;
  padding-inline: 4px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: fit-content;
  height: 20px; }

.toggle-arrow {
  width: 20px;
  height: 20px; }

.toggle-arrow img {
  width: 100%;
  height: 100%; }

.accordion-content {
  padding: 10px; }

.accordion-content::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.accordion-content::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.corousel-footer .p-carousel .p-carousel-content .p-carousel-prev,
.corousel-footer .p-carousel .p-carousel-content .p-carousel-next {
  width: 2rem;
  height: 2rem;
  color: #000000;
  border: 0 none;
  background: none;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0px;
  top: -4px; }

.corousel-footer .p-carousel .p-carousel-indicators {
  display: none; }

.carousel-header {
  font-size: 16px;
  font-weight: 400;
  font-family: Chivo-Bold;
  background-color: transparent;
  border: none;
  margin-left: -15px; }

.carousel-module .p-items-hidden .p-carousel-item {
  visibility: visible; }

.carousel-body img {
  height: auto;
  width: 100%;
  object-fit: contain; }

.carousel-body {
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #777c82;
  padding: 0px; }

.carousel-card .corousel-footer .carousel-view-card {
  max-width: 100%;
  height: 75%;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #777c82;
  margin: 6px;
  position: relative;
  overflow: hidden; }

.carousel-image {
  max-width: 100%;
  border-radius: 8px;
  padding: 1px;
  max-height: 100%; }

.corousel-footer {
  max-width: 100%;
  margin-top: 1px;
  background-color: transparent;
  padding: unset; }

.imageCorousal-card .p-carousel[pr_id_3] .p-carousel-item {
  flex: 0 0 18%;
  width: 69px; }

.p-link:disabled {
  display: none; }

.expose-image {
  border-radius: 8px;
  padding: 1px; }

.carousel-image:hover {
  cursor: pointer; }

.carousel-card {
  background-color: transparent;
  border: none; }

.pimerce-logo {
  width: 167px;
  margin: auto;
  padding: 36px; }

.no-data {
  border: 1px solid #a4a4a4;
  border-radius: 8px; }
  .no-data .no-data-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    font-family: Chivo-Regular; }
  .no-data .no-data-subtitle {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block;
    margin-top: -9px;
    font-family: Chivo-Regular; }

.selected-carousel-item {
  border: 2px solid #0E90E1 !important;
  max-width: 100%;
  height: 75%;
  justify-content: center;
  border-radius: 8px !important;
  margin: 6px;
  position: relative;
  overflow: hidden; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.imageCorousal-card.card {
  background-color: unset;
  border: unset;
  border-radius: unset; }

.imageCarousal-container {
  padding-bottom: 20px; }

.imageCorousal-card {
  width: 100%;
  gap: 8px; }

.msg-card-one {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }

.msg-card-one.card {
  background-color: unset;
  border: unset;
  border-radius: unset; }

.msg-card-one.card-body {
  background-color: unset;
  padding: unset; }

.msg-card-one .btn-primary {
  color: unset;
  border-color: transparent;
  background-color: transparent;
  border: transparent; }

.msg-container .msg-card-one .btn-primary:active {
  color: unset;
  background-color: unset;
  border-color: unset;
  border: transparent; }

.msg-body {
  padding-left: unset;
  padding-right: unset; }

.msg-title {
  font-family: Chivo-Bold;
  font-weight: 500;
  font-size: 13px; }

.msg-card-one .msg-content {
  width: 100%;
  font-family: Chivo-Regular;
  font-weight: 400;
  font-size: 12px;
  padding-left: 17px;
  padding-top: 5px;
  overflow: auto; }

.msg-card-one .card-body {
  max-height: 210px;
  overflow-y: auto; }

.msg-card-one .card-body::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.msg-card-one .card-body::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.msg-content li {
  line-height: unset; }

.msg-card-one ul {
  padding-left: 5px; }

.msg-card-one li {
  line-height: unset; }

.msg-card-one .card-title {
  padding: unset; }

.msg-card-one .card-body {
  padding: unset; }

.accordion-container .card {
  background-color: unset;
  border: unset;
  border-radius: unset; }

.msg-container {
  margin-top: 30px;
  overflow: hidden; }

.wrapper .main_container .msg-content {
  line-height: 1.1; }

.msg-card-two {
  display: flex; }

.msg-card-two ul {
  padding-left: 22px; }

.msg-card-two li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-y: clip; }

.msg-card-two .msg-content {
  width: 120px;
  height: 14px;
  font-family: Chivo-Regular;
  font-weight: 400;
  font-size: 12px; }

.msg-card-two .subscribe-btn {
  width: auto;
  border-radius: 14px; }

.msg-card-two .btn-primary {
  background-color: #0E90E1;
  height: 30;
  border-radius: 8px;
  gap: 4;
  font-family: Chivo-Regular;
  font-weight: 400;
  font-size: 12px;
  align-items: center; }

.msg-container .msg-card-two .btn-primary:active {
  background-color: #0E90E1;
  border-color: #0E90E1; }

.msgbox-card {
  padding-bottom: 16px; }

.side-panel .imageCarousal-container .imageCorousal-card .carousel-body img {
  width: 350px;
  height: 350px; }

.side-panel.expanded .imageCarousal-container .imageCorousal-card .carousel-body img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.tile-carousel-container {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  position: relative; }
  .tile-carousel-container .tile-card-container {
    width: 100%;
    overflow: hidden; }
  .tile-carousel-container .carousel-container {
    display: flex;
    width: max-content;
    overflow: auto;
    scroll-behavior: smooth;
    padding: 2px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px; }
    .tile-carousel-container .carousel-container .tile-carousel-card {
      display: flex;
      border-radius: 10px;
      margin-left: 16px;
      box-shadow: 0px 0px 10px 0px rgba(33, 36, 39, 0.1); }
      .tile-carousel-container .carousel-container .tile-carousel-card:not(:first-child) {
        margin-left: 16px; }
      .tile-carousel-container .carousel-container .tile-carousel-card:first-child {
        margin-left: 0; }
    .tile-carousel-container .carousel-container .tile-carousel-card.hovertile:hover {
      background: #dbdcdc;
      cursor: pointer; }
    .tile-carousel-container .carousel-container .tile-carousel-card.selected {
      border: 1px solid #0E90E1; }
  .tile-carousel-container .prev-btn,
  .tile-carousel-container .next-btn {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .tile-carousel-container .next-btn {
    justify-content: end;
    padding-right: 20px;
    width: 180px;
    background: linear-gradient(270deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .prev-btn {
    justify-content: start;
    padding-left: 20px;
    width: 180px;
    background: linear-gradient(90deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .tile-item {
    display: flex;
    align-items: center;
    width: 100%; }
    .tile-carousel-container .tile-item .tile-header {
      padding: unset;
      background-color: unset;
      border-bottom: unset;
      width: calc(100% - 109px);
      height: 80px;
      line-height: 16.66px;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      margin-left: 16px;
      margin-top: 16px; }
    .tile-carousel-container .tile-item .tile-body {
      flex: unset;
      padding: unset;
      margin: 0 13px;
      width: 78px; }
    .tile-carousel-container .tile-item .title {
      font-size: 14px;
      font-family: Chivo-Bold;
      margin-bottom: 5px;
      width: 100px; }
    .tile-carousel-container .tile-item .subtitle-msg {
      font-size: 12px;
      font-family: Chivo-Regular;
      line-height: 14.28px;
      width: 100%; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.report-center-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.report-center-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.report-center-version-two.card {
  border: unset;
  height: 92vh; }
  .report-center-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin: 0; }
  .report-center-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .report-center-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .report-center-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .report-center-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 2%; }
  .report-center-version-two.card .panel-main-container {
    height: 95%;
    position: relative; }
  .report-center-version-two.card .card-footer {
    background-color: #fff; }
  .report-center-version-two.card .grid-container {
    height: auto;
    width: 100%; }
  .report-center-version-two.card .msg-box-container {
    height: 56px;
    width: 100%;
    margin: 11px 0px 8px 0; }
  .report-center-version-two.card .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .report-center-version-two.card .msg-box-container .align-items-start {
    align-items: center !important; }
  .report-center-version-two.card .msg-box-container .flex-column {
    flex-direction: row !important; }
  .report-center-version-two.card .msg-box-container .card {
    border: none; }
  .report-center-version-two.card .chart .tile-body {
    margin-right: 10px; }

.breadcrumb-span:hover {
  cursor: pointer;
  text-decoration: underline; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #0e90e1;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #0e90e1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #0e90e1; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #0e90e1; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #0E90E1;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #0e90e1;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #0e90e1;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0e90e1;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #0e90e1; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #0E90E1;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #0e90e1;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #0e90e1;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #0e90e1; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #0e90e1; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #0E90E1;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #0E90E1; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #0E90E1;
  background: #0E90E1; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #0E90E1 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #0E90E1 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #0E90E1; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 145px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #0E90E1 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #0E90E1 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

.inventory-grid-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.inventory-grid-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.inventory-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.inventory-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.inventory-grid-version-two.card {
  height: 92vh;
  border: unset; }
  .inventory-grid-version-two.card .inventory-landingpage-tile-title {
    font-size: 14px;
    font-family: Chivo;
    margin-bottom: 5px;
    margin-left: 13px;
    font-weight: 700; }
  .inventory-grid-version-two.card .inventory-landingpage-tile-subtitle {
    font-size: 12px;
    font-family: Chivo;
    width: 81%;
    height: auto;
    margin-left: 13px;
    line-height: 16px; }
  .inventory-grid-version-two.card .pimerce-table-v-two-layout {
    margin-left: -4px; }
  .inventory-grid-version-two.card .btn-container {
    margin-right: 20px; }
  .inventory-grid-version-two.card .p-datatable-tbody .retailer-cell-content.p-frozen-column {
    text-align: left;
    left: 0px;
    display: flex;
    align-items: center; }
  .inventory-grid-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin-left: 2.2%;
    margin-top: 10px; }
  .inventory-grid-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .inventory-grid-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .inventory-grid-version-two.card .common-card-header {
    height: 7%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 19px; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .p-carousel-content {
    flex-direction: unset; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .p-carousel-container {
    width: 100%; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .p-carousel .p-carousel-items-container .p-carousel-item {
    flex: 0 0 0vw;
    gap: 16px;
    margin-left: 0px;
    margin-top: 1px; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .chart .title {
    position: relative;
    top: 7px;
    left: 17px;
    margin-left: -5px; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .chart .subtitle-msg {
    margin-top: 11px;
    width: 86%;
    margin-left: 11px; }
  .inventory-grid-version-two.card #inventory-landingpage-tilecarosel-containers .chart {
    width: 84%;
    height: 114px; }
  .inventory-grid-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    overflow: overlay; }
  .inventory-grid-version-two.card .panel-main-container {
    height: 95%;
    position: relative; }
  .inventory-grid-version-two.card .logo-container {
    height: auto;
    width: 100%; }
  .inventory-grid-version-two.card .landingpage-msg-box-container {
    margin-left: -5px !important;
    margin-top: -30px;
    margin: 13px 0px 16px 0;
    border: none; }
  .inventory-grid-version-two.card #gridtable .inventory-msg-box-container {
    margin-left: -5px !important;
    border: none;
    height: 100%; }
  .inventory-grid-version-two.card .landingpage-msg-box-container .p-inline-message {
    text-align: left;
    justify-content: left;
    align-items: normal;
    height: 5.2rem;
    border-radius: 8px; }
  .inventory-grid-version-two.card .inventory-landingpage-carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 16px;
    margin-top: 10px; }
  .inventory-grid-version-two.card .inventory-grid {
    margin-left: 5px; }
  .inventory-grid-version-two.card .inventory-landingpage-tile-header {
    padding: 16px 10px 15px 10px;
    background-color: unset;
    border-bottom: unset;
    width: 185px; }
  .inventory-grid-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .inventory-grid-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .inventory-grid-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .inventory-grid-version-two.card .p-carousel .p-carousel-items-container .p-carousel-item {
    flex: 1 0 20.5vw; }
  .inventory-grid-version-two.card .grid-container {
    height: auto;
    width: 96.5%; }
  .inventory-grid-version-two.card .left-panel {
    width: 100%; }
  .inventory-grid-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .inventory-grid-version-two.card .right-panel,
  .inventory-grid-version-two.card .left-panel {
    height: 100%;
    position: unset;
    padding: 0.15rem 0.85rem;
    margin-top: -5.5px; }
  .inventory-grid-version-two.card .right-panel {
    width: 430px;
    padding-right: 0; }
  .inventory-grid-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .inventory-grid-version-two.card .card-footer {
    background-color: #fff; }
  .inventory-grid-version-two.card #tablepage.msg-box-container {
    margin-top: 16px;
    margin-bottom: 16px; }
    .inventory-grid-version-two.card #tablepage.msg-box-container .align-items-start {
      align-items: normal !important;
      margin-left: 4px;
      margin-top: 4px; }
    .inventory-grid-version-two.card #tablepage.msg-box-container .flex-column {
      flex-direction: column !important; }
    .inventory-grid-version-two.card #tablepage.msg-box-container .alert-box-title-link {
      margin-left: 0px; }
    .inventory-grid-version-two.card #tablepage.msg-box-container .card {
      border: none; }
  .inventory-grid-version-two.card #gridpage.msg-box-container .align-items-start {
    align-items: center !important; }
  .inventory-grid-version-two.card #gridpage.msg-box-container .flex-column {
    flex-direction: row !important; }
  .inventory-grid-version-two.card #gridpage.msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .inventory-grid-version-two.card #gridpage.msg-box-container .card {
    border: none;
    height: 56px; }

.inventory-version-two.card {
  height: 93vh;
  border: unset; }
  .inventory-version-two.card .p-highlight {
    color: #FFF !important;
    background: #C2D5E5 !important; }
  .inventory-version-two.card .inventory-tile-title {
    font-size: 14px;
    font-family: Chivo;
    margin-bottom: 5px;
    margin-left: 13px;
    font-weight: 700; }
  .inventory-version-two.card .inventory-tile-subtitle {
    font-size: 12px;
    font-family: Chivo;
    width: 81%;
    height: auto;
    margin-left: 13px;
    line-height: 16px; }
  .inventory-version-two.card .drop-panel.p-dropdown-panel .panel-padding {
    margin-left: 8px;
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal;
    font-weight: 400; }
  .inventory-version-two.card .panel-main-container.row {
    left: 20px; }
  .inventory-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .inventory-version-two.card .pimerce-table-v-two-layout {
    margin-left: 1px; }
  .inventory-version-two.card .btn-container {
    margin-right: 20px; }
  .inventory-version-two.card .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: 33px;
    padding: auto; }
  .inventory-version-two.card .inventory-grid-composer {
    margin-top: 16px; }
  .inventory-version-two.card .inventory-composer-skuname .p-column-header-content {
    padding-left: 0px !important; }
  .inventory-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin-left: -1px;
    margin-top: 10px; }
  .inventory-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .inventory-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .inventory-version-two.card .common-card-header {
    height: 7%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 19px; }
  .inventory-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0; }
  .inventory-version-two.card .panel-main-container {
    height: 95%;
    position: relative; }
  .inventory-version-two.card .logo-container {
    height: auto;
    width: 100%; }
  .inventory-version-two.card .landingpage-msg-box-container {
    margin-left: -5px !important;
    margin-top: -30px;
    margin: 13px 0px 16px 0;
    border: none; }
  .inventory-version-two.card #gridtable .inventory-msg-box-container {
    margin-left: -5px !important;
    border: none;
    height: 100%; }
  .inventory-version-two.card .landingpage-msg-box-container .p-inline-message {
    text-align: left;
    justify-content: left;
    align-items: normal;
    height: 5.2rem;
    border-radius: 8px; }
  .inventory-version-two.card .p-tabview .p-tabview-nav {
    border: none;
    margin-top: 13px; }
  .inventory-version-two.card .inventory-landingpage-carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 16px;
    margin-top: 10px; }
  .inventory-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .inventory-version-two.card #inventory-tilecarosel-containers .p-carousel-content {
    flex-direction: unset; }
  .inventory-version-two.card #inventory-tilecarosel-containers .p-carousel-container {
    width: 100%; }
  .inventory-version-two.card #inventory-tilecarosel-containers .p-carousel .p-carousel-items-container .p-carousel-item {
    flex: 0 0 0vw;
    gap: 16px;
    margin-left: 10px;
    margin-top: 16px;
    margin-right: -35px; }
  .inventory-version-two.card #inventory-tilecarosel-containers .p-carousel-item {
    margin-left: -25px; }
  .inventory-version-two.card #inventory-tilecarosel-containers .chart .title {
    position: relative;
    top: 7px;
    left: -2px;
    width: 95px; }
  .inventory-version-two.card #inventory-tilecarosel-containers .chart .subtitle-msg {
    margin-top: 10px;
    width: 100%;
    margin-left: 11px; }
  .inventory-version-two.card #inventory-tilecarosel-containers .tile-number {
    top: 48px;
    position: relative;
    font-weight: 600;
    font-size: 24px;
    left: -20px; }
  .inventory-version-two.card #inventory-tilecarosel-containers .chart {
    width: 84%;
    height: 113.5px;
    margin-left: -10px; }
  .inventory-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .inventory-version-two.card .inventory-tile-header {
    padding: 16px 10px 15px 10px;
    background-color: unset;
    border-bottom: unset;
    width: 185px; }
  .inventory-version-two.card .inventory-tabview .p-tabview .p-tabview-nav {
    border: none; }
  .inventory-version-two.card .p-carousel-items-container .p-carousel-item-active.p-carousel-item-start .inventory-tile-title.card-title.h5 {
    margin-top: 25px;
    width: 95px;
    font-family: Chivo;
    font-weight: 700; }
  .inventory-version-two.card .grid-container {
    height: auto;
    width: 96.5%; }
  .inventory-version-two.card .left-panel {
    width: 100%; }
  .inventory-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .inventory-version-two.card .right-panel,
  .inventory-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: relative;
    right: 20px;
    padding: 0.15rem 0.85rem; }
  .inventory-version-two.card .right-panel {
    width: 407px;
    padding-right: 0;
    margin-left: 20px; }
  .inventory-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .inventory-version-two.card .card-footer {
    background-color: #fff; }
  .inventory-version-two.card #tablepage.msg-box-container .align-items-start {
    align-items: normal !important;
    margin-left: 4px;
    margin-top: 4px; }
  .inventory-version-two.card #tablepage.msg-box-container .flex-column {
    flex-direction: column !important; }
  .inventory-version-two.card #tablepage.msg-box-container .alert-box-title-link {
    margin-left: 0px; }
  .inventory-version-two.card #tablepage.msg-box-container .card {
    border: none;
    height: 72px; }
  .inventory-version-two.card .verticalLine {
    border: none; }
  .inventory-version-two.card #gridpage.msg-box-container .align-items-start {
    align-items: center !important; }
  .inventory-version-two.card #gridpage.msg-box-container .flex-column {
    flex-direction: row !important; }
  .inventory-version-two.card #gridpage.msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .inventory-version-two.card #gridpage.msg-box-container .card {
    border: none;
    height: 56px; }

.inventory-graph-geomap-container {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

#inventory.common-card-header .common-header-component .page-title {
  margin-left: -2px; }

#inventory-logo.logo-container {
  height: 40px;
  width: 100px;
  margin-bottom: 15px; }

.inventory-graph-geomap-container .graphComponentTitle {
  font-family: 'Chivo-Regular'; }

#inventory-logo.logo-container img {
  aspect-ratio: 3/2;
  object-fit: contain;
  width: 100px;
  bottom: 10px;
  position: relative; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.chart {
  display: inline-flex;
  border-radius: 10px;
  width: 90%;
  height: 100%;
  box-shadow: 0px 0px 4px 0px #0000001A; }
  .chart .title {
    font-size: 14px;
    font-family: Chivo-Bold;
    margin-bottom: 5px;
    margin-left: 13px;
    font-weight: 700; }
  .chart .apexcharts-canvas {
    margin-left: auto; }
  .chart .apexcharts-text.apexcharts-datalabel-value {
    font-family: Chivo-Bold !important; }
  .chart .tile-header {
    padding: unset;
    background-color: unset;
    border-bottom: unset;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .chart .tile-body {
    padding: unset;
    flex: unset;
    margin: auto; }
  .chart .tile-footer {
    padding: unset;
    background-color: unset;
    border-top: unset; }
  .chart .subtitle-msg {
    font-size: 12px;
    font-family: Chivo-Regular;
    width: 81%;
    height: auto;
    margin-left: 13px;
    line-height: 16px; }
  .chart .tile-item {
    display: flex;
    height: 100%; }

.chart.clickable-tile:hover {
  background: #DBDCDC;
  cursor: pointer; }

.selected-card {
  border: 1px solid #0E90E1; }

.tile-carousel {
  width: 100%; }
  .tile-carousel .p-carousel .p-carousel-indicators {
    display: none; }
  .tile-carousel .p-carousel .p-carousel-content .p-carousel-prev,
  .tile-carousel .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #000000;
    border: 0 none;
    background: none;
    border-radius: 50%; }
  .tile-carousel .p-items-hidden .p-carousel-item {
    visibility: visible; }
  .tile-carousel .p-carousel .p-carousel-item {
    min-width: 260px; }
  .tile-carousel .p-carousel[pr_id_1] .p-carousel-item {
    flex: 1 0 20%; }
  .tile-carousel .p-carousel-items-container {
    display: flex;
    justify-content: start;
    flex-direction: row; }
  .tile-carousel .p-carousel-items-content {
    width: 100%; }
  .tile-carousel .p-carousel[pr_id_3] .p-carousel-item {
    width: unset; }

.tile-number {
  top: 45px;
  position: relative;
  font-weight: 600;
  font-size: 24px;
  right: 8px; }

#redirect-mail-box a:hover {
  color: #007bff;
  text-decoration: underline; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.inventory-side-panel-container {
  display: flex;
  flex-direction: column; }
  .inventory-side-panel-container .sku-info-container {
    padding-left: 5px; }
  .inventory-side-panel-container .sku-info-container .sap-code {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo;
    color: #60666B;
    margin-top: -5px; }

.side-panel.expanded .inventory-side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.inventory-side-panel-container .pip-Accordion-container {
  padding-left: 4px;
  padding-top: 15px; }

.Pip-Container-one {
  width: 376px; }

.Pip-Container-two {
  width: 376px; }

.inventory-side-panel-container .sku-title-availability {
  display: flex;
  align-items: baseline;
  margin-top: 2px;
  margin-left: -15px; }

.inventory-side-panel-container .sku-title-availability .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo;
  color: #212427; }

.inventory-side-panel-container .sku-title-availability .instock-outstock {
  border-radius: 8px;
  display: flex;
  justify-content: center; }

.inventory-side-panel-container .sku-title-availability .instock-outstock {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-color: #212427;
  margin-right: 20px; }

.inventory-side-panel-container .sku-date-info {
  display: flex;
  height: auto;
  align-items: center; }

.inventory-side-panel-container .sku-date-info .sku-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo;
  color: #60666B; }

.inventory-side-panel-container .sku-date-info .sku-link {
  padding-left: 30px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center;
  margin-left: -63px; }

.inventory-side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427;
  margin-left: -13px; }

.inventory-side-panel-container #pip-tilecarosel-containers .p-carousel-content {
  flex-direction: unset; }

.inventory-side-panel-container #pip-tilecarosel-containers .p-carousel-container {
  width: 100%; }

.inventory-side-panel-container #pip-tilecarosel-containers .chart .tile-item {
  display: flex;
  height: 100%;
  border-radius: 15px;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); }

.inventory-side-panel-container #pip-tilecarosel-containers .p-carousel .p-carousel-items-container .p-carousel-item {
  flex: 0 0 0vw;
  margin-left: 10px;
  margin-top: 16px;
  left: 8px;
  position: relative; }

.inventory-side-panel-container #pip-tilecarosel-containers .p-carousel-item {
  margin-left: -25px; }

.inventory-side-panel-container #pip-tilecarosel-containers .chart .title {
  position: relative;
  top: 7px;
  left: -2px;
  width: 100%; }

.inventory-side-panel-container #pip-tilecarosel-containers .chart .subtitle-msg {
  margin-top: 9px;
  width: 80%;
  margin-left: 11px; }

.inventory-side-panel-container #pip-tilecarosel-containers .chart .tile-body {
  margin-right: 28px; }

.inventory-side-panel-container #pip-tilecarosel-containers .chart {
  width: 335px;
  bottom: 2px;
  height: 112px;
  margin-left: -12px; }

.inventory-side-panel-container .carousal-container .tile {
  height: 112px;
  width: 216px;
  border: 1px solid #aaaaaa;
  margin: 0px 5px;
  display: inline-block; }

.inventory-side-panel-container .inventory-pip-tile-header {
  padding: 16px 10px 15px 10px;
  font-family: Chivo;
  background-color: unset;
  border-bottom: unset;
  width: 185px;
  margin-top: -5px; }

.inventory-side-panel-container .inventory-pip-title {
  font-family: Chivo;
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px;
  margin-left: 12px; }

.inventory-side-panel-container .inventory-pip-subtitle {
  font-family: Chivo;
  font-weight: 400;
  font-size: 12px;
  margin-left: 13px;
  line-height: 16px;
  margin-top: -8px; }

.inventory-side-panel-container .key-Insights-container {
  padding-top: 10px; }

.inventory-side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.inventory-side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.inventory-side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.inventory-side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.inventory-side-panel-container .overall-nodata {
  background: 1px solid black; }

.inventory-cityName {
  margin-left: 18%;
  font-family: Chivo;
  font-size: 12px; }

.inventory-locationName {
  margin-left: 9.5%;
  font-family: Chivo;
  font-size: 12px; }

.inventory-storeName {
  margin-left: 15%;
  font-family: Chivo;
  font-size: 12px; }

.inventory-sku-cps {
  margin-top: 16px;
  font-family: Chivo; }

.sku-city {
  margin-top: 16px; }

.sku-location {
  margin-top: 8px; }

.sku-store {
  margin-top: 8px; }

.inv-side-panel-body .card {
  overflow: hidden; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.search-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.search-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.search-version-two.card {
  border: unset;
  height: 92vh; }
  .search-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset; }
  .search-version-two.card .card-body.main-panel {
    height: 92%;
    overflow: overlay; }
  .search-version-two.card .pimerce-date-picker-component {
    margin-left: -85px; }
  .search-version-two.card .common-card-header {
    margin-bottom: -12px;
    margin-top: 8px; }
  .search-version-two.card .justify-content-start {
    height: 82px; }
  .search-version-two.card .tile-carousel .p-carousel-items-container {
    margin-top: 16px;
    height: 112px;
    width: 216px; }
  .search-version-two.card .pimerce-table-v-two-layout {
    margin-top: 10px; }
  .search-version-two.card .common-header-component .icon-container {
    border-left: 1px solid #DADBDC; }
  .search-version-two.card .pimerce-table-v-two-layout .card-header {
    padding: 20px 20px;
    height: 60px; }
  .search-version-two.card .alert-box-title {
    margin-bottom: 4px; }
  .search-version-two.card .clickable-grid-container {
    padding-top: 18px; }
  .search-version-two.card .pimerce-table-v-two-layout .clickable-grid-container {
    min-height: 28vh; }
  .search-version-two.card .flex-column {
    display: flex; }
  .search-version-two.card .carousal-container {
    box-shadow: 4px, 4px, 4px, 4px; }
  .search-version-two.card .card-container-v-two .action-container {
    margin-top: 6px; }
  .search-version-two.card .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
    color: #212427; }
  .search-version-two.card .dock-style {
    padding-left: 40px;
    padding-top: 20px;
    margin-bottom: 15px;
    cursor: pointer; }
  .search-version-two.card .msg-box-search .card {
    border: hidden; }
  .search-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .search-version-two.card .chart .title {
    color: #212427;
    font-family: 'Chivo-Medium'; }
  .search-version-two.card .chart .subtitle-msg {
    color: #212427; }
  .search-version-two.card .p-carousel-item-active {
    margin-right: -10px; }
  .search-version-two.card .data-table-version-two .p-column-header-content {
    padding: unset; }
  .search-version-two.card .tile-carousel-container .carousel-container {
    padding-top: 16px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.search-retailer-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.search-retailer-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.search-retailer-version-two {
  height: 900px;
  border: unset; }
  .search-retailer-version-two .main-panel {
    height: 96%;
    padding-bottom: 0; }
  .search-retailer-version-two .tile-carousel-container .carousel-container {
    padding-top: 16px;
    padding-bottom: 16px; }
  .search-retailer-version-two .card-header {
    background-color: unset;
    border-bottom: unset;
    margin-top: 8px; }
  .search-retailer-version-two .msg-box-container {
    margin-bottom: 16px;
    margin-top: 16px; }
    .search-retailer-version-two .msg-box-container .card {
      border: hidden; }
  .search-retailer-version-two .tab-view-data {
    margin-top: -3px;
    font-family: 'Chivo-Bold'; }
  .search-retailer-version-two .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .search-retailer-version-two .p-tabview-panels {
    padding: 0px; }
  .search-retailer-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    box-shadow: unset; }
  .search-retailer-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-radius: unset; }
  .search-retailer-version-two .p-tabview-nav li {
    border: unset; }
  .search-retailer-version-two .p-tabview-title {
    font-size: 12px !important; }
  .search-retailer-version-two .p-tabview-selected .p-tabview-title {
    color: #0e90e1 !important; }
  .search-retailer-version-two .side-panel .card-header .titlelogo-container {
    width: 100px; }
  .search-retailer-version-two .product-info-img {
    width: 50px;
    height: 50px; }
  .search-retailer-version-two .product-img-tag {
    width: 50px; }
  .search-retailer-version-two .p-tabview .p-tabview-nav {
    border-width: 0 0 0 0; }
  .search-retailer-version-two .retailer-header-logo {
    width: 100px;
    height: 40px; }
  .search-retailer-version-two .flex-column {
    display: flex; }
  .search-retailer-version-two .product-info {
    border: 1px solid #DADBDC;
    gap: 7px;
    padding: 8px 16px 8px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    justify-content: space-around; }
  .search-retailer-version-two .product-info-headers {
    margin-left: 17px;
    position: relative;
    font-size: 14px;
    line-height: 46px;
    top: -11px; }
  .search-retailer-version-two .product-info-toggle {
    margin-top: -10px;
    margin-left: 9.5px;
    position: relative; }
  .search-retailer-version-two .available {
    color: #60666B !important;
    line-height: 14.28px;
    font-size: 12px; }
  .search-retailer-version-two .search-pip-toggle {
    top: -26px;
    height: 23px;
    display: flex; }
  .search-retailer-version-two .notAvailable {
    font-size: 12px;
    color: #28292a !important;
    font-family: 'Chivo';
    text-decoration: underline;
    font-weight: 500; }
  .search-retailer-version-two .dock-style {
    padding-left: 40px;
    padding-top: 20px;
    margin-bottom: 15px;
    cursor: pointer; }
  .search-retailer-version-two .sidepanel-retailer-name {
    margin-left: 16px;
    font-family: "Chivo";
    font-size: 17px; }
  .search-retailer-version-two .product-info-toggle {
    margin-top: 8px;
    margin-left: 16px; }
  .search-retailer-version-two .breadcrum-container {
    margin-top: -20px; }
  .search-retailer-version-two .breadcrum-col-container {
    right: 12px; }
  .search-retailer-version-two .p-inline-message.p-inline-message-info {
    height: 82px; }
  .search-retailer-version-two .grid-img-style {
    width: 50px;
    height: 50px; }
  .search-retailer-version-two .product-info-tag {
    width: 46px;
    background-color: #F0C330;
    border-radius: 8px;
    height: 17px;
    padding: 4px;
    text-align: center;
    font-size: 10px;
    position: relative; }
  .search-retailer-version-two .paid-tag {
    position: relative;
    top: -6px; }
  .search-retailer-version-two .product-position-tag {
    width: 20px;
    height: 20px;
    position: relative;
    top: -44px;
    left: 198px;
    background-color: #F3F3F3; }
  .search-retailer-version-two .paid-tag {
    text-align: center; }
  .search-retailer-version-two .product-info-title {
    width: 200px; }
  .search-retailer-version-two .position-tag {
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #F3F3F3;
    border-radius: 4px; }
  .search-retailer-version-two .product-title {
    width: 1000px; }
  .search-retailer-version-two .product-title-sapcode {
    font-family: 'Chivo-Bold'; }
  .search-retailer-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #0E90E1;
    top: 41px; }
  .search-retailer-version-two .searchV2-graph-container {
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 1px; }
  .search-retailer-version-two .left-panel {
    width: 100%; }
  .search-retailer-version-two .left-panel.open-panel {
    width: calc(100% - 415px); }
  .search-retailer-version-two .right-panel,
  .search-retailer-version-two .left-panel {
    height: 100%;
    overflow-x: hidden;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .search-retailer-version-two .right-panel {
    width: 415px;
    padding-right: 0;
    overflow-x: hidden; }
  .search-retailer-version-two .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .search-retailer-version-two .tile-carousel .p-carousel-items-container {
    height: 112px;
    width: 216px; }
  .search-retailer-version-two .chart .tile-body {
    margin-right: 10px; }
  .search-retailer-version-two .alert-box-title {
    color: #212427; }
  .search-retailer-version-two .search-icon-left {
    right: -8px; }
  .search-retailer-version-two .p-carousel-item-active {
    margin-right: -10px; }
  .search-retailer-version-two .pi-custom-breadcrumnb .breadcrumb-item a {
    text-decoration: underline; }
  .search-retailer-version-two .msg-box-search .card {
    border: hidden; }
  .search-retailer-version-two .retailer-logo-container img {
    height: 40px;
    width: 100px;
    margin-bottom: 16px;
    object-fit: cover;
    margin-top: 10px; }
  .search-retailer-version-two .retailer-image img {
    width: 100px;
    height: 40px;
    object-fit: cover; }
  .search-retailer-version-two .side-panel .body-content {
    position: relative;
    top: -28px;
    left: 8px; }
  .search-retailer-version-two .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight),
  .search-retailer-version-two .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr:has(td.p-highlight) {
    border: unset; }
  .search-retailer-version-two .reload-style {
    text-align: center;
    display: flex;
    width: 7%;
    height: 10%;
    min-height: inherit;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    margin-top: 50px; }
  .search-retailer-version-two .reload-style .reload-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .search-retailer-version-two .reload-style .reload-msg .card-img {
    width: unset; }
  .search-retailer-version-two .reload-style .reload-loading-spinner {
    width: unset; }
  .search-retailer-version-two #search-close-btn-style {
    float: right; }

.search-na-logic-style {
  font-size: 23px;
  height: 2em;
  position: relative;
  top: 10px;
  width: 12em;
  font-family: Helvetica, Arial, sans-serif;
  margin-left: 23px; }

.product-pip-target-grid {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  margin-bottom: 20px; }

.product-pip-recommended-grid {
  border: 1px solid #A7ABAF;
  border-radius: 8px; }

.sidepanel-sapcode {
  margin-left: 16px;
  font-family: "Chivo";
  color: #60666B !important;
  line-height: 13px;
  font-size: 12px;
  margin-bottom: 20px; }

.product-level-pip {
  margin-left: -4px;
  margin-top: 10px; }
  .product-level-pip .data-table-version-two .p-datatable .p-datatable-thead > tr > th {
    padding: 0; }

.product-pip-target-grid {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  margin-top: 2px;
  margin-bottom: 20px;
  min-width: 340px; }

.product-pip-target-grid .pimerce-table-v-two-layout .clickable-grid-container {
  padding-top: 0;
  padding-bottom: 0;
  min-width: 450px; }

.product-pip-target-grid .pimerce-table-v-two-layout .card-header {
  min-width: unset; }

.product-pip-target-grid .data-table-version-two {
  width: 100%;
  overflow-x: hidden;
  min-height: auto;
  max-height: 500px; }

.product-pip-recommended-grid .card-container-v-two .title-container {
  display: flex;
  align-items: start;
  justify-content: center;
  justify-items: center;
  flex-direction: column;
  padding: 0;
  min-width: 20%;
  width: 217px; }

.product-pip-recommended-grid .pimerce-table-v-two-layout .clickable-grid-container {
  padding-top: 0;
  padding-bottom: 0;
  min-width: 345px; }

.product-pip-recommended-grid {
  border: 1px solid #A7ABAF;
  border-radius: 8px; }

.product-pip-recommended-grid .data-table-version-two {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  min-height: auto;
  max-height: 438px; }

.product-pip-recommended-grid .pimerce-table-v-two-layout .card-header {
  min-width: unset; }

.product-pip-container {
  margin-bottom: 10px; }
  .product-pip-container .tile-carousel-container .carousel-container {
    padding-top: 5px;
    padding-bottom: 5px; }

.product-pip-container .tile-carousel-container .tile-item .title {
  font-size: 14px;
  font-family: Chivo-Bold;
  margin-bottom: 5px;
  width: 200px; }

.product-pip-container .tile-carousel-container .tile-item .tile-header {
  justify-content: center;
  align-items: center; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .sku-info-container {
  padding-left: 0px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

.pricing-side-panel-grid-container {
  width: 100% !important; }

.pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
  width: 100% !important; }

.logo-size {
  height: 24px;
  width: 24px; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

.pricing-trent .chartCardInv {
  margin: 0px;
  box-shadow: none; }

.promotion-grid {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  color: #0E90E1;
  padding: 0 1rem; }

.search-retailer-version-two .side-panel .search-product .body-content {
  left: 0px; }

.side-panel-tile .tile-carousel .p-carousel .p-carousel-item {
  min-width: 335px; }

.search-side-grid .pimerce-table-v-two-layout .clickable-grid-container {
  min-width: 334px; }

.search-side-grid table.p-datatable-table {
  width: 100% !important; }

.search-side-grid .pimerce-table-v-two-layout .card-header {
  min-width: 340px; }

.table-header-hide .data-table-version-two .p-datatable .p-datatable-thead > tr > th {
  display: none; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.banner-container {
  display: flex;
  gap: 10px;
  align-items: center; }
  .banner-container .banner-Type {
    font-weight: 400;
    font-family: Chivo;
    font-size: 12px;
    line-height: 14.28px;
    align-items: center;
    border-radius: 8px; }
  .banner-container .banner-text {
    display: inline-block;
    padding: 4px 10px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sov-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sov-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.sov-version-two {
  height: 93vh;
  border: unset; }
  .sov-version-two .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .sov-version-two .logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 16px; }
  .sov-version-two .logo-container img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .sov-version-two .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 20px 0px 16px 0; }
  .sov-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .sov-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .sov-version-two .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .sov-version-two .msg-box-container .card {
    border: none; }
  .sov-version-two .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 0; }
  .sov-version-two .grid-container {
    height: auto;
    width: 100%;
    margin-bottom: 16px; }
  .sov-version-two .left-panel {
    width: 100%; }
  .sov-version-two .left-panel.open-panel {
    width: calc(100% - 440px); }
  .sov-version-two .right-panel,
  .sov-version-two .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .sov-version-two .right-panel {
    width: 440px;
    padding-right: 0; }
  .sov-version-two .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .sov-version-two .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .sov-version-two .gridImageContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    .sov-version-two .gridImageContainer .snapshotgridImage img {
      width: 100%;
      height: 70px;
      cursor: pointer; }
  .sov-version-two .logoReload-container .reload-card-container {
    align-items: flex-start; }
  .sov-version-two .grid-container .pimerce-table-v-two-layout .clickable-grid-container.no-data-content {
    min-height: 20vh; }
  .sov-version-two .grid-container.mediasnapshot .card-header {
    margin-top: 15px;
    margin-bottom: 15px; }
  .sov-version-two .grid-container.mediasnapshot .nodeslotcell span {
    margin-left: 29px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .sov-version-two .grid-container.mediasnapshot .cell-content .gridImageContainer {
    padding: 15px 0px; }
  .sov-version-two .grid-container.mediasnapshot .pimerce-table-v-two-layout {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    overflow-x: hidden;
    border-color: #A7ABAF; }
    .sov-version-two .grid-container.mediasnapshot .pimerce-table-v-two-layout .clickable-grid-container.card-body {
      padding-top: 0;
      padding-bottom: 0;
      min-width: unset; }
  .sov-version-two .grid-container.brandlevelshare .title {
    margin: 0;
    font-size: 16px;
    width: 150px;
    height: 19px;
    font-weight: bold; }
  .sov-version-two .grid-container.brandlevelshare .banner-container {
    margin-left: 14px; }
  .sov-version-two .grid-container.brandlevelshare .pimerce-table-v-two-layout .clickable-grid-container {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    min-width: unset; }
  .sov-version-two .grid-container.brandlevelshare .pimerce-table-v-two-layout.card {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    overflow-x: auto;
    border-color: #A7ABAF; }
  .sov-version-two .grid-container.mediasnapshot .title {
    margin: 0;
    font-size: 16px;
    width: 133px;
    height: 19px;
    font-weight: bold; }
  .sov-version-two .grid-container.mediasnapshot .p-datatable table {
    width: 87vw;
    table-layout: fixed; }
  .sov-version-two .grid-container.mediasnapshot .pimerce-table-v-two-layout .clickable-grid-container {
    margin-bottom: 20px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
/** @format */
.sovsidepanelContainer .sovImageCarousel {
  margin-left: 18px;
  margin-right: 20px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .custom-carousel {
    max-width: unset; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .image-position {
    background-color: #F0C330;
    border-radius: 10px;
    width: fit-content;
    font-weight: 500 !important;
    font-size: 10px;
    color: #685000;
    font-family: Chivo;
    line-height: 11.9px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    margin-bottom: 8px;
    margin-left: 8px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .slot-name {
    margin-left: 8px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .p-carousel .p-carousel-content .p-carousel-prev {
    width: 48px;
    height: 48px;
    border-radius: 30px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .p-carousel .p-carousel-content .p-carousel-next {
    width: 48px;
    height: 48px;
    border-radius: 30px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    width: 10px;
    height: 10px; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .p-carousel
.p-carousel-indicators
.p-carousel-indicator.p-highlight
button {
    background-color: #0e90e1; }
  .sovsidepanelContainer .sovImageCarousel .image-slider .p-highlight {
    background: unset !important; }

.sovsidepanelContainer .sovSlotName {
  font-family: Chivo;
  font-weight: 700;
  font-size: 14px;
  line-height: 16.66px;
  height: 17px;
  margin-left: 20px;
  margin-bottom: 14px; }

.image-slider .carousel-module .product-item .product-item-content {
  border-radius: 3px;
  margin: .3rem;
  text-align: center;
  padding: 1rem 0; }

.image-slider .carousel-module .product-item .product-image {
  width: 250px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.image-slider .p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #ced4da;
  width: 0.6rem;
  height: 0.6rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 5px; }

.image-slider .p-carousel .p-carousel-content .p-carousel-prev, .image-slider .p-carousel .p-carousel-content .p-carousel-next {
  width: 2.5rem;
  height: 7rem;
  color: #000000;
  border: 0 none;
  background: #d6d9dc;
  border-radius: 1%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem; }

.image-slider #sov-position::after {
  content: "\a";
  white-space: pre; }

.image-slider #sov-slot::after {
  content: "\a";
  white-space: pre; }

.image-slider .sov-position {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.34rem;
  display: block; }

.image-slider .sov-slot {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700; }

.image-slider .caresol-img-slider {
  height: 300px;
  width: 100% !important;
  max-width: 100%; }

.image-slider .sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td, .image-slider .sov-modalCard .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  width: 18rem;
  height: 60px; }

.image-slider .sov-modalCard .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  border-right: 1px solid white;
  border-left: 1px solid white; }

.image-slider .sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  height: 120px; }

.image-slider .sov-modalCard .snapshot-grid-row-style .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.5rem;
  justify-content: center;
  align-content: center;
  border-right-width: 1px;
  border-bottom: none;
  border-top: none; }

.image-slider .sov-modalCard .carosel-img-style {
  max-width: 100%; }

.image-slider .sov-modalCard .carouselImgContainer {
  display: flex;
  justify-items: center;
  align-items: center;
  width: 100%; }

.image-slider .sov-modalCard .carosel-no-img-style {
  padding: 0; }

.image-slider .sov-modalCard .p-column-header-content {
  padding-top: 0; }

.image-slider .sov-modalCard .p-datatable-tbody, .image-slider .sov-modalCard .p-datatable-wrapper {
  max-height: 670px !important; }

.image-slider .p-carousel-item .sov-text-l {
  font-weight: 100; }

.image-slider .sov-modalCard .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
  background: #f8fcff; }

.image-slider .sov-modalCard .headingStyle-BannerGridColumn {
  width: 11rem;
  text-align: left; }

.image-slider .sov-modalCard .headingStyle-BrandGridColumn {
  width: 20rem; }

.image-slider .sov-modalCard .headingStyle-sovGridColumn {
  width: 25rem; }

.image-slider .sov-modalCard .headingStyle-sov30GridColumn {
  width: 25rem; }

.image-slider .sov-modalCard .gridSOVContentAlignid, .image-slider .sov-modalCard .headingStyle-BrandLevelShareId {
  text-align: center; }

.image-slider .sov-modalCard .sovGrid-BrandTypeContent {
  min-width: 6em;
  max-width: inherit;
  text-align: left;
  cursor: context-menu;
  color: #000000;
  background-color: transparent;
  text-align: center;
  display: flex; }

.image-slider #dataGridCardBody.table td {
  padding: 0.2rem 0.75rem; }

.image-slider .sov-modalCard .title-style {
  align-items: center;
  display: flex; }

.image-slider .sov-modalCard #dataGridCardBody tbody tr:last-of-type td {
  padding-bottom: 6px; }

.image-slider .sov-modalCard .gridCardHeader {
  padding-top: 10px;
  padding-left: 21px;
  padding-bottom: 5px;
  padding-right: 28px; }

.image-slider .p-dialog.sov-image-overlay .p-dialog-content {
  padding: 0; }

.image-slider .sov-image-overlay .p-carousel .p-carousel-content .p-carousel-next {
  margin: 0 0 0 2.2rem; }

.image-slider .sov-image-overlay .p-carousel .p-carousel-content .p-carousel-prev {
  margin: 0 2.2rem 0 0; }

.image-slider .sov-image-overlay .custom-carousel {
  max-width: 940px; }

.image-slider .sov-image-overlay.p-dialog .p-dialog-title {
  margin-left: 55px; }

.image-slider .sov-image-overlay.p-dialog .sov-multi-img-header-style .p-dialog-title {
  margin-left: 66px; }

.image-slider .sov-image-overlay.p-dialog .p-dialog-header {
  padding: 1rem 1rem 0.2rem 1rem; }

.image-slider .sov-header-style .carousel-module {
  width: 100%;
  padding: 0 20px 20px 20px; }

.image-slider .sov-single .carousel-module {
  width: 100%;
  padding: 0 1rem 1rem 1.2rem; }

.image-slider .sov-image-overlay.p-dialog.sov-single .p-dialog-title {
  margin-left: 10px; }

.image-slider .sov-modalCard .sov-brand-promo {
  display: flex;
  align-items: center; }

.image-slider .sov-modalCard .brand-type-m-tp {
  margin-right: 15px; }

.image-slider .sov-modalCard .brand-type-mtp {
  margin-top: 5px; }

.image-slider .sov-modalCard .brand-type-mtp img {
  height: 1.06rem; }

.image-slider .container-modal .submit-button-disabled {
  top: -20px; }

.image-slider .sov-image-overlay .carousel-module {
  width: 100%; }

.image-slider .sov-modalCard .gridSubHeaderContainer {
  margin-top: 0em !important; }

.image-slider .sov-modalCard .gridHeaderLeftBlock {
  align-items: end;
  height: 35px;
  padding-left: 10px; }

.image-slider .sov-modalCard .gridCardFooter {
  padding: 3px 13px 0px 13px;
  position: relative;
  top: 17px; }

.image-slider .sov-modalCard .pagination-style {
  margin-bottom: 0; }

.image-slider .sov-modalCard .gridCardBody {
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }

.image-slider .sov-modalCard .pagination, .image-slider .sov-modalCard .paginationAlt {
  margin-bottom: 0 !important; }

.image-slider .sov-modalCard {
  padding-right: 0; }

.image-slider .sov-modalCard .gridHeaderRightBlock {
  padding-right: 0px; }

.image-slider .sov-modalCard .tab-button {
  margin-right: 2px !important; }

.image-slider .sov-modalCard .exportBlockTwo {
  margin-right: 0px; }

.image-slider .sov-modalCard .gridcontainer .p-datatable .p-datatable-header {
  padding: 5px 0px; }

.image-slider .sov-modalCard .gridcontainer .p-datatable {
  padding: 0px 14px 0px 15px; }

.image-slider .datatable-pbt-1 {
  padding-bottom: 15px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pricing-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.pricing-version-two *::-webkit-scrollbar-track-piece,
.pricing-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.pricing-version-two {
  border: none; }
  .pricing-version-two .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 8px; }
  .pricing-version-two .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 0; }
  .pricing-version-two .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .pricing-version-two .logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 16px; }
  .pricing-version-two .logo-container img {
    height: 100%;
    width: 100%; }
  .pricing-version-two .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 0px 0px 2px 0; }
  .pricing-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .pricing-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .pricing-version-two .msg-box-container .card {
    border: none; }
  .pricing-version-two .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .pricing-version-two .carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 16px; }
  .pricing-version-two .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .pricing-version-two .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .pricing-version-two .grid-container {
    height: auto;
    width: 100%;
    padding-bottom: 20px; }
  .pricing-version-two .left-panel {
    width: 100%; }
  .pricing-version-two .left-panel.open-panel {
    width: calc(100% - 440px); }
  .pricing-version-two .right-panel, .pricing-version-two .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .pricing-version-two .right-panel {
    width: 440px;
    padding-right: 0; }
  .pricing-version-two .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .pricing-version-two .card-footer {
    background-color: #fff; }
  .pricing-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .pricing-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .pricing-version-two .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .pricing-version-two .msg-box-container .card {
    border: none; }
  .pricing-version-two .chart .tile-body {
    margin-right: 10px; }
  .pricing-version-two .load-no-data-container .pimerce-table-v-two-layout .clickable-grid-container {
    min-height: 67vh; }
  .pricing-version-two .p-datatable-responsive-scroll > .p-datatable-wrapper > table, .pricing-version-two .p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: fixed;
    width: 87vw; }
  .pricing-version-two .pricing-tabs .tab-width {
    width: 414px; }
  .pricing-version-two .pricing-tabs .p-tabview .p-tabview-panels {
    padding: 4px 1.25rem; }
  .pricing-version-two .retailer-status-hight {
    background-color: #D5F3F0;
    color: #009688;
    border-radius: 8px;
    margin-left: 5px;
    padding: 2px; }
  .pricing-version-two .retailer-status-low {
    background-color: #FFE7EB;
    color: #B3001C;
    border-radius: 8px;
    margin-left: 5px;
    padding: 5px; }
  .pricing-version-two .retailer-price {
    font-size: 14px;
    font-weight: 700;
    color: #212427; }
  .pricing-version-two .strikethrough {
    text-decoration: line-through;
    color: #212427; }
  .pricing-version-two .assorment-tab .p-tabview-nav li {
    border-right: none; }
  .pricing-version-two .p-tabview-panels {
    padding: 0px; }
  .pricing-version-two .p-tabview-selected {
    background: #ffff; }
    .pricing-version-two .p-tabview-selected .p-tabview-title {
      color: #0e90e1 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .pricing-version-two .p-tabview-nav li {
    border-right: 0px !important; }
  .pricing-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .pricing-version-two .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #0e90e1 !important; }
  .pricing-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #0e90e1 !important;
    height: 3px; }
  .pricing-version-two .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .sku-info-container {
  padding-left: 10px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

.pricing-side-panel-grid-container {
  width: 100% !important; }

.pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
  width: 100% !important; }

.logo-size {
  height: 24px;
  width: 24px; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

.pricing-trent .chartCardInv {
  margin: 0px;
  box-shadow: none; }

.promotion-grid {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  color: #0E90E1;
  padding: 0 1rem; }

.pricing-side-grid .pimerce-table-v-two-layout .clickable-grid-container {
  min-width: 464px; }

.pricing-side-grid table.p-datatable-table {
  width: 100% !important; }

.pricing-side-grid .pimerce-table-v-two-layout .card-header {
  min-width: 360px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.tile-carousel-container {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  position: relative; }
  .tile-carousel-container .tile-card-container {
    width: 100%;
    overflow: hidden; }
  .tile-carousel-container .carousel-container {
    display: flex;
    width: max-content;
    overflow: auto;
    scroll-behavior: smooth;
    padding: 2px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px; }
    .tile-carousel-container .carousel-container .tile-carousel-card {
      display: flex;
      border-radius: 10px;
      margin-left: 16px;
      box-shadow: 0px 0px 10px 0px rgba(33, 36, 39, 0.1); }
      .tile-carousel-container .carousel-container .tile-carousel-card:not(:first-child) {
        margin-left: 16px; }
      .tile-carousel-container .carousel-container .tile-carousel-card:first-child {
        margin-left: 0; }
    .tile-carousel-container .carousel-container .tile-carousel-card.hovertile:hover {
      background: #dbdcdc;
      cursor: pointer; }
    .tile-carousel-container .carousel-container .tile-carousel-card.selected {
      border: 1px solid #0E90E1; }
  .tile-carousel-container .prev-btn,
  .tile-carousel-container .next-btn {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .tile-carousel-container .next-btn {
    justify-content: end;
    padding-right: 20px;
    width: 180px;
    background: linear-gradient(270deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .prev-btn {
    justify-content: start;
    padding-left: 20px;
    width: 180px;
    background: linear-gradient(90deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .tile-item {
    display: flex;
    align-items: center;
    width: 100%; }
    .tile-carousel-container .tile-item .tile-header {
      padding: unset;
      background-color: unset;
      border-bottom: unset;
      width: calc(100% - 109px);
      height: 80px;
      line-height: 16.66px;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      margin-left: 16px;
      margin-top: 16px; }
    .tile-carousel-container .tile-item .tile-body {
      flex: unset;
      padding: unset;
      margin: 0 13px;
      width: 78px; }
    .tile-carousel-container .tile-item .title {
      font-size: 14px;
      font-family: Chivo-Bold;
      margin-bottom: 5px;
      width: 100px; }
    .tile-carousel-container .tile-item .subtitle-msg {
      font-size: 12px;
      font-family: Chivo-Regular;
      line-height: 14.28px;
      width: 100%; }

.tile-number-card {
  position: relative;
  font-weight: 600;
  font-size: 24px;
  right: 8px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .sku-info-container {
  padding-left: 10px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

.pricing-side-panel-grid-container {
  width: 100% !important; }

.pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
  width: 100% !important; }

.logo-size {
  height: 24px;
  width: 24px; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

.pricing-trent .chartCardInv {
  margin: 0px;
  box-shadow: none; }

.promotion-grid {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  color: #0E90E1;
  padding: 0 1rem; }

.pip-skuname-info-card {
  padding: 10px 16px 10px 16px;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid #DADBDC; }
  .pip-skuname-info-card .skuname-info-image {
    height: 50px;
    width: 50px;
    background-size: 100% 100%;
    background-size: cover;
    /* <------ */
    background-repeat: no-repeat;
    background-position: center center; }
  .pip-skuname-info-card .img-responsive {
    width: 100%;
    max-width: 50px;
    height: auto; }
  .pip-skuname-info-card .sku-name-style {
    font-family: chivo;
    font-size: 14px;
    font-weight: 400; }
  .pip-skuname-info-card .price-lable {
    font-family: Chivo-Regular;
    font-size: 12px;
    font-weight: 400; }
  .pip-skuname-info-card .price-amount {
    font-family: Chivo-Bold;
    font-size: 12px;
    font-weight: 400; }

.pip-card-title {
  font-family: Chivo-Bold;
  font-size: 16px;
  font-weight: 500; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.competitive-pricing .Card.Body.main-panel {
  height: 92%;
  padding-top: 0;
  padding-bottom: 0; }

.competitive-pricing .grid-container {
  height: auto;
  width: 100%; }

.competitive-pricing .left-panel {
  width: 100%; }

.competitive-pricing .left-panel.open-panel {
  width: calc(100% - 440px); }

.competitive-pricing .right-panel, .competitive-pricing .left-panel {
  height: 100%;
  overflow: hidden;
  position: unset;
  padding: 0.15rem 1.25rem; }

.competitive-pricing .right-panel {
  width: 440px;
  padding-right: 0; }

.competitive-pricing .sidepanel-parent-container {
  height: 100%;
  margin: 0% 2%; }

.competitive-pricing .pricing-view-link {
  text-decoration: underline;
  color: #0E90E1; }

.competitive-pricing .view-link-text-color {
  color: #495057; }

.competitive-pricing .price-style {
  font-family: Chivo-Bold;
  font-size: 12px;
  font-weight: 400; }

.competitive-pricing .msg-box-container {
  height: 56px;
  width: 100%;
  margin: 0 0px 8px 0; }

.competitive-pricing .p-inline-message {
  width: 100%;
  text-align: left;
  justify-content: left;
  height: 100%; }

.competitive-pricing .msg-box-container .align-items-start {
  align-items: center !important; }

.competitive-pricing .msg-box-container .flex-column {
  flex-direction: row !important; }

.competitive-pricing .msg-box-container .card {
  border: none; }

.competitive-pricing .pi-outline-border {
  margin-top: 20px  !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.chart-title {
  font-family: 'chivo-regular';
  font-size: 16px;
  font-weight: 500;
  line-height: 19.04px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .sku-info-container {
  padding-left: 10px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

.pricing-side-panel-grid-container {
  width: 100% !important; }

.pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
  width: 100% !important; }

.logo-size {
  height: 24px;
  width: 24px; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

.pricing-trent .chartCardInv {
  margin: 0px;
  box-shadow: none; }

.promotion-grid {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  color: #0E90E1;
  padding: 0 1rem; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.threep-seller .Card.Body.main-panel {
  height: 92%;
  padding-top: 0;
  padding-bottom: 0; }

.threep-seller .grid-container {
  height: auto;
  width: 100%; }

.threep-seller .left-panel {
  width: 100%; }

.threep-seller .left-panel.open-panel {
  width: calc(100% - 440px); }

.threep-seller .right-panel, .threep-seller .left-panel {
  height: 100%;
  overflow: overlay;
  position: unset;
  padding: 0.15rem 1.25rem; }

.threep-seller .right-panel {
  width: 440px;
  padding-right: 0; }

.threep-seller .sidepanel-parent-container {
  height: 100%;
  margin: 0% 2%; }

.threep-seller .pricing-view-link {
  text-decoration: underline;
  color: #0E90E1; }

.threep-seller .grid-sku-image {
  width: 50px; }

.threep-seller .price-style {
  font-family: Chivo-Bold;
  font-size: 12px;
  font-weight: 400; }

.threep-seller .view-link-text-color {
  color: #212427; }

.threep-seller .msg-box-container {
  height: 56px;
  width: 100%;
  margin: 0 0px 20px 0; }

.threep-seller .p-inline-message {
  width: 100%;
  text-align: left;
  justify-content: left;
  height: 100%; }

.threep-seller .msg-box-container .align-items-start {
  align-items: center !important; }

.threep-seller .msg-box-container .flex-column {
  flex-direction: row !important; }

.threep-seller .msg-box-container .card {
  border: none; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.soc-retailer-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.soc-retailer-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.soc-retailer-version-two {
  height: 93vh;
  border: unset; }
  .soc-retailer-version-two .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .soc-retailer-version-two .soc-retailer-grid {
    margin-top: 16px; }
  .soc-retailer-version-two #assortment-logo.logo-container {
    height: 40px;
    width: 100px;
    margin-top: 10px; }
    .soc-retailer-version-two #assortment-logo.logo-container img {
      aspect-ratio: 3/2;
      object-fit: contain;
      width: 100px;
      bottom: 15px;
      position: relative; }
  .soc-retailer-version-two .card-container-v-two .title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Chivo'; }
  .soc-retailer-version-two .breadcrum-container {
    margin-left: -25px; }
    .soc-retailer-version-two .breadcrum-container li.breadcrumb-item:first-child {
      text-decoration: underline; }
  .soc-retailer-version-two .data-table-version-two .p-column-header-content {
    padding: unset; }
  .soc-retailer-version-two .msg-box-container {
    height: 56px;
    width: 100%;
    margin: 0 0px 8px 0; }
  .soc-retailer-version-two .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .soc-retailer-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .soc-retailer-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .soc-retailer-version-two .msg-box-container .card {
    border: none; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.soc-brand-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.soc-brand-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.soc-brand-version-two {
  border: unset; }
  .soc-brand-version-two .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 8px; }
  .soc-brand-version-two .soc-brand-grid {
    margin-top: 10px; }
  .soc-brand-version-two .socV2-month-graph-container {
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    width: 100%;
    height: 42%;
    overflow: hidden;
    margin-left: 1px;
    margin-top: -24px; }
  .soc-brand-version-two .socV2-graph-container {
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    width: 100%;
    height: 39%;
    overflow: hidden;
    margin-left: 1px;
    margin-top: -24px; }
  .soc-brand-version-two #assortment-logo.logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 15px; }
    .soc-brand-version-two #assortment-logo.logo-container img {
      aspect-ratio: 3/2;
      object-fit: contain;
      width: 100px;
      bottom: 10px;
      position: relative; }
  .soc-brand-version-two .breadcrum-container {
    margin-left: -25px; }
    .soc-brand-version-two .breadcrum-container li.breadcrumb-item:first-child {
      text-decoration: underline; }
  .soc-brand-version-two .msg-box-container {
    height: 56px;
    width: 100%;
    margin: 0 0px 8px 0; }
  .soc-brand-version-two .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .soc-brand-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .soc-brand-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .soc-brand-version-two .msg-box-container .card {
    border: none; }
  .soc-brand-version-two .view-link-text-color {
    color: #212427; }
  .soc-brand-version-two .p-tabview-panels {
    padding: 0px; }
  .soc-brand-version-two .p-tabview-selected {
    background: #ffff; }
    .soc-brand-version-two .p-tabview-selected .p-tabview-title {
      color: #0e90e1 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .soc-brand-version-two .p-tabview-nav li {
    border-right: 0px !important; }
  .soc-brand-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .soc-brand-version-two .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #0e90e1 !important; }
  .soc-brand-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #0e90e1 !important;
    height: 3px; }
  .soc-brand-version-two .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }

.assorment-tab .p-tabview-nav li {
  border-right: none; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.buybox-version-two *::-webkit-scrollbar-thumb,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.buybox-version-two *::-webkit-scrollbar-track-piece,
.content-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.buybox-version-two.card {
  height: 93vh;
  border: unset; }
  .buybox-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin: 0; }
  .buybox-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .buybox-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .buybox-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .buybox-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 0; }
  .buybox-version-two.card .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .buybox-version-two.card .logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 16px; }
  .buybox-version-two.card .logo-container img {
    height: 100%;
    width: 100%; }
  .buybox-version-two.card .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 13px 0px 2px 0; }
  .buybox-version-two.card .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .buybox-version-two.card .carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 10px; }
  .buybox-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .buybox-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .buybox-version-two.card .grid-container {
    height: auto;
    width: 100%;
    padding-bottom: 20px; }
  .buybox-version-two.card .left-panel {
    width: 100%; }
  .buybox-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .buybox-version-two.card .right-panel,
  .buybox-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .buybox-version-two.card .right-panel {
    width: 440px;
    padding-right: 0; }
  .buybox-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .buybox-version-two.card .card-footer {
    background-color: #fff; }
  .buybox-version-two.card .msg-box-container .align-items-start {
    align-items: center !important; }
  .buybox-version-two.card .msg-box-container .flex-column {
    flex-direction: row !important; }
  .buybox-version-two.card .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .buybox-version-two.card .msg-box-container .card {
    border: none; }
  .buybox-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .buybox-version-two.card .load-no-data-container
.pimerce-table-v-two-layout
.clickable-grid-container {
    min-height: 67vh; }
  .buybox-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table,
  .buybox-version-two.card .p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: fixed;
    width: 87vw; }
  .buybox-version-two.card .content-common-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    height: 100%;
    width: 100%; }
  .buybox-version-two.card .action-list.sort-container {
    width: 10.5%;
    min-width: 190px; }
  .buybox-version-two.card .p-datatable-tbody .cell-content.p-highlight {
    background: unset !important; }
  .buybox-version-two.card .buyboxtilecontainer {
    display: flex;
    align-items: center;
    padding: 16px; }
  .buybox-version-two.card .buyboxtileMsg {
    width: 88px;
    margin-right: 16px;
    font-family: Chivo-Regular;
    font-weight: 400;
    font-size: 12px;
    line-height: 14.28px;
    color: #212427; }
  .buybox-version-two.card .tilenumber {
    font-family: Chivo-Regular;
    font-weight: 700;
    font-size: 24px;
    color: #212427;
    height: 29px;
    align-items: center;
    margin-left: 19px;
    display: flex; }
  .buybox-version-two.card .buyboxskuimage {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px; }
    .buybox-version-two.card .buyboxskuimage img {
      width: 50px;
      height: 50px; }
  .buybox-version-two.card .breadcrum-container li.breadcrumb-item:first-child {
    text-decoration: underline; }

.content-error-container.api-error-card {
  min-height: 90vh; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.buy-box-side-panel-container {
  display: flex;
  flex-direction: column; }
  .buy-box-side-panel-container .key-Insights-container {
    padding-top: 10px;
    margin-bottom: 20px; }
  .buy-box-side-panel-container .key-Insights {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
  .buy-box-side-panel-container .key-Insights .body-content {
    width: 100%;
    height: 168px;
    padding: 0;
    overflow: hidden;
    padding-bottom: 6px; }
  .buy-box-side-panel-container .key-Insights.show-more .body-content {
    height: 100%;
    border-bottom: none; }
  .buy-box-side-panel-container .key-Insights .show-more-button {
    background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }
  .buy-box-side-panel-container .key-Insights.show-more .show-more-button {
    background: unset;
    bottom: 12px;
    position: relative; }
  .buy-box-side-panel-container .overall-nodata {
    background: 1px solid black; }
  .buy-box-side-panel-container .show-more-button {
    justify-content: center;
    margin: auto;
    align-items: center;
    display: flex;
    height: 46px;
    color: #0e90e1;
    bottom: -13px;
    width: 100%;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    cursor: pointer; }
  .buy-box-side-panel-container .sku-info-container {
    padding-left: 10px; }
  .buy-box-side-panel-container .sku-info-container .sku-title {
    font-size: 14px;
    font-weight: 700;
    font-family: Chivo-Regular;
    color: #212427; }
  .buy-box-side-panel-container .sellerName {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    color: #60666B;
    height: 14px;
    margin-bottom: 4px; }
  .buy-box-side-panel-container .buyprice {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    color: #60666B;
    height: 14px; }
  .buy-box-side-panel-container .key-Insights-title {
    margin-bottom: 11px; }
  .buy-box-side-panel-container .trendGrapHoverlay {
    margin: 16px 2px 16px 0px; }
    .buy-box-side-panel-container .trendGrapHoverlay img {
      width: 100%;
      height: 248px;
      cursor: pointer; }
  .buy-box-side-panel-container .buy-box-graph-container {
    border: 1px solid #a7abaf;
    border-radius: 8px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px 20px 10px; }
  .buy-box-side-panel-container .buybox-pricing-gridcontainer {
    border: 1px solid #a7abaf;
    border-radius: 8px;
    margin: 0px 1px 0px 10px; }
    .buy-box-side-panel-container .buybox-pricing-gridcontainer .p-datatable-table {
      table-layout: unset !important;
      width: unset !important; }
    .buy-box-side-panel-container .buybox-pricing-gridcontainer .data-table-version-two
.p-datatable
.p-datatable-tbody
> tr
> td:not(:first-child),
    .buy-box-side-panel-container .buybox-pricing-gridcontainer .data-table-version-two
.p-datatable
.p-datatable-thead
> tr
> th:not(:first-child) {
      min-width: unset !important;
      max-width: unset !important; }

.side-panel.expanded .buy-box-side-panel-container {
  display: flex;
  flex-direction: row; }
  .side-panel.expanded .buy-box-side-panel-container .Pip-Container-one {
    width: 376px; }
  .side-panel.expanded .buy-box-side-panel-container .Pip-Container-two {
    width: calc(100% - 376px);
    padding-left: 40px;
    padding-right: 20px; }

.side-panel .buy-box-side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .buy-box-side-panel-container .Pip-Container-one {
  width: 376px; }

.side-panel .buy-box-side-panel-container .Pip-Container-two {
  width: 376px; }


/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel .side-panel-container {
  display: flex;
  flex-direction: column; }

.side-panel .sku-info-container {
  padding-left: 10px; }

.side-panel .sku-info-container .sap-code {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel .sku-info-container .sku-title {
  font-size: 14px;
  font-weight: 700;
  font-family: Chivo-Regular;
  color: #212427; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel .pip-cps-dropdown {
  margin: 10px 0; }

.side-panel.expanded .side-panel-container {
  display: flex;
  flex-direction: row; }

.side-panel.expanded .Pip-Container-one {
  width: 376px; }

.side-panel.expanded .Pip-Container-two {
  width: calc(100% - 376px);
  padding-left: 15px;
  padding-right: 20px; }

.side-panel .side-panel-container .pip-Accordion-container {
  padding-left: 10px; }

.side-panel .Pip-Container-one {
  width: 376px; }

.side-panel .Pip-Container-two {
  width: 376px; }

.side-panel-container .sku-date-info {
  display: flex;
  height: 14px;
  align-items: center; }

.side-panel-container .sku-date-info .sku-updated-date {
  padding: unset;
  font-size: 12px;
  font-weight: 400;
  height: 23px;
  font-family: Chivo-Regular;
  color: #60666B; }

.side-panel-container .sku-date-info .sku-link {
  padding-left: 12px;
  border-left: 1px solid #60666b;
  height: 14px;
  display: flex;
  align-items: center; }

.side-panel-container .sku-date-info .sku-link a {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  color: #212427;
  text-decoration-line: underline;
  text-decoration-color: #212427; }

.side-panel-container .score-card-container {
  padding-top: 15px;
  padding-bottom: 20px; }

.side-panel-container .key-Insights-container {
  padding-top: 10px; }

.side-panel-container .key-Insights {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.side-panel-container .key-Insights .body-content {
  width: 100%;
  height: 168px;
  padding: 0;
  overflow: hidden;
  padding-bottom: 6px; }

.side-panel-container .key-Insights.show-more .body-content {
  height: 100%;
  border-bottom: none; }

.side-panel-container .show-more-button {
  justify-content: center;
  margin: auto;
  align-items: center;
  display: flex;
  height: 46px;
  color: #0e90e1;
  bottom: -13px;
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular;
  cursor: pointer; }

.key-Insights .show-more-button {
  background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }

.key-Insights.show-more .show-more-button {
  background: unset;
  bottom: 12px;
  position: relative; }

.side-panel-container .overall-nodata {
  background: 1px solid black; }

.pip-Accordion-container .accordion-container.collapse:last-child {
  border-bottom: unset; }

.pricing-side-panel-grid-container {
  width: 100% !important; }

.pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
  width: 100% !important; }

.logo-size {
  height: 24px;
  width: 24px; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden; }

.pricing-trent .chartCardInv {
  margin: 0px;
  box-shadow: none; }

.promotion-grid {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  color: #0E90E1;
  padding: 0 1rem; }

.rating-start-style {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px;
  text-align: left;
  color: #60666B; }

.comment-text-style {
  color: #000000; }

.hide-header .data-table-version-two .p-datatable .p-datatable-thead > tr > th {
  display: none; }

.hide-header .sort-container .dropdown-border-radius {
  width: 90px !important; }

.rating-side-panel .pimerce-table-v-two-layout .clickable-grid-container {
  min-width: 293px; }

.rating-side-panel .pimerce-table-v-two-layout .card-header {
  min-width: 293px; }

.tick-image {
  display: flex;
  background-color: #D5F3F0;
  width: fit-content;
  height: 28px;
  border-radius: 8px;
  padding: 5px;
  margin-top: 10px;
  align-items: center; }

.tag-name {
  color: #000000;
  background-color: #F3F3F3;
  width: fit-content;
  height: 28px;
  border-radius: 8px;
  padding: 5px;
  margin-top: 10px;
  align-items: center;
  display: flex; }

.image-tags {
  margin-left: -8px; }

.rating-customer-say-title {
  font-family: Chivo;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.04px;
  text-align: left; }

.customer-say-box {
  padding: 20px 16px; }

.customer-say-box-message {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px;
  text-align: left; }

.Card.Body.main-panel {
  height: 92%;
  padding-top: 0;
  padding-bottom: 0; }

.grid-container {
  height: auto;
  width: 100%; }

.left-panel {
  width: 100%; }

.left-panel.open-panel {
  width: calc(100% - 440px); }

.right-panel, .left-panel {
  height: 100%;
  overflow: overlay;
  position: unset;
  padding: 0.15rem 1.25rem; }

.right-panel {
  width: 440px;
  padding-right: 0; }

.sidepanel-parent-container {
  height: 100%;
  margin: 0% 2%; }

.buyboxskuimage {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px; }
  .buyboxskuimage img {
    width: 50px;
    height: auto; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.market-share-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.market-share-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.market-share-version-two {
  border: unset; }
  .market-share-version-two .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    margin-top: 16px; }
  .market-share-version-two .common-header-component .icon-container {
    border-left: unset; }
  .market-share-version-two .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 2%; }
  .market-share-version-two .panel-main-container {
    height: 95%;
    position: relative; }
  .market-share-version-two .card-footer {
    background-color: #fff; }
  .market-share-version-two .grid-container {
    height: auto;
    width: 100%;
    margin-top: 16px; }
  .market-share-version-two .msg-box-container {
    height: 56px;
    width: 100%;
    margin: 11px 0px 8px 0; }
  .market-share-version-two .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .market-share-version-two .msg-box-container .align-items-start {
    align-items: center !important; }
  .market-share-version-two .msg-box-container .flex-column {
    flex-direction: row !important; }
  .market-share-version-two .msg-box-container .card {
    border: none; }
  .market-share-version-two .chart .tile-body {
    margin-right: 10px; }
  .market-share-version-two .p-tabview-panels {
    padding: 0px; }
  .market-share-version-two .p-tabview-selected {
    background: #ffff; }
    .market-share-version-two .p-tabview-selected .p-tabview-title {
      color: #0e90e1 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .market-share-version-two .p-tabview-nav li {
    border-right: 0px !important; }
  .market-share-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .market-share-version-two .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #0e90e1 !important; }
  .market-share-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #0e90e1 !important;
    height: 3px; }
  .market-share-version-two .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .market-share-version-two .market-share-filters {
    display: flex;
    justify-content: end; }
  .market-share-version-two .btn-component {
    height: 40px;
    padding: 0 11px;
    border: 1px solid;
    border-color: #a7abaf;
    border-radius: 8px;
    color: #212427cc; }
  .market-share-version-two .p-button.p-component.btn-component:hover {
    padding: 0 11px;
    border: 1px solid;
    background-color: #c3c3c3cc !important;
    border-color: #a7abaf;
    color: #212427cc; }
  .market-share-version-two .market-share-tilecontainer {
    display: flex;
    align-items: center;
    padding: 16px;
    width: 216px;
    justify-content: space-between; }
  .market-share-version-two .market-share-tileMsg {
    width: 88px;
    font-family: Chivo-Regular;
    font-weight: 400;
    font-size: 14px;
    line-height: 14.28px;
    color: #212427; }
  .market-share-version-two .tilenumber {
    font-family: Chivo-Regular;
    font-weight: 700;
    font-size: 24px;
    color: #212427;
    height: 29px;
    align-items: center;
    display: flex;
    width: 80px;
    justify-content: end; }
  .market-share-version-two .tile-percentage-number {
    font-family: Chivo-Regular;
    font-weight: 700;
    font-size: 24px;
    color: #006D63;
    height: 29px;
    align-items: center;
    display: flex;
    width: 80px;
    justify-content: end; }
  .market-share-version-two .market-share-tilechart {
    justify-content: end;
    display: flex;
    width: 80px; }
  .market-share-version-two .carousal-container {
    margin-top: 14px; }
  .market-share-version-two .market-share-graph-container {
    margin-top: 10px;
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    overflow: hidden; }
    .market-share-version-two .market-share-graph-container .graphComponentTitle {
      font-size: 16px;
      font-family: Chivo-Regular;
      font-weight: 500;
      line-height: 19.04px; }
  .market-share-version-two .treemap-graph {
    margin-top: 16px;
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    overflow: hidden; }
    .market-share-version-two .treemap-graph .treemapTitle {
      font-size: 16px;
      font-family: Chivo-Regular;
      font-weight: 500;
      line-height: 19.04px; }
  .market-share-version-two .p-button.p-button-sm .p-button-icon {
    font-size: 24px; }
  .market-share-version-two .tile-carousel-container .carousel-container {
    padding-right: 1px; }
  .market-share-version-two .graphComponentTitle {
    color: #212427; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.search-keyword-analysis-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.msg-box-search-keyword-analysis {
  margin-bottom: 16px; }
  .msg-box-search-keyword-analysis .card {
    border: hidden; }

.search-keyword-style {
  margin-bottom: 25px;
  margin-top: 10px; }

.search-keyword-analysis-graph-container {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0px 0px 16px 1px; }

.search-keyword-analysis-version-two {
  height: 900px;
  border: unset; }
  .search-keyword-analysis-version-two .main-panel {
    height: 96%;
    padding-bottom: 0; }
  .search-keyword-analysis-version-two .tile-carousel-container .carousel-container {
    padding-top: 16px;
    padding-bottom: 16px; }
  .search-keyword-analysis-version-two .card-header {
    background-color: unset;
    border-bottom: unset; }
  .search-keyword-analysis-version-two .msg-box-container {
    margin-bottom: 16px;
    margin-top: 16px; }
    .search-keyword-analysis-version-two .msg-box-container .card {
      border: hidden; }
  .search-keyword-analysis-version-two .tab-view-data {
    margin-top: -3px;
    font-family: 'Chivo-Bold'; }
  .search-keyword-analysis-version-two .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .search-keyword-analysis-version-two .p-tabview-panels {
    padding: 0px; }
  .search-keyword-analysis-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    box-shadow: unset; }
  .search-keyword-analysis-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-radius: unset; }
  .search-keyword-analysis-version-two .p-tabview-nav li {
    border: unset; }
  .search-keyword-analysis-version-two .p-tabview-title {
    font-size: 12px !important; }
  .search-keyword-analysis-version-two .p-tabview-selected .p-tabview-title {
    color: #0e90e1 !important; }
  .search-keyword-analysis-version-two .side-panel .card-header .titlelogo-container {
    width: 100px; }
  .search-keyword-analysis-version-two .product-info-img {
    width: 50px;
    height: 50px; }
  .search-keyword-analysis-version-two .product-img-tag {
    width: 50px; }
  .search-keyword-analysis-version-two .p-tabview .p-tabview-nav {
    border-width: 0 0 0 0; }
  .search-keyword-analysis-version-two .retailer-header-logo {
    width: 100px;
    height: 40px; }
  .search-keyword-analysis-version-two .flex-column {
    display: flex; }
  .search-keyword-analysis-version-two .product-info {
    display: flex;
    border: 1px solid #DADBDC;
    gap: 7px;
    padding: 8px 16px 8px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    justify-content: space-around; }
  .search-keyword-analysis-version-two .product-info-headers {
    margin-left: 17px;
    position: relative;
    font-size: 14px;
    line-height: 46px;
    top: -11px; }
  .search-keyword-analysis-version-two .product-info-toggle {
    margin-top: -10px;
    margin-left: 9.5px;
    position: relative; }
  .search-keyword-analysis-version-two .dock-style {
    padding-left: 40px;
    padding-top: 20px;
    margin-bottom: 15px;
    cursor: pointer; }
  .search-keyword-analysis-version-two .sidepanel-retailer-name {
    padding: 0 16px;
    font-family: "Chivo";
    font-size: 17px; }
  .search-keyword-analysis-version-two .product-info-toggle {
    margin-top: 8px;
    margin-left: 16px; }
  .search-keyword-analysis-version-two .breadcrum-container {
    margin-top: -20px; }
  .search-keyword-analysis-version-two .breadcrum-col-container {
    right: 12px; }
  .search-keyword-analysis-version-two .p-inline-message.p-inline-message-info {
    height: 82px; }
  .search-keyword-analysis-version-two .grid-img-style {
    width: 50px;
    height: 50px; }
  .search-keyword-analysis-version-two .product-info-tag {
    width: 46px;
    background-color: #F0C330;
    border-radius: 8px;
    height: 17px;
    padding: 4px;
    text-align: center;
    font-size: 10px;
    position: relative; }
  .search-keyword-analysis-version-two .paid-tag {
    position: relative;
    top: -6px; }
  .search-keyword-analysis-version-two .product-position-tag {
    width: 20px;
    height: 20px;
    position: relative;
    top: -44px;
    left: 198px;
    background-color: #F3F3F3; }
  .search-keyword-analysis-version-two .paid-tag {
    text-align: center; }
  .search-keyword-analysis-version-two .product-info-title {
    width: 200px; }
  .search-keyword-analysis-version-two .position-tag {
    width: 50px; }
  .search-keyword-analysis-version-two .product-title {
    width: 1000px; }
  .search-keyword-analysis-version-two .product-title-sapcode {
    font-family: 'Chivo-Bold'; }
  .search-keyword-analysis-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #0E90E1;
    top: 41px; }
  .search-keyword-analysis-version-two .searchV2-graph-container {
    border: 1px solid #A7ABAF;
    border-radius: 8px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 1px; }
  .search-keyword-analysis-version-two .left-panel {
    width: 100%; }
  .search-keyword-analysis-version-two .left-panel.open-panel {
    width: calc(100% - 415px); }
  .search-keyword-analysis-version-two .right-panel,
  .search-keyword-analysis-version-two .left-panel {
    height: 100%;
    overflow-x: hidden;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .search-keyword-analysis-version-two .right-panel {
    width: 415px;
    padding-right: 0;
    overflow-x: hidden; }
  .search-keyword-analysis-version-two .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .search-keyword-analysis-version-two .tile-carousel .p-carousel-items-container {
    height: 112px;
    width: 216px; }
  .search-keyword-analysis-version-two .chart .tile-body {
    margin-right: 10px; }
  .search-keyword-analysis-version-two .alert-box-title {
    color: #212427; }
  .search-keyword-analysis-version-two .search-icon-left {
    right: 7px; }
  .search-keyword-analysis-version-two .p-carousel-item-active {
    margin-right: -10px; }
  .search-keyword-analysis-version-two .pi-custom-breadcrumnb .breadcrumb-item a {
    text-decoration: underline;
    color: #212427; }
  .search-keyword-analysis-version-two .pi-custom-breadcrumnb .breadcrumb-item.active {
    color: #212427; }
  .search-keyword-analysis-version-two .pi-custom-breadcrumnb .breadcrumb-item a:hover {
    color: #0E90E1;
    text-decoration: underline; }
  .search-keyword-analysis-version-two .msg-box-search .card {
    border: hidden; }
  .search-keyword-analysis-version-two .graphComponentTitle {
    font-family: Chivo;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #212427; }
  .search-keyword-analysis-version-two .card-container-v-two .title {
    font-family: Chivo;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #212427; }
  .search-keyword-analysis-version-two .retailer-logo-container img {
    height: 40px;
    width: 100px;
    margin-bottom: 16px;
    object-fit: cover;
    margin-top: 10px; }
  .search-keyword-analysis-version-two .retailer-image img {
    width: 100px;
    height: 40px;
    object-fit: cover; }
  .search-keyword-analysis-version-two .side-panel .body-content {
    position: relative;
    top: -28px;
    left: 11px; }
  .search-keyword-analysis-version-two .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight),
  .search-keyword-analysis-version-two .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr:has(td.p-highlight) {
    border: unset; }
  .search-keyword-analysis-version-two .reload-style {
    text-align: center;
    display: flex;
    width: 7%;
    height: 10%;
    min-height: inherit;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    margin-top: 50px; }
  .search-keyword-analysis-version-two .reload-style .reload-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .search-keyword-analysis-version-two .reload-style .reload-msg .card-img {
    width: unset; }
  .search-keyword-analysis-version-two .reload-style .reload-loading-spinner {
    width: unset; }
  .search-keyword-analysis-version-two #search-close-btn-style {
    float: right; }

.cell-content-keyword-analysis {
  width: auto;
  height: 68px !important; }

.keyword-analysis-grid .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
  font-family: Chivo !important;
  font-size: 12px;
  color: #212427;
  font-weight: 400; }

.search-keyword-analysis-graph-container .apexcharts-legend {
  display: flex;
  overflow: auto;
  margin-bottom: -13px;
  padding: 0px 10px; }

/**************Pimerce Blue Theme***************/

body {
  margin: 0;
  padding: 0;
  font-family: Chivo-Regular;
  height: 100% !important;
  background: #f0f0f0 !important; }

.spinnerDivCommon {
  text-align: center;
  position: initial;
  padding: 30px;
  color: #0e90e1; }

.p-datatable .p-column-header-content {
  font-family: Chivo-Bold; }

.gridcontainer .p-datatable .p-datatable-tbody > tr > td {
  font-family: Chivo-Regular; }

/**********************************/
/* TAB CONTENT STYLE BLOCK STARTS */
/**********************************/
a.nav-link.active {
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4192ec; }

a.nav-link {
  color: #c6cbd4;
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.tabContainerStyle {
  background-color: #ffffff;
  margin: 30px 49px 30px 54px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  min-height: 60px; }

.searchBarRowStyle {
  width: 100%; }

/**********************************/
/* PIMERCE FONT ADDED BLOCK STARTS*/
/**********************************/
@font-face {
  font-family: "Barlow-Regular";
  src: url(2cce8c806c2d2e03adc2b239ae316b76.ttf); }

@font-face {
  font-family: "Barlow-Medium";
  src: url(788f9cc4e37cde7847cd42d30bee07b7.ttf); }

@font-face {
  font-family: "Barlow-Medium-Italic";
  src: url(685b513e7df51aac4379cdb7df7e1318.ttf); }

@font-face {
  font-family: "Barlow-SemiBold";
  src: url(ede02f48d8db5bdf524324f2ba4b9cd9.ttf); }

@font-face {
  font-family: "Barlow-SemiBold-Italic";
  src: url(f48b801de6b6d9f180dcb1a2a7185fe0.ttf); }

@font-face {
  font-family: "Barlow-Bold";
  src: url(7130fdb0a3f94088119aa0f96db9b08b.ttf); }

@font-face {
  font-family: "Barlow-Bold-Italic";
  src: url(24f4f0a61936eeca1c04a1a7aa7c0025.ttf); }

@font-face {
  font-family: "Chivo-Regular";
  src: url(56aab5a087c88eb8a2e2b6436f364978.ttf); }

@font-face {
  font-family: "Chivo-Black";
  src: url(16e8ea0d62fe3348064c764c17303ef8.ttf); }

@font-face {
  font-family: "Chivo-Italic";
  src: url(12ed8d3392c44aa6289dee8aab309bb9.ttf); }

@font-face {
  font-family: "Chivo-Bold";
  src: url(f5db578e693b7d9476e4e34d28d8084e.ttf); }

@font-face {
  font-family: "Chivo-BlackItalic";
  src: url(e1ef013af8492562054b19a52e6630c5.ttf); }

@font-face {
  font-family: "Chivo-Light";
  src: url(b8c31b1ebc2ccf3366001efbf5f7664e.ttf); }

@font-face {
  font-family: "Chivo-Medium";
  src: url(cd1d251a3223f3b33a169671bb51055a.ttf); }