@tailwind base;
@tailwind components;
@tailwind utilities;
.transition, .ecre-transition {
  transition: all 0.3s ease !important;
}

.test {
  display: flex;
}

#wpcontent:has(.echo-rewards-settings) {
  padding-left: 0 !important;
}

.btn-switch input:checked + .dot-round {
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.ecre-border {
  border-style: solid;
}

.btn-prolock {
  overflow: hidden;
  transition: 0.2s;
  margin-left: auto;
  cursor: pointer;
}
.btn-prolock .icon-wrap {
  transition: 0.2s;
  line-height: 0;
}
.btn-prolock .text {
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  transition: 0.2s;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.btn-prolock:hover .text {
  max-width: 96px;
  margin-left: 5px;
  opacity: 1;
}

.input-wrapper label:hover .btn-prolock .text, .text-area-wrapper label:hover .btn-prolock .text, .select-wrapper label:hover .btn-prolock .text, .email-body:hover .btn-prolock .text, .btn-switch:hover .btn-prolock .text, .pro-lock-hover:hover .btn-prolock .text, .line-chart__cartegory-weekly-month-years li button:hover .btn-prolock .text {
  max-width: 96px;
  margin-left: 5px;
  opacity: 1;
}

.echo-rewards-settings a, .echo-rewards-settings div {
  box-sizing: border-box;
}
.echo-rewards-settings [role=button] {
  cursor: pointer;
}
.echo-rewards-settings__navbar-menu li a:hover {
  background-color: #F5F2FE;
}
.echo-rewards-settings__navbar-menu li a:hover .icon-wrapper svg path {
  stroke: #6A40D5;
}
.echo-rewards-settings__navbar-menu li a:hover .ecre-text .title {
  color: #6A40D5;
}
.echo-rewards-settings__navbar-menu li a:hover .ecre-text .icon-angle-right {
  opacity: 1;
  visibility: visible;
}
.echo-rewards-settings__navbar-menu li.active a {
  background-color: #F5F2FE;
}
.echo-rewards-settings__navbar-menu li.active a .icon-wrapper svg path {
  stroke: #6A40D5;
}
.echo-rewards-settings__navbar-menu li.active a .ecre-text .title {
  color: #6A40D5;
}
.echo-rewards-settings__navbar-menu li.active a .ecre-text .icon-angle-right {
  opacity: 1;
  visibility: visible;
}

.echorewards-modal .echorewards-modal-container {
  display: flex;
}
.echorewards-modal .echorewards-close-modal svg path {
  transition: all 0.3 ease;
}
.echorewards-modal .echorewards-close-modal:hover svg path {
  fill: #EF4444;
}
.echorewards-modal .echorewards-modal-content {
  width: 100%;
  margin-top: auto;
  margin-left: 160px;
  margin-bottom: auto;
  padding: 52px 15px 30px;
}
@media only screen and (max-width: 960px) {
  .echorewards-modal .echorewards-modal-content {
    margin-left: 36px;
  }
}
@media only screen and (max-width: 782px) {
  .echorewards-modal .echorewards-modal-content {
    margin-left: 0px;
  }
}
.echorewards-modal.echorewards-eamil-preview .echorewards-modal-inner {
  overflow: hidden;
  border: 0 !important;
  max-width: 600px !important;
}
.echorewards-modal.echorewards-eamil-preview .echorewards-modal-header {
  background-color: #7956AD;
}
.echorewards-modal.echorewards-eamil-preview .echorewards-modal-header .echorewards-close-modal {
  display: none !important;
}
.echorewards-modal.support-modal .echorewards-modal-inner {
  width: 100% !important;
  max-width: 512px !important;
}
.echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-header {
  align-items: flex-start !important;
}
@media only screen and (max-width: 575px) {
  .echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-header {
    padding: 20px !important;
  }
}
.echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-header .echorewards-close-modal {
  margin-bottom: 0 !important;
}
.echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-body {
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 575px) {
  .echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-body {
    padding: 20px !important;
  }
}
.echorewards-modal.support-modal .echorewards-modal-inner .echorewards-modal-footer {
  display: none !important;
}
.echorewards-modal.echorewards-reward-management .echorewards-modal-inner {
  width: 100% !important;
  max-width: 571px !important;
}
.echorewards-modal.echorewards-reward-management .echorewards-modal-inner .echorewards-modal-header {
  align-items: flex-start !important;
}
@media only screen and (max-width: 575px) {
  .echorewards-modal.echorewards-reward-management .echorewards-modal-inner .echorewards-modal-header {
    padding: 20px !important;
  }
}
.echorewards-modal.echorewards-reward-management .echorewards-modal-inner .echorewards-modal-header .echorewards-close-modal {
  margin-bottom: 0 !important;
}
.echorewards-modal.echorewards-reward-management .echorewards-modal-inner .echorewards-modal-body {
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 575px) {
  .echorewards-modal.echorewards-reward-management .echorewards-modal-inner .echorewards-modal-body {
    padding: 20px !important;
  }
}

/* ModalTransitions.css */
.echorewards-modal-enter {
  opacity: 0;
}

.echorewards-modal-enter-active {
  opacity: 1;
  transition: opacity 300ms;
}

.echorewards-modal-exit {
  opacity: 1;
}

.echorewards-modal-exit-active {
  opacity: 0;
  transition: opacity 300ms;
}

/* Modal content transitions */
.echorewards-modal-inner-enter {
  opacity: 0;
  transform: scale(0.9);
}

.echorewards-modal-inner-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}

.echorewards-modal-inner-exit {
  opacity: 1;
}

.echorewards-modal-inner-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}

.react-tooltip.echorewards-react-tooltip {
  opacity: 1;
  color: #111827;
  font-size: 12px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #E3E5E9;
  box-shadow: 0px 4px 4px 0px rgba(90, 99, 107, 0.1490196078);
}

.echorewards-tooltip {
  display: inline-block;
}

.echorewards-react-select .echorewards-select__control {
  border-radius: 8px;
  min-height: 52px !important;
  box-shadow: none !important;
  border-color: #9CA3AF !important;
}
.echorewards-react-select .echorewards-select__value-container {
  padding-left: 14px !important;
}
.echorewards-react-select .echorewards-select__single-value {
  color: #111827;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.echorewards-react-select .echorewards-select__indicator-separator {
  display: none !important;
}
.echorewards-react-select .echorewards-select__indicator svg {
  fill: #111827 !important;
}
.echorewards-react-select .echorewards-select__option {
  display: flex;
  align-items: center;
  gap: 4px;
}
.echorewards-react-select .echorewards-select__option .icon {
  height: 24px;
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.echorewards-react-select .echorewards-select__option .btn-prolock {
  display: none !important;
  overflow: hidden;
  transition: 0.2s;
  margin-left: auto;
}
.echorewards-react-select .echorewards-select__option .btn-prolock .icon-wrap {
  transition: 0.2s;
}
.echorewards-react-select .echorewards-select__option .btn-prolock .text {
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  transition: 0.2s;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.echorewards-react-select .echorewards-select__option .btn-prolock:hover .text {
  max-width: 96px;
  margin-left: 5px;
  opacity: 1;
}
.echorewards-react-select .echorewards-select__option--is-disabled {
  color: #111827;
  position: relative;
}
.echorewards-react-select .echorewards-select__option--is-disabled .btn-prolock {
  display: inline-flex !important;
}
.echorewards-react-select .echorewards-select__option--is-disabled .btn-prolock::before {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: 0.2s;
}
.echorewards-react-select .echorewards-select__input {
  outline: 0;
  box-shadow: none !important;
}

.ecre-max-w-320 {
  max-width: 320px;
}

.ecre-max-w-570 {
  max-width: 570px;
}

.ecre-max {
  max-width: 570px;
}

.help-documentation, .shortcode-widgets {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.help-documentation__item:hover .btn-prolock .text, .shortcode-widgets__item:hover .btn-prolock .text {
  max-width: 96px;
  margin-left: 5px;
  opacity: 1;
}
@media only screen and (max-width: 1199px) {
  .help-documentation, .shortcode-widgets {
    display: flex;
    flex-wrap: wrap;
  }
  .help-documentation__item, .shortcode-widgets__item {
    flex: 1 1 260px !important;
  }
}

.elementor-gutenberg .btn-prolock {
  margin-left: 4px;
}
.elementor-gutenberg:hover .btn-prolock .text {
  max-width: 96px;
  margin-left: 5px;
  opacity: 1;
}

.reports-analytics__navbar-menu li a, .referrer-details__navbar-menu li a {
  position: relative;
}
.reports-analytics__navbar-menu li a::before, .referrer-details__navbar-menu li a::before {
  content: "";
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  bottom: -10px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  border-radius: 500px;
  background-color: #6A40D5;
  transition: all 0.3s ease;
}
.reports-analytics__navbar-menu li.active a, .referrer-details__navbar-menu li.active a {
  color: #fff !important;
  background-color: #6A40D5 !important;
}
.reports-analytics__navbar-menu li.active a::before, .referrer-details__navbar-menu li.active a::before {
  width: 100%;
}

.referrer-details__navbar-menu {
  border-bottom: 1px solid #E5E7EB;
}
.referrer-details__navbar-menu li a::before {
  bottom: -11px;
}
.referrer-details__navbar-menu li.active a {
  color: #fff !important;
  background-color: #6A40D5 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.referrer-details__navbar-menu li.active a::before {
  width: 100%;
}

#toplevel_page_echo-rewards ul.wp-submenu li:nth-child(2) {
  display: none !important;
}

.referrer-table {
  border-radius: 8px;
  overflow: hidden;
  border-spacing: inherit;
}
.referrer-table td, .referrer-table th {
  border-bottom: 1px solid #E0E0E0;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}

.ecre-data-migration a {
  outline: 0;
  box-shadow: none;
  text-decoration: none;
}

.ecre-referrer-table {
  border-radius: 8px;
  overflow: hidden;
  border-spacing: inherit;
}
.ecre-referrer-table td, .ecre-referrer-table th {
  border-bottom: 1px solid #E0E0E0;
}
.ecre-referrer-table tbody tr:first-child {
  background-color: #FDF2F8;
}
.ecre-referrer-table tbody tr:first-child td:first-child div:last-child div:first-child {
  color: #DB2777;
}
.ecre-referrer-table tbody tr:nth-child(2) {
  background-color: #FFF7ED;
}
.ecre-referrer-table tbody tr:nth-child(2) td:first-child div:last-child div:first-child {
  color: #EA580C;
}
.ecre-referrer-table tbody tr:nth-child(3) {
  background-color: #FFFBEB;
}
.ecre-referrer-table tbody tr:nth-child(3) td:first-child div:last-child div:first-child {
  color: #4B5563;
}

.ecre-pagination span:nth-child(3) {
  display: none;
}

@media only screen and (max-width: 575px) {
  .reward-points ul {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .reward-points ul li {
    flex-direction: column !important;
    align-items: center !important;
  }
}

/*# sourceMappingURL=admin.css.map */
