/*
 * Copyright (c) 2020-2026 XMLmind Software. All rights reserved.
 *
 * Author: Hussein Shafie
 * Version: 1.8.1
 *
 * This file is part of the XMLmind XML Editor project.
 * For conditions of distribution and use, see the accompanying legal.txt file.
 */

.xui-edit-icon-16 {
display: inline-block;
width: 16px;
height: 16px;
}
.xui-edit-icon-24 {
display: inline-block;
width: 24px;
height: 24px;
}
.xui-edit-icon-32 {
display: inline-block;
width: 32px;
height: 32px;
}
.xui-edit-icon-48 {
display: inline-block;
width: 48px;
height: 48px;
}
.xui-edit-icon-64 {
display: inline-block;
width: 64px;
height: 64px;
}
.xui-undo-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px 0px;
}
.xui-undo-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px 0px;
}
.xui-undo-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.xui-undo-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px 0px;
}
.xui-undo-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px 0px;
}
.xui-redo-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px 0px;
}
.xui-redo-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px 0px;
}
.xui-redo-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px 0px;
}
.xui-redo-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px 0px;
}
.xui-redo-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px 0px;
}
.xui-repeat-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px 0px;
}
.xui-repeat-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px 0px;
}
.xui-repeat-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px 0px;
}
.xui-repeat-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px 0px;
}
.xui-repeat-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px 0px;
}
.xui-commandHistory-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px 0px;
}
.xui-commandHistory-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px 0px;
}
.xui-commandHistory-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px 0px;
}
.xui-commandHistory-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px 0px;
}
.xui-commandHistory-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px 0px;
}
.xui-paste-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px 0px;
}
.xui-paste-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px 0px;
}
.xui-paste-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px 0px;
}
.xui-paste-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px 0px;
}
.xui-paste-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px 0px;
}
.xui-delete-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px 0px;
}
.xui-delete-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px 0px;
}
.xui-delete-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px 0px;
}
.xui-delete-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px 0px;
}
.xui-delete-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px 0px;
}
.xui-replace-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px 0px;
}
.xui-replace-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px 0px;
}
.xui-replace-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px 0px;
}
.xui-replace-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px 0px;
}
.xui-replace-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px 0px;
}
.xui-insertBefore-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px 0px;
}
.xui-insertBefore-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px 0px;
}
.xui-insertBefore-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px 0px;
}
.xui-insertBefore-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px 0px;
}
.xui-insertBefore-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px 0px;
}
.xui-insert-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px 0px;
}
.xui-insert-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px 0px;
}
.xui-insert-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px 0px;
}
.xui-insert-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px 0px;
}
.xui-insert-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px 0px;
}
.xui-insertAfter-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px 0px;
}
.xui-insertAfter-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px 0px;
}
.xui-insertAfter-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px 0px;
}
.xui-insertAfter-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px 0px;
}
.xui-insertAfter-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px 0px;
}
.xui-convert-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -16px;
}
.xui-convert-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -24px;
}
.xui-convert-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -32px;
}
.xui-convert-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -48px;
}
.xui-convert-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -64px;
}
.xui-wrap-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -16px;
}
.xui-wrap-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -24px;
}
.xui-wrap-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -32px;
}
.xui-wrap-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -48px;
}
.xui-wrap-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -64px;
}
.xui-split-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -16px;
}
.xui-split-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -24px;
}
.xui-split-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -32px;
}
.xui-split-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -48px;
}
.xui-split-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -64px;
}
.xui-join-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -16px;
}
.xui-join-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -24px;
}
.xui-join-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -32px;
}
.xui-join-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -48px;
}
.xui-join-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -64px;
}
.xui-textSearchReplace-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -16px;
}
.xui-textSearchReplace-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -24px;
}
.xui-textSearchReplace-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -32px;
}
.xui-textSearchReplace-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -48px;
}
.xui-textSearchReplace-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -64px;
}
.xui-declareNamespace-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -16px;
}
.xui-declareNamespace-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -24px;
}
.xui-declareNamespace-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -32px;
}
.xui-declareNamespace-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -48px;
}
.xui-declareNamespace-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -64px;
}
.xui-editAttributes-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -16px;
}
.xui-editAttributes-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -24px;
}
.xui-editAttributes-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -32px;
}
.xui-editAttributes-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -48px;
}
.xui-editAttributes-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -64px;
}
.xui-insertOrEditRemark-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -16px;
}
.xui-insertOrEditRemark-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -24px;
}
.xui-insertOrEditRemark-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -32px;
}
.xui-insertOrEditRemark-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -48px;
}
.xui-insertOrEditRemark-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -64px;
}
.xui-deleteRemark-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -16px;
}
.xui-deleteRemark-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -24px;
}
.xui-deleteRemark-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -32px;
}
.xui-deleteRemark-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -48px;
}
.xui-deleteRemark-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -64px;
}
.xui-deleteAllRemarks-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -16px;
}
.xui-deleteAllRemarks-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -24px;
}
.xui-deleteAllRemarks-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -32px;
}
.xui-deleteAllRemarks-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -48px;
}
.xui-deleteAllRemarks-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -64px;
}
.xui-previousRemark-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -32px;
}
.xui-previousRemark-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -48px;
}
.xui-previousRemark-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -64px;
}
.xui-previousRemark-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -96px;
}
.xui-previousRemark-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -128px;
}
.xui-nextRemark-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -32px;
}
.xui-nextRemark-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -48px;
}
.xui-nextRemark-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -64px;
}
.xui-nextRemark-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -96px;
}
.xui-nextRemark-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -128px;
}
.xui-newDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -32px;
}
.xui-newDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -48px;
}
.xui-newDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -64px;
}
.xui-newDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -96px;
}
.xui-newDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -128px;
}
.xui-openDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -32px;
}
.xui-openDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -48px;
}
.xui-openDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -64px;
}
.xui-openDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -96px;
}
.xui-openDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -128px;
}
.xui-saveDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -32px;
}
.xui-saveDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -48px;
}
.xui-saveDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -64px;
}
.xui-saveDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -96px;
}
.xui-saveDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -128px;
}
.xui-autoSaveDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -32px;
}
.xui-autoSaveDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -48px;
}
.xui-autoSaveDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -64px;
}
.xui-autoSaveDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -96px;
}
.xui-autoSaveDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -128px;
}
.xui-saveDocumentAs-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -32px;
}
.xui-saveDocumentAs-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -48px;
}
.xui-saveDocumentAs-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -64px;
}
.xui-saveDocumentAs-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -96px;
}
.xui-saveDocumentAs-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -128px;
}
.xui-closeDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -32px;
}
.xui-closeDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -48px;
}
.xui-closeDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -64px;
}
.xui-closeDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -96px;
}
.xui-closeDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -128px;
}
.xui-styles-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -32px;
}
.xui-styles-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -48px;
}
.xui-styles-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -64px;
}
.xui-styles-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -96px;
}
.xui-styles-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -128px;
}
.xui-addListItem-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -32px;
}
.xui-addListItem-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -48px;
}
.xui-addListItem-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -64px;
}
.xui-addListItem-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -96px;
}
.xui-addListItem-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -128px;
}
.xui-anchor-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -48px;
}
.xui-anchor-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -72px;
}
.xui-anchor-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -96px;
}
.xui-anchor-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -144px;
}
.xui-anchor-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -192px;
}
.xui-bold-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -48px;
}
.xui-bold-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -72px;
}
.xui-bold-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -96px;
}
.xui-bold-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -144px;
}
.xui-bold-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -192px;
}
.xui-cancel-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -48px;
}
.xui-cancel-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -72px;
}
.xui-cancel-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -96px;
}
.xui-cancel-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -144px;
}
.xui-cancel-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -192px;
}
.xui-cell-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -48px;
}
.xui-cell-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -72px;
}
.xui-cell-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -96px;
}
.xui-cell-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -144px;
}
.xui-cell-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -192px;
}
.xui-charCase-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -48px;
}
.xui-charCase-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -72px;
}
.xui-charCase-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -96px;
}
.xui-charCase-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -144px;
}
.xui-charCase-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -192px;
}
.xui-column-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -48px;
}
.xui-column-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -72px;
}
.xui-column-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -96px;
}
.xui-column-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -144px;
}
.xui-column-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -192px;
}
.xui-copy-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -48px;
}
.xui-copy-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -72px;
}
.xui-copy-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -96px;
}
.xui-copy-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -144px;
}
.xui-copy-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -192px;
}
.xui-cut-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -48px;
}
.xui-cut-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -72px;
}
.xui-cut-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -96px;
}
.xui-cut-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -144px;
}
.xui-cut-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -192px;
}
.xui-decrementColumnSpan-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -48px;
}
.xui-decrementColumnSpan-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -72px;
}
.xui-decrementColumnSpan-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -96px;
}
.xui-decrementColumnSpan-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -144px;
}
.xui-decrementColumnSpan-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -192px;
}
.xui-decrementRowSpan-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -48px;
}
.xui-decrementRowSpan-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -72px;
}
.xui-decrementRowSpan-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -96px;
}
.xui-decrementRowSpan-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -144px;
}
.xui-decrementRowSpan-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -192px;
}
.xui-definitionList-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -64px;
}
.xui-definitionList-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -96px;
}
.xui-definitionList-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -128px;
}
.xui-definitionList-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -192px;
}
.xui-definitionList-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -256px;
}
.xui-deleteColumn-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -64px;
}
.xui-deleteColumn-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -96px;
}
.xui-deleteColumn-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -128px;
}
.xui-deleteColumn-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -192px;
}
.xui-deleteColumn-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -256px;
}
.xui-deleteRow-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -64px;
}
.xui-deleteRow-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -96px;
}
.xui-deleteRow-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -128px;
}
.xui-deleteRow-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -192px;
}
.xui-deleteRow-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -256px;
}
.xui-demoteListItem-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -64px;
}
.xui-demoteListItem-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -96px;
}
.xui-demoteListItem-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -128px;
}
.xui-demoteListItem-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -192px;
}
.xui-demoteListItem-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -256px;
}
.xui-down-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -64px;
}
.xui-down-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -96px;
}
.xui-down-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -128px;
}
.xui-down-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -192px;
}
.xui-down-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -256px;
}
.xui-editDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -64px;
}
.xui-editDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -96px;
}
.xui-editDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -128px;
}
.xui-editDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -192px;
}
.xui-editDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -256px;
}
.xui-editDocuments-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -64px;
}
.xui-editDocuments-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -96px;
}
.xui-editDocuments-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -128px;
}
.xui-editDocuments-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -192px;
}
.xui-editDocuments-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -256px;
}
.xui-figure-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -64px;
}
.xui-figure-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -96px;
}
.xui-figure-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -128px;
}
.xui-figure-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -192px;
}
.xui-figure-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -256px;
}
.xui-footnote-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -64px;
}
.xui-footnote-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -96px;
}
.xui-footnote-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -128px;
}
.xui-footnote-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -192px;
}
.xui-footnote-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -256px;
}
.xui-formatTable-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -64px;
}
.xui-formatTable-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -96px;
}
.xui-formatTable-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -128px;
}
.xui-formatTable-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -192px;
}
.xui-formatTable-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -256px;
}
.xui-heading-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -80px;
}
.xui-heading-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -120px;
}
.xui-heading-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -160px;
}
.xui-heading-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -240px;
}
.xui-heading-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -320px;
}
.xui-incrementColumnSpan-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -80px;
}
.xui-incrementColumnSpan-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -120px;
}
.xui-incrementColumnSpan-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -160px;
}
.xui-incrementColumnSpan-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -240px;
}
.xui-incrementColumnSpan-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -320px;
}
.xui-incrementRowSpan-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -80px;
}
.xui-incrementRowSpan-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -120px;
}
.xui-incrementRowSpan-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -160px;
}
.xui-incrementRowSpan-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -240px;
}
.xui-incrementRowSpan-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -320px;
}
.xui-insertColumnAfter-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -80px;
}
.xui-insertColumnAfter-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -120px;
}
.xui-insertColumnAfter-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -160px;
}
.xui-insertColumnAfter-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -240px;
}
.xui-insertColumnAfter-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -320px;
}
.xui-insertColumnBefore-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -80px;
}
.xui-insertColumnBefore-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -120px;
}
.xui-insertColumnBefore-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -160px;
}
.xui-insertColumnBefore-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -240px;
}
.xui-insertColumnBefore-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -320px;
}
.xui-insertRowAfter-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -80px;
}
.xui-insertRowAfter-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -120px;
}
.xui-insertRowAfter-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -160px;
}
.xui-insertRowAfter-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -240px;
}
.xui-insertRowAfter-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -320px;
}
.xui-insertRowBefore-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -80px;
}
.xui-insertRowBefore-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -120px;
}
.xui-insertRowBefore-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -160px;
}
.xui-insertRowBefore-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -240px;
}
.xui-insertRowBefore-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -320px;
}
.xui-italic-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -80px;
}
.xui-italic-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -120px;
}
.xui-italic-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -160px;
}
.xui-italic-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -240px;
}
.xui-italic-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -320px;
}
.xui-itemizedList-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -80px;
}
.xui-itemizedList-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -120px;
}
.xui-itemizedList-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -160px;
}
.xui-itemizedList-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -240px;
}
.xui-itemizedList-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -320px;
}
.xui-left-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -80px;
}
.xui-left-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -120px;
}
.xui-left-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -160px;
}
.xui-left-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -240px;
}
.xui-left-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -320px;
}
.xui-link-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -96px;
}
.xui-link-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -144px;
}
.xui-link-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -192px;
}
.xui-link-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -288px;
}
.xui-link-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -384px;
}
.xui-list-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -96px;
}
.xui-list-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -144px;
}
.xui-list-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -192px;
}
.xui-list-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -288px;
}
.xui-list-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -384px;
}
.xui-media-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -96px;
}
.xui-media-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -144px;
}
.xui-media-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -192px;
}
.xui-media-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -288px;
}
.xui-media-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -384px;
}
.xui-menu-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -96px;
}
.xui-menu-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -144px;
}
.xui-menu-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -192px;
}
.xui-menu-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -288px;
}
.xui-menu-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -384px;
}
.xui-note-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -96px;
}
.xui-note-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -144px;
}
.xui-note-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -192px;
}
.xui-note-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -288px;
}
.xui-note-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -384px;
}
.xui-orderedList_aa-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -96px;
}
.xui-orderedList_aa-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -144px;
}
.xui-orderedList_aa-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -192px;
}
.xui-orderedList_aa-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -288px;
}
.xui-orderedList_aa-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -384px;
}
.xui-orderedList_A-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -96px;
}
.xui-orderedList_A-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -144px;
}
.xui-orderedList_A-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -192px;
}
.xui-orderedList_A-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -288px;
}
.xui-orderedList_A-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -384px;
}
.xui-orderedList_ii-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -96px;
}
.xui-orderedList_ii-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -144px;
}
.xui-orderedList_ii-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -192px;
}
.xui-orderedList_ii-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -288px;
}
.xui-orderedList_ii-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -384px;
}
.xui-orderedList_I-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -96px;
}
.xui-orderedList_I-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -144px;
}
.xui-orderedList_I-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -192px;
}
.xui-orderedList_I-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -288px;
}
.xui-orderedList_I-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -384px;
}
.xui-orderedList-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -96px;
}
.xui-orderedList-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -144px;
}
.xui-orderedList-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -192px;
}
.xui-orderedList-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -288px;
}
.xui-orderedList-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -384px;
}
.xui-paragraph-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -112px;
}
.xui-paragraph-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -168px;
}
.xui-paragraph-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -224px;
}
.xui-paragraph-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -336px;
}
.xui-paragraph-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -448px;
}
.xui-pasteAfter-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -112px;
}
.xui-pasteAfter-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -168px;
}
.xui-pasteAfter-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -224px;
}
.xui-pasteAfter-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -336px;
}
.xui-pasteAfter-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -448px;
}
.xui-pasteBefore-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -112px;
}
.xui-pasteBefore-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -168px;
}
.xui-pasteBefore-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -224px;
}
.xui-pasteBefore-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -336px;
}
.xui-pasteBefore-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -448px;
}
.xui-plainText-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -112px;
}
.xui-plainText-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -168px;
}
.xui-plainText-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -224px;
}
.xui-plainText-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -336px;
}
.xui-plainText-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -448px;
}
.xui-pre-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -112px;
}
.xui-pre-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -168px;
}
.xui-pre-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -224px;
}
.xui-pre-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -336px;
}
.xui-pre-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -448px;
}
.xui-preview-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -112px;
}
.xui-preview-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -168px;
}
.xui-preview-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -224px;
}
.xui-preview-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -336px;
}
.xui-preview-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -448px;
}
.xui-promoteListItem-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -112px;
}
.xui-promoteListItem-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -168px;
}
.xui-promoteListItem-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -224px;
}
.xui-promoteListItem-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -336px;
}
.xui-promoteListItem-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -448px;
}
.xui-right-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -112px;
}
.xui-right-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -168px;
}
.xui-right-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -224px;
}
.xui-right-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -336px;
}
.xui-right-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -448px;
}
.xui-row-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -112px;
}
.xui-row-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -168px;
}
.xui-row-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -224px;
}
.xui-row-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -336px;
}
.xui-row-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -448px;
}
.xui-section-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -112px;
}
.xui-section-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -168px;
}
.xui-section-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -224px;
}
.xui-section-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -336px;
}
.xui-section-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -448px;
}
.xui-show_level-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -128px;
}
.xui-show_level-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -192px;
}
.xui-show_level-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -256px;
}
.xui-show_level-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -384px;
}
.xui-show_level-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -512px;
}
.xui-sortRows-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -16px -128px;
}
.xui-sortRows-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -24px -192px;
}
.xui-sortRows-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -32px -256px;
}
.xui-sortRows-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -48px -384px;
}
.xui-sortRows-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -64px -512px;
}
.xui-table-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -32px -128px;
}
.xui-table-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -48px -192px;
}
.xui-table-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -64px -256px;
}
.xui-table-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -96px -384px;
}
.xui-table-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -128px -512px;
}
.xui-typewriter-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -48px -128px;
}
.xui-typewriter-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -72px -192px;
}
.xui-typewriter-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -96px -256px;
}
.xui-typewriter-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -144px -384px;
}
.xui-typewriter-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -192px -512px;
}
.xui-underline-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -64px -128px;
}
.xui-underline-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -96px -192px;
}
.xui-underline-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -128px -256px;
}
.xui-underline-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -192px -384px;
}
.xui-underline-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -256px -512px;
}
.xui-up-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -80px -128px;
}
.xui-up-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -120px -192px;
}
.xui-up-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -160px -256px;
}
.xui-up-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -240px -384px;
}
.xui-up-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -320px -512px;
}
.xui-viewDocument-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -96px -128px;
}
.xui-viewDocument-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -144px -192px;
}
.xui-viewDocument-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -192px -256px;
}
.xui-viewDocument-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -288px -384px;
}
.xui-viewDocument-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -384px -512px;
}
.xui-viewDocuments-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -112px -128px;
}
.xui-viewDocuments-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -168px -192px;
}
.xui-viewDocuments-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -224px -256px;
}
.xui-viewDocuments-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -336px -384px;
}
.xui-viewDocuments-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -448px -512px;
}
.xui-markdown-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -128px -128px;
}
.xui-markdown-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -192px -192px;
}
.xui-markdown-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -256px -256px;
}
.xui-markdown-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -384px -384px;
}
.xui-markdown-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -512px -512px;
}
.xui-paste_from_word-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: -144px -128px;
}
.xui-paste_from_word-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: -216px -192px;
}
.xui-paste_from_word-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: -288px -256px;
}
.xui-paste_from_word-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: -432px -384px;
}
.xui-paste_from_word-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: -576px -512px;
}
.xui-fallback-16 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: 0px -144px;
}
.xui-fallback-24 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 240px 240px;
background-position: 0px -216px;
}
.xui-fallback-32 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-position: 0px -288px;
}
.xui-fallback-48 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 480px 480px;
background-position: 0px -432px;
}
.xui-fallback-64 {
background-image: url(xuiediticons.png);
background-repeat: no-repeat;
background-size: 640px 640px;
background-position: 0px -576px;
}
@font-face {
font-family: "xui-stock-icons";
src: url(xuistockicons.woff) format("woff");
font-weight: normal;
font-style: normal;
}
body {
--xui-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
--xui-mono-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
--xui-font-size: 14px;
--xui-large-font-size: 16px;
--xui-small-font-size: 12px;
--xui-fg: #323232;
--xui-bg: #FCFCFC;
--xui-border-color: #C0C2C4;
--xui-border-width: 1px;
--xui-disabled-color: #A6A6A6;
--xui-link-color: navy;
--xui-hint-color: #5980B3;
--xui-read-only-color: var(--xui-hint-color);
--xui-highlight-color: #3DAEE9;
--xui-focus-color: #CDF5FD;
--xui-icon-color: var(--xui-fg);
--xui-small-icon-size: 16px;
--xui-medium-icon-size: 24px;
--xui-large-icon-size: 32px;
--xui-neutral-color: #428BCA;
--xui-negative-color: #D9534F;
--xui-positive-color: #7ED321;
--xui-information-color: #FFE135;
--xui-error-color: red;
--xui-warning-color: orange;
--xui-question-color: blue;
--xui-disabled-fg: var(--xui-disabled-color);
--xui-disabled-bg: #EBEBEB;
--xui-rollover-fg: var(--xui-fg);
--xui-rollover-bg: #EBEBEB;
--xui-heading-fg: var(--xui-fg);
--xui-heading-bg: #F4F4F4;
--xui-selected-fg: white;
--xui-selected-bg: #3DAEE9;
--xui-checked-fg: var(--xui-fg);
--xui-checked-bg: #BBCCDD;
}
div[data-xui-glass] {
position: absolute;
top: 0px;
left: 0px;
}
div[data-xui-dialog]:focus {
outline-style: none;
cursor: default;
}
.xui-control {
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
color: var(--xui-fg);
background-color: var(--xui-bg);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
}
.xui-small-icon {
font-family: "xui-stock-icons";
font-size: var(--xui-small-icon-size);
font-weight: normal;
font-style: normal;
text-decoration: none;
color: var(--xui-icon-color);
}
[disabled].xui-control-disabled,
[disabled].xui-control-disabled *,
.xui-control-disabled .xui-small-icon,
.xui-control-disabled {
color: var(--xui-disabled-color);
}
.xui-control-disabled img,
.xui-control-disabled .xui-edit-icon-16,
.xui-control-disabled .xui-edit-icon-24,
.xui-control-disabled .xui-edit-icon-32,
.xui-control-disabled .xui-edit-icon-48,
.xui-control-disabled .xui-edit-icon-64 {
filter: grayscale(100%) contrast(50%);
}
.xui-menu {
user-select: none;
border-style: solid;
}
.xui-menu-row {
display: flex;
user-select: none;
}
.xui-menu-row > * {
flex: 1 0 auto;
}
.xui-menu-item {
display: flex;
align-items: baseline;
padding: 0.33em 0.66em;
}
.xui-menu-item:not(.xui-control-disabled):hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xui-menu-item-icon {
flex: 0 0 auto;
align-self: center;
width: var(--xui-small-icon-size);
}
.xui-menu-item-text {
flex: 1 0 auto;
padding-left: 0.66em;
}
.xui-menu-item-detail {
flex: 0 0 auto;
color: var(--xui-hint-color);
font-size: 0.83em;
padding-left: 1.6em;
}
.xui-control-disabled .xui-menu-item-text,
.xui-control-disabled .xui-menu-item-detail {
color: var(--xui-disabled-color);
}
.xui-menu-item.xui-icon-only > .xui-menu-item-icon {
flex-grow: 1;
text-align: center;
}
.xui-menu-item.xui-icon-only > .xui-menu-item-text,
.xui-menu-item.xui-icon-only > .xui-menu-item-detail {
display: none;
}
.xui-dialog {
border-style: solid;
border-radius: 4px;
box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}
.xui-dlg {
}
.xui-dlg-container {
display: flex;
flex-direction: column;
}
.xui-dlg-resizable {
overflow: auto;
resize: both;
}
.xui-dlg-title-pane,
.xui-dlg-button-pane {
user-select: none;
flex: none;
display: flex;
flex-wrap: wrap;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
padding: 5px;
}
.xui-dlg-title-pane > *,
.xui-dlg-button-pane > * {
margin: 5px;
}
.xui-dlg-title-pane {
border-bottom-style: solid;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
cursor: default;
}
.xui-dlg-button-pane {
border-top-style: solid;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.xui-dlg-button-default-layout {
justify-content: flex-end;
}
.xui-dlg-content-pane {
flex: 1 1 auto;
overflow: auto;
}
.xui-dlg-title {
flex: 1 1 auto;
font-weight: 500;
}
.xui-dlg-close-button {
flex: none;
}
.xui-dlg-button {
flex: none;
font-weight: 500;
border-style: solid;
border-radius: 4px;
padding: 4px 8px;
min-width: 6em;
}
.xui-dlg-default-button {
border-width: calc(2 * var(--xui-border-width));
border-color: var(--xui-highlight-color);
padding: 3px 7px;
}
.xui-dlg-button-separ {
flex: 1 1 auto;
width: 1em;
height: 1em;
min-width: 1em;
}
.xui-dlg-close-button:hover,
.xui-dlg-button:hover {
background-color: var(--xui-rollover-bg);
border-color: var(--xui-border-color);
}
.xui-dlg-button:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xui-alert-pane {
display: flex;
padding: 10px;
cursor: default;
}
.xui-alert-icon {
flex: none;
font-family: "xui-stock-icons";
font-size: 32px;
width: 32px;
color: var(--xui-icon-color);
}
.xui-alert-error-icon {
color: var(--xui-error-color);
}
.xui-alert-warning-icon {
color: var(--xui-warning-color);
}
.xui-alert-info-icon {
color: var(--xui-information-color);
}
.xui-alert-confirm-icon {
color: var(--xui-question-color);
}
.xui-alert-message {
flex: 1 1 auto;
min-width: 20em;
min-height: 2em;
max-width: 60em;
max-height: 30em;
overflow: auto;
margin-left: 10px;
}
.xui-prompt-pane {
display: flex;
padding: 10px;
cursor: default;
}
.xui-prompt-icon {
flex: none;
font-family: "xui-stock-icons";
font-size: 32px;
color: var(--xui-question-color);
width: 32px;
}
.xui-prompt-form {
flex: 1 1 auto;
overflow: auto;
margin-left: 10px;
}
.xui-prompt-question {
margin-bottom: calc(10px - (2 * var(--xui-border-width)));
}
.xui-prompt-input {
display: block;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
margin: calc(2 * var(--xui-border-width));
}
.xui-prompt-hint {
font-size: var(--xui-small-font-size);
color: var(--xui-hint-color);
margin-top: calc(10px - (2 * var(--xui-border-width)));
}
.xui-prompt-input:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xui-list {
user-select: none;
display: block;
border-style: solid;
height: 10em;
overflow: auto;
}
xui-list:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xui-lst-item {
white-space: pre;
padding: 0.25em;
}
.xui-lst-item0 {
background-color: #FFFFFF;
}
.xui-lst-item1 {
background-color: #FFFFE0;
}
.xui-lst-disabled {
color: var(--xui-disabled-color);
}
.xui-lst-selected {
color: var(--xui-selected-fg);
background-color: var(--xui-selected-bg);
}
.xui-lst-anchor {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
}
xui-list:focus > .xui-lst-anchor {
border-color: var(--xui-selected-bg);
}
xui-autocomplete-field {
display: block;
}
.xui-acfld-field {
border-style: solid;
padding: calc(2 * var(--xui-border-width));
box-sizing: border-box;
width: 100%;
}
.xui-acfld-field:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xui-item-chooser-pane {
display: flex;
flex-direction: column;
height: 100%;
}
.xui-itmchsr-field-pane {
flex: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
button.xui-itmchsr-cancel,
button.xui-itmchsr-ok {
flex: none;
width: calc(2 * var(--xui-small-icon-size));
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
margin: 5px 0 5px 5px;
}
.xui-itmchsr-cancel {
color: var(--xui-negative-color);
}
.xui-itmchsr-ok {
color: var(--xui-positive-color);
}
xui-autocomplete-field.xui-itmchsr-field {
flex: 1 1 auto;
margin: 5px;
}
xui-list.xui-itmchsr-list {
flex: 1 1 auto;
margin: 0 5px 5px 5px;
}
.xui-itmchsr-cancel:hover,
.xui-itmchsr-ok:hover {
background-color: var(--xui-rollover-bg);
border-color: var(--xui-border-color);
}
.xui-itmchsr-cancel:focus,
.xui-itmchsr-ok:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xui-tabs {
display: block;
--xui-tab-selected-color: var(--xui-neutral-color);
}
.xui-tabs-head {
display: flex;
flex-wrap: wrap;
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
border-bottom-style: solid;
}
.xui-tabs-body {
padding-top: 5px;
}
.xui-tabs-tab,
.xui-tabs-new-tab {
display: inline-block;
flex: none;
user-select: none;
cursor: default;
}
.xui-tabs-tab {
padding: 2px 0.5em 5px 0.5em;
border-top-color: var(--xui-heading-bg);
border-top-width: 3px;
border-top-style: solid;
}
.xui-tabs-new-tab {
padding: 5px 0.5em;
}
.xui-tabs-tab:hover,
.xui-tabs-new-tab:hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xui-tabs-tab:hover {
border-top-color: var(--xui-border-color);
}
.xui-tabs-tab.xui-tabs-selected,
.xui-tabs-tab.xui-tabs-selected > .xui-tabs-close-button {
color: var(--xui-tab-selected-color);
}
.xui-tabs-tab.xui-tabs-selected {
border-top-color: var(--xui-tab-selected-color);
}
.xui-tabs-host {
display: none;
}
.xui-tabs-host.xui-tabs-selected {
display: block;
}
.xui-tabs-close-button,
.xui-tabs-new-button {
display: inline-block;
width: var(--xui-font-size);
text-align: center;
background-color: transparent;
border-color: transparent;
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 1px 2px;
}
.xui-tabs-close-button {
margin-left: calc(var(--xui-font-size) / 2);
}
.xui-tabs-close-button:hover {
border-color: var(--xui-border-color);
}
@font-face {
font-family: "xxe-css-icons";
src: url(xxecssicons.woff) format("woff");
font-weight: normal;
font-style: normal;
}
.xxe-css-icon {
display: inline-block;
font-family: "xxe-css-icons";
font-size: var(--xui-small-font-size);
font-weight: normal;
font-style: normal;
text-decoration: none;
cursor: default;
}
xxe-client {
display: flex;
flex-direction: column;
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
color: var(--xui-fg);
background-color: var(--xui-bg);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
padding: 0px;
overflow: auto;
resize: both;
}
.xxe-tool-pane {
flex: none;
}
.xxe-status-pane {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-top-style: solid;
padding: 3px 5px;
}
xxe-document-view {
flex: 1 1 auto;
display: block;
overflow: auto;
height: 25em;
margin: 1px;
}
xxe-document-view:focus {
outline: 1px dotted red;
}
.xxe-collapsed-content {
user-select: none;
}
xxe-document-view *[contenteditable]:focus {
outline: 1px dotted #FF7F7F;
caret-color: red;
}
.xxe-node-sel,
.xxe-node-sel[contenteditable]:focus {
outline: 1px solid red;
}
.xxe-text-sel {
background-color: #FDDDE6;
}
.xxe-text-sel:empty {
border: 1px solid #FDDDE6;
}
.xxe-caret {
border: 1px solid red;
background-color: red;
}
xxe-column-resizer {
display: block;
position: absolute;
top: 0;
right: -3px;
z-index: 1;
width: 5px;
height: 100%;
cursor: col-resize;
}
xxe-column-resizer:hover {
background-color: rgba(255, 0, 0, 0.2);
}
xxe-column-resizer > div {
position: absolute;
top: 0;
left: calc(50% - 1px);
z-index: 2;
width: 2px;
height: 100%;
background-color: red;
}
xxe-mathjax-pane {
display: inline-block;
background-color: #F8FFFF;
padding: 1px;
}
.xxe-edmath-pane {
display: flex;
box-sizing: border-box;
height: 100%;
padding: 10px;
}
.xxe-edmath-source {
flex: 1 1 auto;
resize: none;
font-family: var(--xui-mono-family);
font-size: 0.92em;
background-color: white;
border-style: solid;
}
.xxe-edmath-source:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xxe-image-viewport {
display: inline-block;
vertical-align: text-bottom;
}
xxe-image-viewport img {
vertical-align: top;
}
xxe-image-viewport.xxe-imgvp-n,
xxe-image-viewport.xxe-imgvp-ne,
xxe-image-viewport.xxe-imgvp-e,
xxe-image-viewport.xxe-imgvp-se,
xxe-image-viewport.xxe-imgvp-s,
xxe-image-viewport.xxe-imgvp-sw,
xxe-image-viewport.xxe-imgvp-w,
xxe-image-viewport.xxe-imgvp-nw,
xxe-image-viewport.xxe-imgvp-c {
display: inline-flex;
overflow: hidden;
}
.xxe-imgvp-n {
align-items: flex-start;
justify-content: center;
}
.xxe-imgvp-ne {
align-items: flex-start;
justify-content: flex-end;
}
.xxe-imgvp-e {
align-items: center;
justify-content: flex-end;
}
.xxe-imgvp-se {
align-items: flex-end;
justify-content: flex-end;
}
.xxe-imgvp-s {
align-items: flex-end;
justify-content: center;
}
.xxe-imgvp-sw {
align-items: flex-end;
justify-content: flex-start;
}
.xxe-imgvp-w {
align-items: center;
justify-content: flex-start;
}
.xxe-imgvp-nw {
align-items: flex-start;
justify-content: flex-start;
}
.xxe-imgvp-c {
justify-content: center;
align-items: center;
}
.xxe-imgvp-aligned {
flex: none;
}
.xxe-imgvp-error,
.xxe-imgvp-placeholder {
display: inline-block;
user-select: none;
font-family: "xxe-css-icons";
font-size: var(--xui-medium-icon-size);
background-color: var(--xui-heading-bg);
border-width: var(--xui-border-width);
border-style: solid;
padding: 0px calc(var(--xui-medium-icon-size) / 8);
}
.xxe-imgvp-error {
color: var(--xui-negative-color);
border-color: var(--xui-negative-color);
}
.xxe-imgvp-placeholder {
color: var(--xui-neutral-color);
border-color: var(--xui-neutral-color);
}
[data-label].xxe-imgvp-placeholder {
color: var(--xui-positive-color);
border-color: var(--xui-positive-color);
}
[data-label][data-src].xxe-imgvp-placeholder,
[data-src].xxe-imgvp-placeholder {
font-family: "xui-stock-icons";
color: var(--xui-disabled-color);
border-color: var(--xui-disabled-color);
}
.xxe-imgvp-resizers {
all: initial;
display: inline-block;
position: relative;
border: 1px solid red;
}
.xxe-imgvp-resizer {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background-color: red;
}
.xxe-imgvp-handle-ne {
top: 0px;
right: 0px;
cursor: nesw-resize;
}
.xxe-imgvp-handle-se {
bottom: 0px;
right: 0px;
cursor: nwse-resize;
}
.xxe-imgvp-handle-sw {
bottom: 0px;
left: 0px;
cursor: nesw-resize;
}
.xxe-imgvp-handle-nw {
top: 0px;
left: 0px;
cursor: nwse-resize;
}
.xxe-imgvp-handle-n {
top: 0px;
left: calc(50% - 5px);
cursor: ns-resize;
}
.xxe-imgvp-handle-e {
top: calc(50% - 5px);
right: 0px;
cursor: ew-resize;
}
.xxe-imgvp-handle-s {
bottom: 0px;
left: calc(50% - 5px);
cursor: ns-resize;
}
.xxe-imgvp-handle-w {
top: calc(50% - 5px);
left: 0px;
cursor: ew-resize;
}
.xxe-imgvp-resizer.xxe-imgvp-min-handle {
width: 5px;
height: 5px;
}
.xxe-imgvp-min-handle.xxe-imgvp-handle-n {
left: calc(50% - 2.5px);
}
.xxe-imgvp-min-handle.xxe-imgvp-handle-e {
top: calc(50% - 2.5px);
}
.xxe-imgvp-min-handle.xxe-imgvp-handle-s {
left: calc(50% - 2.5px);
}
.xxe-imgvp-min-handle.xxe-imgvp-handle-w {
top: calc(50% - 2.5px);
}
.xxe-refimg-pane {
padding: 10px;
}
.xxe-refimg-refas-pane {
margin-bottom: 2px;
}
.xxe-refimg-uri-pane {
display: flex;
margin-left: 25px;
}
.xxe-refimg-refas-toggle,
.xxe-refimg-embed-toggle {
vertical-align: -2px;
}
.xxe-refimg-refas-label,
.xxe-refimg-embed-label {
}
input.xxe-refimg-parent-uri,
input.xxe-refimg-file-name  {
flex: 1 1 auto;
border-style: solid;
background-color: white;
}
input.xxe-refimg-parent-uri[readonly],
input.xxe-refimg-file-name[readonly] {
background-color: var(--xui-bg);
}
.xxe-refimg-uri-separ {
flex: none;
align-self: center;
font-weight: bold;
margin: 0px 0.25em;
}
.xxe-refimg-uri-hint {
color: var(--xui-hint-color);
font-size: 0.83em;
margin-top: 3px;
margin-left: 25px;
}
.xxe-refimg-doc-uri {
font-family: var(--xui-mono-family);
}
.xxe-refimg-embed-pane {
margin-top: 20px;
}
.xxe-refimg-refas-toggle:focus,
.xxe-refimg-parent-uri:focus,
.xxe-refimg-file-name:focus,
.xxe-refimg-embed-toggle:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xxe-command-button {
display: inline-flex;
justify-content: center;
align-items: center;
}
.xxe-cmdb-icon {
flex: none;
}
.xxe-cmdb-text {
flex: none;
}
xxe-value-editor {
}
.xxe-valed-ctrl {
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-radius: 3px;
margin: calc(2 * var(--xui-border-width));
}
.xxe-valed-ctrl2 {
color: var(--xui-fg);
background-color: var(--xui-bg);
}
label.xxe-valed-ctrl > input {
vertical-align: middle;
margin-right: 0.25em;
}
.xxe-valed-rbtns {
display: inline-grid;
justify-items: start;
align-items: center;
gap: 0.125em 0.25em;
padding: 0.125em 0.25em;
}
.xxe-valed-clrchsr {
box-sizing: content-box;
width: 32px;
height: 16px;
padding: 2px 4px;
}
.xxe-valed-gauge,
.xxe-valed-meter {
width: 90px;
height: 15px;
border-radius: 0px;
background: transparent;
}
.xxe-valed-meter {
-webkit-appearance: none;
overflow: hidden;
cursor: ew-resize;
}
.xxe-valed-meter::-webkit-slider-runnable-track,
.xxe-valed-meter::-webkit-slider-thumb {
-webkit-appearance: none;
height: 100%;
}
.xxe-valed-meter::-webkit-slider-runnable-track {
width: 100%;
border: thin solid #B2B2B2;
background-color: #EFEFEF;
}
.xxe-valed-meter::-webkit-slider-thumb {
width: 0px;
margin-top: -100%;
box-shadow: -1000px 0px 0px 1000px #0075FF;
}
.xxe-valed-meter::-moz-range-track,
.xxe-valed-meter::-moz-range-thumb,
.xxe-valed-meter::-moz-range-progress {
box-sizing: border-box;
height: 100%;
}
.xxe-valed-meter::-moz-range-track {
width: 100%;
border: thin solid #8F8F9D;
background-color: #E9E9ED;
}
.xxe-valed-meter::-moz-range-thumb {
width: 0px;
border-style: none;
border-radius: 0px;
}
.xxe-valed-meter::-moz-range-progress {
border: thin solid #2693C7;
background-color: #3DAEE9;
}
.xxe-valed-ctrl:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-attrs {
display: grid;
grid-template-columns: max-content max-content max-content;
justify-items: start;
align-items: center;
}
.xxe-attrs-left {
grid-column: 1;
grid-row: auto;
padding: 2px 0px 2px 4px;
}
.xxe-attrs-middle {
grid-column: 2;
grid-row: auto;
padding: 2px 4px;
}
.xxe-attrs-right {
grid-column: 3;
grid-row: auto;
padding: 2px 4px 2px 0px;
}
xxe-tool-bar,
.xxe-tlbr-tlst-popup {
user-select: none;
display: block;
overflow: hidden;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-bottom-style: solid;
padding: 3px 0px;
--xxe-tlbr-label-fs: calc(var(--xui-small-font-size) - 1px);
--xxe-tlbr-footer-gap: 3px;
}
.xxe-tlbr-tlst-popup {
background-color: var(--xui-bg);
border-style: solid;
}
.xxe-tlbr-grid {
flex: none;
border-collapse: separate;
border-spacing: 0px;
empty-cells: show;
}
.xxe-tlbr-cell {
text-align: left;
vertical-align: top;
padding: 2px 4px;
}
.xxe-tlbr-cell-separ {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-right-style: solid;
padding: 0;
}
.xxe-tlbr-menu-only-cell {
text-align: center;
vertical-align: middle;
padding: 2px 4px;
}
.xxe-tlbr-footer-cell {
padding: var(--xxe-tlbr-footer-gap) 0px 0px 0px;
}
.xxe-tlbr-footer-cell,
.xxe-tlbr-collapsed-cell {
font-size: var(--xxe-tlbr-label-fs);
}
.xxe-tlbr-footer-cell {
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
}
.xxe-tlbr-footer-cell > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
text-align: center;
}
.xxe-tlbr-footer-label {
flex: 1 1 auto;
}
span.xxe-tlbr-footer-button {
flex: none;
font-size: var(--xxe-tlbr-label-fs);
width: var(--xxe-tlbr-label-fs);
margin-left: 2px;
}
.xxe-tlbr-collapsed-cell {
text-align: left;
vertical-align: bottom;
padding: 0px 0.25em 0px 0px;
}
.xxe-tlbr-collapsed-label {
display: inline-block;
white-space: nowrap;
width: 1em;
height: calc(32px + var(--xxe-tlbr-footer-gap) + var(--xxe-tlbr-label-fs));
transform: translateY(100%) rotate(-90deg);
transform-origin: 0 0;
}
.xxe-tlbr-button {
padding: 1px 2px;
}
.xxe-tlbr-button.xxe-tlbr-button-checked {
color: var(--xui-checked-fg);
background-color: var(--xui-checked-bg);
}
.xxe-tlbr-button,
.xxe-tlbr-collapsed-cell {
white-space: nowrap;
border-color: transparent;
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
}
.xxe-tlbr-button:hover,
.xxe-tlbr-button.xxe-tlbr-button-checked:hover,
.xxe-tlbr-collapsed-cell:hover {
background-color: var(--xui-rollover-bg);
border-color: var(--xui-border-color);
}
.xxe-tlbr-button-icon {
}
div.xxe-tlbr-button-icon,
div.xxe-tlbr-button-label {
text-align: center;
}
span.xxe-tlbr-button-combo-16,
span.xxe-tlbr-button-combo-24 {
font-size: calc(var(--xui-small-icon-size) - 4px);
margin-left: 2px;
}
span.xxe-tlbr-button-combo-16 {
vertical-align: 4px;
}
span.xxe-tlbr-button-combo-24 {
vertical-align: 8px;
}
.xxe-tlbr-button-label {
font-size: var(--xxe-tlbr-label-fs);
}
span.xxe-tlbr-button-label {
vertical-align: text-top;
margin-left: 4px;
}
.xui-control-disabled .xxe-tlbr-button-label {
color: var(--xui-disabled-color);
}
.xxe-tlbr-span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
}
.xxe-tlbr-span > * {
flex: none;
margin: 0px 1px;
}
.xxe-tlbr-span-spacer {
width: 16px;
}
.xxe-tlbr-span-separator {
width: 1px;
margin: 0px 4px;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-left-style: solid;
}
xxe-node-path {
user-select: none;
display: block;
white-space: nowrap;
overflow: hidden;
height: 1.2em;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-bottom-style: solid;
padding: 3px 5px;
}
span.xxe-ndpth-doc,
span.xxe-ndpth-separ,
span.xxe-ndpth-node {
font-size: calc(var(--xui-font-size) - 1px);
}
.xxe-ndpth-doc {
padding: 1px 2px;
}
span.xxe-ndpth-doc-mod {
color: green;
}
.xxe-ndpth-separ {
}
.xxe-ndpth-node {
border-color: transparent;
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 1px 2px;
}
.xxe-ndpth-node:hover {
background-color: var(--xui-rollover-bg);
border-color: var(--xui-border-color);
}
.xxe-ndpth-node-sel {
font-weight: bold;
}
.xxe-ndpth-node-detail {
color: #8B008B;
}
span.xxe-ndpth-doc-ro,
.xxe-ndpth-node-ro,
.xxe-ndpth-node-ro > .xxe-ndpth-node-detail {
color: var(--xui-read-only-color);
}
xxe-search-replace {
flex: none;
display: block;
white-space: nowrap;
overflow: hidden;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-bottom-style: solid;
padding: 3px 5px;
}
.xxe-srt-searched,
.xxe-srt-replacement {
border-style: solid;
background-color: white;
}
.xxe-srt-replacement {
margin-left: 5px;
}
.xxe-srt-previous,
.xxe-srt-next,
.xxe-srt-replace,
.xxe-srt-replace-all {
margin-left: 5px;
}
span.xxe-srt-replace-all {
padding-right: 6px;
}
.xxe-srt-settings {
margin-left: 20px;
}
.xxe-srt-searched:focus,
.xxe-srt-replacement:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xxe-validate-tool {
flex: none;
display: block;
}
.xxe-tool-button {
user-select: none;
display: inline-block;
width: var(--xui-font-size);
text-align: center;
font-family: "xui-stock-icons";
font-size: var(--xui-font-size);
font-weight: normal;
font-style: normal;
text-decoration: none;
color: var(--xui-icon-color);
border-color: transparent;
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 1px 2px;
cursor: default;
}
.xxe-tool-button.xui-control-disabled {
color: var(--xui-disabled-color);
}
.xxe-tool-button:hover {
background-color: var(--xui-rollover-bg);
color: var(--xui-rollover-fg);
border-color: var(--xui-border-color);
}
.xxe-valid-tool-button {
}
.xxe-tool-popup {
background-color: var(--xui-heading-bg);
}
pre.xxe-tool-popup-list,
div.xxe-tool-popup-list,
xui-list.xxe-tool-popup-list,
.xxe-tool-popup-list {
font-size: var(--xui-small-font-size);
margin: 8px 4px;
}
.xxe-valid-tool-diag {
}
.xxe-valid-tool-diag-list {
border-style: solid;
min-width: 20em;
height: 15em;
overflow: auto;
}
.xxe-valid-tool-diag-item {
display: flex;
padding: 0.25em;
}
.xxe-valid-tool-diag-1-0 {
background-color: #FFFFBF;
}
.xxe-valid-tool-diag-1-1 {
background-color: #FFFFA0;
}
.xxe-valid-tool-diag-2-0,
.xxe-valid-tool-diag-4-0 {
background-color: #FFEABF;
}
.xxe-valid-tool-diag-2-1,
.xxe-valid-tool-diag-4-1 {
background-color: #FFE0A0;
}
.xxe-valid-tool-diag-3-0,
.xxe-valid-tool-diag-5-0 {
background-color: #FFBFBF;
}
.xxe-valid-tool-diag-3-1,
.xxe-valid-tool-diag-5-1 {
background-color: #FFA0A0;
}
.xxe-valid-tool-diag-link {
flex: none;
display: inline-block;
cursor: pointer;
}
.xxe-valid-tool-diag-label {
color: var(--xui-link-color);
text-decoration: underline;
}
.xxe-valid-tool-diag-msg {
flex: 1 1 auto;
margin-left: 0.5em;
}
xxe-status-tool {
flex: 1 1 auto;
display: flex;
flex-direction: row;
align-items: baseline;
font-size: var(--xui-small-font-size);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 3px 0px 3px 5px;
margin-left: 5px;
}
.xxe-status-tool-text {
user-select: text;
flex: 1 1 auto;
white-space: nowrap;
overflow: hidden;
height: 1.2em;
}
.xxe-status-tool-button {
flex: none;
margin: 0 5px;
}
.xxe-status-tool-log {
}
.xxe-status-tool-log-list {
min-width: 20em;
height: 25em;
}
xxe-clipboard-tool {
flex: none;
display: flex;
flex-direction: row;
align-items: baseline;
font-size: var(--xui-small-font-size);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 3px 5px 3px 0px;
margin-left: 5px;
}
.xxe-clpbrd-tool-button {
flex: none;
color: var(--xui-neutral-color);
margin: 0 5px;
}
.xxe-clpbrd-tool-label {
user-select: text;
flex: none;
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: 8em;
height: 1.2em;
}
.xxe-clpbrd-tool-label-ro {
color: var(--xui-read-only-color);
}
.xxe-clpbrd-tool-label:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-clpbrd-tool-src {
}
.xxe-clpbrd-tool-src-pane {
font-family: var(--xui-mono-family);
border-style: solid;
min-width: 30em;
height: 20em;
overflow: auto;
}
.xxe-itemsel-pane {
display: flex;
padding: 10px;
cursor: default;
}
.xxe-itemsel-icon {
flex: none;
width: 32px;
height: 32px;
}
.xxe-itemsel-selector {
flex: 1 1 auto;
overflow: auto;
margin-left: 10px;
}
.xxe-itemsel-list {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
min-width: 20em;
max-width: 50em;
}
.xxe-itemsel-list:focus {
outline: none;
}
.xxe-itemsel-item {
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
}
.xxe-edattr-content {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
}
.xxe-edattr-scroller {
flex: 1 1 auto;
max-width: 80em;
height: 10em;
overflow: auto;
margin: 5px 5px 0px 5px;
}
.xxe-edattr-table {
user-select: none;
width: 100%;
font-size: var(--xui-small-font-size);
border-spacing: 1px;
margin: 0px;
}
.xxe-edattr-col1 {
width: 33ex;
}
.xxe-edattr-col2 {
width: 67ex;
}
.xxe-edattr-table > thead {
background-color: var(--xui-heading-bg);
position: sticky;
top: 0px;
left: 0px;
z-index: 1;
}
.xxe-edattr-scroller,
.xxe-edattr-table th {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
}
.xxe-edattr-table th,
.xxe-edattr-table td {
white-space: nowrap;
overflow: hidden;
padding: 3px 5px;
}
.xxe-edattr-row0 {
background-color: white;
}
.xxe-edattr-row1 {
background-color: #FFFFE0;
}
.xxe-edattr-required {
font-weight: bold;
}
.xxe-edattr-form {
flex: none;
display: grid;
grid-template-columns: [label] max-content [input] auto [button1] max-content [button2] max-content;
column-gap: 5px;
row-gap: 5px;
margin: 10px 5px 0px 5px;
}
.xxe-edattr-nlabel,
.xxe-edattr-vlabel {
grid-column-start: label;
align-self: center;
}
input.xxe-edattr-name,
input.xxe-edattr-value {
grid-column-start: input;
border-style: solid;
background-color: white;
}
.xxe-edattr-clear,
.xxe-edattr-remove,
.xxe-edattr-set {
width: calc(2 * var(--xui-small-icon-size));
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-edattr-clear,
.xxe-edattr-remove {
grid-column-start: button1;
}
.xxe-edattr-clear {
color: var(--xui-neutral-color);
}
.xxe-edattr-remove {
color: var(--xui-negative-color);
}
.xxe-edattr-set {
grid-column-start: button2;
color: var(--xui-positive-color);
}
.xxe-edattr-nlabel,
.xxe-edattr-name,
.xxe-edattr-clear {
grid-row-start: 1;
}
.xxe-edattr-vlabel,
.xxe-edattr-value,
.xxe-edattr-remove,
.xxe-edattr-set {
grid-row-start: 2;
}
.xxe-edattr-infos {
flex: none;
white-space: nowrap;
overflow: hidden;
height: 1.2em;
min-width: 40em;
font-size: var(--xui-small-font-size);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 3px;
padding: 3px 5px;
margin: 5px;
}
.xxe-edattr-row0:hover,
.xxe-edattr-row1:hover,
.xxe-edattr-clear:hover,
.xxe-edattr-remove:hover,
.xxe-edattr-set:hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xxe-edattr-clear:focus,
.xxe-edattr-remove:focus,
.xxe-edattr-set:focus,
.xxe-edattr-name:focus,
.xxe-edattr-value:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-scm-content {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
}
.xxe-scm-scroller {
flex: 1 1 auto;
min-width: 30em;
max-width: 60em;
height: 25em;
overflow: auto;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
margin: 0px 5px 5px 5px;
}
.xxe-scm-info {
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
color: var(--xui-fg);
background-color: var(--xui-bg);
padding: 5px;
}
.xxe-scm-info > h1:first-child {
margin-top: 0px;
}
.xxe-scm-info > table {
border-collapse: collapse;
}
.xxe-scm-info > table th {
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
}
.xxe-scm-info > table th,
.xxe-scm-info > table td {
padding: 0.125em 0.25em;
}
.xxe-scm-buttons {
flex: none;
margin: 5px;
}
.xxe-scm-back,
.xxe-scm-forward,
.xxe-scm-index {
width: calc(2 * var(--xui-small-icon-size));
color: var(--xui-neutral-color);
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-scm-forward,
.xxe-scm-index {
margin-left: 5px;
}
.xxe-scm-back:disabled,
.xxe-scm-forward:disabled,
.xxe-scm-index:disabled {
color: var(--xui-disabled-color);
}
.xxe-scm-back:hover,
.xxe-scm-forward:hover,
.xxe-scm-index:hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xxe-scm-back:focus,
.xxe-scm-forward:focus,
.xxe-scm-index:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-declns-content {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
--xxe-declns-button-width: calc(2 * var(--xui-small-icon-size));
}
.xxe-declns-scroller {
flex: 1 1 auto;
max-width: 80em;
height: 15em;
overflow: auto;
margin: 5px;
}
.xxe-declns-table {
width: 100%;
font-size: var(--xui-small-font-size);
border-spacing: 1px;
margin: 0px;
}
.xxe-declns-col1 {
width: 75ex;
}
.xxe-declns-col2 {
width: 25ex;
}
.xxe-declns-col3 {
width: var(--xxe-declns-button-width);
}
.xxe-declns-table > thead {
position: sticky;
top: 0px;
left: 0px;
z-index: 1;
}
.xxe-declns-table th,
.xxe-declns-table td {
white-space: nowrap;
overflow: hidden;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
padding: 3px 5px;
}
.xxe-declns-table th {
background-color: var(--xui-heading-bg);
}
.xxe-declns-table th.xxe-declns-tools,
.xxe-declns-table td.xxe-declns-tools {
background-color: var(--bg);
border-style: none;
}
.xxe-declns-add,
.xxe-declns-remove {
width: var(--xxe-declns-button-width);
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-declns-add {
color: var(--xui-positive-color);
}
.xxe-declns-remove {
color: var(--xui-negative-color);
}
.xxe-declns-add:hover,
.xxe-declns-remove:hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xxe-declns-hint {
color: var(--xui-hint-color);
margin: 0px 5px 5px 5px;
}
.xxe-declns-add:focus,
.xxe-declns-remove:focus,
.xxe-declns-table td[contenteditable]:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-remed-content {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
}
.xxe-remed-user-bar {
flex: none;
text-align: right;
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
border-bottom-style: solid;
padding: 5px;
}
.xxe-remed-set-user {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-remed-set-user:hover {
background-color: var(--xui-rollover-bg);
border-color: var(--xui-border-color);
}
.xxe-remed-user {
margin-left: 5px;
}
.xxe-remed-set-user.xxe-remed-no-user,
.xxe-remed-user.xxe-remed-no-user {
color: var(--xui-warning-color);
}
.xxe-remed-scroller {
flex: 1 1 auto;
min-width: 30em;
max-width: 60em;
height: 15em;
overflow: auto;
}
.xxe-remed-scroller:empty {
width: 30em;
}
.xxe-remed-remark {
margin: 0.25em 0.25em 0.25em 1em;
}
.xxe-remed-scroller > .xxe-remed-remark {
margin-left: 0.25em;
}
.xxe-remed-head {
white-space: nowrap;
}
.xxe-remed-collapser {
}
.xxe-remed-editor {
font-weight: bold;
margin-left: 0.25em;
}
.xxe-remed-reply {
color: var(--xui-neutral-color);
margin-left: 0.25em;
}
.xxe-remed-delete {
color: var(--xui-negative-color);
margin-left: 0.25em;
}
.xxe-remed-body {
margin-left: calc(var(--xui-font-size) + 0.25em);
}
.xxe-remed-text {
display: block;
resize: both;
background-color: white;
border-style: solid;
margin: calc(2 * var(--xui-border-width));
}
.xxe-remed-text:focus,
.xxe-remed-set-user:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
xxe-app {
display: flex;
flex-direction: column;
font-family: var(--xui-font-family);
font-size: var(--xui-font-size);
overflow: auto;
resize: both;
}
.xxe-app-title-bar,
.xxe-app-button-bar {
flex: none;
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
padding: 3px 5px;
}
.xxe-app-title-bar {
display: flex;
flex-direction: row;
align-items: baseline;
border-style: solid;
}
.xxe-app-button-bar {
display: flex;
flex-direction: row;
border-left-style: solid;
border-right-style: solid;
}
.xxe-app-indicator {
flex: none;
display: inline-block;
width: 12px;
height: 6px;
background-color: red;
border-style: solid;
margin-right: 5px;
}
.xxe-app-indicator.xxe-app-connected {
background-color: #00FF00;
}
.xxe-app-indicator.xxe-app-logging {
border-color: black;
border-width: calc(2 * var(--xui-border-width));
}
.xxe-app-title {
flex: 1 1 auto;
text-align: center;
font-weight: bold;
margin-right: 5px;
}
.xxe-app-menu {
flex: none;
}
.xxe-app-button {
flex: none;
border-style: solid;
border-radius: 4px;
padding: 4px 8px;
margin-right: 5px;
}
.xxe-app-button:hover {
background-color: var(--xui-rollover-bg);
}
.xxe-app-button:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-app-button > .xui-edit-icon-16 {
vertical-align: middle;
margin-right: 4px;
}
span.xxe-app-button-menu {
font-size: calc(var(--xui-small-icon-size) - 4px);
vertical-align: middle;
margin-left: 4px;
}
span.xxe-app-save-hint {
font-size: calc(var(--xui-small-icon-size) - 4px);
vertical-align: 4px;
margin-left: 2px;
}
span.xxe-app-save-hint.xxe-app-save-info {
color: var(--xui-information-color);
}
span.xxe-app-save-hint.xxe-app-save-warn {
color: var(--xui-warning-color);
}
xxe-app > xxe-client {
flex: 1 1 auto;
resize: none;
}
xxe-app > xxe-client > xxe-document-view {
height: 30em;
}
.xxe-newdoc-content {
display: flex;
height: 100%;
cursor: default;
}
.xxe-newdoc-icon {
flex: none;
width: 32px;
height: 32px;
margin: 10px;
}
.xxe-newdoc-pane {
flex: 1 1 auto;
display: flex;
flex-direction: column;
margin: 10px 10px 10px 0px;
}
.xxe-newdoc-label {
flex: none;
margin-bottom: 5px;
}
.xxe-newdoc-lists {
user-select: none;
flex: 1 1 auto;
min-width: 25em;
max-width: 60em;
height: 20em;
overflow: auto;
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
padding: 0.5em;
}
.xxe-newdoc-lists:focus {
outline: none;
}
.xxe-newdoc-lists > *:first-child {
margin: 0;
}
.xxe-newdoc-template,
.xxe-newdoc-category {
margin: 1em 0;
}
.xxe-newdoc-template:hover {
background-color: var(--xui-rollover-bg);
}
.xxe-newdoc-template.xxe-newdoc-selected {
color: var(--xui-selected-fg);
background-color: var(--xui-selected-bg);
}
.xxe-newdoc-category > .xxe-newdoc-template,
.xxe-newdoc-category > .xxe-newdoc-category {
margin: 0.25em 0 0.25em 1em;
}
.xxe-newdoc-category > summary {
font-weight: bold;
}
.xxe-newdoc-category > summary:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-lfd-pane {
padding: 10px;
}
.xxe-lfd-step1,
.xxe-lfd-step2 {
padding: 0.125em 0.25em;
}
.xxe-lfd-step1.xxe-lfd-curstep,
.xxe-lfd-step2.xxe-lfd-curstep {
font-weight: bold;
color: var(--xui-selected-fg);
background-color: var(--xui-selected-bg);
}
.xxe-lfd-browse-label {
}
button.xxe-lfd-browse {
width: calc(2 * var(--xui-small-icon-size));
color: var(--xui-neutral-color);
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
margin-left: 5px;
}
.xxe-lfd-path-label {
margin-top: 20px;
margin-bottom: 2px;
}
.xxe-lfd-path-pane {
display: flex;
}
input.xxe-lfd-dir-path,
input.xxe-lfd-file-name  {
flex: 1 1 auto;
border-style: solid;
background-color: white;
}
input.xxe-lfd-dir-path[disabled],
input.xxe-lfd-file-name[disabled],
input.xxe-lfd-file-name[readonly][disabled] {
color: var(--xui-disabled-fg);
background-color: var(--xui-disabled-bg);
}
input.xxe-lfd-file-name[readonly] {
background-color: var(--xui-bg);
}
.xxe-lfd-path-separ {
flex: none;
align-self: center;
font-weight: bold;
margin: 0px 0.25em;
}
.xxe-lfd-path-hint {
color: var(--xui-hint-color);
font-size: 0.83em;
margin-top: 3px;
}
.xxe-lfd-opt-pane {
margin-top: 30px;
}
.xxe-lfd-browse:hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xxe-lfd-browse:focus,
.xxe-lfd-dir-path:focus,
.xxe-lfd-file-name:focus,
.xxe-lfd-opt-toggle:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
.xxe-rfd-pane {
display: flex;
flex-direction: row;
height: 100%;
}
.xxe-rfd-drive-pane {
user-select: none;
flex: none;
min-width: 4em;
color: var(--xui-heading-fg);
background-color: var(--xui-heading-bg);
border-style: solid;
padding: 10px;
overflow: auto;
margin: 5px;
}
.xxe-rfd-drive {
text-align: center;
border-style: solid;
border-radius: 5px;
padding: 5px;
}
.xxe-rfd-drive + .xxe-rfd-drive {
margin-top: 20px;
}
div.xxe-rfd-sel-drive {
color: var(--xui-checked-fg);
background-color: var(--xui-checked-bg);
}
div.xxe-rfd-drive-badge {
font-size: 12px;
color: var(--xui-negative-color);
position: relative;
z-index: 1;
margin-bottom: -12px;
margin-right: -12px;
}
div.xxe-rfd-drive-icon {
font-size: var(--xui-medium-icon-size);
}
.xxe-rfd-drive-label {
margin-top: calc(var(--xui-medium-icon-size) / 8);
}
.xxe-rfd-sel-drive > .xxe-rfd-drive-label {
font-weight: bold;
}
.xxe-rfd-chooser-pane {
flex: 1 1 auto;
display: flex;
flex-direction: column;
margin: 5px 5px 5px 0px;
}
.xxe-rfd-folder-pane {
flex: none;
display: flex;
flex-direction: row;
gap: 5px;
}
.xxe-rfd-folder-label {
flex: none;
align-self: center;
}
select.xxe-rfd-folder-select {
flex: 1 1 auto;
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
button.xxe-rfd-folder-up,
button.xxe-rfd-folder-new {
flex: none;
width: calc(2 * var(--xui-small-icon-size));
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-rfd-folder-icon {
color: #FFE135;
}
.xxe-rfd-folder-badge {
font-size: 12px;
color: var(--xui-neutral-color);
position: relative;
z-index: 1;
vertical-align: -2px;
margin-left: -8px;
}
.xxe-rfd-file-scroll {
flex: 1 1 auto;
max-width: 80em;
height: 15em;
overflow: auto;
margin-top: 5px;
}
.xxe-rfd-file-table {
user-select: none;
width: 100%;
font-size: var(--xui-small-font-size);
border-spacing: 1px;
margin: 0px;
--xxe-rfd-ncol-width: calc((5 * (var(--xui-small-icon-size) / 4)) + 32ex);
}
.xxe-rfd-ncol {
width: var(--xxe-rfd-ncol-width);
}
.xxe-rfd-scol {
width: 14ex;
}
.xxe-rfd-dcol {
width: 18ex;
}
.xxe-rfd-file-table > thead {
background-color: var(--xui-heading-bg);
position: sticky;
top: 0px;
left: 0px;
z-index: 1;
}
.xxe-rfd-sel-file {
color: var(--xui-selected-fg);
background-color: var(--xui-selected-bg);
}
.xxe-rfd-file-scroll,
.xxe-rfd-file-table th {
border-color: var(--xui-border-color);
border-width: var(--xui-border-width);
border-style: solid;
}
.xxe-rfd-file-table th,
.xxe-rfd-file-table td {
white-space: nowrap;
overflow: hidden;
padding: 3px 5px;
}
.xxe-rfd-file-table td:first-child {
max-width: var(--xxe-rfd-ncol-width);
}
span.xxe-rfd-dir-icon,
span.xxe-rfd-file-icon {
margin-right: calc(var(--xui-small-icon-size) / 4);
}
span.xxe-rfd-file-icon {
color: #6CB4EE;
}
span.xxe-rfd-dir-icon {
color: #FFE135;
}
.xxe-rfd-file-form {
flex: none;
display: grid;
grid-template-columns: [label] max-content [input] auto;
column-gap: 5px;
row-gap: 5px;
margin: 5px 0px;
}
.xxe-rfd-file-nlabel,
.xxe-rfd-file-tlabel {
grid-column-start: label;
align-self: center;
}
input.xxe-rfd-file-name {
grid-column-start: input;
border-style: solid;
background-color: white;
}
.xxe-rfd-file-type {
grid-column-start: input;
border-style: solid;
border-radius: 4px;
padding: 2px 4px;
}
.xxe-rfd-opt-pane {
flex: none;
margin: 25px 0px 5px 0px;
}
.xxe-rfd-file-table > tbody > tr:hover,
.xxe-rfd-drive:hover,
.xxe-rfd-folder-up:not([disabled]):hover,
.xxe-rfd-folder-new:not([disabled]):hover {
color: var(--xui-rollover-fg);
background-color: var(--xui-rollover-bg);
}
.xxe-rfd-folder-select:focus,
.xxe-rfd-folder-up:focus,
.xxe-rfd-folder-new:focus,
.xxe-rfd-file-name:focus,
.xxe-rfd-file-type:focus,
.xxe-rfd-opt-toggle:focus {
outline: solid var(--xui-focus-color) calc(2 * var(--xui-border-width));
}
