.btnAction i {
    color: var(--primary)
}


.card-title .btnAction i, .a-light i {
    color: var(--primary) !important;
}


meta[name=theme-color] {
    content: var(--primary) !important;
}


table a {
    color: var(--primary)
}

    table a:hover {
        color: var(--primary-dark)
    }


.card.bg-wippe, .card .card-header-wippe .card-icon, .card .card-header-wippe .card-text, .card .card-header-wippe:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-wippe .back, .card.card-rotate.bg-wippe .front {
    background: linear-gradient(230deg,var(--primary),var(--primary-dark));
}


.header-filter[filter-color=Wippe]:after {
    background: var(--primary);
    background: linear-gradient(190deg,var(--primary), var(--secondary))
}

.bg-full-wippe {
    background: var(--primary);
    background: linear-gradient(190deg,var(--primary), var(--secondary));
    min-height: 100% !important;
}


/*#region sidebar */

.sidebar[data-background-color=wippe] {
    background: linear-gradient(190deg,var(--sidebar-primary),var(--sidebar-secondary))
}

    .sidebar[data-background-color=wippe] .nav .nav-item .nav-link {
        color: var(--sidebar-text);
    }

    .sidebar[data-background-color=wippe] .nav .nav-item i {
        color: var(--sidebar-text);
    }

    .sidebar[data-background-color=wippe] .nav .nav-item.active [data-toggle=collapse], .sidebar[data-background-color=wippe] .nav .nav-item:hover [data-toggle=collapse] {
        color: var(--sidebar-text);
    }

        .sidebar[data-background-color=wippe] .nav .nav-item.active [data-toggle=collapse] i, .sidebar[data-background-color=wippe] .nav .nav-item:hover [data-toggle=collapse] i {
            color: var(--sidebar-text);
        }

    .sidebar[data-background-color=wippe] .simple-text, .sidebar[data-background-color=wippe] .user a {
        color: var(--sidebar-text);
    }

    .sidebar[data-background-color=wippe] .sidebar-background:after, .headerEmail {
        background: linear-gradient(190deg,var(--sidebar-primary),var(--sidebar-secondary));
    }

    .sidebar[data-background-color=wippe] .logo:after, .sidebar[data-background-color=wippe] .nav li.separator:after, .sidebar[data-background-color=wippe] .user:after {
        background-color: var(--sidebar-marginbottom);
    }

    .sidebar[data-background-color=wippe] .nav li.active > [data-toggle=collapse], .sidebar[data-background-color=wippe] .nav li:hover:not(.active) > a {
        background-color: hsla(0, 0%, 100%, .2);
    }


.sidebar[data-color=wippe] li.active > a {
    background-color: var(--secondary);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px var(--secondary-shadow);
    ;
}


/*#endregion */



/*#region cardWizard */

.card-wizard[data-color=wippe] .moving-tab {
    background-color: var(--secondary);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px var(--secondary-shadow);
}

.card-wizard[data-color=wippe] .picture:hover {
    border-color: var(--secondary);
}

.card-wizard[data-color=wippe] .choice.active .icon, .card-wizard[data-color=wippe] .choice:hover .icon {
    border-color: var(--secondary);
    color: var(--secondary);
}

.card-wizard[data-color=wippe] .checkbox input[type=checkbox]:checked + .checkbox-material .check, .card-wizard[data-color=wippe] .radio input[type=radio]:checked ~ .check {
    background-color: var(--secondary);
}

.card-wizard[data-color=wippe] .radio input[type=radio]:checked ~ .circle {
    border-color: var(--secondary);
}

/*#endregion */



.table-wippe, .table-wippe > td, .table-wippe > th {
    background-color: #c1e2fc;
}

.table-hover .table-wippe:hover, .table-hover .table-wippe:hover > td, .table-hover .table-wippe:hover > th {
    background-color: #a9d7fb;
}



/*#region button */


.btn-wippe {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none;
}

    .btn-wippe:hover {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary-dark);
    }

    .btn-wippe.focus, .btn-wippe:focus {
        box-shadow: none, 0 0 0 .2rem var(--primary-shadow);
        background-color: var(--primary-dark);
        color: #fff;
        border-color: var(--primary-dark);
    }

    .btn-wippe.disabled, .btn-wippe:disabled {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

    .btn-wippe:not(:disabled):not(.disabled).active, .btn-wippe:not(:disabled):not(.disabled):active, .show > .btn-wippe.dropdown-toggle {
        color: #fff;
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
    }

        .btn-wippe:not(:disabled):not(.disabled).active:focus, .btn-wippe:not(:disabled):not(.disabled):active:focus, .show > .btn-wippe.dropdown-toggle:focus {
            box-shadow: none, 0 0 0 .2rem var(--primary-shadow);
        }






.btn-outline-wippe {
    color: var(--primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary);
}

    .btn-outline-wippe:hover {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

    .btn-outline-wippe.focus, .btn-outline-wippe:focus {
        box-shadow: 0 0 0 .2rem var(--primary-shadow);
    }

    .btn-outline-wippe.disabled, .btn-outline-wippe:disabled {
        color: var(--primary);
        background-color: transparent;
    }

    .btn-outline-wippe:not(:disabled):not(.disabled).active, .btn-outline-wippe:not(:disabled):not(.disabled):active, .show > .btn-outline-wippe.dropdown-toggle {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

        .btn-outline-wippe:not(:disabled):not(.disabled).active:focus, .btn-outline-wippe:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-wippe.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem var(--primary-shadow);
        }





/*#endregion */




.alert-wippe {
    color: var(--primary-darker);
    background-color: #d3eafd;
    border-color: #c1e2fc;
}

    .alert-wippe hr {
        border-top-color: #a9d7fb;
    }

    .alert-wippe .alert-link {
        color: var(--primary-dark);
    }

.list-group-item-wippe {
    color: var(--primary-darker);
    background-color: #c1e2fc;
}

    .list-group-item-wippe.list-group-item-action:focus, .list-group-item-wippe.list-group-item-action:hover {
        color: var(--primary-darker);
        background-color: #a9d7fb;
    }

    .list-group-item-wippe.list-group-item-action.active {
        color: #fff;
        background-color: var(--primary-darker);
        border-color: var(--primary-darker);
    }



.badge-wippe {
    color: #fff;
    background-color: var(--primary);
}

    .badge-wippe[href]:focus, .badge-wippe[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: var(--primary-dark);
    }



.bg-wippe {
    background-color: var(--primary) !important;
}

a.bg-wippe:focus, a.bg-wippe:hover, button.bg-wippe:focus, button.bg-wippe:hover {
    background-color: var(--primary-dark) !important;
}

.border-wippe {
    border-color: var(--primary) !important;
}

.text-wippe {
    color: var(--primary) !important;
}

a.text-wippe:focus, a.text-wippe:hover {
    color: var(--primary-dark) !important;
}


.badge.badge-wippe {
    background-color: var(--secondary);
}

.badge-wippe[href]:focus, .badge-wippe[href]:hover {
    background-color: var(--secondary-dark);
}

.navbar.bg-wippe {
    color: #fff;
    background-color: var(--secondary) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px var(--secondary-shadow;
}

    .navbar.bg-wippe .dropdown-item:focus, .navbar.bg-wippe .dropdown-item:hover {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px var(--secondary-shadow);
        background-color: var(--secondary);
        color: #fff;
    }

    .navbar.bg-wippe .navbar-toggler .navbar-toggler-icon {
        background-color: #fff;
    }

.text-wippe {
    color: var(--secondary) !important;
}

.nav-tabs.header-wippe .nav-link {
    color: #fff;
}

    .nav-tabs.header-wippe .nav-link.active {
        color: #fff;
        border-color: #fff;
    }

        .nav-tabs.header-wippe .nav-link.active:focus, .nav-tabs.header-wippe .nav-link.active:hover {
            border-color: #fff;
        }

    .nav-tabs.header-wippe .nav-link.disabled, .nav-tabs.header-wippe .nav-link.disabled:focus, .nav-tabs.header-wippe .nav-link.disabled:hover {
        color: hsla(0, 0%, 100%, .84);
    }



.alert.alert-wippe {
    background-color: var(--secondary);
    color: #fff;
}

    .alert.alert-wippe .alert-link, .alert.alert-wippe a {
        color: #fff;
    }

.alert.alert-wippe {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px var(--secondary-shadow);
}

    .alert.alert-wippe i {
        color: var(--secondary);
    }

.progress.progress-line-wippe {
    background: var(--secondary-shadow);
}

.icon.icon-wippe {
    color: var(--secondary);
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    background-color: linear-gradient(230deg,var(--primary),var(--primary-dark));
}

.card.bg-wippe, .card .card-header-wippe .card-icon, .card .card-header-wippe .card-text, .card .card-header-wippe:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-wippe .back, .card.card-rotate.bg-wippe .front {
    background-color: linear-gradient(230deg,var(--primary),var(--primary-dark));
}


.card .card-header-wippe .card-icon, .card .card-header-wippe .card-text, .card .card-header-wippe:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.40);
}

.card-pricing .card-icon.icon-wippe i {
    color: var(--secondary);
}

.card.bg-wippe, .card .card-header-wippe .card-icon, .card .card-header-wippe .card-text, .card .card-header-wippe:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-wippe .back, .card.card-rotate.bg-wippe .front {
    background: linear-gradient(230deg,#4faee3,#228adc);
}

.card .card-header-wippe .card-icon, .card .card-header-wippe .card-text, .card .card-header-wippe:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.40);
}


.fixed-plugin .btn.btn-wippe {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px var(--secondary-shadow), 0 1px 5px 0 var(--secondary-shadow);
}

    .fixed-plugin .btn.btn-wippe.focus, .fixed-plugin .btn.btn-wippe:focus, .fixed-plugin .btn.btn-wippe:hover {
        color: #fff;
        background-color: var(--secondary-dark);
        border-color: var(--secondary-darker);
    }

    .fixed-plugin .btn.btn-wippe.active, .fixed-plugin .btn.btn-wippe:active, .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle, .show > .fixed-plugin .btn.btn-wippe.dropdown-toggle {
        color: #fff;
        background-color: var(--secondary-dark);
        border-color: var(--secondary-darker);
        box-shadow: 0 2px 2px 0 var(--secondary-shadow), 0 3px 1px -2px var(--secondary-shadow), 0 1px 5px 0 var(--secondary-shadow);
    }

        .fixed-plugin .btn.btn-wippe.active.focus, .fixed-plugin .btn.btn-wippe.active:focus, .fixed-plugin .btn.btn-wippe.active:hover, .fixed-plugin .btn.btn-wippe:active.focus, .fixed-plugin .btn.btn-wippe:active:focus, .fixed-plugin .btn.btn-wippe:active:hover, .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle.focus, .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle:focus, .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle:hover, .show > .fixed-plugin .btn.btn-wippe.dropdown-toggle.focus, .show > .fixed-plugin .btn.btn-wippe.dropdown-toggle:focus, .show > .fixed-plugin .btn.btn-wippe.dropdown-toggle:hover {
            color: #fff;
            background-color: var(--secondary-dark);
            border-color: var(--secondary-darker);
        }

        .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle.bmd-btn-icon {
            color: inherit;
            background-color: var(--secondary);
        }

            .open > .fixed-plugin .btn.btn-wippe.dropdown-toggle.bmd-btn-icon:hover {
                background-color: var(--secondary-dark);
            }

    .fixed-plugin .btn.btn-wippe.disabled.focus, .fixed-plugin .btn.btn-wippe.disabled:focus, .fixed-plugin .btn.btn-wippe.disabled:hover, .fixed-plugin .btn.btn-wippe:disabled.focus, .fixed-plugin .btn.btn-wippe:disabled:focus, .fixed-plugin .btn.btn-wippe:disabled:hover {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    .fixed-plugin .btn.btn-wippe:active, .fixed-plugin .btn.btn-wippe:focus, .fixed-plugin .btn.btn-wippe:hover {
        box-shadow: 0 14px 26px -12px var(--secondary-shadow), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px var(--secondary-shadow);
    }

    .fixed-plugin .btn.btn-wippe.btn-link {
        box-shadow: none;
    }

        .fixed-plugin .btn.btn-wippe.btn-link, .fixed-plugin .btn.btn-wippe.btn-link:active, .fixed-plugin .btn.btn-wippe.btn-link:focus, .fixed-plugin .btn.btn-wippe.btn-link:hover {
            background-color: transparent;
            color: var(--secondary);
        }



.full-page[filter-color=wippe].lock-page .form-group .form-control, .full-page[filter-color=wippe].lock-page .form-group .form-control {
    background-image: linear-gradient(var(--secondary), var(--secondary)), linear-gradient(#d2d2d2, #d2d2d2);
}

.register-page .card-signup .info-horizontal .icon.icon-wippe {
    color: var(--secondary);
}

.timeline > li > .timeline-badge.wippe {
    background-color: var(--secondary);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px var(--secondary-shadow);
}


.fc-button {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: var(--secondary) !important;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
}



.fc button, .fc button.btn-wippe {
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px var(--secondary-shadow), 0 1px 5px 0 var(--secondary-shadow);
}

    .fc button, .fc button.active, .fc button.active:focus, .fc button.active:hover, .fc button.btn-wippe, .fc button.btn-wippe.active, .fc button.btn-wippe.active:focus, .fc button.btn-wippe.active:hover, .fc button.btn-wippe:active, .fc button.btn-wippe:active:focus, .fc button.btn-wippe:active:hover, .fc button.btn-wippe:focus, .fc button.btn-wippe:hover, .fc button:active, .fc button:active:focus, .fc button:active:hover, .fc button:focus, .fc button:hover, .open > .fc button.btn-wippe.dropdown-toggle, .open > .fc button.btn-wippe.dropdown-toggle:focus, .open > .fc button.btn-wippe.dropdown-toggle:hover, .open > .fc button.dropdown-toggle, .open > .fc button.dropdown-toggle:focus, .open > .fc button.dropdown-toggle:hover {
        background-color: var(--secondary) !important;
        color: #fff;
    }

        .fc button.btn-wippe:active, .fc button.btn-wippe:focus, .fc button.btn-wippe:hover, .fc button:active, .fc button:focus, .fc button:hover {
            box-shadow: 0 14px 26px -12px var(--secondary-shadow), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px var(--secondary-shadow);
        }

        .fc button.btn-wippe.disabled, .fc button.btn-wippe.disabled.active, .fc button.btn-wippe.disabled.focus, .fc button.btn-wippe.disabled:active, .fc button.btn-wippe.disabled:focus, .fc button.btn-wippe.disabled:hover, .fc button.btn-wippe:disabled, .fc button.btn-wippe:disabled.active, .fc button.btn-wippe:disabled.focus, .fc button.btn-wippe:disabled:active, .fc button.btn-wippe:disabled:focus, .fc button.btn-wippe:disabled:hover, .fc button.btn-wippe[disabled], .fc button.btn-wippe[disabled].active, .fc button.btn-wippe[disabled].focus, .fc button.btn-wippe[disabled]:active, .fc button.btn-wippe[disabled]:focus, .fc button.btn-wippe[disabled]:hover, .fc button.disabled, .fc button.disabled.active, .fc button.disabled.focus, .fc button.disabled:active, .fc button.disabled:focus, .fc button.disabled:hover, .fc button:disabled, .fc button:disabled.active, .fc button:disabled.focus, .fc button:disabled:active, .fc button:disabled:focus, .fc button:disabled:hover, .fc button[disabled], .fc button[disabled].active, .fc button[disabled].focus, .fc button[disabled]:active, .fc button[disabled]:focus, .fc button[disabled]:hover, fieldset[disabled] .fc button, fieldset[disabled] .fc button.active, fieldset[disabled] .fc button.btn-wippe, fieldset[disabled] .fc button.btn-wippe.active, fieldset[disabled] .fc button.btn-wippe.focus, fieldset[disabled] .fc button.btn-wippe:active, fieldset[disabled] .fc button.btn-wippe:focus, fieldset[disabled] .fc button.btn-wippe:hover, fieldset[disabled] .fc button.focus, fieldset[disabled] .fc button:active, fieldset[disabled] .fc button:focus, fieldset[disabled] .fc button:hover {
            box-shadow: none;
        }

        .fc button.btn-wippe.btn-simple, .fc button.btn-simple {
            background-color: var(--secondary) !important;
            color: var(--secondary);
            box-shadow: none;
        }

            .fc button.btn-wippe.btn-simple:active, .fc button.btn-wippe.btn-simple:focus, .fc button.btn-wippe.btn-simple:hover, .fc button.btn-simple:active, .fc button.btn-simple:focus, .fc button.btn-simple:hover {
                background-color: var(--secondary) !important;
                color: var(--secondary);
            }


.bootstrap-tagsinput.wippe-badge .tag {
    background-color: var(--secondary);
    color: #fff;
}

    .bootstrap-tagsinput.wippe-badge .tag .tagsinput-remove-link {
        color: #fff;
    }

.progress .progress-bar.progress-bar-wippe {
    background: var(--secondary) !important;
}