/* Report Containers */
.rp_container {
    background: linear-gradient(180.26deg,#25cfaf 0,#17d998 100%);
    width: 100vw;
    height: 100vh;
    position: relative;
}

.rp_container_preview {
    background: linear-gradient(180.26deg,#25cfaf 0,#17d998 100%);
    width: 750px;
    height: 100%;
    position: relative;
}

.rp_pane_left {
    background-color: #FFFFFF;
    position: absolute;
    width: 240px;
    min-width: 240px;
    height: calc(100% - 30px);
    border-radius: 30px;
    overflow: hidden;
}

.rp_pane_right {
    background-color: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    position: absolute;
    left: 260px;
    width: calc(100% - 270px);
    height: calc(100% - 30px);
}

.rp_pane_preview {
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    border-radius: 30px;
    overflow: hidden;
}

.rp_pane_left_items {
    background-color: #F3F4F6;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 44px);
}

.rp_report_1 {
    position: relative;
    height: 100%;
}


.rp_report_2 {
    height: 100%;
}

/* Table structure */

.rp_table {
    width: 100%;
    table-layout: fixed;
}

    .rp_table thead th {
        padding-top: 5px;
        line-height: inherit;
        height: 30px;
        cursor: pointer;
        font-weight: 400;
        letter-spacing: .88px;
        color: #7b8091;
    }

        .rp_table thead th span {
            text-transform: uppercase;
            letter-spacing: 1.7px;
            font-size: 10px;
            color: #5D6375;
            padding: 1px;
            color: black;
        }

.rp_hscroll {
    overflow: auto;
}

.rp_vscroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 200px;
}

#rp_s2.rp_vscroll {
    height: calc(100% - 160px);
    padding-bottom: 100px;
    margin-bottom: 0px;
}

#rp_s2.rp_vscroll .message_info {
    position: absolute;
}

.rp_vscroll table {
    table-layout: fixed;
}

.rp_vscroll table tr {
    position: relative;
    height: 30px;
    display: inline-flex;
}

    .rp_vscroll table tr .celltext {
        display: block;
    }

    .rp_vscroll table tr td.cell {
        line-height: 25px;
    }

        .report_subtitle {
            position: relative;
            top: 10px;
            font-size: 13px;
            color: rgba(0, 0, 0, 0.68);
        }

/* Report Titles */

.rp_title {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 5px 10px 5px 15px;
    font-weight: bold;
    border-bottom: 1px solid #b6b3b3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #343B4E;
    text-transform: uppercase;
}

.rp_title_text {
    position: relative;
    float: left;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .rp_title_text.with_search {
        max-width: 35%;
    }

/* Divider Title */
.rp_icon_divider {
    position: absolute;
    top: 0px;
    width: 0px;
    border-left: 1px solid #CCD0D8;
    height: inherit;
    right: 40px;
}
/* Report List Items */

.rp_category {
    position: relative;
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding-left: 16px;
    padding-right: 32px;
    background: #fff;
    border-bottom: 1px solid #edeff3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    cursor: pointer;
    color: #343B4E;
}

    .rp_category.selected {
        color: #343B4E;
        background-color: #F3F4F6;
        border-bottom: none;
        mix-blend-mode: normal;
        opacity: 0.95;
    }

.rp_icon {
    height: 44px;
    line-height: 44px;
    margin-left: 10px;
    top: 13px;
    cursor: pointer;
}

.rp_report {
    position: relative;
    width: 95%;
    margin-left: 3%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 30px;
    background-color: #F3F4F6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: right;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #343B4E;
}

    .rp_report.rp_selected {
        background: #E6E9EE;
        border-radius: 30px;
        font-weight: bold;
    }

    .rp_report:hover {
        background: #E6E9EE;
        border-radius: 30px;
    }

    .rp_report .rp_selected .rp_icon_36 {
        top: 15px;
    }

    .rp_report .rp_selected span {
        font-weight: bold;
        color: #343B4E;
    }

.rp_category .rp_icon_36 {
    top: 21px;
    right: 10px;
    margin-left: 10px;
    position: absolute;
}

.rp_report .rp_icon_36 {
    top: 14px;
    right: 10px;
    margin-left: 10px;
    position: absolute;
}

.rp_icon_36 {
    top: 18px;
    right: 10px;
    margin-left: 10px;
    position: absolute;
}

.rp_search_bar {
    position: relative;
    float: right;
    min-width: 50%;
    max-width: 90%;
    display: flex;
    align-items: center;
    height: 53px;
}

.rp_input_search {
    float: right;
    height: 25px !important;
    border: 1px solid #000;
    padding: 0 12px 0 12px;
    width: 100%;
    outline: none;
    border: none;
    box-shadow: none;
    border-radius: 30px;
    background: #F3F4F6;
    TOP: -9PX;
    position: relative;
    z-index: 0;
    right: -5px;
}

/***** Icons *****/
.rp-magnifying-glass {
    background-image: url(../icons/search.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    width: 15px;
    height: 15px;
    top: 12px !important;
    z-index: 1;
}

.rp-magnifying-glass-input {
    position: absolute !important;
    right: 5px !important;
    top: 12px !important;
}

.rp-filter {
    background-image: url('../icons/filter.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 13px !important;
}

.rp-export {
    background-image: url('../icons/export.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 13px !important;
}

.rp-edit {
    background-image: url('../icons/edit.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    width: 15px;
    height: 15px;
    margin-left: 30px;
    right: 4px;
}

.rp_arrow_up {
    content: url(/icons/arrow_up.svg) !important;
    font-weight: bolder;
    position: relative;
    top: 0;
    width: 10px;
    height: 10px;
}

.rp_arrow_down {
    content: url(/icons/arrow_down.svg) !important;
    font-weight: bolder;
    position: relative;
    top: 0;
    width: 10px;
    height: 10px;
    right: 0px;
}


.rp_arrow_right {
    content: url(/icons/rp-arrow-right.svg) !important;
    font-weight: bolder;
    position: relative;
    top: 0;
    width: 10px;
    height: 10px;
}

.rp_export_menu {
    border-radius: 24px;
    background: white;
    position: absolute;
    z-index: 10;
    border: 1px solid #2456FF;
    display: block;
    border-top-right-radius: 0;
    right: 60px;
    top: 40px;
}

.menu_backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8;
    top: 0;
    left: 0;
}

.rp_export_menu ul {
    padding: 0px 5px 0px 5px;
    margin: 0;
}

.rp_export_menu ul li {
    height: 32px;
    color: #2456FF;
    list-style: none;
    cursor: pointer;
    padding: 0 9px 0 9px;
    line-height: 32px;
}

.rp_export_menu div.rp_dl_arrow_up {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    top: -6px;
    right: 0px;
    margin-bottom: -10px;
    z-index: 2;
}

.rp_export_menu div.rp_dl_arrow_up_border {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 10px solid #2456FF;
    position: absolute;
    top: -10px;
    right: -1px;
    margin-bottom: -9px;
    z-index: 1;
}

.background-blue {
    background-image: linear-gradient(135deg, #439dff, #2456ff);
    color: white;
}

.disabled {
    filter: contrast(10%) brightness(1.5);
    background: transparent;
}

.aapi_input_params {
    width: 330px;
    margin-left: 10px;
    border: none;
    outline: none;
}

.aapi_black_item {
    color: black;
}
.aapi_not_active_item {
    color: red;
}

.aapi_development_item {
    color: blue;
}

.aapi_canvas{
    text-align: left;
}