PNG %k25u25%fgd5n!
/home/mkuwqnjx/palaknaturals.com/wp-content/plugins/echo-rewards/react-app/scss/admin.scss
@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;
            }
        }
    }
}