#sidebarShowBtn {
    margin-left: 3px;
    padding: .5em 1em;
    font-size: 13px;
}

#sidebarHideBtn {
    justify-self: end;
    padding: .5em 1em;
    font-size: 13px;
}

#sidebar {
    background: #f5f5f5;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: -35%;
    width: 35%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    z-index: 999;
}

#sidebar.animatable {
    transition: transform .3s;
}

#sidebar.show {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    box-shadow: 0 0 20px rgb(34 36 38 / 15%);
}

#sidebarGP .sidebar-header,
#sidebar .sidebar-header {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    border-left: 1px solid #fff;
    padding: 14px 10px;
    line-height: 0;
    background: #333;
}

#sidebarGP .sidebar-content {
    position: relative;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 54px);
}

#sidebar .sidebar-content {
    position: relative;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 39px);
}

#sidebar .sidebar-content .ui.message {
    margin: 0;
}

#sidebar .sidebar-content .ui.accordion {
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: none;
    -webkit-box-shadow: none;
}

#sidebar .sidebar-content .ui.accordion .title:first-child {
    border-top: none;
}

#sidebar .sidebar-content .ui.accordion .accordion {
    margin-top: 0;
}

#sidebar .sidebar-content table.ui.table {
    margin: 0;
}

#sidebar .sidebar-content table.ui.table > thead > tr > th {
    background: #dcdcdc;
    border-radius: unset;
}

#sidebar .sidebar-content table.ui.table > tbody > tr > td .field-name {
    word-break: break-all;
}

#sidebar .sidebar-content table .header {
    font-weight: 700;
    margin-bottom: 6px;
}

#sidebar .sidebar-content .field .description.field-label {
    margin-bottom: 4px;
}

#sidebarGP span.highlight,
#sidebar .sidebar-content .field .description input[type="text"].highlight {
    background-color: #FFFF88;
}

#sidebar .sidebar-content .ui.form .field .selection.dropdown,
#sidebar .sidebar-content .ui.form .field .selection.dropdown > input.search {
    width: 100%;
}

#sidebar .sidebar-content .field .ui.pointing.label.prompt {
    position: absolute;
    font-weight: 500;
    font-size: 13px;
    -webkit-box-shadow: 0 1em 2em -0.3em rgb(0 0 0 / 15%);
    box-shadow: 0 1em 2em -0.3em rgb(0 0 0 / 15%);
    z-index: 9;
}

#sidebar .sidebar-content .field .ui.pointing.label:before {
    background: rgba(180,30,40,.9)!important;
}

#sidebar .sidebar-content .ui.tab.segment {
    padding: 4px;
}

#sidebar a.delete-field:hover i.icon {
    color: #8a141b;
}

#searchSidebarTabValues,
#searchSidebarTabConditions {
    margin-bottom: 5px;
}

#searchSidebarTabValues input[type="search"]:focus,
#searchSidebarTabConditions input[type="search"]:focus {
    border-color: #099a97;
}

.cancel-search-d-none[type="search"]::-webkit-search-cancel-button,
.cancel-search-d-none[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.cancel-search {
    display: none;
    cursor: pointer;
    margin-left: 5px;
    white-space: nowrap;
}

#sidebar span.highlight {
    background-color: #FFFF88;
}

#sidebar .hide {
    display: none !important;
}

#wrapper.pusher {
    position: relative;
}

#wrapper.pusher.animatable, .topnav.animatable {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: all;
    transition: all .3s;
}

.ui.sidebar-tab-settings-error {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    padding: 0.8em 1em !important;
}