.display_none{display: none}
.errorMessage{color: red; font-size: 14px;text-align: left !important;}
.successMessage{color: green; font-size: 14px;}
.file-process-loader{display: none;}
.file-process-box .progress .progress-bar {
    background: #4B96C7 !important;
}
.pmc-incoming_chat, .pmc-outgoing_chat {
    inline-size: 100%;
    overflow-wrap: break-word;
}
.notification-scroll-bar ul li.notread{
	background:#F2F8FB;
}

.errorMessage .invalid-feedback{
	color: red; 
	font-size: 14px;
	display: block!important;
}
.form-control.is-invalid{
	background-image:none;
}

.pagination .disabled span i{
	margin: 0px 2px;
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.disabled input {
    pointer-events: none;
    background-color: transparent;
 }

.pagination li{
    font-weight: 400;
    margin: 0px 2px;
    font-size: 15px;
}
.pagination li a{
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    padding: 0px;
    border: none;
    font-weight: 400;
    margin: 0px auto;
    line-height: 30px;
    text-align: center;
    background: transparent;
    color: rgba(80, 80, 80, 0.75);
    border-radius: 30px !important;
}
.pagination li a:hover, .pagination li a:focus, .pagination li.active a{
    color: #ffffff;
    background: #0872B9;
    border-color: #0872B9;
    text-decoration: none !important;
}

.table-card-holder .empty{
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}
.documnts-info .control-value{
    max-width: 100%;
    word-break: break-all;
}
.stopButton.inactive{
    display: none;
}
a.stopButton{
    display: inline-block;
    margin-top: 20px;
    background: red;
    color: white;
    padding: 5px;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -2rem -1rem -1rem auto;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.button-animate{
    animation: pulse 1s infinite;
    padding-top: 5px;
}
.delete_record{
    color: red;
    display: block;
}
.question-disease_type label{
    display: block;
    margin-bottom: 10px;
}
.question-disease_type h6{
    color: #1D1D1D;
    font-size: 24px;
}
.no_border{
    /*border: 0!important;*/
    border: 0.5px solid #efffff!important;
    text-align: center!important;
}
.empty {
    padding: 20px 30px;
}
.pagination .disabled{display: none;}

table.custom_table {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}
table.custom_table thead th{ font-weight: normal; background-color: #F3FAFF;text-align:center; padding: 0}
table.custom_table > thead > tr > th:last-child::before,
table.custom_table > thead > tr > th:last-child::after{ display: none;}
table.custom_table > thead > tr > th:last-child{ pointer-events: none;}
table.custom_table .custom-button.btn-sm{padding: 0px 10px; min-width: 120px;}
table.custom_table .custom-button.btn-sm:disabled[disabled]{ background: #C5C5C5 !important; color: var(--white) !important; pointer-events:none;  cursor: not-allowed;}
table.custom_table thead > tr > th a{position: relative; display: block; padding: 23px 20px 19px; color: #1D1D1D;}
table.custom_table thead > tr > th a.asc::before{content: "\f0d8";font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; opacity:1;margin-bottom: -5px;color:#505050; position: absolute; right: 0}
table.custom_table thead > tr > th a.desc::before{content: "\f0d7";font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; opacity:1;margin-bottom: -5px;color:#505050; position: absolute; right: 0}
table.custom_table thead > tr > th.sorting::after{display: none;}
.table-patient-summary{padding-top: 1px;}
.btn-search-patient-summary{
    position: absolute;
    right: 25px;
    top: 17px;
    border: none;
    background: no-repeat;
}
.wp-export .export-msg{text-align: right; padding-bottom: 10px;}
div.image-map, div.image-map2{
    margin: 0 auto;
}

.required label.control-label:after, .title_label.required:after, .control-label.required:after {
    color: #e32;
    content: ' *';
    display: inline;
}
#form-forgot .pqm-record-box{padding-bottom: 10px}


@keyframes growProgressBar {
    0%, 33% { --pgPercentage: 0; }
    100% { --pgPercentage: var(--value); }
  }
  
@property --pgPercentage {
syntax: '<number>';
inherits: false;
initial-value: 0;
}
  
div.circle-percent-point[role="progressbar"] {
--size: 32rem;
--fg: #01BC50;
--bg: #cfcfcf;
--pgPercentage: var(--value);
animation: growProgressBar 1s 1 forwards;
width: var(--size);
height: var(--size);
border-radius: 50%;
display: grid;
place-items: center;
background: 
    radial-gradient(closest-side, white 93%, transparent 0 99.9%, white 0),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
    ;
/*font-family: Helvetica, Arial, sans-serif;*/
font-size: calc(var(--size) / 5);
color: var(--fg);
}
  
div.circle-percent-point[role="progressbar"]::before {
counter-reset: percentage var(--value);
}

.patients-set-size .reward-giftBox {
    margin: -75px auto 4px;
}

div.circle-percent[role="progressbar2"] {
    --size: 40rem;
    --fg: #01BC50;
    --bg: #cfcfcf;
    --pgPercentage: var(--value);
    animation: growProgressBar 1s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: 
        radial-gradient(closest-side, white 95%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
        ;
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

div.circle-percent[role="progressbar2"]::before {
    counter-reset: percentage var(--value);
}


@media screen and (max-width: 767.98px) { 
    div.circle-percent[role="progressbar2"] {
        --size: 28rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 92%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
    }
    .phy-dashreward-innerBox .pdib-icon, .phy-dashreward-innerBox .label .row .col-sm-6:first-child { display:none; }
    .pdib-content-info{
        margin-right: 20px !important;
        margin-left: 20px !important;
        font-size: 18px;
    }

    div.circle-percent-point[role="progressbar"] {
        --size: 28rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 90%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
        }

    .dashorad-chart-box{
        overflow-x:auto;
    }
    
}

@media (max-width: 575.98px) {
    div.circle-percent[role="progressbar2"] {
        --size: 26rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 92%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
    }
    .phy-dashreward-innerBox .pdib-icon, .phy-dashreward-innerBox .label .row .col-sm-6:first-child { display:none; }
    .pdib-content-info{
        margin-right: 20px !important;
        margin-left: 20px !important;
        font-size: 18px;
    }

    div.circle-percent-point[role="progressbar"] {
        --size: 26rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 90%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
    }
    .dashorad-chart-box{
        overflow-x:auto;
    }
}

@media (max-width: 480px) {
    div.circle-percent[role="progressbar2"] {
        --size: 22rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 90%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
    }
    .phy-dashreward-innerBox .pdib-icon, .phy-dashreward-innerBox .label .row .col-sm-6:first-child { display:none; }
    .pdib-content-info{
        margin-right: 20px !important;
        margin-left: 20px !important;
        font-size: 18px;
    }

    div.circle-percent-point[role="progressbar"] {
        --size: 22rem;
        --fg: #01BC50;
        --bg: #cfcfcf;
        --pgPercentage: var(--value);
        animation: growProgressBar 1s 1 forwards;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: 
            radial-gradient(closest-side, white 90%, transparent 0 99.9%, white 0),
            conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
            ;
        /*font-family: Helvetica, Arial, sans-serif;*/
        font-size: calc(var(--size) / 5);
        color: var(--fg);
    }
    .dashorad-chart-box{
        overflow-x:auto;
    }
}

@media (max-width: 800px) {
	.dashorad-chart-box{
        overflow-x:auto;
    }
}

@media (min-width: 991.98px) {
    .dashorad-chart-box{
        overflow-x:auto;
        width: 750px;
    }
}


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

.physcian-dashreward-box .pdib-icon{
    margin-left: 80px !important;
}

.physcian-dashreward-box .pdib-content-info{
    margin-right: 75px;
}

.pad-top-20{
    padding-top: 20px;
}

.word-break{
    word-break: break-all;
}

.pad-l-0{
    padding-left: 0px;
}
.hide_div{
    display: none;
}  

/*.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  
}



.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
} 

#form-forgot{width: 760px}
@media (max-width: 992px) {
    #form-forgot{width: auto;}
}*/
@media (max-width: 767px) {
    /* #form-forgot{width: auto;} 
    .modal-dialog{
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    } */

    .pad-l-30{
        padding-left: 0px !important;
    }
}

.no-mar-bt .form-group{
margin-bottom: 0px !important;
}

.uppercase{
    text-transform: uppercase;
}

.pad-l-30{
    padding-left: 30px;
}

.pad-t-50{
    padding-top: 50px;
}
.margin-t--90{
    margin-top: -100px !important;
}
.lab-select .nice-select .list li[data-value=""] {
    display: none;
}

.pad-bt-50{
    padding-bottom: 50px !important;
}

/*autocomplete*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 5px 5px; border-bottom: 1px solid #ccc; cursor: pointer}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.spacing-wrap { position: relative;
    margin: 50px 0 30px;
    height: 1px; 
}

.spacing-wrap hr { position: absolute;
    left: -125px;
    right: -125px;
    width: auto;
    top: 0;
    margin: 0; 
}

@media (max-width: 1365.98px) { 
    .spacing-wrap hr { 
        left: -30px;
        right: -30px;
    }
    }
@media (max-width: 575.98px) { 
.spacing-wrap hr { 
    left: 0px;
    right: 0px;
}
}

.text-left .text-center{text-align:left !important;}

.modi{
    margin: 5px 0 15px !important;
    font-size: 14px;
}

table.custom_table_samples thead th{ font-weight: normal; background-color: #F3FAFF;text-align:center; padding: 23px 20px 19px;}

table.custom_table_samples > thead > tr > th:last-child::before,
table.custom_table_samples > thead > tr > th:last-child::after{ display: none;}
table.custom_table_samples > thead > tr > th:last-child{ pointer-events: none;}
table.custom_table_samples .custom-button.btn-sm{padding: 0px 10px; min-width: 120px;}
table.custom_table_samples .custom-button.btn-sm:disabled[disabled]{ background: #C5C5C5 !important; color: var(--white) !important; pointer-events:none;  cursor: not-allowed;}
table.custom_table_samples thead > tr > th a{position: relative; display: block; color: #505050; padding-right:10px;}
table.custom_table_samples thead > tr > th a.asc::before{content: "\f0d8";font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; opacity:1;margin-bottom: -5px;color:#505050; position: absolute; right: 0}
table.custom_table_samples thead > tr > th a.desc::before{content: "\f0d7";font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px; opacity:1;margin-bottom: -5px;color:#505050; position: absolute; right: 0}
table.custom_table_samples thead > tr > th.sorting::after{display: none;}
table.custom_table_samples td {padding: 10px 5px;}
table.custom_table_samples td:first-child{padding-left: 20px;}
table.custom_table_samples > thead > tr > th:first-child{text-align: left!important;}

.h3_title{text-align: center; font-weight: 500; letter-spacing: -0.3px;}

.scr_tab{
    max-height: 500px !important;
    overflow-y: auto;
    overflow-x: auto !important;
}

.scr_tab .table-responsive{
    overflow-x: unset !important;
}

.radio-disease-list .form-group{
    margin-bottom: 0px !important;
}

.patients-details-action {
    text-align: left;
}

@media (min-width: 992px){
    .errorFormBuilder .modal-header-section {
        padding: 80px;
    }
}

.p-blood-type{
    padding: 20px 0 0px!important;
    margin-bottom: -20px!important;
}

@media (min-width: 576px){
    .video-call-dialog {
        max-width: 70% !important;
    }
    .video-call-dialog .close {
        right: -13px;
        top: -13px;
    }
}

.video-call-container {
    height: 70vh;
}

.video-call-dialog .close {
    position: absolute;
    right: -8px;
    top: -15px;
    background: #fff !important;
    height: 30px;
    width: 30px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 100%;
}