body.theme-fresk#page-admin-reportbuilder-index {
    #page {
        #topofscroll {
            #page-content {
                margin-top: 20px !important;
                #region-main-box {
                    #region-main {
                        background-color: transparent;
                        box-shadow: none;
                        .d-flex {
                            h2 {
                                font-size: 21px;
                            }
                        }
                        .reportbuilder-report {
                            background-color: white;
                            .reportbuilder-wrapper {
                                > .dropdown {
                                    position: relative;
                                    margin-bottom: 1em;
                                    .btn-outline-secondary {
                                        height: 37px;
                                        font-size: 12px;
                                        padding: .375rem .74rem;
                                        .icon {
                                            margin: 0;
                                        }
                                        span {
                                            font-size: 12px;
                                        }
                                    }
                                    table {
                                        .action-menu {
                                            .dropdown-toggle {
                                                border: 0;
                                                box-shadow: none;
                                                :after {
                                                    vertical-align: 0.5em;
                                                    width: 0px;
                                                    margin-right: 0;
                                                    margin-left: 0;
                                                }
                                            }
                                        }
                                    }
                                }
                                .table-dynamic {
                                    max-width: 100%;
                                }
                                .mt-2 {
                                    .table-dynamic {
                                        table {
                                            thead {
                                                tr {
                                                    th.header {
                                                        color: $graytext;
                                                        a {
                                                            color: $graytext !important;
                                                            &:hover {
                                                                color: $secondary !important;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                            tbody {
                                                tr {
                                                    td {
                                                        .inplaceeditable {
                                                            .quickeditlink {
                                                                color: $primary !important;
                                                            }
                                                        }
                                                        .action-menu {
                                                            .menubar {
                                                                .action-menu-trigger {
                                                                    .dropdown {
                                                                        .dropdown-toggle {
                                                                            background-color: transparent !important;
                                                                            box-shadow: none;
                                                                            &:hover {
                                                                                background-color: transparent !important;;
                                                                            }
                                                                            i.icon {
                                                                                color: $primary;
                                                                            }
                                                                            &:after {
                                                                                display: none;
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
body.theme-fresk#page-admin-reportbuilder-edit {
    #page-wrapper {
        overflow: hidden;
        #page {
            overflow: hidden;
            #page-content {
                margin-top: 0;
                #region-main-box {
                    #region-main {
                        background: transparent !important;
                        box-shadow: none;
                        [role="main"] {
                            nav.navbar {
                                background-color: transparent !important;
                                box-shadow: none;
                                h1 {
                                    font-size: 25px;
                                }
                                .ml-auto {
                                    .btn-outline-secondary {
                                        color: #fff;
                                        background-color: $primary;
                                        border-color: $primary;
                                        border-radius: 3px!important;
                                        font-size: 14px;
                                    }
                                }
                            }
                            .dynamictabs {
                                .nav.nav-tabs {
                                    z-index: 3;
                                    border: 0;
                                    background-color: #fff;
                                    border-radius: 8px;
                                    padding: 0 14px;
                                    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
                                    display: flex;
                                    justify-content: flex-start;
                                    flex-flow: row nowrap;
                                    height: 60px;
                                    margin-bottom: 18px !important;
                                    position: absolute;
                                    .nav-item {
                                        height: 60px;
                                        a.nav-link {
                                            display: flex;
                                            align-items: center;
                                            padding: 0.5rem 1rem;
                                            color: $graytext;
                                            height: 60px;
                                            border: none;
                                            border-bottom: solid 3px transparent;
                                            &.active {
                                                color: $secondary;
                                                font-weight: 700;
                                                border: none;
                                                border-bottom: solid 3px $primary;
                                            }
                                        }
                                    }
                                }
                                .tab-content {
                                    z-index: 4;
                                    position: relative;
                                    padding-top: 0;
                                    top: 80px;
                                    .tab-pane {
                                        .reportbuilder-report {
                                            height: calc(100vh - 170px);
                                            overflow: auto;
                                            .reportbuilder-wrapper {
                                                .dropdown {
                                                    .btn-outline-secondary {
                                                        box-shadow: none;
                                                    }
                                                }
                                                .reportbuilder-sidebar-menu {
                                                    .input-group {
                                                        .input-group-append {
                                                            background-color: transparent !important;
                                                            .input-group-text {
                                                                border: none;
                                                            }
                                                        }
                                                    }
                                                }
                                                .reportbuilder-report-container {
                                                    .reportbuilder-editor-table-container {
                                                        &::-webkit-scrollbar {
                                                            height: 7px;
                                                        }
                                                    }
                                                    [data-region="core_reportbuilder/report-header"] {
                                                        position: absolute;
                                                        top: -66px;
                                                        right: 20px;
                                                        [data-action="toggle-edit-preview"] {
                                                            color: #fff;
                                                            background-color: $primary;
                                                            border-color: $primary;
                                                            border-radius: 3px!important;
                                                            font-size: 14px;
                                                            i {
                                                                display: none;
                                                            }
                                                        }
                                                    }
                                                    .reportbuilder-editor-table-container {
                                                        margin-top: 0 !important;
                                                        border: 0;
                                                        background-color: #fff;
                                                        border-radius: 8px;
                                                        padding: 28px;
                                                        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
                                                        .table-dynamic {
                                                            div {
                                                                table.reportbuilder-table {
                                                                    thead {
                                                                        tr {
                                                                            th {
                                                                                a {
                                                                                    color: $graytext;
                                                                                    &:hover {
                                                                                        color: $primary;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .audiences-wrapper {
                                            height: calc(100vh - 170px);
                                            overflow: auto;
                                            padding: 0 1em 0 0;
                                            #audiences-menu {
                                                .input-group {
                                                    .input-group-append {
                                                        background-color: transparent !important;
                                                        .input-group-text {
                                                            border: none;
                                                        }
                                                    }
                                                }
                                                .reportbuilder-sidebar-menu-cards {

                                                }
                                            }
                                            #audiences-container {
                                                .instance-card {
                                                    .card {
                                                        .card-header {
                                                            h3.h6 {
                                                                font-size: 16px;
                                                                .inplaceeditable {
                                                                    a {
                                                                        font-size: 16px;
                                                                    }
                                                                }
                                                            }
                                                            .ml-auto {
                                                                button {
                                                                    .icon {
                                                                        color: $primary !important;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        .card-body {
                                                            font-size: 15px;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .reportbuilder-schedules-container {
                                            .reportbuilder-report {
                                                .reportbuilder-wrapper {
                                                    .table-dynamic {
                                                        height: calc(100vh - 250px);
                                                        overflow: auto;
                                                    }
                                                }
                                            }
                                        }
                                        .reportbuilder-access-container {
                                            height: calc(100vh - 170px);
                                            overflow: auto;
                                            padding: 0 1em 0 0;
                                        }

                                        .reportbuilder-sidebar-menu-cards,
                                        .reportbuilder-sidebar-settings {
                                            .card {
                                                box-shadow: 0 0 10px rgba(0, 0, 0, .06);
                                                border: none;
                                                background-color: white;
                                                .card-header {
                                                    background-color: transparent !important;
                                                    div {
                                                        flex-flow: row-reverse;
                                                        justify-content: flex-end;
                                                        .ml-3 {
                                                            margin-left: 0 !important;
                                                            .mr-1 {
                                                                font-size: 15px;
                                                                font-weight: bold;
                                                            }
                                                        }
                                                        .btn.toggle-card-button {
                                                            margin-left: 0 !important;
                                                            .collapsed-icon-container {
                                                                i {
                                                                    transform: rotate(-90deg);
                                                                }
                                                            }
                                                            .collapsed-icon-container,
                                                            .expanded-icon-container {
                                                                i {
                                                                    font-size: 15px;
                                                                    color: $primary;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .card-body {
                                                    border-top: 0 !important;
                                                    .list-group {
                                                        .list-group-item {
                                                            border: 0;
                                                            span {
                                                                font-size: 14px;
                                                                font-weight: normal;
                                                                color: $graytext;
                                                                flex-flow: row-reverse;
                                                                justify-content: flex-end !important;
                                                                i {
                                                                    color: $primary;
                                                                    margin-left: 1em;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .reportbuilder-sidebar-settings {
                                            .card {
                                                .card-header {
                                                    div {
                                                        flex-flow: row;
                                                        justify-content: space-between;
                                                        .ml-3 {
                                                            margin-left: 1rem!important;
                                                        }
                                                        .btn.toggle-card-button {
                                                            .collapsed-icon-container {
                                                                i {
                                                                    transform: rotate(90deg);
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .card-body {
                                                    .list-group {
                                                        .list-group-item {
                                                            span {
                                                                flex-flow: row;
                                                                justify-content: flex-start !important;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .reportbuilder-report-container {
                                            .p-2.border {
                                                border: none !important;
                                                padding-top: 0 !important;
                                                [data-region="core_reportbuilder/report-header"] {
                                                    position: absolute;
                                                    top: -66px;
                                                    right: 20px;
                                                    [data-action="toggle-edit-preview"] {
                                                        color: #fff;
                                                        background-color: $primary;
                                                        border-color: $primary;
                                                        border-radius: 3px!important;
                                                        font-size: 14px;
                                                        i {
                                                            display: none;
                                                        }
                                                    }
                                                }
                                                .reportbuilder-editor-table-container {
                                                    margin-top: 0 !important;
                                                    border: 0;
                                                    background-color: transparent;
                                                    border-radius: 0;
                                                    padding: 0;
                                                    box-shadow: none;
                                                    &::-webkit-scrollbar {
                                                        height: 7px;
                                                    }
                                                    .table-dynamic {
                                                        div {
                                                            table {
                                                                thead {
                                                                    tr {
                                                                        border: 0;
                                                                        border-bottom: 2px solid $primary;
                                                                        th {
                                                                            border: 0 !important;
                                                                            vertical-align: top;
                                                                            padding-top: 0 !important;
                                                                            div.d-flex {
                                                                                background-color: white;
                                                                                box-shadow: 0 0 10px rgba(0, 0, 0, .06);
                                                                                border-radius: 4px;
                                                                                padding: 10px;
                                                                                height: 100%;
                                                                                align-items: flex-start;
                                                                                .w-100 {
                                                                                    .d-flex.justify-content-between.mb-2 {
                                                                                        background-color: transparent;
                                                                                        box-shadow: none;
                                                                                        border-radius: 0;
                                                                                        padding: 0;
                                                                                        .text-muted {
                                                                                            font-size: 14px;
                                                                                            font-weight: bold;
                                                                                            white-space: normal !important;
                                                                                        }
                                                                                    }
                                                                                    h3.h5 {
                                                                                        margin-top: 1em;
                                                                                        font-size: 15px;
                                                                                        font-weight: normal;
                                                                                    }
                                                                                    small.text-muted {
                                                                                        .inplaceeditable-select {
                                                                                            color: $secondary;
                                                                                            a {
                                                                                                color: $secondary;
                                                                                                .quickediticon {
                                                                                                    i {
                                                                                                        color: $secondary;
                                                                                                    }
                                                                                                }
                                                                                            }
                                                                                            &.inplaceeditingon {
                                                                                                .custom-select {
                                                                                                    color: $secondary;
                                                                                                    width: 80%;
                                                                                                }
                                                                                            }
                                                                                        }
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.reportbuilder-filters-sidebar {
    .reportbuilder-filters-wrapper {
        .femptylabel {
            .form-inline {
                .align-items-center {
                    .btn-link {
                        color: $secondary;
                        &:hover,
                        &:focus {
                            color: $primary;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 768px) {
    body.theme-fresk#page-admin-reportbuilder-index #page.drawers div[role="main"] {
        padding: 0;
    }
}