/* stats categs */
#page-statistics_details .table td {
    border-top: none !important;
}

#page-stats_categories .sc_container .sc_tile {
    background-color: #f7f7f7;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-radius: 5px;
    padding: 15px 19px;
    margin-bottom: 15px;
    font-size: 2rem;
    
    box-shadow: 4px 6px 10px 0px rgb(179 179 179 / 75%);
    -webkit-box-shadow: 4px 6px 10px 0px rgb(179 179 179 / 75%);
    -moz-box-shadow: 4px 6px 10px 0px rgb(179 179 179 / 75%);
}

#page-stats_categories .sc_container .sc_tile .sct_label {
    position: relative;
}

#page-stats_categories .sc_container .sc_tile .sct_label .redirect {
    position: absolute;
    font-size: 10px;
    background: #c7c7c7;
    padding: 10px;
    right: -36px;
    top: -9%;
}

#page-stats_categories .sc_container .sc_tile .sct_label .redirect::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px 17px 0px 0px;
    border-color: #7f7f7f transparent transparent transparent;
    border-style: solid;
    right: -9px;
    bottom: -15px;
    transform: translate(-50%, -50%);
}

#page-stats_categories .sct_body .sub_cat_tile {
    margin-bottom: 10px;
}

/* statistics details */
.hidden_elem {
    display: none;
}

/* width */
#page-statistics_details ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#page-statistics_details ::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
#page-statistics_details ::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
#page-statistics_details ::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

#page-statistics_details .sd-daterange .sdd-component.header {
    /* background: #e1e1e1e1; */
    /* letter-spacing: 0.1em; */
    border-bottom: 1px solid #f1f1f1;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    padding: 10px 0;
}

#page-statistics_details .sd-daterange .sdd-component.body .daterange-picker .left-ind {
    left: 10px;
    top: 7px;
}

#page-statistics_details .sd-daterange .sdd-component.body .daterange-picker .range-value {
    padding-left: 3rem;
}

#page-statistics_details .sd-daterange .sdd-component.body .daterange-picker .right-ind.kv-clear {
    right: 3rem;
    top: 10px;
    font-size: 24px;
}

#page-statistics_details .sd-daterange .sdd-component.body .daterange-picker .right-ind {
    right: 8px;
    top: 0px;
    font-size: 24px;
}

#page-statistics_details .sb_categ-tab_list {
    /* display: inline-flex;
    width: 100%; */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#page-statistics_details .sb_categ-tab_list .sub_cat-tab {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    flex: 1;
    /* min-width:calc(100%/5); */
}

#page-statistics_details .sb_categ-tab_list .sub_cat-tab.active {
    font-weight: 700;
    border-bottom: 3px solid;
    position: relative;
}

/* #page-statistics_details .sb_categ-tab_list .sub_cat-tab.active::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 9px 15px 0 15px;
    border-color: #000000 transparent transparent transparent;
    border-style: solid;
    left: 50%;
    bottom: -32%;
    transform: translate(-50%, -50%);
} */

#page-statistics_details .sb_categ-tab_contents {
    padding-top: 10px;
}

#page-statistics_details .sb_categ-tab_contents .primary_loading {
    text-align: center;
    min-height: 52vh;
    padding: 225px;
    font-size: 25px;
    /* background: #d6baba1f; */
    border-radius: 3px;
    width: 100%;
}

#page-statistics_details .sb_categ-tab_contents .secondary_loading {
    width: 100%;
    padding: 200px;
    font-size: 25px;
    text-align: center;
}

#page-statistics_details .chart_container .settings {
    padding: 20px 0px;
}

#page-statistics_details .chart_container .settings .toggle_container > label,
#page-statistics_details .chart_container .settings .toggle ,
#page-statistics_details .chart_container .settings .filter_chart {
    width: 100% !important;
}

.areas {
    display: inline-flex;
    width: 100%;
    /* max-height: 85vh; */
}

.areas .side.left {
    width: 25%;
    /* max-height: 62vh; */
}

.areas .side.left .left_search {
    margin-bottom: 10px;
}

.areas .side.left .left_search .stat_list_search {
    height: 38px;
}

.areas .side.left .left_listing {
    /* max-height: 100%; */
    overflow: hidden;
    overflow-y: auto;
}

.areas .side.left .left_listing .ll_tile {
    padding: 10px 0;
    font-size: 15px;
    font-weight: 700;
    color: gray;
    cursor: pointer;
}

.areas .side.left .left_listing .ll_tile.active {
    /* background: #e6dede; */
    border-left: 5px solid #808080;
    padding-left: 10px;
    color: #000000;
}

.areas .side.right {
    padding-left: 10px;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.areas .side.right .right_listing .rl_tile {
    /* border: 1px solid; */
    border-radius: 5px;
    background: #ffffff;
    /* padding: 10px;
    margin: 15px; */
}

.areas .side.right .right_listing .rl_tile .tile_header {
    font-weight: 700;
    font-size: 20px;
}

.areas .side.right .right_listing .rl_tile .tile_header {
    padding: 9px 0;
    border-bottom: 2px solid #e1e1e1;
    color: #000000;
}

.areas .side.right .right_listing .rl_tile .tile_header.MISTAKE_COLOR {
    border-bottom: 2px solid #f13a3a;
    color: #f13a3a;
}

.areas .side.right .right_listing .rl_tile .tile_header.STANDARD_COLOR {
    border-bottom: 2px solid #808080;
    color: #808080;
}

.areas .side.right .right_listing .rl_tile .tile_header.SUPER_SHOT_COLOR {
    border-bottom: 2px solid #4747ff;
    color: #4747ff;
}

.areas .side.right .right_listing .rl_tile .tile_content {
    letter-spacing: 0.1em;
}

.areas .side.right .right_listing .rl_tile .tile_content .table_head_label {
    text-align: center;
    background-color: #f4f4f4;
}

.areas .side.right .right_listing .rl_tile .tile_content .table_body_label {
    text-align: center;
}

.areas .side.right .right_listing .rl_tile .tile_content .show-border_left {
    border-left: 2px solid;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-light_pink {
    background-color: #ffb6c1;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-orchid {
    background-color: #da70d6;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-green {
    background-color: #81e781;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-blue {
    background-color: #87ceeb;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-sky_blue {
    background-color: #87ceeb;
}

.areas .side.right .right_listing .rl_tile .tile_content .bg-dirty_white {
    background-color: #ebebeb;
}

/* .areas .side.right .right_listing .rl_tile .tile_content .group_text_center {
    padding: 23px 8px;
} */

.areas .side.right .right_listing .rl_tile .tile_content .percentage_center {
    font-size: 18px;
    font-weight: 700;
    padding: 23px 0px;
    text-align: center;
}

.areas .side.right .right_listing .rl_tile .tile_content .percentage_center {
    font-size: 18px;
    font-weight: 700;
    padding: 23px 0px;
    text-align: center;
}

.areas .side.right .right_listing .rl_tile .tile_content .no_data_found {
    font-size: 18px;
    font-weight: 700;
    padding: 23px 0px;
    text-align: center;
}

/* item quality statistics */
.cell_container {
    border-left: 3px solid black;
}

.cell_container.MISTAKE_style {
    color: #FFFFFF;
    background-color: #f13a3a;
}

.cell_container.STANDARD_style {
    color: #FFFFFF;
    background-color: #808080;
}

.cell_container.SUPER_SHOT_style {
    color: #FFFFFF;
    background-color: #4747ff;
}

.title_span {
    font-weight: 700;
}