.btn {
    display: inline-block;
    font-weight: 400;
    color: #343a40;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.875rem 2.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.1875rem;
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}
.btn:hover {
    color: #343a40;
    text-decoration: none;
}
.btn:focus,
.btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #b66dff;
    border-color: #b66dff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #b66dff;
    border-color: #b66dff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #9d3aff;
    border-color: #962dff;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}

.btn-secondary {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:hover {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
}
.btn-secondary:focus,
.btn-secondary.focus {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #aba2a2;
    border-color: #a59c9c;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}

.btn-success {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:hover {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #15a28d;
    border-color: #149783;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:hover {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #146eb5;
    border-color: #1367aa;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:hover {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ddb901;
    border-color: #d0ae01;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}

.btn-danger {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:hover {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #fe496d;
    border-color: #fe3d63;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:hover {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
}
.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #29323d;
    border-color: #242c35;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}

.btn-outline-primary {
    color: #b66dff;
    border-color: #b66dff;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #b66dff;
    border-color: #b66dff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #b66dff;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #b66dff;
    border-color: #b66dff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}

.btn-outline-secondary {
    color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:hover {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}

.btn-outline-success {
    color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:hover {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}

.btn-outline-info {
    color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}

.btn-outline-warning {
    color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}

.btn-outline-danger {
    color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:hover {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 1rem 3rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}

.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn {
    font-size: 0.875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Buttons with only icons */
    /* Buttons with icon and text */
}
.btn i {
    font-size: 1rem;
}
.btn.btn-rounded {
    border-radius: 50px;
}
.btn.btn-fw {
    min-width: 150px;
}
.btn.btn-sm,
.btn-group-sm > .btn {
    font-size: 0.875rem;
}
.btn.btn-lg,
.btn-group-lg > .btn {
    font-size: 0.875rem;
}
.btn.btn-xs {
    padding: 0.5rem 0.75rem;
    font-size: 0.625rem;
}
.btn.btn-icon {
    width: 42px;
    height: 42px;
    padding: 0;
}
.btn.btn-icon-text .btn-icon-prepend {
    margin-right: 0.5rem;
}
.btn.btn-icon-text .btn-icon-append {
    margin-left: 0.5rem;
}
.btn.btn-social-icon {
    width: 50px;
    height: 50px;
    padding: 0;
}

.btn-group .btn + .btn {
    border-left: 0;
}

/*social buttons*/
.btn-twitter {
    background: #2caae1;
    color: #ffffff;
}
.btn-twitter:hover,
.btn-twitter:focus {
    background: #1b8dbf;
    color: #ffffff;
}
.btn-twitter.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #59bce7;
}
.btn-twitter.btn-social-icon-text i {
    background: #2caae1;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1;
}
.btn-outline-twitter:hover {
    background: #2caae1;
    color: #ffffff;
}

.btn-facebook {
    background: #3b579d;
    color: #ffffff;
}
.btn-facebook:hover,
.btn-facebook:focus {
    background: #2d4278;
    color: #ffffff;
}
.btn-facebook.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #4e6ebd;
}
.btn-facebook.btn-social-icon-text i {
    background: #3b579d;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d;
}
.btn-outline-facebook:hover {
    background: #3b579d;
    color: #ffffff;
}

.btn-google {
    background: #dc4a38;
    color: #ffffff;
}
.btn-google:hover,
.btn-google:focus {
    background: #bf3322;
    color: #ffffff;
}
.btn-google.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #e47163;
}
.btn-google.btn-social-icon-text i {
    background: #dc4a38;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-google {
    border: 1px solid #dc4a38;
    color: #dc4a38;
}
.btn-outline-google:hover {
    background: #dc4a38;
    color: #ffffff;
}

.btn-linkedin {
    background: #0177b5;
    color: #ffffff;
}
.btn-linkedin:hover,
.btn-linkedin:focus {
    background: #015682;
    color: #ffffff;
}
.btn-linkedin.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #0198e8;
}
.btn-linkedin.btn-social-icon-text i {
    background: #0177b5;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5;
}
.btn-outline-linkedin:hover {
    background: #0177b5;
    color: #ffffff;
}

.btn-pinterest {
    background: #cc2127;
    color: #ffffff;
}
.btn-pinterest:hover,
.btn-pinterest:focus {
    background: #a01a1f;
    color: #ffffff;
}
.btn-pinterest.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #e04046;
}
.btn-pinterest.btn-social-icon-text i {
    background: #cc2127;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-pinterest {
    border: 1px solid #cc2127;
    color: #cc2127;
}
.btn-outline-pinterest:hover {
    background: #cc2127;
    color: #ffffff;
}

.btn-youtube {
    background: #e52d27;
    color: #ffffff;
}
.btn-youtube:hover,
.btn-youtube:focus {
    background: #c21d17;
    color: #ffffff;
}
.btn-youtube.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #ea5955;
}
.btn-youtube.btn-social-icon-text i {
    background: #e52d27;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27;
}
.btn-outline-youtube:hover {
    background: #e52d27;
    color: #ffffff;
}

.btn-github {
    background: #333333;
    color: #ffffff;
}
.btn-github:hover,
.btn-github:focus {
    background: #1a1a1a;
    color: #ffffff;
}
.btn-github.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #4d4d4d;
}
.btn-github.btn-social-icon-text i {
    background: #333333;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-github {
    border: 1px solid #333333;
    color: #333333;
}
.btn-outline-github:hover {
    background: #333333;
    color: #ffffff;
}

.btn-behance {
    background: #1769ff;
    color: #ffffff;
}
.btn-behance:hover,
.btn-behance:focus {
    background: #0050e3;
    color: #ffffff;
}
.btn-behance.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #4a8aff;
}
.btn-behance.btn-social-icon-text i {
    background: #1769ff;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-behance {
    border: 1px solid #1769ff;
    color: #1769ff;
}
.btn-outline-behance:hover {
    background: #1769ff;
    color: #ffffff;
}

.btn-dribbble {
    background: #ea4c89;
    color: #ffffff;
}
.btn-dribbble:hover,
.btn-dribbble:focus {
    background: #e51e6b;
    color: #ffffff;
}
.btn-dribbble.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #ef7aa7;
}
.btn-dribbble.btn-social-icon-text i {
    background: #ea4c89;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}
.btn-outline-dribbble:hover {
    background: #ea4c89;
    color: #ffffff;
}

.btn-reddit {
    background: #ff4500;
    color: #ffffff;
}
.btn-reddit:hover,
.btn-reddit:focus {
    background: #cc3700;
    color: #ffffff;
}
.btn-reddit.btn-social-icon-text {
    padding: 0 1.5rem 0 0;
    background: #ff6a33;
}
.btn-reddit.btn-social-icon-text i {
    background: #ff4500;
    padding: 0.75rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.btn-outline-reddit {
    border: 1px solid #ff4500;
    color: #ff4500;
}
.btn-outline-reddit:hover {
    background: #ff4500;
    color: #ffffff;
}

/* inverse buttons */
.btn-inverse-primary {
    background-color: rgba(182, 109, 255, 0.2);
    background-image: none;
    border-color: rgba(182, 109, 255, 0);
}
.btn-inverse-primary:not(.btn-inverse-light) {
    color: #b66dff;
}
.btn-inverse-primary:hover {
    color: #ffffff;
    background-color: #b66dff;
    border-color: #b66dff;
}
.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(182, 109, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(182, 109, 255, 0.5);
}
.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
    color: #b66dff;
    background-color: transparent;
}
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show > .btn-inverse-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #b66dff;
    border-color: #b66dff;
}

.btn-primary:not(.btn-light) {
    color: #ffffff;
}
.btn-primary:not(.btn-light):hover,
.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
    color: #ffffff;
}
.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
    background: #b66dff;
    border-color: #b66dff;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#da8cff),
        to(#9a55ff)
    );
    background: linear-gradient(to right, #da8cff, #9a55ff);
    color: #fff;
}

.btn-inverse-secondary {
    background-color: rgba(195, 189, 189, 0.2);
    background-image: none;
    border-color: rgba(195, 189, 189, 0);
}
.btn-inverse-secondary:not(.btn-inverse-light) {
    color: #c3bdbd;
}
.btn-inverse-secondary:hover {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-inverse-secondary.focus,
.btn-inverse-secondary:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(195, 189, 189, 0.5);
    box-shadow: 0 0 0 3px rgba(195, 189, 189, 0.5);
}
.btn-inverse-secondary.disabled,
.btn-inverse-secondary:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-inverse-secondary.active,
.btn-inverse-secondary:active,
.show > .btn-inverse-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}

.btn-secondary:not(.btn-light) {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):hover,
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    background: #c3bdbd;
    border-color: #c3bdbd;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#e7ebf0),
        to(#868e96)
    );
    background: linear-gradient(to right, #e7ebf0, #868e96);
    color: #000;
}

.btn-inverse-success {
    background-color: rgba(27, 207, 180, 0.2);
    background-image: none;
    border-color: rgba(27, 207, 180, 0);
}
.btn-inverse-success:not(.btn-inverse-light) {
    color: #1bcfb4;
}
.btn-inverse-success:hover {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-inverse-success.focus,
.btn-inverse-success:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
    box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
}
.btn-inverse-success.disabled,
.btn-inverse-success:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-inverse-success.active,
.btn-inverse-success:active,
.show > .btn-inverse-success.dropdown-toggle {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}

.btn-success:not(.btn-light) {
    color: #ffffff;
}
.btn-success:not(.btn-light):hover,
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    color: #ffffff;
}
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    background: #1bcfb4;
    border-color: #1bcfb4;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#84d9d2),
        to(#07cdae)
    );
    background: linear-gradient(to right, #84d9d2, #07cdae);
    color: #000;
}

.btn-inverse-info {
    background-color: rgba(25, 138, 227, 0.2);
    background-image: none;
    border-color: rgba(25, 138, 227, 0);
}
.btn-inverse-info:not(.btn-inverse-light) {
    color: #198ae3;
}
.btn-inverse-info:hover {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-inverse-info.focus,
.btn-inverse-info:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(25, 138, 227, 0.5);
    box-shadow: 0 0 0 3px rgba(25, 138, 227, 0.5);
}
.btn-inverse-info.disabled,
.btn-inverse-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-inverse-info.active,
.btn-inverse-info:active,
.show > .btn-inverse-info.dropdown-toggle {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}

.btn-info:not(.btn-light) {
    color: #ffffff;
}
.btn-info:not(.btn-light):hover,
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    color: #ffffff;
}
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    background: #198ae3;
    border-color: #198ae3;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#90caf9),
        color-stop(99%, #047edf)
    );
    background: linear-gradient(to right, #90caf9, #047edf 99%);
    color: #000;
}

.btn-inverse-warning {
    background-color: rgba(254, 215, 19, 0.2);
    background-image: none;
    border-color: rgba(254, 215, 19, 0);
}
.btn-inverse-warning:not(.btn-inverse-light) {
    color: #fed713;
}
.btn-inverse-warning:hover {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-inverse-warning.focus,
.btn-inverse-warning:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(254, 215, 19, 0.5);
    box-shadow: 0 0 0 3px rgba(254, 215, 19, 0.5);
}
.btn-inverse-warning.disabled,
.btn-inverse-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-inverse-warning.active,
.btn-inverse-warning:active,
.show > .btn-inverse-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}

.btn-warning:not(.btn-light) {
    color: #ffffff;
}
.btn-warning:not(.btn-light):hover,
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    color: #ffffff;
}
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    background: #fed713;
    border-color: #fed713;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f6e384),
        to(#ffd500)
    );
    background: linear-gradient(to right, #f6e384, #ffd500);
    color: #000;
}

.btn-inverse-danger {
    background-color: rgba(254, 124, 150, 0.2);
    background-image: none;
    border-color: rgba(254, 124, 150, 0);
}
.btn-inverse-danger:not(.btn-inverse-light) {
    color: #fe7c96;
}
.btn-inverse-danger:hover {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-inverse-danger.focus,
.btn-inverse-danger:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
}
.btn-inverse-danger.disabled,
.btn-inverse-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-inverse-danger.active,
.btn-inverse-danger:active,
.show > .btn-inverse-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}

.btn-danger:not(.btn-light) {
    color: #ffffff;
}
.btn-danger:not(.btn-light):hover,
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    color: #ffffff;
}
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    background: #fe7c96;
    border-color: #fe7c96;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ffbf96),
        to(#fe7096)
    );
    background: linear-gradient(to right, #ffbf96, #fe7096);
    color: #000;
}

.btn-inverse-light {
    background-color: rgba(248, 249, 250, 0.2);
    background-image: none;
    border-color: rgba(248, 249, 250, 0);
}
.btn-inverse-light:not(.btn-inverse-light) {
    color: #f8f9fa;
}
.btn-inverse-light:hover {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-inverse-light.focus,
.btn-inverse-light:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}
.btn-inverse-light.disabled,
.btn-inverse-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-inverse-light.active,
.btn-inverse-light:active,
.show > .btn-inverse-light.dropdown-toggle {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(.btn-light) {
    color: #ffffff;
}
.btn-light:not(.btn-light):hover,
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    color: #ffffff;
}
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    background: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f4f4f4),
        to(#e4e4e9)
    );
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #000;
}

.btn-inverse-dark {
    background-color: rgba(62, 75, 91, 0.2);
    background-image: none;
    border-color: rgba(62, 75, 91, 0);
}
.btn-inverse-dark:not(.btn-inverse-light) {
    color: #3e4b5b;
}
.btn-inverse-dark:hover {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-inverse-dark.focus,
.btn-inverse-dark:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(62, 75, 91, 0.5);
    box-shadow: 0 0 0 3px rgba(62, 75, 91, 0.5);
}
.btn-inverse-dark.disabled,
.btn-inverse-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-inverse-dark.active,
.btn-inverse-dark:active,
.show > .btn-inverse-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}

.btn-dark:not(.btn-light) {
    color: #ffffff;
}
.btn-dark:not(.btn-light):hover,
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    color: #ffffff;
}
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    background: #3e4b5b;
    border-color: #3e4b5b;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #000;
}

/* gradient buttons */
.btn-gradient-primary {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#da8cff),
        to(#9a55ff)
    );
    background: linear-gradient(to right, #da8cff, #9a55ff);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-primary:not([disabled]):not(.disabled):active,
.btn-gradient-primary:not([disabled]):not(.disabled).active,
.show > .btn-gradient-primary.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#da8cff),
        to(#9a55ff)
    );
    background: linear-gradient(to right, #da8cff, #9a55ff);
}
.btn-gradient-primary:hover {
    opacity: 0.8;
}
.btn-gradient-primary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-primary:not(.btn-gradient-light):hover,
.btn-gradient-primary:not(.btn-gradient-light):focus,
.btn-gradient-primary:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-secondary {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#e7ebf0),
        to(#868e96)
    );
    background: linear-gradient(to right, #e7ebf0, #868e96);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-secondary:not([disabled]):not(.disabled):active,
.btn-gradient-secondary:not([disabled]):not(.disabled).active,
.show > .btn-gradient-secondary.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#e7ebf0),
        to(#868e96)
    );
    background: linear-gradient(to right, #e7ebf0, #868e96);
}
.btn-gradient-secondary:hover {
    opacity: 0.8;
}
.btn-gradient-secondary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-secondary:not(.btn-gradient-light):hover,
.btn-gradient-secondary:not(.btn-gradient-light):focus,
.btn-gradient-secondary:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-success {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#84d9d2),
        to(#07cdae)
    );
    background: linear-gradient(to right, #84d9d2, #07cdae);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-success:not([disabled]):not(.disabled):active,
.btn-gradient-success:not([disabled]):not(.disabled).active,
.show > .btn-gradient-success.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#84d9d2),
        to(#07cdae)
    );
    background: linear-gradient(to right, #84d9d2, #07cdae);
}
.btn-gradient-success:hover {
    opacity: 0.8;
}
.btn-gradient-success:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-success:not(.btn-gradient-light):hover,
.btn-gradient-success:not(.btn-gradient-light):focus,
.btn-gradient-success:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-info {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#90caf9),
        color-stop(99%, #047edf)
    );
    background: linear-gradient(to right, #90caf9, #047edf 99%);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-info:not([disabled]):not(.disabled):active,
.btn-gradient-info:not([disabled]):not(.disabled).active,
.show > .btn-gradient-info.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#90caf9),
        color-stop(99%, #047edf)
    );
    background: linear-gradient(to right, #90caf9, #047edf 99%);
}
.btn-gradient-info:hover {
    opacity: 0.8;
}
.btn-gradient-info:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-info:not(.btn-gradient-light):hover,
.btn-gradient-info:not(.btn-gradient-light):focus,
.btn-gradient-info:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-warning {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f6e384),
        to(#ffd500)
    );
    background: linear-gradient(to right, #f6e384, #ffd500);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-warning:not([disabled]):not(.disabled):active,
.btn-gradient-warning:not([disabled]):not(.disabled).active,
.show > .btn-gradient-warning.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f6e384),
        to(#ffd500)
    );
    background: linear-gradient(to right, #f6e384, #ffd500);
}
.btn-gradient-warning:hover {
    opacity: 0.8;
}
.btn-gradient-warning:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-warning:not(.btn-gradient-light):hover,
.btn-gradient-warning:not(.btn-gradient-light):focus,
.btn-gradient-warning:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-danger {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ffbf96),
        to(#fe7096)
    );
    background: linear-gradient(to right, #ffbf96, #fe7096);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-danger:not([disabled]):not(.disabled):active,
.btn-gradient-danger:not([disabled]):not(.disabled).active,
.show > .btn-gradient-danger.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ffbf96),
        to(#fe7096)
    );
    background: linear-gradient(to right, #ffbf96, #fe7096);
}
.btn-gradient-danger:hover {
    opacity: 0.8;
}
.btn-gradient-danger:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-danger:not(.btn-gradient-light):hover,
.btn-gradient-danger:not(.btn-gradient-light):focus,
.btn-gradient-danger:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-light {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f4f4f4),
        to(#e4e4e9)
    );
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-light:not([disabled]):not(.disabled):active,
.btn-gradient-light:not([disabled]):not(.disabled).active,
.show > .btn-gradient-light.dropdown-toggle {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f4f4f4),
        to(#e4e4e9)
    );
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.btn-gradient-light:hover {
    opacity: 0.8;
}
.btn-gradient-light:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-light:not(.btn-gradient-light):hover,
.btn-gradient-light:not(.btn-gradient-light):focus,
.btn-gradient-light:not(.btn-gradient-light):active {
    color: #ffffff;
}

.btn-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.btn-gradient-dark:not([disabled]):not(.disabled):active,
.btn-gradient-dark:not([disabled]):not(.disabled).active,
.show > .btn-gradient-dark.dropdown-toggle {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.btn-gradient-dark:hover {
    opacity: 0.8;
}
.btn-gradient-dark:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-dark:not(.btn-gradient-light):hover,
.btn-gradient-dark:not(.btn-gradient-light):focus,
.btn-gradient-dark:not(.btn-gradient-light):active {
    color: #ffffff;
}
.text-primary,
.list-wrapper .completed .remove {
    color: #b66dff !important;
}

a.text-primary:hover,
.list-wrapper .completed a.remove:hover,
a.text-primary:focus,
.list-wrapper .completed a.remove:focus {
    color: #9021ff !important;
}

.text-secondary,
.list-wrapper .remove {
    color: #c3bdbd !important;
}

a.text-secondary:hover,
.list-wrapper a.remove:hover,
a.text-secondary:focus,
.list-wrapper a.remove:focus {
    color: #9f9595 !important;
}

.text-success {
    color: #1bcfb4 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #128b79 !important;
}

.text-info {
    color: #198ae3 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #11609e !important;
}

.text-warning {
    color: #fed713 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #c4a301 !important;
}

.text-danger {
    color: #fe7c96 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #fd3059 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #3e4b5b !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1f262e !important;
}

.text-body {
    color: #343a40 !important;
}

.text-muted,
.preview-list .preview-item .preview-item-content p .content-category {
    color: #9c9fa6 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}