/* Six button colours the reference markup actually uses (CONTRACT.md §9). */
.btn-vk {
    color: #fff;
    background-color: #4c75a3;
}

.btn-vk:hover {
    color: #fff;
    background-color: #5882b1;
    border-color: #4c75a3;
}

.btn-vk:focus, .btn-vk.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-vk:focus, .btn-vk:active, .btn-vk.active {
    background-color: #2c435d;
}

.btn-vk.dropdown-toggle {
    background-color: #4c75a3 !important;
}

.btn-vk.dropdown-toggle:hover, .btn-vk.dropdown-toggle:focus {
    background-color: #5882b1 !important;
}

.btn-vk:not([disabled]):not(.disabled):active,
.btn-vk:not([disabled]):not(.disabled).active,
.show > .btn-vk.dropdown-toggle {
    background-color: #2c435d !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-vk:not([disabled]):not(.disabled):active:focus,
.btn-vk:not([disabled]):not(.disabled).active:focus,
.show > .btn-vk.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

table.table a.btn.btn-vk {
    color: #fff;
}

.btn-brown {
    color: #fff;
    background-color: #795548 !important;
}

.btn-brown:hover {
    color: #fff;
    background-color: #896052;
}

.btn-brown:focus, .btn-brown.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-brown:focus, .btn-brown:active, .btn-brown.active {
    background-color: #392822;
}

.btn-brown.dropdown-toggle {
    background-color: #795548 !important;
}

.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus {
    background-color: #896052 !important;
}

.btn-brown:not([disabled]):not(.disabled):active,
.btn-brown:not([disabled]):not(.disabled).active,
.show > .btn-brown.dropdown-toggle {
    background-color: #392822 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-brown:not([disabled]):not(.disabled):active:focus,
.btn-brown:not([disabled]):not(.disabled).active:focus,
.show > .btn-brown.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

table.table a.btn.btn-brown {
    color: #fff;
}

.btn-deep-orange {
    color: #fff;
    background-color: #ff7043 !important;
}

.btn-deep-orange:hover {
    color: #fff;
    background-color: #ff835d;
}

.btn-deep-orange:focus, .btn-deep-orange.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active {
    background-color: #dc3500;
}

.btn-deep-orange.dropdown-toggle {
    background-color: #ff7043 !important;
}

.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus {
    background-color: #ff835d !important;
}

.btn-deep-orange:not([disabled]):not(.disabled):active,
.btn-deep-orange:not([disabled]):not(.disabled).active,
.show > .btn-deep-orange.dropdown-toggle {
    background-color: #dc3500 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-deep-orange:not([disabled]):not(.disabled):active:focus,
.btn-deep-orange:not([disabled]):not(.disabled).active:focus,
.show > .btn-deep-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

table.table a.btn.btn-deep-orange {
    color: #fff;
}

.btn-purple {
    color: #fff;
    background-color: #8e24aa !important;
}

.btn-purple:hover {
    color: #fff;
    background-color: #a028bf;
}

.btn-purple:focus, .btn-purple.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-purple:focus, .btn-purple:active, .btn-purple.active {
    background-color: #481256;
}

.btn-purple.dropdown-toggle {
    background-color: #8e24aa !important;
}

.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus {
    background-color: #a028bf !important;
}

.btn-purple:not([disabled]):not(.disabled):active,
.btn-purple:not([disabled]):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
    background-color: #481256 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-purple:not([disabled]):not(.disabled):active:focus,
.btn-purple:not([disabled]):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

table.table a.btn.btn-purple {
    color: #fff;
}

.btn-unique {
    color: #fff;
    background-color: #880e4f !important;
}

.btn-unique:hover {
    color: #fff;
    background-color: #9f105c;
}

.btn-unique:focus, .btn-unique.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-unique:focus, .btn-unique:active, .btn-unique.active {
    background-color: #2c0419;
}

.btn-unique.dropdown-toggle {
    background-color: #880e4f !important;
}

.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus {
    background-color: #9f105c !important;
}

.btn-unique:not([disabled]):not(.disabled):active,
.btn-unique:not([disabled]):not(.disabled).active,
.show > .btn-unique.dropdown-toggle {
    background-color: #2c0419 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-unique:not([disabled]):not(.disabled):active:focus,
.btn-unique:not([disabled]):not(.disabled).active:focus,
.show > .btn-unique.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

table.table a.btn.btn-unique {
    color: #fff;
}

/* btn-ok написан по шаблону Bootstrap-вариантов, а не MDB: так в эталонном файле. */
.btn-ok {
    color: #fff;
    background-color: #ee8208;
    border-color: #ee8208;
}

.btn-ok:hover {
    color: #fff;
    background-color: #ee7808;
    border-color: #ee7808;
}

.btn-ok:focus, .btn-ok.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-ok.disabled, .btn-ok:disabled {
    color: #fff;
    background-color: #ee8208;
    border-color: #ee8208;
}

.btn-ok:not(:disabled):not(.disabled):active,
.btn-ok:not(:disabled):not(.disabled).active,
.show > .btn-ok.dropdown-toggle {
    color: #fff;
    background-color: #ee7808;
    border-color: #ee7808;
}

.btn-ok:not(:disabled):not(.disabled):active:focus,
.btn-ok:not(:disabled):not(.disabled).active:focus,
.show > .btn-ok.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}