.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;
}

body .grid1tools input.default.positive,
body .grid1tools button.default.positive {
    vertical-align: bottom;
}

:is(.playground button, button.regular, button, input[type=button].regular, .playground input[type="button"], .playground input[type="submit"], #searchbuttun, #header .read_all, #searchbutton):not(:disabled):hover {
    background: linear-gradient(#fff, #eee);
    border-color: #999;
}

:is(.playground button, button.regular, button, input[type=button].regular, .playground input[type="button"], .playground input[type="submit"], #searchbuttun, #header .read_all, #searchbutton):not(:disabled):active {
    background: linear-gradient(#e5e5e5, #f5f5f5);
}

body button.negative:not(:disabled) {
    background: #C04032;
    border: solid 1px #8B261B;
    color: white;
    text-shadow: none;
    background: linear-gradient(#E26B5E, #C04032);
}

:is(input[type=submit], input[type=button], button).negative:not(:disabled):hover {
    border: solid 1px #8B261B;
    color: white;
    text-shadow: none;
    background: linear-gradient(#CE6156, #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: 1px;
    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;
}
