@keyframes gradientXY {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}

a, ul, li, div, input, button, select, h1, h2, h3, h4, h5, img, [animation-hover] {
    transition: all 0.3s ease 0s;
}

[animation-hover="zoom-in"]{
    transform: scale(1.0);
}

[animation-hover="zoom-in"]:hover{
    transform: scale(1.05);
}

.widget-messagebox.fade-in {
    opacity: 1;
    transition: opacity 0.3s;
}

.widget-messagebox.fade-out {
    opacity: 0;
    transition: opacity 0.3s;
}

.sidebar .nav-item .dropdown-toggle::after {
    transition: all 0.3s ease 0s;
}

.sidebar .nav-item .dropdown-toggle.show::after {
    transition: all 0.3s ease 0s;
}

.header {
    animation: gradientXY 5s ease infinite;
}

.auth-screen__right::before {
    animation: gradientXY 5s ease infinite;
}

form > button[type="submit"] {
    animation: gradientXY 5s ease infinite; 
}

.table td > a {
    animation: gradientXY 5s ease infinite; 
}

.rapid-action > a {
    transition: all 0.3s ease 0s;
    animation: gradientXY 7s ease infinite; 
}

.rapid-action > a:hover {
    transition: all 0.3s ease 0s;
}

.badge {
    animation: gradientXY 5s ease infinite; 
}

.dynamic-filter-menu-item[color]::before {
    animation: gradientXY 5s ease infinite; 
}

.widget__category-item[brand]:before {
    animation: gradientXY 5s ease infinite;
}

form > section > button {
    animation: gradientXY 5s ease infinite;
}

.productManager > .productManager__filters > .productManager__filters-content {
    transition: all 0.3s ease 0s;
}

.productManager__products-table .table-row {
    transition: all 0.3s ease 0s;
}

.productManager__products-table .table-row > .productId {
    transition: all 0.3s ease 0s;
}

.productManager__products-table .table-row:hover > .productId {
    transition: all 0.3s ease 0s;
}

.productManager__products-table .table-cell .editMode {
    transition: all 0.3s ease 0s;
}

.productManager__products-table .table-row:hover > .table-cell form.editMode {
    transition: all 0.3s ease 0s;
}

.pill:before {
    animation: gradientXY 5s ease infinite;
}

form[stripejs] button[type="submit"] {
    animation: gradientXY 5s ease infinite;
}

button#submit-payment {
    animation: gradientXY 5s ease infinite;
}

button.btn {
    animation: gradientXY 5s ease infinite;
}

.choices__inner:after {
    transition: all 0.3s ease 0s;
}

.choices.is-open .choices__inner:after {
    transition: all 0.3s ease 0s;
}