body {
    background-color: transparent !important;
}

.recline-view .alert-messages {
    display: none;
}

.recline-view .recline-data-explorer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent;
}

.recline-view .page-range a {
    background-color: transparent;
}

.recline-view .header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.recline-view .header.clearfix {
    clear: inherit;
    display: flex;
    flex-direction: column;
}

.recline-view .header.clearfix::before, .recline-view .header.clearfix::after {
    display: none;
}

.recline-view .header .navigation {
    width: 100%;
    margin: 0 !important;
}

.recline-view .header .navigation .btn-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 4px;
    background-color: rgba(39, 41, 55, 0.05);
    border-radius: 6px;
}

.recline-view .header .navigation .btn-group .btn {
    width: 100%;
    background-color: transparent;
    border: none;
}

.recline-view .header .navigation .btn-group .btn:nth-child(2) {
    border-left: 1px solid rgba(39, 41, 55, 0.1);
    border-right: 1px solid rgba(39, 41, 55, 0.1);
}

.recline-view .header .navigation .btn-group .btn.active {
    background-color: white;
    border-radius: 4px;
    box-shadow: none;
}

.recline-view .header .recline-results-info {
    float: inherit;
    width: 100%;
    margin: 0;
    line-height: 1.2;
    content: none;
}

.recline-view .recline-pager {
    margin: 0;
}

.recline-view .recline-pager .page-range {
    background-color: white;
}

.recline-view .menu-right {
    margin: 0 !important;
    padding: 0 !important;
    float: inherit;
}

.recline-view .menu-right .btn-group {
    width: 100%;
}

.recline-view .menu-right .btn-group .btn {
    width: 100%;
}

.recline-view .query-editor-here .form-inline {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100%;
}

.recline-view .recline-query-editor {
    display: flex;
    flex-direction: row;
    float: inherit;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.recline-view .recline-query-editor form {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.recline-view .recline-query-editor form .form-group {
    width: 100%;
}

.recline-view .recline-query-editor .input-group-addon {
    display: none;
}

.recline-view .recline-query-editor .form-control.search-query {
    border-radius: 4px 0 0 4px;
    border: none;
    background: transparent;
}

.recline-view .recline-query-editor form button {
    padding: 0 8px;
    border-radius: 0 4px 4px 0;
    border: none;
    background: transparent;
}

.recline-view .recline-query-editor form button img {
    width: 18px;
    height: 18px;
}

.recline-view .slick-header-columns {
    background-color: rgba(53, 111, 222, 1);
}

.recline-view .slick-header-column {
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: none !important;
    color: white !important;
}

.recline-view .data-view-sidebar {
}

@media screen and (min-width: 768px) {
    .recline-view .header.clearfix {
        position: relative;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        padding: 4px 0;
    }

    .recline-view .header .navigation {
        position: absolute;
        left: 0;
        width: fit-content;
    }
    
    .recline-view .header .navigation .btn-group {
        width: fit-content;
    }

    .recline-view .header .recline-results-info {
        width: fit-content;
    }

    .recline-view .recline-pager {
        width: fit-content;
    }

    .recline-view .menu-right .btn-group {
        width: fit-content;
    }

    .recline-view .query-editor-here {
        width: fit-content;
    }

    .recline-view .recline-data-explorer {
        display: block;
    }
}