.playground button.default-button, .playground input.default-button {
    min-width: 80px;
    height: 28px;
}

.playground button:before, .playground button span:before,
.playground .h1-with-menu .playground button span:before,
body .playground .h1-with-menu .menu button span:before {
    font-size: 15px;
    line-height: 100%;
}

#mainContent button:disabled,
#mainContent input[type="button"]:disabled,
#mainContent input[type="submit"]:disabled {
    opacity: .5;
    cursor: default;
}

.playground button,
button.regular,
input[type=button],
input[type=submit],
button,
input[type=button].regular,
.playground input[type="button"],
.playground input[type="submit"],
#searchbuttun,
#header .read_all,
#searchbutton {
    &:not(:disabled):not(.dropdown-pane &)
    {
        &:hover,
        &:focus
        {
            background: linear-gradient(#fafafa, #eee);
            border-color: #999;
        }

        &:active
        {
            background: linear-gradient(#eee, #fafafa);
            border-color: #999;
        }
    }
}

#searchbuttun:not(:disabled):active,
#header .read_all:not(:disabled):active,
#searchbutton:not(:disabled):active,
.playground button:not(:disabled):active,
button.regular:not(:disabled):active,
button:not(:disabled):active,
input[type="button"].regular:not(:disabled):active,
.playground button:not(:disabled):active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f5f5f5');
    background: -ms-linear-gradient(top, #e5e5e5, #f5f5f5);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#f5f5f5));
    background: -moz-linear-gradient(top, #e5e5e5, #f5f5f5);
}

body .grid1tools input.default.positive,
body .grid1tools button.default.positive {
    vertical-align: bottom;
}

.playground button:not(:disabled):hover,
.playground button:not(:disabled):focus,
button.regular:not(:disabled):hover,
button.regular:not(:disabled):focus,
button:not(:disabled):hover,
button:not(:disabled):focus,
input[type=button].regular:not(:disabled):hover,
input[type=button].regular:not(:disabled):focus,
.playground input[type="button"]:not(:disabled):hover,
.playground input[type="button"]:not(:disabled):focus,
.playground input[type="submit"]:not(:disabled):hover,
.playground input[type="submit"]:not(:disabled):focus,
#searchbuttun:not(:disabled):hover,
#searchbuttun:not(:disabled):focus,
#header .read_all:not(:disabled):hover,
#header .read_all:not(:disabled):focus,
#searchbutton:not(:disabled):hover,
#searchbutton:not(:disabled):focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');
    background: -ms-linear-gradient(top, #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);
    border: solid 1px #999;
    color: var(--bg-color);
}

body .footer button.negative:not([disabled]) {
    background: #C04032;
    border: solid 1px #8B261B;
    color: white;
    text-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#E26B5E), to(#C04032));
    background: -moz-linear-gradient(top, #E26B5E, #C04032);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E26B5E', endColorstr='#C04032');
}

    .grid1tools input.negative[type=button]:not([disabled]):hover,
    .grid1tools input.negative[type=submit]:not([disabled]):hover,
    .grid1tools button.negative:not([disabled]):focus,
    .grid1tools button.negative:not([disabled]):hover,
    body .footer button.negative:not([disabled]):focus,
    body .footer button.negative:not([disabled]):hover,
    div.playground #deleteBtnContainer button.negative:hover {
        background: #a9382c;
        border: solid 1px #8B261B;
        color: white;
        text-shadow: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#CE6156), to(#a9382c));
        background: -moz-linear-gradient(top, #CE6156, #a9382c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE6156', endColorstr='#a9382c');
    }

.grid1tools input[type=button][disabled], .grid1tools input[type=submit][disabled], .grid1tools button[disabled] {
    opacity: .6;
}

button:not(:disabled), input[type=button]:not(:disabled), input[type=submit]:not(:disabled) {
    cursor: pointer;
}

.default-button.prominent, .default-button.delete:hover, .default-button.negative {
    background: #a9382c;
    border: solid 1px #8B261B;
    color: white;
    text-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#CE6156), to(#a9382c));
    background: -moz-linear-gradient(top, #CE6156, #a9382c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE6156', endColorstr='#a9382c');
    font-family: var(--main-font-family);
}

body .default-button.positive {
    background: #41AC2D;
    border: solid 1px #318D20;
    background: -webkit-gradient(linear, left top, left bottom, from(#41AC2D), to(#2C8A1A));
    background: -moz-linear-gradient(top, #41AC2D, #2C8A1A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41AC2D', endColorstr='#2C8A1A');
    color: #fff;
    font-family: var(--main-font-family);
}

    body .default-button.positive:not(:disabled),
    body #mainContent .default-button.positive:not(:disabled) {
        background: #2C8A1A;
        border: solid 1px #196909;
        background: -webkit-gradient(linear, left top, left bottom, from(#2C8A1A), to(#196909));
        background: -moz-linear-gradient(top, #2C8A1A, #196909);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C8A1A', endColorstr='#196909');
    }

        body button.positive:not(:disabled):hover,
        body #mainContent button.positive:not(:disabled):hover,
        body input.positive:not(:disabled):hover,
        body #mainContent input.positive:not(:disabled):hover,
        body .default-button.positive:not(:disabled):hover,
        body button.positive:not(:disabled):focus,
        body input.positive:not(:disabled):focus,
        body .default-button.positive:not(:disabled):focus {
            background: #2C8A1A;
            border: solid 1px #196909;
            background: -webkit-gradient(linear, left top, left bottom, from(#2C8A1A), to(#2C8A1A));
            background: -moz-linear-gradient(top, #2C8A1A, #2C8A1A);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C8A1A', endColorstr='#2C8A1A');
            outline: none;
            color: white;
        }

        body button.positive:not(:disabled):active,
        body #mainContent button.positive:not(:disabled):active,
        body input.positive:not(:disabled):active,
        body #mainContent input.positive:not(:disabled):active,
        body .default-button.positive:not(:disabled):active {
            background: #2C8A1A;
            border: solid 1px #196909;
            background: -webkit-gradient(linear, left top, left bottom, from(#196909), to(#196909));
            background: -moz-linear-gradient(top, #196909, #196909);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#196909', endColorstr='#196909');
            outline: none;
            color: white;
        }

.default-button.delete {
    background: #777;
    border: solid 1px #777;
    color: white;
    text-shadow: 1px 1px 1px #555;
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
    background: -moz-linear-gradient(top, #999, #777);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#777777');
    font-family: var(--main-font-family);
}

    .default-button.delete:hover {
    }

body #mainContent .default-button:disabled {
    box-shadow: none;
}

a.default-button {
    color: white !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.default-button.big {
    font-size: 100%;
    padding: 0 15px;
    border-width: 1px;
    border-radius: 3px;
    height: 38px;
}

.modal .default-button.big {
    padding: 7px 15px;
}

.default-button.compact {
    padding: 3px 6px;
    font-size: 90%;
}

button .icon-angle-double-down,
#mainContent button .icon-angle-double-down {
    width: 0;
    letter-spacing: 0;
    display: inline-block;
    margin-right: 10px;
    line-height: 16px;
    margin-right: 5px;
}

body a.remove[role="button"]:not(.disabled):hover:before, body a[role="button"].delete:not(.disabled):hover, body a[role="button"].delete:not(.disabled):hover:before {
    color: #DE1702;
}

body .AddToCartButton.wait {
    opacity: 0.5;
    cursor: wait !important;
}

html body button.unlikely,
html body button.unlikely:hover,
html body button.unlikely:focus,
html body button.unlikely:active {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    line-height: 100% !important;
    font-weight: normal !important;
    color: var(--bg-color) !important;
}

.modal button.default-button:nth-child(n+2) {
    margin-left: 5px;
}