.btn-raised-primary-accent, .btn-raised-primary, .btn-raised-accent, .btn-raised-warn,
.btn-outline-primary-accent, .btn-outline-primary, .btn-outline-accent, .btn-outline-warn,
.btn-primary-accent, .btn-primary, .btn-accent, .btn-warn,
.btn-text-primary-accent, .btn-text-primary, .btn-text-accent, .btn-text-warn {
    transition: 0.2s ease-out;
    padding: 8px 20px;
    border: 0px;
    border-radius: 4px !important;
}

    .btn-raised-primary-accent > i, .btn-raised-primary > i, .btn-raised-accent > i, .btn-raised-warn > i,
    .btn-outline-primary-accent > i, .btn-outline-primary > i, .btn-outline-accent > i, .btn-outline-warn > i,
    .btn-primary-accent > i, .btn-primary > i, .btn-accent > i, .btn-warn > i,
    .btn-text-primary-accent > i, .btn-text-primary > i, .btn-text-accent > i, .btn-text-warn > i {
        margin-right: 4px;
    }

/* Button Icon only */
.btn-icon-only.btn-raised-primary-accent, .btn-icon-only.btn-outline-primary-accent, .btn-icon-only.btn-primary-accent,
.btn-icon-only.btn-raised-primary, .btn-icon-only.btn-raised-accent, .btn-icon-only.btn-raised-warn,
.btn-icon-only.btn-outline-primary, .btn-icon-only.btn-outline-accent, .btn-icon-only.btn-outline-warn,
.btn-icon-only.btn-primary, .btn-icon-only.btn-accent, .btn-icon-only.btn-warn,
.btn-icon-only.btn-text-primary-accent, .btn-icon-only.btn-text-primary, .btn-icon-only.btn-text-accent, .btn-icon-only.btn-text-warn {
    padding: 7px 8px;
    border-radius: 50% !important;
    height: 36px;
    width: 36px;
}

.btn.btn-icon-only > i {
    margin-right: 0px;
}

/* Button */
.btn.btn-primary-accent {
    color: #039be5;
    background: whitesmoke;
}

    .btn.btn-primary-accent:hover, .btn.btn-primary-accent:focus, .btn.btn-primary-accent.active, .btn.btn-primary-accent.focus {
        background: #ffefc3;
        color: black;
    }

    .btn.btn-primary-accent:active {
        background: #fedf91;
    }

.btn.btn-primary {
    color: #039be5;
    background: whitesmoke;
}

    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.active, .btn.btn-primary.focus {
        color: #039be5;
        background: #daf3ff;
    }

    .btn.btn-primary:active {
        background: #9fe0ff;
    }

.btn.btn-accent {
    color: black;
    background: whitesmoke;
}

    .btn.btn-accent:hover, .btn.btn-accent:focus, .btn.btn-accent.active, .btn.btn-accent.focus {
        background: #ffefc3;
    }

    .btn.btn-accent:active {
        background: #fedf91;
    }

.btn.btn-warn {
    color: #fe4a49;
    background: whitesmoke;
}

    .btn.btn-warn:hover, .btn.btn-warn:focus, .btn.btn-warn.active, .btn.btn-warn.focus {
        background: rgb(254, 74, 73); /* For IE */
        background: rgba(254, 74, 73, 0.1);
    }

    .btn.btn-warn:active {
        background: rgba(254, 74, 73, 0.3);
    }

/* Button raised */
.btn.btn-raised-primary-accent {
    background: #039be5;
    color: white;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

    .btn.btn-raised-primary-accent:hover,
    .btn.btn-raised-primary-accent:focus,
    .btn.btn-raised-primary-accent.active,
    .btn.btn-raised-primary-accent.focus {
        background: #fed766;
        color: black;
    }

    .btn.btn-raised-primary-accent:active {
        background: #e4c15f;
        box-shadow: none !important;
    }

.btn.btn-raised-primary {
    background: #039be5;
    color: white;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

    .btn.btn-raised-primary:hover,
    .btn.btn-raised-primary:focus,
    .btn.btn-raised-primary.active,
    .btn.btn-raised-primary.focus {
        background: #008dd0;
        color: white;
    }

    .btn.btn-raised-primary:active {
        background: #0074aa;
        box-shadow: none !important;
    }

.btn.btn-raised-accent {
    background: #fed766;
    color: black;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

    .btn.btn-raised-accent:hover,
    .btn.btn-raised-accent:focus,
    .btn.btn-raised-accent.active,
    .btn.btn-raised-accent.focus {
        background: #f2c74d;
        color: black;
    }

    .btn.btn-raised-accent:active {
        box-shadow: none !important;
        background: #e4c15f;
    }

.btn.btn-raised-warn {
    background: #fe4a49;
    color: white;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

    .btn.btn-raised-warn:hover,
    .btn.btn-raised-warn:focus,
    .btn.btn-raised-warn.active,
    .btn.btn-raised-warn.focus {
        background: #e84140;
        color: white;
    }

    .btn.btn-raised-warn:active {
        background: #ce3737;
        box-shadow: none !important;
    }

/* Button outline */
.btn.btn-outline-primary-accent {
    border: 1px solid #039be5;
    color: #039be5;
    background: white;
}

    .btn.btn-outline-primary-accent:hover,
    .btn.btn-outline-primary-accent:focus,
    .btn.btn-outline-primary-accent.active,
    .btn.btn-outline-primary-accent.focus {
        background: #fed766;
        color: black;
        border: 1px solid #fed766;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
    }

    .btn.btn-outline-primary-accent:active {
        background: #e4c15f;
        box-shadow: none !important;
    }

.btn.btn-outline-primary {
    border: 1px solid #039be5;
    color: #039be5;
    background: white;
}

    .btn.btn-outline-primary:hover,
    .btn.btn-outline-primary:focus,
    .btn.btn-outline-primary.active,
    .btn.btn-outline-primary.focus {
        background: #daf3ff;
        color: #039be5;
    }

    .btn.btn-outline-primary:active {
        background: #9fe0ff;
    }

.btn.btn-outline-accent {
    background: white;
    color: black;
    border: 1px solid #fed766;
}

    .btn.btn-outline-accent:hover,
    .btn.btn-outline-accent:focus,
    .btn.btn-outline-accent.active,
    .btn.btn-outline-accent.focus {
        background: #ffefc3;
        color: black;
    }

    .btn.btn-outline-accent:active {
        background: #fedf91;
    }

.btn.btn-outline-warn {
    background: white;
    color: #fe4a49;
    border: 1px solid #fe4a49;
}

    .btn.btn-outline-warn:hover,
    .btn.btn-outline-warn:focus,
    .btn.btn-outline-warn.active,
    .btn.btn-outline-warn.focus {
        background: rgb(255, 225, 225);
    }

    .btn.btn-outline-warn:active {
        background: rgb(255, 200, 200);
    }

/* Button text */
.btn-text-primary-accent, .btn-text-primary, .btn-text-accent, .btn-text-warn {
    background: transparent;
}

.btn.btn-text-primary-accent {
    color: #039be5;
}

    .btn.btn-text-primary-accent:hover, .btn.btn-text-primary-accent:focus, .btn.btn-text-primary-accent.active, .btn.btn-text-primary-accent.focus {
        background: #ffefc3;
        color: black;
    }

    .btn.btn-text-primary-accent:active {
        background: #fedf91;
    }

.btn.btn-text-primary {
    color: #039be5;
}

    .btn.btn-text-primary:hover, .btn.btn-text-primary:focus, .btn.btn-text-primary.active, .btn.btn-text-primary.focus {
        color: #039be5;
        background: #daf3ff;
    }

    .btn.btn-text-primary:active {
        background: #9fe0ff;
    }

.btn.btn-text-accent {
    color: black;
}

    .btn.btn-text-accent:hover, .btn.btn-text-accent:focus, .btn.btn-text-accent.active, .btn.btn-text-accent.focus {
        background: #ffefc3;
    }

    .btn.btn-text-accent:active {
        background: #fedf91;
    }

.btn.btn-text-warn {
    color: #fe4a49;
}

    .btn.btn-text-warn:hover, .btn.btn-text-warn:focus, .btn.btn-text-warn.active, .btn.btn-text-warn.focus {
        background: rgb(255, 225, 225);
    }

    .btn.btn-text-warn:active {
        background: rgb(255, 200, 200);
    }

/* Button chips */
.btn.btn-chip {
    border-radius: 40px !important;
    margin-right: 8px;
    margin-top: 8px;
    color: gray;
    background: whitesmoke;
    padding: 8px 20px;
}

.btn.btn-chip i {
    margin-right: 8px;
}

    .btn.btn-chip:hover, .btn.btn-chip.focus {
        background: whitesmoke;
        color: black;
    }

    .btn.btn-chip.active {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
        color: #333;
        background: #ffefc3;
    }

/* Filter button */
.btn.btn-filter {
    color: #545454;
    font-weight: bold;
}

        .btn.btn-filter i {
            color: #cb74dd;
        }