
.mb-element-digitizer {
    // Defeat highly specific table row background color rule on feature hover
    // See Mapbender/CoreBundle/Resources/public/sass/modules/_result_table.scss
    .mapbender-element-result-table {
      > .dataTables_wrapper {
        > table[role="grid"] {
            > tbody > tr {
                &.hover {
                    background-color: #F7F79A;
                }
                &.editing, &.hover.editing {
                    background-color: #D8EEFF;
                }
            }
        }
      }
    }

    // disabled buttons (Mapbenderish / Bootstrappy)
    button[disabled] {
        opacity: 0.5;
    }

    .schema-toolset {
        .btn-group-sm .btn, .btn-sm {
            // HACK: reduce horizontal .btn-sm padding to prevent long btn-groups (many tools) from
            //       wrapping in (legacy default) 350px Mapbender sidepane width
            // Bootstrap standard rule is padding: 5px 10px
            padding: 5px 5px;
        }
    }
    // Disable bootstrap default button outlines on focus
    // This is to support keyboard navigation (which we don't support) but makes .active hard to see
    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: none;
    }
    // Disable Bootstrap btn-default color changes on :focus
    .btn-default:not(.active):focus {
        background-color: #fff; // = less variable @btn-default-bg
        border-color: #ccc; // = less variable @btn-default-border
    }
}

.digitizer-style-editor {
    &.modal-body {
        // defeat global .modal-body "padding: 0" hack, which exists only to support tabs inside popups
        // see Mapbender/CoreBundle/Resources/public/sass/template/fullscrees.scss
        // @todo Mapbender: target tabs in vis-ui dialogs specifically
        padding: 15px;  // = Bootstrap default
    }
}

.colorpicker-saturation {
    // TODO this is an evil hack: For unknown reasons, the default option does not work
    //background-image: url(../img/bootstrap-colorpicker/saturation.png) !important;
    background-image: url(components/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png) !important;
}

.colorpicker-hue {
    background-image: url(components/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png) !important;
}
