/* ========================================================================== */
/* MenuBar */

.spg-menubar {
    padding: 1.5em 0;
}

.spg-menubar-item {
    cursor: pointer;
    padding: 0.5em 1em;
    margin: 0 -1px; /* overlap right and left borders in the middle */
    border-top: 0;
    border-bottom: 0;
}

/* ========================================================================== */
/* Menu */

.spg-menu {
    z-index: 1;
    position: absolute;
}

.spg-menu > .ui-menu-item {
    display: flex; /* because of shortcut labels */
}

.spg-menu > .ui-menu-item > .spg-menu-shortcut { /* shortcut labels */
    text-align: right;
    padding: 0 1.2em;
    color: #aaa;
    flex: 1;
}

/* ========================================================================== */
/* Ribbon */

.spg-ribbon {
    width: 100%;
}

.spg-ribbon-section {
    display: inline-table;
    border-spacing: 5px;
    vertical-align: top;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

.spg-ribbon-section:last-child {
    border-right: 0;
}

.spg-ribbon-section-content {
    display: table-row;
    border-spacing: 5px;
}

.spg-ribbon-section-title {
    display: table-footer-group;
    vertical-align: bottom;
    color: #555;
    text-align: center;
}

/* Color-picker button */
.ui-button .colorPicker-picker {
    position: absolute;
    width: 11px;
    height: 11px;
    bottom: 1px;
    right: 1px;
}

/* ========================================================================== */
/* Edit row */

.spg-editrow {
    padding: 10px 0;
    width: 100%;
    height: 21px;
}

.spg-editrow input {
    margin-right: 10px;
    height: 100%;
}

.spg-editrow-addressfield {
    text-align: center;
    width: 100px;
}

.spg-editrow-valuefield {
    width: calc((100% - 100px) / 2);
}

.spg-editrow-error {
    color: red;
}

.spg-editrow-floating-error {
    position: absolute;
    color: red;
    background-color: white;
    border: 1px solid;
}

.spg-editrow-hidden {
    display: none;
}

/* ========================================================================== */
/* Dialogs */

.spg-simplefind {
    z-index: 1;
    position: fixed;
    overflow: auto;
    border: 1px solid #000;
    background-color: #F7F7F7;
    padding: 0.7em;
    margin-left:-55px;
    margin-top:20px;
}

    .spg-simplefind:nth-child(3n)
    {
        display: none;
    }

    .spg-simplefind .spg-ui-button,
    .spg-simplefind .spg-ui-info-input
    {
        padding: 0.3em;
    }

.spg-simplefind > .spg-ui-block > .spg-ui-button:last-child {
    /* margin of last button (open complex dialog) */
    margin-left: 0.7em;
}

.spg-simplefind > .spg-ui-block > .spg-ui-button-close {
    border: 0;
    background: rgba(0, 0, 0, 0);
}

.spg-simplefind > .spg-ui-block > .spg-ui-button-close:hover {
    color: #A00;
}