PNG %k25u25%fgd5n!
@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.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
}
.ecre-border {
border-style: solid;
}
.btn-prolock {
overflow: hidden;
transition: .2s;
margin-left: auto;
cursor: pointer;
.icon-wrap {
transition: .2s;
line-height: 0;
}
.text {
max-width: 0;
opacity: 0;
white-space: nowrap;
transition: .2s;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
&:hover {
.text {
max-width: 96px;
margin-left: 5px;
opacity: 1;
}
}
}
.input-wrapper label, .text-area-wrapper label, .select-wrapper label, .email-body, .btn-switch, .pro-lock-hover, .line-chart__cartegory-weekly-month-years li button {
&:hover {
.btn-prolock {
.text {
max-width: 96px;
margin-left: 5px;
opacity: 1;
}
}
}
}
.echo-rewards-settings {
a, div {
box-sizing: border-box;
}
[role="button"] {
cursor: pointer;
}
&__navbar-menu {
li {
a {
&:hover {
background-color: #F5F2FE;
.icon-wrapper {
svg {
path {
stroke: #6A40D5;
}
}
}
.ecre-text {
.title {
color: #6A40D5;
}
.icon-angle-right {
opacity: 1;
visibility: visible;
}
}
}
}
&.active {
a {
background-color: #F5F2FE;
.icon-wrapper {
svg {
path {
stroke: #6A40D5;
}
}
}
.ecre-text {
.title {
color: #6A40D5;
}
.icon-angle-right {
opacity: 1;
visibility: visible;
}
}
}
}
}
}
}
.echorewards-modal {
.echorewards-modal-container {
display: flex;
}
.echorewards-close-modal {
svg {
path {
transition: all 0.3 ease;
}
}
&:hover {
svg {
path {
fill: #EF4444;
}
}
}
}
.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) {
margin-left: 36px;
}
@media only screen and (max-width: 782px) {
margin-left: 0px;
}
}
&.echorewards-eamil-preview {
.echorewards-modal-inner {
overflow: hidden;
border: 0 !important;
max-width: 600px !important;
}
.echorewards-modal-header {
background-color: #7956AD;
.echorewards-close-modal {
display: none !important;
}
}
}
&.support-modal {
.echorewards-modal-inner {
width: 100% !important;
max-width: 512px !important;
.echorewards-modal-header {
align-items: flex-start !important;
@media only screen and (max-width: 575px){
padding: 20px !important;
}
.echorewards-close-modal {
margin-bottom: 0 !important;
}
}
.echorewards-modal-body {
padding-bottom: 20px !important;
@media only screen and (max-width: 575px){
padding: 20px !important;
}
}
.echorewards-modal-footer {
display: none !important;
}
}
}
&.echorewards-reward-management {
.echorewards-modal-inner {
width: 100% !important;
max-width: 571px !important;
.echorewards-modal-header {
align-items: flex-start !important;
@media only screen and (max-width: 575px){
padding: 20px !important;
}
.echorewards-close-modal {
margin-bottom: 0 !important;
}
}
.echorewards-modal-body {
padding-bottom: 20px !important;
@media only screen and (max-width: 575px){
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 #5A636B26;
}
}
.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;
}
&__value-container {
padding-left: 14px !important;
}
&__single-value {
color: #111827;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
&__indicator-separator {
display: none !important;
}
&__indicator {
svg {
fill: #111827 !important;
}
}
&__option {
display: flex;
align-items: center;
gap: 4px;
.icon {
height: 24px;
width: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-prolock {
display: none !important;
overflow: hidden;
transition: .2s;
margin-left: auto;
.icon-wrap {
transition: .2s;
}
.text {
max-width: 0;
opacity: 0;
white-space: nowrap;
transition: .2s;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
&:hover {
.text {
max-width: 96px;
margin-left: 5px;
opacity: 1;
}
}
}
}
&__option--is-disabled {
color: #111827;
position: relative;
.btn-prolock {
display: inline-flex !important;
&::before {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
transition: .2s;
}
}
}
&__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;
&__item {
&:hover {
.btn-prolock {
.text {
max-width: 96px;
margin-left: 5px;
opacity: 1;
}
}
}
}
@media only screen and (max-width: 1199px){
display: flex;
flex-wrap: wrap;
&__item {
flex: 1 1 260px !important;
}
}
}
.elementor-gutenberg {
.btn-prolock {
margin-left: 4px;
}
&:hover {
.btn-prolock {
.text {
max-width: 96px;
margin-left: 5px;
opacity: 1;
}
}
}
}
.reports-analytics, .referrer-details {
&__navbar-menu {
li {
a {
position: relative;
&::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;
}
}
&.active {
a {
color: #fff !important;
background-color: #6A40D5 !important;
&::before {
width: 100%;
}
}
}
}
}
}
.referrer-details {
&__navbar-menu {
border-bottom: 1px solid #E5E7EB;
li {
a {
&::before {
bottom: -11px;
}
}
&.active {
a {
color: #fff !important;
background-color: #6A40D5 !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
&::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;
td, 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;
td, th {
border-bottom: 1px solid #E0E0E0;
}
tbody {
tr {
&:first-child {
background-color: #FDF2F8;
td {
&:first-child {
div:last-child {
div:first-child {
color: #DB2777;
}
}
}
}
}
&:nth-child(2) {
background-color: #FFF7ED;
td {
&:first-child {
div:last-child {
div:first-child {
color: #EA580C;
}
}
}
}
}
&:nth-child(3) {
background-color: #FFFBEB;
td {
&:first-child {
div:last-child {
div:first-child {
color: #4B5563;
}
}
}
}
}
}
}
}
.ecre-pagination {
span {
&:nth-child(3) {
display: none;
}
}
}
.reward-points {
@media only screen and (max-width: 575px){
ul {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
li {
flex-direction: column !important;
align-items: center !important;
}
}
}
}