/* Clinical Dashboard */
.clinicaldash .parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.clinicaldash .div1 {
    grid-area: 1 / 1 / 3 / 5;
}
.clinicaldash .div2 {
    grid-area: 1 / 5 / 3 / 7;
}
.clinicaldash .div3 {
    grid-area: 1 / 7 / 3 / 9;
}
.clinicaldash .div4 {
    grid-area: 3 / 1 / 6 / 5;
}
.clinicaldash .div5 {
    grid-area: 3 / 5 / 6 / 9;
}
.clinicaldash .div6 {
    grid-area: 6 / 1 / 9 / 5;
}
.clinicaldash .div7 {
    grid-area: 6 / 5 / 9 / 9;
}
.clinicaldash .div8 {
    grid-area: 1 / 9 / 6 / 13;
}
.clinicaldash .div9 {
    grid-area: 6 / 9 / 9 / 13;
}

.dashitem_block {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 40, 85, 0.06);
}

.info_total_patient {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.info_chart_big_block {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}
.info_chart_block {
    flex: 1;
}

.total_p_number {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.total_p_heading {
    color: #313131;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.info_chart_small_block h3 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.info_chart_small_block h4 {
    color: #0f75bc;
    font-family: "Anek Malayalam";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.insideflexdash {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}
.seprator-hor {
    background: #e0e5eb;
    width: 100%;
    height: 1px;
}

.seprator-ver {
    background: #e0e5eb;
    height: 100%;
    width: 1px;
}

.info_chart_small_block {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0 30px;
}
.small_info_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.small_info_box h6 {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.small_info_box h4 {
    color: #313131;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.chart_heading {
    display: flex;
    gap: 10px;

    align-items: center;
}
.filter_charts_header {
    display: flex;
    gap: 10px;
    padding: 20px 0;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.filter_charts_header {
    border-bottom: 1px solid #e0e5eb;
}
.big_charts .chart_heading h3 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.chart_header {
    padding: 0 20px;
}
.charts_data {
    padding: 0 30px 20px 30px;
}

/* Clinical Dashboard End */

/* Call Center Dashboard */
.call-center-dash-parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.callcen-div1 {
    grid-area: 1 / 1 / 3 / 3;
}
.callcen-div2 {
    grid-area: 1 / 3 / 3 / 5;
}
.callcen-div3 {
    grid-area: 1 / 5 / 3 / 7;
}
.callcen-div4 {
    grid-area: 1 / 7 / 3 / 9;
}
.callcen-div5 {
    grid-area: 3 / 1 / 6 / 9;
}
.callcen-div6 {
    grid-area: 6 / 1 / 10 / 9;
}
.callcen-div7 {
    grid-area: 1 / 9 / 5 / 13;
}
.callcen-div8 {
    grid-area: 5 / 9 / 10 / 13;
}

.cen-info-detail h3 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.cen-info-detail h2 {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ccen-info-subline h4 {
    color: #6d7379;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cen-info-img span {
    border: 1px solid #0f75bc;
    width: 46px;
    height: 46px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.ccen-info-data {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 26px;
}

.ccen-info-box {
    padding: 24px 10px;
}

.ccen-info-subline {
    border-top: 1px solid #e0e5eb;
    padding-top: 10px;
    text-align: center;
}
.dropcall span {
    border-color: #ff666c;
}
#linemix {
    width: 100%;
    height: 250px; /* 👈 set height manually or use 100% of parent */
}
.allcalls-num {
    color: #0f75bc;
    font-family: "Anek Malayalam";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.allcall-info {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.allcall-infosub {
    color: #6d7379;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ccen-dash-item-block {
    display: flex;
    flex-direction: column;

    flex: 1;
}
.ccen-dash-items-container {
    padding: 30px 20px;
}
.ccen-dash-items-container {
    display: flex;
    gap: 40px;
}

/* Counsellor Performance Dashboard */

/* .cp_dash_parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.cp_div1 {
    grid-area: 1 / 1 / 3 / 3;
}
.cp_div2 {
    grid-area: 1 / 3 / 3 / 5;
}
.cp_div3 {
    grid-area: 1 / 5 / 3 / 7;
}
.cp_div4 {
    grid-area: 1 / 7 / 3 / 9;
}
.cp_div5 {
    grid-area: 3 / 1 / 6 / 5;
}
.cp_div6 {
    grid-area: 3 / 5 / 6 / 9;
}
.cp_div7 {
    grid-area: 6 / 1 / 9 / 5;
}
.cp_div8 {
    grid-area: 6 / 5 / 9 / 9;
}
.cp_div9 {
    grid-area: 1 / 9 / 9 / 13;
} */

.small_info_box h5 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.lbpper h3 {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}
.lbpperinside h5 {
    color: #97a9bd;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.lbppercntage {
    color: #000;
    text-align: right;
    font-family: "Anek Malayalam";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.lbp_block {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e5eb;
    padding: 20px 0;
    align-items: center;
}

.personinfolbp {
    display: flex;
    align-items: center;
    gap: 15px;
}
.lbpperinside {
    display: flex;
    gap: 10px;
    align-items: center;
}

span.icongrowup img {
    display: block;
}

/* Dashboard Page */
.dashboard_grid_parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.dashgrids_1 {
    grid-area: 1 / 1 / 3 / 5;
}

.dashgrids_2 {
    grid-area: 1 / 5 / 3 / 9;
}

.dashgrids_3 {
    grid-area: 3 / 1 / 4 / 3;
}

.dashgrids_4 {
    grid-area: 3 / 3 / 4 / 5;
}

.dashgrids_5 {
    grid-area: 3 / 5 / 4 / 9;
}

.dashgrids_6 {
    grid-area: 4 / 1 / 5 / 3;
}

.dashgrids_7 {
    grid-area: 4 / 3 / 5 / 5;
}

.dashgrids_8 {
    grid-area: 4 / 5 / 5 / 7;
}

.dashgrids_9 {
    grid-area: 4 / 7 / 5 / 9;
}

.dashgrids_10 {
    grid-area: 5 / 1 / 6 / 5;
}

.dashgrids_11 {
    grid-area: 5 / 5 / 6 / 7;
}

.dashgrids_12 {
    grid-area: 5 / 7 / 6 / 9;
}

.dashgrids_13 {
    grid-area: 1 / 9 / 4 / 13;
}

.dashgrids_14 {
    grid-area: 4 / 9 / 6 / 13;
}

.dashboard_grids_block {
    padding: 20px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0px 8px 20px 0px rgba(0, 40, 85, 0.06);
}

.dash_multi_heading h2 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
}

.dash_multi_heading h3 {
    color: #45464e;
    font-family: "Anek Malayalam";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.dash_heading_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash_heading_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.date_selection input {
    border-radius: 30px;
    border: 1px solid #e1ebf4;
    display: flex;

    height: 36px;
    padding: 5px 20px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.dashboard_charts img {
    width: 100%;
    padding-top: 23px;
}

.dashboard_single_heading h2 {
    color: #313131;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.dashboard_card_results h2 {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard_single_analysis {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    gap: 20px;
}

.dashboard_card {
    height: 100%;
}

.charts_button h2 a {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.charts_button h2 {
    text-align: right;
}

/* Agent Dashboard */
.dashboard_screen_container {
    display: flex;
    /* grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto; */
    flex-direction: row;
    gap: 10px;
    /* margin-top: 30px; */
}

.dashboard_screen_container .summary_card {
    background-color: white;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e3e3e3;
    position: relative;
}

.dashboard_screen_container .firstLeft {
    display: flex;
    gap: 4px;
    flex-direction: row;
}

.dashboard_screen_container .smallBoxHeadings {
    font-family: "Anek Malayalam";
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
    vertical-align: middle;
    color: #313131;
    padding: 0.5rem;
    white-space: pre-wrap !important;
}

.dashboard_screen_container .smallBoxNumbers {
    font-family: "Anek Malayalam";
    font-weight: 400;
    font-size: 26px;
    color: #0f75bc;
    line-height: 100%;
    padding: 0.5rem;
}

.dashboard_screen_container .upperSmallBoxes {
    text-align: center;
}

.dashboard_screen_container .rowTwo {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.dashboard_screen_container .summary_card .dropdown {
    text-align: right;
    position: absolute;
    top: 16px;
    right: 16px;
}

.dashboard_screen_container .summary_card .dropdown button {
    background-color: transparent;
    font-family: "Anek Malayalam";
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #313131;
    border: 1px solid #e1ebf4;
    border-radius: 30px;
}

.dashboard_screen_container .summary_card .dropdown .dropdown-toggle::after {
    margin-left: 1rem;
}

.dashboard_screen_container .summary_card .fa-arrow-down {
    position: absolute;
    position: absolute;
    top: 26px;
}

.bar_charts_data_agent {
    width: 100%;
    height: 290px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 40, 85, 0.06);
    margin-top: 10px;
    padding: 18px 30px;
    position: relative;
}

.bar_charts_data_right {
    width: 100%;
    height: 290px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 40, 85, 0.06);
    padding: 18px 30px;
    position: relative;
}

.bar_charts_data_right_agent .head_title_top_leaderboard {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    border-bottom: 0.5px solid #e0e5eb;
    padding: 15px;
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 0px !important;
}

.bar_charts_data_right .head_title_top {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 0.5px solid #e0e5eb;
    padding: 15px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.bar_charts_data_agent .head_title_top {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 0.5px solid #e0e5eb;
    padding: 15px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.bar_charts_data_agent .head_title_top h6 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 70%;
}

.bar_charts_data_agent .head_title_top .icccooo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cg clip-path='url(%23clip0_2000_27717)'%3E%3Cpath d='M11.9153 5.41616L11.9153 17.517L6.62865 12.2303C6.20615 11.8078 5.51281 11.8078 5.09031 12.2303C4.66781 12.6528 4.66781 13.3353 5.09031 13.7578L12.2295 20.897C12.652 21.3195 13.3345 21.3195 13.757 20.897L20.8962 13.7578C21.3187 13.3353 21.3187 12.6528 20.8962 12.2303C20.4737 11.8078 19.7911 11.8078 19.3686 12.2303L14.082 17.517L14.082 5.41616C14.082 4.82033 13.5945 4.33283 12.9986 4.33283C12.4028 4.33283 11.9153 4.82033 11.9153 5.41616Z' fill='%230F75BC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2000_27717'%3E%3Crect width='26' height='26' fill='white' transform='translate(1.90735e-06 26) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 26px;
    height: 26px;
}

.bar_charts_data_right_agent .head_title_top_leaderboard .iconLeader {
    background-image: url("../../assets/images/leaderboardicon.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 26px;
    height: 26px;
}

.bar_charts_data_right_agent .head_title_top_leaderboard .leaderboardAgen span {
    padding: 8px 20px;
    border-radius: 30px;
    background: rgba(225, 235, 244, 0.5);
}

.wholeRightbox {
    min-height: 449px;
    width: 100%;
    padding: 18px 30px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 40, 85, 0.06);
    border-radius: 14px;
}

.wholeRightbox .belowBoard .leaderboardhead {
    border-top: 0.5px solid #e0e5eb;
    padding: 1.5rem 0;
    display: flex;
}

.wholeRightbox .belowBoard .belowData .personalData .littlebox span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M13 0H9.20833V1.14286H11.1529L7.04167 5.48L4.71792 3.02286C4.66756 2.9693 4.60765 2.92679 4.54165 2.89778C4.47564 2.86877 4.40484 2.85383 4.33333 2.85383C4.26183 2.85383 4.19103 2.86877 4.12502 2.89778C4.05901 2.92679 3.9991 2.9693 3.94875 3.02286L0 7.19429L0.76375 8L4.33333 4.23429L6.65708 6.69143C6.70744 6.74499 6.76735 6.7875 6.83335 6.81651C6.89936 6.84552 6.97016 6.86046 7.04167 6.86046C7.11317 6.86046 7.18397 6.84552 7.24998 6.81651C7.31599 6.7875 7.3759 6.74499 7.42625 6.69143L11.9167 1.94857V4H13V0Z' fill='%230FD154'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 13px;
    height: 8px;
}

.wholeRightbox .belowBoard .belowData .personalData {
    margin-left: 1rem;
}

.wholeRightbox .belowBoard .belowData .personalData .littlebox h5 {
    color: #97a9bd;
    font-family: "Satoshi-Medium";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
    margin-left: 5px;
}

.wholeRightbox .belowBoard .belowData .personalData .littlebox {
    margin-top: 5px;
}

.wholeRightbox .belowBoard .belowData .personalData h3 {
    color: #000;
    font-family: "Satoshi-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.wholeRightbox .belowData {
    display: flex;
    border-top: 0.5px solid #e0e5eb;
    border-bottom: 0.5px solid #e0e5eb;
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wholeRightbox .belowData .percentageDetails h3 {
    color: #000;
    text-align: right;
    font-family: "Satoshi-Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.wholeRightbox .belowBoard .leaderboardhead h4 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 0.5rem;
}

.wholeRightbox .belowBoard .leaderboardhead .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M2.16675 9.75008C3.0287 9.75008 3.85535 10.0925 4.46484 10.702C5.07434 11.3115 5.41675 12.1381 5.41675 13.0001C5.41675 13.862 5.07434 14.6887 4.46484 15.2982C3.85535 15.9077 3.0287 16.2501 2.16675 16.2501V18.4167C2.16675 18.9914 2.39502 19.5425 2.80135 19.9488C3.20768 20.3551 3.75878 20.5834 4.33341 20.5834H21.6667C22.2414 20.5834 22.7925 20.3551 23.1988 19.9488C23.6051 19.5425 23.8334 18.9914 23.8334 18.4167V16.2501C22.9715 16.2501 22.1448 15.9077 21.5353 15.2982C20.9258 14.6887 20.5834 13.862 20.5834 13.0001C20.5834 12.1381 20.9258 11.3115 21.5353 10.702C22.1448 10.0925 22.9715 9.75008 23.8334 9.75008V7.58341C23.8334 7.00878 23.6051 6.45768 23.1988 6.05135C22.7925 5.64502 22.2414 5.41675 21.6667 5.41675H4.33341C3.75878 5.41675 3.20768 5.64502 2.80135 6.05135C2.39502 6.45768 2.16675 7.00878 2.16675 7.58341V9.75008Z' stroke='%230F75BC' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0833 5.41675V7.58341' stroke='%230F75BC' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0833 18.4167V20.5834' stroke='%230F75BC' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0833 11.9167V14.0834' stroke='%230F75BC' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 26px;
    height: 26px;
}

/* Agent Dashboard */


/* executive Dashboard */

.dashboard_screen_container .TotalOrders .dateButton {
    padding: 0.5rem 1.5rem;
    background: #e1ebf480;
    border-radius: 30px;
    font-family: "Anek Malayalam";
    font-weight: 300;
    font-size: 14px;
    text-align: center;
}

.dashboard_screen_container .bar_charts_data_agent .revenue .small {
    white-space: nowrap;
    padding: 0.5rem 1.5rem;
    border-radius: 30px;
    border: 1px solid #e1ebf4;
}

.dashboard_screen_container .bar_charts_data_agent .revenue h6 {
    margin-left: 5px;
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bar_charts_data_agent .revenue .icccooo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M9.13587 7.80035C9.95675 7.80035 10.6333 7.89936 11.1654 8.09736C11.7016 8.29536 12.0997 8.59443 12.3596 8.99456C12.6194 9.39469 12.7494 9.90001 12.7494 10.5105C12.7494 10.923 12.671 11.284 12.5142 11.5933C12.3575 11.9027 12.1512 12.1647 11.8955 12.3792C11.6397 12.5937 11.3634 12.769 11.0664 12.9051L13.727 16.8466H11.5985L9.43906 13.3754H8.41813V16.8466H6.5V7.80035H9.13587ZM8.99975 9.372H8.41813V11.8161H9.03687C9.67212 11.8161 10.1259 11.7109 10.3981 11.5005C10.6745 11.286 10.8127 10.9725 10.8127 10.56C10.8127 10.131 10.6642 9.82576 10.3672 9.64425C10.0743 9.46275 9.6185 9.372 8.99975 9.372ZM19.5433 14.7923C19.5433 15.2626 19.4319 15.6606 19.2091 15.9865C18.9905 16.3083 18.6626 16.5537 18.2253 16.7228C17.7881 16.8878 17.2436 16.9704 16.5918 16.9704C16.1092 16.9704 15.6946 16.9394 15.3481 16.8775C15.0057 16.8157 14.6593 16.7125 14.3086 16.5682V15.0089C14.684 15.178 15.0862 15.3183 15.5152 15.4296C15.9483 15.5369 16.3278 15.5905 16.6537 15.5905C17.0208 15.5905 17.2828 15.5369 17.4395 15.4296C17.6004 15.3183 17.6808 15.1739 17.6808 14.9965C17.6808 14.881 17.6478 14.7779 17.5818 14.6871C17.5199 14.5923 17.3838 14.4871 17.1734 14.3716C16.9631 14.2519 16.6331 14.0973 16.1834 13.9075C15.7503 13.726 15.3935 13.5424 15.113 13.3568C14.8366 13.1712 14.6304 12.9525 14.4942 12.7009C14.3622 12.4452 14.2962 12.1213 14.2962 11.7295C14.2962 11.0901 14.5437 10.6095 15.0387 10.2878C15.5379 9.96188 16.2041 9.79894 17.0373 9.79894C17.4663 9.79894 17.8747 9.84226 18.2624 9.92888C18.6543 10.0155 19.0565 10.1537 19.469 10.3435L18.8997 11.7047C18.5574 11.5562 18.2336 11.4345 17.9283 11.3397C17.6272 11.2448 17.3199 11.1973 17.0064 11.1973C16.73 11.1973 16.5217 11.2345 16.3814 11.3087C16.2412 11.383 16.1711 11.4964 16.1711 11.649C16.1711 11.7604 16.2061 11.8594 16.2762 11.946C16.3505 12.0327 16.4908 12.1296 16.697 12.2369C16.9074 12.34 17.2147 12.474 17.6189 12.639C18.0108 12.7999 18.3511 12.969 18.6399 13.1464C18.9286 13.3197 19.1514 13.5362 19.3081 13.7961C19.4649 14.0519 19.5433 14.3839 19.5433 14.7923Z' fill='%230F75BC'/%3E%3Ccircle cx='13' cy='13' r='12.1042' stroke='%230F75BC' stroke-width='1.79168'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 63px;
    height: 31px;
}

.summary_card .inbound {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary_card .inbound .icccooo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M7.14188 1.08334L7.14188 13.1842L1.85521 7.8975C1.43271 7.475 0.739375 7.475 0.316875 7.8975C-0.105625 8.32 -0.105625 9.0025 0.316875 9.425L7.45604 16.5642C7.87854 16.9867 8.56104 16.9867 8.98354 16.5642L16.1227 9.425C16.5452 9.0025 16.5452 8.32 16.1227 7.8975C15.7002 7.475 15.0177 7.475 14.5952 7.8975L9.30854 13.1842L9.30854 1.08334C9.30854 0.487503 8.82104 1.52177e-06 8.22521 1.54781e-06C7.62938 1.57386e-06 7.14188 0.487503 7.14188 1.08334Z' fill='%230F75BC'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
}

.summary_card .inbound h6 {
    margin-left: 5px;
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .boxpie .fontStyle {
    color: #97a9bd;
    text-align: center;
    font-family: "Satoshi-regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .boxpie {
    display: flex;
    align-items: center;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .firstclass .box {
    background: #fd8688;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .secondclass .box {
    background: #ffd37f;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .thirdclass .box {
    background: #75efbc;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .fourthclass .box {
    background: #4edaed;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

.bar_charts_data_right_agent .piechart {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 2rem;
}

.bar_charts_data_right_agent .piechart .boxchart {
    display: flex;
    align-items: center;
}

.bar_charts_data_right_agent .piechart .fontStyle {
    color: #97a9bd;
    text-align: center;
    font-family: "Satoshi-regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

.bar_charts_data_right_agent .piechart .firstclass .box {
    width: 10px;
    height: 10px;
    background-color: #4edaed;
}

.bar_charts_data_right_agent .piechart .secondclass .box {
    width: 10px;
    height: 10px;
    background-color: #75efbc;
}

.bar_charts_data_right_agent .piechart .thirdclass .box {
    width: 10px;
    height: 10px;
    background-color: #fd8688;
}

.executive-container .firstLeft {
    display: flex;
    flex-direction: row;
    gap: 2px !important;
}

.executive-container .TotalOrders {
    /* margin-top: 1.7rem; */
}

.executive-container .smallBoxHeadings {
    white-space: nowrap;
}

.dashboard_screen_container.executive-container .summary_card.upperSmallBoxes {
    min-height: 140px;
}

/* executive Dashboard */



/* Clinical Dashboard */
.clinicaldash .parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.clinicaldash .div1 {
    grid-area: 1 / 1 / 3 / 5;
}

.clinicaldash .div2 {
    grid-area: 1 / 5 / 3 / 7;
}

.clinicaldash .div3 {
    grid-area: 1 / 7 / 3 / 9;
}

.clinicaldash .div4 {
    grid-area: 3 / 1 / 6 / 5;
}

.clinicaldash .div5 {
    grid-area: 3 / 5 / 6 / 9;
}

.clinicaldash .div6 {
    grid-area: 6 / 1 / 9 / 5;
}

.clinicaldash .div7 {
    grid-area: 6 / 5 / 9 / 9;
}

.clinicaldash .div8 {
    grid-area: 1 / 9 / 6 / 13;
}

.clinicaldash .div9 {
    grid-area: 6 / 9 / 9 / 13;
}

.dashitem_block {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 40, 85, 0.06);
}

.info_total_patient {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.info_chart_big_block {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.info_chart_block {
    flex: 1;
}

.total_p_number {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.total_p_heading {
    color: #313131;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.info_chart_small_block h3 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.info_chart_small_block h4 {
    color: #0f75bc;
    font-family: "Anek Malayalam";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.insideflexdash {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.seprator-hor {
    background: #e0e5eb;
    width: 100%;
    height: 1px;
}

.seprator-ver {
    background: #e0e5eb;
    height: 100%;
    width: 1px;
}

.info_chart_small_block {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0 30px;
}

.small_info_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.small_info_box h6 {
    color: #0f75bc;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.small_info_box h4 {
    color: #313131;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.chart_heading {
    display: flex;
    gap: 10px;

    align-items: center;
}

.filter_charts_header {
    display: flex;
    gap: 10px;
    padding: 20px 0;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.filter_charts_header {
    border-bottom: 1px solid #e0e5eb;
}

.big_charts .chart_heading h3 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chart_header {
    padding: 0 20px;
}

.charts_data {
    padding: 0 30px 20px 30px;
}


/* Clinical Dashboard End*/

.leaderboardPeoples {
    overflow-y: scroll;
    height: 590px;
}


#ordersChart .custom-label {
    display: none;
}

/* @media (min-width : 1920px) and (max-width : 2100px) {
    .dashboard_grids_block {
        padding-bottom: 0px !important;
        padding-right: 0px !important;
    }
} */