/*
 * Schliessen-Button des Selektions-Panels (xplain.ux.widget.selection.Panel)
 *
 * Main.scss legt die Buttons in .xselinfo absolut bei top:-10px / right:-5px
 * ab. Im scrollenden Panel-Body wird der Schliessen-Button dadurch
 * abgeschnitten bzw. vom Inhalt verdeckt (z.B. im Sequenz-Dialog, wenn man
 * auf den gelben Selektions-Button klickt). Hier sitzt er sichtbar oben
 * rechts im Panel, ueber dem Inhalt.
 *
 * Eigenes Stylesheet, weil Main.scss erst nach einem Sencha-Build wirkt.
 */
.xselinfo a.x-btn.xselinfo-close {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    left: auto !important;
    width: 24px !important;
    height: 24px !important;
    z-index: 5;
    background: transparent;
}
.xselinfo a.x-btn.xselinfo-close .x-btn-icon-el {
    color: #888;
}
.xselinfo a.x-btn.xselinfo-close:hover .x-btn-icon-el {
    color: #333;
}
body.oe-theme-dark .xselinfo a.x-btn.xselinfo-close:hover .x-btn-icon-el {
    color: #ddd;
}