/* Screens based Fixes */
/* Disabled Buttons */
button:disabled {
    cursor: not-allowed;
    background: #e9ecef !important;
    border-color: #e9ecef;
    color: #999 !important;
}





/* shazia counsellor dashboart UI STart */
.chardLegend .apexcharts-legend{
    display: flex;
    flex-direction: row-reverse;
}
 
.datepicker.datepicker-dropdown {
    font-size: 13px;
}

.datePickerNew{
        border-radius: 30px;
    border: 1px solid #E1EBF4;
    background: initial;
        width: 100%;
    align-items:  center;
    background: #fff;
}
.datePickerNew input{
    color: #313131;
font-family: "Anek Malayalam";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
  background: #f0f8ff00!important;
}

.datePickerNew input:hover
,.datePickerNew  input:focus-visible{
    border: 0!important;
    outline: 1px solid #fff0 !important;
}
.datePickerNew input:focus{
        box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
}
.datePickerNew svg{
    width: 14px;
    height: 14px;    margin-right: 10px;
}

.boxScroll{
        height: 380px;
    overflow-y: auto;
}
.boxScroll::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}
.dashinBottom .apexcharts-legend .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker{
     background-repeat: no-repeat;
    background-color: initial;
    background-position: left 4px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='10' y2='1' stroke='%23FD8587' stroke-width='2' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A");
}
.dashinBottom .apexcharts-legend .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker svg
{display: none;}
/* shazia UI End */

/* agent dashboard Faizan */
.dashboard_screen_container .summary_card {
    height: 100%;
    box-shadow: 0px 8px 20px 0px #0028550f;
}
.bar_charts_data_agent {
    margin-top: 0 !important;
}

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

.bar_charts_data_agent .card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #e0e5eb;
    padding-bottom: 10px;
}

.dashboard_screen_container
    .summary_card.firstBigChart
    .card_header
    .comaprisonHead
    .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;
}

.Escalations .card_header .iconbefore{
    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");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 26px;
    height: 26px;
}

.Escalations .card_header .head_title_top h6{
    width: 83%;
}

.dashboard_screen_container
    .summary_card.firstBigChart
    .card_header
    .comaprisonHead {
    display: flex;
    align-items: center;
    gap: 10px;
}

.agent-dashboard #fcrMonthChange {
    height: 29px;
    font-size: 14px;
    border: 1px solid #e1ebf4;
}

.card_header .custom_select input  {
    border: 1px solid #E1EBF4;
    border-radius: 30px;
    padding: 5px 10px;
    font-family: Anek Malayalam;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #313131;
    width: 120px;
}
.Escalations .custom_select #escalationscallChartCalender, .followup_compliance .custom_select #followupChartCalender{
    background-repeat: no-repeat;
    background-position: 96px 6px;
    border: 1px solid #E1EBF4;
    background-color: transparent;
    background-size: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M5.0957 7.64307L10.1911 12.7385L15.2865 7.64307' stroke='%235E6366' stroke-width='1.69847' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.agent-dashboard .bar_charts_data_agent .head_title_top{
    border: none !important;
    padding: 0 !important;
    gap: 10px !important;
}

.agent-dashboard .wholeRightbox {
    height: 100%;
}

.agent-dashboard .leaderboardPeoples {
    overflow-y: scroll;
    height: 363px;
}

#comparisonChart .apexcharts-legend .apexcharts-legend-text {
    font-size: 10px !important;
    color: #97a9bd !important;
    font-weight: 500 !important;
}

#comparisonChart .apexcharts-legend {
    gap: 10px !important;
}
.agent-dashboard .bar_charts_data_agent{
    height: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/* agent dashboard Faizan */

/* Call Center Dashboard */
#linemix .apexcharts-legend-group {
    display: flex;
    flex-direction: row !important;
}
.apexcharts-xaxis-title {
    color: #4a5664;
    text-align: right;
    font-family: "Satoshi-regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}
.charts_date {
}
.charts_date input[type="date"] {
    background-color: #f0f5f9 !important;
    border-radius: 30px !important;
    border: 1px solid #e1ebf4 !important;
    width: auto !important;
}
.apexcharts-xaxis-title text {
    color: #4a5664;
    text-align: right;
    font-family: "Satoshi-regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.25px;
}

/* executive dashboard Faizan  */
.bar_charts_data_agent.CustomerSatisfaction #halfpie .apexcharts-text{
    font-family: 'Inter' !important ;
    font-weight: 500;
    font-size: 42.91px;
    line-height: 100%;
    letter-spacing: -2.14px;
    text-align: center;
    color:  #131313;
}

.executive-container .bar_charts_data_agent{
    height: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important; 
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .fourthclass .box{
    margin-top: 0;
    background-color: #75EFBC;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie .boxpie .fontStyle{
    color: #000000;
    text-align: center;
    font-family: "Helvetica, Arial, sans-serif";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.25px;
}

.bar_charts_data_agent.CustomerSatisfaction .halfpie{
    margin-top: -40px;
}

.dashboard_screen_container .TotalOrders .custom_select input {
    padding: 0.5rem .9rem;
    background: #E1EBF480;
    border-radius: 30px;
    font-family: "Anek Malayalam";
    font-weight: 300;
    font-size: 14px;
    border: none;
    text-align: center;
}

.executive-container .CustomerSatisfaction input, .executive-container .coMorbidities input  {
    border: 1px solid #E1EBF4;
    border-radius: 30px;
    padding: 5px 10px;
    font-family: Anek Malayalam;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #313131;
    width: 120px;
}

.leaderboardAgen .form-select{
    border: 1px solid #E1EBF4;
    border-radius: 30px;
    padding: 5px 10px;
    font-family: Anek Malayalam;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    height: 30px;
    color: #313131;
    width: 120px;
}
/* executive dashboard Faizan  */

.pending-educator .dataTables_info,
.complaint .dataTables_info,
.education .dataTables_info,
.video-consult .dataTables_info,
.call-back .dataTables_info,
.complete .dataTables_info,
.cancelled .dataTables_info,
.all-list .dataTables_info{
    min-width: 70px;
    margin-left: 0;
}

.pending-educator .dataTables_paginate.paging_simple_numbers span,
.call-back .dataTables_paginate.paging_simple_numbers span,
.video-consult .dataTables_paginate.paging_simple_numbers span,
.complaint .dataTables_paginate.paging_simple_numbers span,
.education .dataTables_paginate.paging_simple_numbers span,
.cancelled .dataTables_paginate.paging_simple_numbers span,
.complete .dataTables_paginate.paging_simple_numbers span,
.all-list .dataTables_paginate.paging_simple_numbers span{
    display: none;
}

.pending-educator .care_table_pagination .dataTables_paginate,
.call-back .care_table_pagination .dataTables_paginate,
.video-consult .care_table_pagination .dataTables_paginate,
.complaint .care_table_pagination .dataTables_paginate,
.education .care_table_pagination .dataTables_paginate,
.complete .care_table_pagination .dataTables_paginate,
.cancelled .care_table_pagination .dataTables_paginate,
.all-list .care_table_pagination .dataTables_paginate{
    gap: 33px
}

.dashitem_block.info_dashblock.small_info_box {
    height: 140px;
    gap: 0;
}

#Counsellor_Performance_Dashboard .boxScroll {
    height: 309px;
}

.dashitem_block .filter_charts_header {
    padding-bottom: 10px;
}

.activity-date-filter .form-control.rounded-pill{
        min-width: 230px;
    width: 230px;
}