@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Nunito:ital,wght@0,800;1,800&display=swap');

@font-face {
    font-family: "CircularStd";
    src: url("../../assets/circular/CircularStd-Book.woff"), url("../../assets/circular/CircularStd-Book.woff2");
}

table#patientTable tr td,
table#patientTable th td {
    vertical-align: sub;
}

#patientTable>tbody>tr>td {
    padding: 0px 20px !important;
}

#patientTable>tbody>tr:first-child>td {
    padding: 10px 20px 3px !important;
}

section.appointment-table-section.table-responsive.second-table div#patientTable_filter {
    position: absolute;
    right: 15px;
}

section.appointment-table-section.table-responsive.second-table div#patientTable_filter input[type="search"] {
    width: 300px;
}

table#patientTable tr td span {
    background: rgba(226, 234, 240, 0.35);
    display: block;
    padding: 5px 0 3px 3px;
}

table#patientTable a.dropdown-item {
    font-style: normal;
}

.second-table #patientTable_filter input {
    width: 35vw;
}

.second-table #patientTable_filter input.small {
    width: 23vw;
}

.second-table #patientTable_filter input {
    margin-left: 10px;
    min-width: auto;
    width: 87vw;
    transition: 0.1s ease-in-out;
}

.second-table #patientTable_filter input.small {
    width: 87vw;
}

.patient_wrap {
    background-color: var(--white-color);
    padding-top: 10px;
    border-radius: 14px;
}

.patient_wrap .dataTables_wrapper {
    padding-top: 0;
}

.patient_wrap .break {
    height: 56px;
}

.view-history .break {
    height: 50px;
}

.view-history .patient_wrap .dataTables_filter input{
    margin-bottom: 0;
    width: 28vw;
    top: 2px;
    position: relative;
    height: 40px;
}

.view-history .table-heading {
    padding-right: 20px;
}

.view-history .table-move {
    justify-content: space-between;
}

.patient_wrap {
    background-color: transparent;
}

.main-div .setting-custom .tab-data {
    overflow: auto;
}

.main-div .setting-custom label.form-check-label.vsmall-text:before {
    content: none;
}

.main-div .setting-custom .general .body-text,
.main-div .setting-custom .general1 .body-text,
.main-div .setting-custom .general2 .body-text {
    padding-left: 12px;
}

.main-div .setting-custom .general2 .body-text .form-control {
    margin-top: 8px;
}

.main-div .setting-custom .inner-div .submit-buttons {
    margin-bottom: 15vh;
}

.main-div .roles-data.setting-custom .tab-data .form-check-input[type="checkbox"] {
    padding: 14.5px;
}

.main-div .roles-data.setting-custom .tab-data{
    background-color: transparent;
    margin-top: 0;
}

.main-div .roles-data.setting-custom .tab-data table tr td:nth-child(3){
    border-right: 1px solid #E2EAF0;
}

.doctor-shadow .user_box {
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #118BE2;
}

.box_dr .name {
    height: auto;
    line-height: normal;
}

.box_dr {
    width: 121px;
}

.after_filter.search_position .dataTables_filter.topSearch {
    top: -237px !important;
}

.break {
    height: 57px;
}

.form-control.filter-radio .radio1 label {
    margin-bottom: 0;
}

div.hk_align_bar {
    position: relative;
    overflow-x: auto;
    padding-top: 80px;
    padding-bottom: 20px;
}

div.hk_align_bar:before {
    content: '';
    position: absolute;
    background-color: #c9c9c9;
    top: 56px;
    left: 0;
    width: 100%;
    height: 1px;
}

.dataTables_filter.topSearch {
    position: absolute !important;
    right: 0 !important;
    top: -237px !important;
}

table#billingList td dl dt:nth-child(11) {
    left: -39px;
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

table#billingList td dl dt {
    font-weight: 300;
}

table#billingList td dl dt:nth-child(10) {
    left: 37px;
}

table#billingList td dl dt:nth-child(9) {
    left: 60px;
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

.newlabel {
    border-bottom: 1px solid #d4d4d4;
}

.custom_modal_single_patinet table tbody tr:first-child td:first-child {
    border-top-left-radius: 31px;
}

.custom_modal_single_patinet table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 31px;
}

.custom_modal_single_patinet table tbody tr:first-child td:last-child {
    border-top-right-radius: 31px;
}

.custom_modal_single_patinet table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 31px;
}

.main-div .medical-certi table {
    border-bottom: none !important;
    display: block;
    height: 300px;
}

.main-div .medical-certi .nowrap tr th {
    color: #313131 !important;
    font-family: 'Poppins', sans-serif;
}

/* .medical-certi .dataTable.no-footer tr th {
    padding: 10px 15px !important;
} */

.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer tr td,
.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer tr th {
    padding: 10px 50px !important;
}

.medical-certi table.dataTable tbody {
    position: relative;
    top: 11px;
    margin-top: 0;
}

table .theaded {
    background-color: var(--light-dropdown-background);
}

.medical-certi table.dataTable tbody tr td {
    color: #000000 !important;
}

.patient-profile-div .new-app-div .medical-certi .modal-dialog.modal-dialog-centered {
    width: 721px;
}

.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer thead tr th:last-child,
.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer tbody tr td:last-child {
    text-align: center !important;
}

.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer tr td:first-child,
.modal_w01.medical-certi table.display.nowrap.dataTable.no-footer tr th:first-child {
    padding: 10px 0 10px 30px !important;
}

.modal_w01.medical-certi .blue-text {
    font-size: 14px;
    font-weight: 400 !important;
    text-decoration: underline !important;
}

.modal_w01.medical-certi a img {
    width: 25px;
    height: 24px;
    margin-left: 8px
}

.modal_w01.medical-certi h2.heading-text button.close {
    color: transparent;
    opacity: 1;
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
}

.modal_w01.medical-certi h2.heading-text button.close img {
    width: 25px;
    height: 24px;
}

.main-div .new-app-div.text-width .patient-med .added-med .body-text {
    word-break: break-all;
}

.hk_class_for_searchbar tbody tr.completed-row {
    background: #9C9C9C30 !important;
}

.patient-pad .newPatientModal .modal-header {
    padding-top: 0;
}

.patient-pad .newPatientModal .modal-header .close-icon-patient {
    top: 14px;
}

.patient-pad .stepsTopHeadings p {
    color: #118BE2;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.patient-pad .upload_patient_title {
    font-family: 'Poppins', sans-serif;
}

.patient-pad .modal_wrapper_patient {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.patient-pad .modal_wrapper_patient::-webkit-scrollbar {
    display: none;
}

.form_two_stepp_two .patientTitle p {
    color: #313131;
    font-family: 'Poppins', sans-serif;
}

div#stepTwo .modal_wrapper_patient {
    height: 100%;
}

.patient-pad div#stepTwo .modal-dialog.modal-dialog-centered {
    margin-top: 15px;
    padding-top: 0;
}

.new-app-div.new_new_apointsss li.nav-item.body-text.active a.active {
    color: var(--blue-color) !important;
}

.patient-pad .btn_wrapper_patient .btn_save_patient {
    border: none;
}

.main-div .patient-profile.pat-profile {
    align-items: start;
    margin-top: 10px;
    gap: 15px;
}

/* color for complete appointment */
.hk_class_for_searchbar tbody tr.completed-row {
    background: #9C9C9C30 !important;
}

/* color for complete appointment */


.profile-div.profile_divs .uploaded a {
    color: #3F89DB !important;
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
    text-decoration: underline !important;
}

.main-div .patient-profile .profile-img img {
    border-radius: 50%;
    height: 100%;
}

.medical-certi h2.heading-text {
    margin-left: 30px;
}

.medical-certi.small_modal.del_modal .modal-body {
    padding: 33px 30px 30px 25px;
}

.modal_w01 table.dataTable tbody {
    border-radius: 0;
}

.modal_w01.patienls_file .heading-text {
    padding-left: 40px;
}

div#clinicReport_wrapper td dl {
    display: flex;
    justify-content: space-between;
}

div#clinicReport_wrapper td dl dt {
    font-weight: 300;
}

div#clinicReport_wrapper td dl dt {
    opacity: 0;
}

div#clinicReport_wrapper td dl dt:nth-child(9) {
    left: 80px;
    opacity: 1;
    position: relative;
    width: 80px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

div#clinicReport_wrapper td dl dt:nth-child(10) {
    left: 34px;
    opacity: 1;
    position: relative;
}

div#clinicReport_wrapper td dl dt:nth-child(8) {
    display: inline-block;
    width: 101px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    position: relative;
    left: 150px;
    opacity: 1;
    text-align: left;
}

div#clinicReport_wrapper table.dataTable.display>tbody>tr>td:nth-child(9) {
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

div#clinicReport_wrapper table.dataTable.display>tbody>tr>td:nth-child(10) div {
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

div#financialReportTable2_wrapper td dl {
    display: flex;
    justify-content: space-evenly;
}

div#financialReportTable2_wrapper td dl dt {
    font-weight: 300;
}

div#financialReportTable2_wrapper td dl dt {
    opacity: 0;
}

div#financialReportTable2_wrapper td dl dt:nth-child(9) {
    left: 27px;
    opacity: 1;
    position: relative;
}

div#financialReportTable2_wrapper td dl dt:nth-child(11) {
    left: 0px;
    opacity: 1;
    position: relative;
}

div#financialReportTable2_wrapper td dl dt:nth-child(10) {
    display: inline-block;
    width: 101px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    position: relative;
    left: 35px;
    opacity: 1;
    text-align: left;
}

div#financialReportTable2_wrapper td dl dt:nth-child(15) {
    left: 88px;
    opacity: 1;
    position: relative;
}

div#financialReportTable2_wrapper td dl dt:nth-child(16) {
    left: 64px;
    opacity: 1;
    position: relative;
}

div#financialReportTable2_wrapper table.dataTable.display>tbody>tr>td:nth-child(9) {
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

div#financialReportTable2_wrapper table.dataTable.display>tbody>tr>td:nth-child(10) div {
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

a.button.yellow-main-btn.addBtn.updateBtn.buttonsUpdate01 {
    text-transform: uppercase;
}

.inner-div.form.medication-forms a.button.yellow-main-btn.updateBtn, .inner-div.form.medication-forms .green-main-btn {
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.dataTables_scrollHeadInner .dataTable {
    display: none;
}

.dataTables_scrollBody .nowrap.dataTable .dataTables_sizing {
    height: auto !important;
}

.dataTables_scrollBody .nowrap.dataTable thead th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

div#financialReportTable2_wrapper td dl {
    display: flex;
    justify-content: space-evenly;
}

.rupess-tag {
    position: relative;
}

.rupess-tag p{
    position: absolute;
    top: 38px;
    color: #414254 !important;
    left: 9px;
    font-size: 13px;
    font-weight: 300;
}

.hk_big.patient-mari{
    display: none;
}

a.print_app.disabled.btn {
    padding: 0;
}

div#uploadFileModal .uploaded_image button.removeeFile span {
    opacity: 1;
}

.drag-areas .file_input_wrap .button {
    font-size: 20px;
    padding: 10px 25px;
    font-weight: 500;
    border: none;
    outline: none;
    background: #fff;
    color: var(--blue-color);
    border-radius: 5px;
    cursor: pointer;
    width: auto;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px
}

.modal#lightboxModal, div#addMedCertificate {
    z-index: 99999999;
}

.setup-password {
    color: #118be2;
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
}

.get-started .tab-content div#general-data .inner-div {
    padding: 30px 40px 70px 20px;
}

.password-match {
    color: #459F1A;
}

.dont-account{
    font-size: 16px;
    font-weight: 300;
    color: #313131;
    margin-top: 19px;
    line-height: 27px;
    font-family: 'Poppins', sans-serif;
}

.dont-account a{
    font-weight: 700;
    position: relative;
    color: #0F75BC;
}

.forget-password a:before, .dont-account a:before{
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    background-color: #118BE2;
    height: 1px;
    display: none;
}

.forget-password a{
    color: #0F75BC;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}

.get_started-wrap {
    position: relative;
}

.get_started-wrap .started {
    padding: 40px 80px;
}

.get_started-wrap .text {
    padding-top: 30px;
}

.get_started-wrap .otp-form.number {
    padding-top: 40px;
}

.get_started-wrap .password-type {
    position: relative;
}

.get_started-wrap .password-type i{
    position: absolute;
    top: 16px;
    right: 20px;
    color: #000000;
    font-size: 19px;
}

.get_started-wrap .login-success {
    background-color: #E2FFD3;
    width: 610px;
    height: 48px;
    border-radius: 12px;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #459F1A;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 0px;
    display: none;
}

.get_started-wrap .login-error{
    background-color: #FCCFD3;
    width: 368px;
    height: 48px;
    border-radius: 12px;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #930D0D;
    font-size: 16px;
    padding: 13px 0px;
    font-weight: 600;
    display: none;
}

.password-eye {
    position: relative;
}

.password-eye i {
    position: absolute;
    top: 12px;
    right: 12px;
    color: black;
    font-size: 19px;
}

.toasted {
    background-color: #E2FFD3;
    color: #459F1A;
    padding: 15px;
    border-radius: 5px;
    position: fixed;
    text-align: center;
    top: 134px;
    right: 0;
    display: none;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
    width: 368px;
    height: 48px;
    left: 0;
    margin: auto;
}

.set-password {
    position: relative;
}

.set-password .result {
    position: absolute;
}

.set-password .password-match{
    border: 0.25px solid #E21313
}

.up-text {
    vertical-align: baseline;
}

/* table.dataTable.display tbody tr:nth-child(2) td {
    border-top: none;
} */

.dropdown.doctorNameBookApp.dropdownAppointment span.select2:before {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    top: 17px;
    color: #3c3a3a;
    right: 17px;
    font-size: 10px;
    font-weight: bold;
}

.dropdown.doctorNameBookApp.dropdownAppointment span.select2{
    background-image: none !important;
}

.medicineBox{
    position: relative;
}

.medicineBox .result{
    position: absolute;
    top: 50px;
    left: 0;
}
#default_message, #default_messages {
    display: none;
}

.get-started .otp-form .form-control, .get-started .otp-form .form-control::placeholder {
    color: #000000;
    font-weight: 300 !important;
    background-color: #fff !important;
    color: var(--Black, #474254);
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ul_sign_up li a {
    border-bottom: 5px solid transparent;
}

.ul_sign_up li a.active {
    border-color: #84D95B !important;
    border-bottom-width: 5px !important;
}

.ul_sign_up li a.active, .ul_sign_up li a {
    margin-top: -2px;
}

#update-sign-up-form #myTabContent .dropdown select {
    background: var(--light-dropdown-background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    border: none !important;
}

.signup-form #myTabContent .dropdown select {
    background-size: 7.5px !important;
    color: #959494;
}

#mob-num {
    padding-left: 20px;
}

.signup-form #myTabContent .dropdown .selected {
    color: #414254;
}

/* .signup-form #myTabContent .dropdown i {
    position: absolute;
    top: 19px;
    right: 15px;
    color: #959494;
    font-size: 10px;
} */

.sign_blue_div .top-tab .changing-tabs .nav-link {
    padding-bottom: 6px;
    padding-top: 19px;
}

.get_started-wrap .carousel.slide, .select-clinic_wrapper .carousel.slide {
    width: 50%;
    padding-right: 0;
    background-color: white;
    margin: 20px;
    height: auto;
    border-radius: 20px 0px 0px 20px;
    box-shadow: 0px 3px 15px 0px rgba(0, 40, 85, 0.20);
}

.get_started-wrap .carousel.slide .carousel-inner, .select-clinic_wrapper .carousel.slide .carousel-inner{
    display: flex;
    height: 95vh;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 0px;
}

.get_started-wrap .carousel.slide .carousel-inner:before, .select-clinic_wrapper .carousel.slide .carousel-inner:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.get_started-wrap .carousel.slide .carousel-inner img, .select-clinic_wrapper .carousel.slide .carousel-inner img{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.get_started-wrap .carousel.slide .carousel-inner h5, .select-clinic_wrapper .carousel.slide .carousel-inner h5{
    max-width: 73%;
    color: rgb(15, 117, 188);
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.32px;
    margin: 55px auto 25px;
}

.get_started-wrap .carousel.slide .carousel-inner p, .select-clinic_wrapper .carousel.slide .carousel-inner p{
    color: rgb(49, 49, 49);
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0.2px;
}

.carousel-indicators li {
    width: 63.38px;
    height: 8.06px;
    margin: 0 10px 0 0;
    background-color: #F2F9FF;
    ;
    border: none;
}

.carousel-indicators li.active {
    background-color: #0F75BC;
    width: 63.38px;
    height: 8.06px;
    margin: 0 10px 0 0;
}

.get_started-wrap .carousel.slide .carousel-inner .slider1, .select-clinic_wrapper .carousel.slide .carousel-inner .slider1 {
    width: 660px;
    height: 560px;
    object-fit: contain;
}

.get_started-wrap .carousel.slide .carousel-inner .slider2, .select-clinic_wrapper .carousel.slide .carousel-inner .slider2{
    width: 680px;
    height: 516px;
    object-fit: contain;
}

.get_started-wrap .carousel.slide .carousel-inner .slider3, .select-clinic_wrapper .carousel.slide .carousel-inner .slider3{
    width: 100%;
    height: 580px;
}

.select-clinic_wrapper .started {
    width: 50%;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 200px; /* Adjust width as needed */
}

.custom-select select {
    display: none; /* Hide the original select element */
}

.custom-select .select-styled {
    display: block;
    padding: 10px 20px; /* Adjust padding as needed */
    border: 1px solid #ccc; /* Add border */
    background-color: #fff; /* Set background color */
    cursor: pointer;
}

.custom-select .select-styled::after {
    content: '\25BC'; /* Unicode character for downward arrow */
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.custom-select .select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    display: none; /* Hide options by default */
    border: 1px solid #ccc; /* Add border */
    border-top: none; /* Remove top border */
    background-color: #fff; /* Set background color */
}

.custom-select.open .select-options {
    display: block; /* Show options when select is clicked */
}

.custom-select .select-option {
    padding: 10px 20px; /* Adjust padding as needed */
    cursor: pointer;
}

.custom-select .select-option:hover {
    background-color: #f0f0f0; /* Change background color on hover */
}

#update-sign-up-form .currently_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 166px;
}

.more-invoice-btn .invoice-form-data, .more-invoice-edit-btn .invoice-form-data{
    display: none;
}

.medication-form .custom-input, .medication-form .default-text, .medication-form .custom-input2, .medication-form .default-text2 {
    display: block;
}

#medication-data .medication-form .custom-dropdown, #medication-data .medication-form .custom-dropdown2, .medication-form.form a.xsmall-text.green-text.custom-text2.ChangeFrequency, div#consult_sections .medication-form.form a.xsmall-text.green-text.custom-text{
    display: none;
}

#medication-data .medication-form .custom-dropdown span.select2{
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
}
.upload_consult_lab {
    padding-right: 20px;
}
.notification-data input[type=checkbox] {
    position: relative;
    border: 2px solid rgb(65 66 84 / 50%);
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
}

.notification-data input[type=checkbox]:checked {
    background-color: var(--green-color);
    opacity: 1;
}
.notification-data input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 7px;
    height: 15px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}
.filter-by-div .form-check-input[type="radio"]:checked {
    background: var(--green-color) !important;
}
.second-table .dataTables_wrapper .dataTables_filter input.small {
    width: 15vw !important;
}

.second-table .dataTables_wrapper .dataTables_filter input.small {
    width: 15vw !important;
}

.filter-by-div .form-check-input[type="radio"]:checked {
    background: var(--green-color) !important;
}

.medication-form .custom-input, .medication-form .default-text, .medication-form .custom-input2, .medication-form .default-text2 {
    display: block;
}

#medication-data .medication-form .custom-dropdown, #medication-data .medication-form .custom-dropdown2, .medication-form.form a.xsmall-text.green-text.custom-text2.ChangeFrequency, div#consult_sections .medication-form.form a.xsmall-text.green-text.custom-text, .medication-form a.xsmall-text.green-text.custom-text.for_indexx{
    display: none;
}

.medication-form .default-text{
    display: inline-block;
}

.medication-form a.xsmall-text.green-text.custom-text{
    color: #0f75bc !important;
}

.notification-data input[type=checkbox] {
    position: relative;
    border: 2px solid rgb(65 66 84 / 50%);
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
}

.notification-data input[type=checkbox]:checked {
    background-color: var(--green-color);
    opacity: 1;
}

.notification-data input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 7px;
    height: 15px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.upload_consult_lab {
    padding-right: 20px;
}

.notification-data .form-check-input[type="radio"] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    appearance: none;
    background: var(--light-dropdown-background);
    cursor: pointer;
    padding: 0;
}
.notification-data .form-check-input[type="radio"]:focus{
    outline: none;
}
.notification-data .form-check-input[type="radio"]:checked {
    border: 10px solid var(--green-color);
}

.modal.fade.show.opecity2 {
    width: auto;
    margin-left: auto;
    height: auto;
    top: 0;
}

.opecity2 {
    opacity: 1;
}

.opecity2 .modal-dialog {
    margin-right: 30px;
    margin-top: 90px;
}

.opecity2 .modal-body.modal_welcome {
    padding: 16px 32px 33px 30px;
}

.opecity2 .modal-dialog {
    width: 408px;
    max-width: 408px;
}

.opecity2.modal.show .modal-dialog {
    margin: 93px 42px 0 auto;
}

.opecity2 .modal-dialog .modal-content {
    margin-top: 0;
    border-radius: 14px;
    background: #F2F9FF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.opecity2 .modal-dialog .modal-content .modal_welcome h5 {
    color: #118BE2;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px;
    margin: 0;
}

.opecity2 .modal-dialog .modal-content .modal_welcome p {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    margin-top: 9px;
}

.opecity2 .modal-dialog .modal-content .modal_welcome p a {
    color: #3F89DB;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    margin-top: 9px;
}

.opecity2 .modal-dialog .modal-content .close span {
    width: 20px;
    height: 20px;
    opacity: 1;
    color: #b1032e;
    font-size: 21px;
    line-height: 10px;
    display: inline-block;
    position: relative;
    top: -6px;
}

.opecity2 .modal-dialog .modal-content button.close {
    width: 23px;
    height: 22px;
    background: #f9cbcf;
    border-radius: 50%;
    line-height: 23px;
    right: 17px;
    top: 8px;
    opacity: 1;
    position: absolute;
}

.bottom-green-next.btn_sumbit_sign-up {
    background-color: var(--green-color);
}

.appointment-form .add-number {
    z-index: 1;
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    border: 1px solid grey;
}
.appointment-form .add-number ul{
    list-style-type: none;
    margin-bottom: 0;
}
.appointment-form .add-number ul li{
    padding: 10px;
}
.general-tabb .mr-number-info {
    margin: 10px 0;
}
.general-tabb .mr-number-info h4{
    color: black;
    margin: 0;
    margin-right: 25px;
    font-family: "Anek Malayalam";
    font-size: 15px;
    font-weight: 400;
    line-height: 21.49px;
}
.general-tabb .mr-number-info input {
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    height: 35px;
    padding: 10px;
    margin-right: 12px;
}
.general-tabb .mr-number-info .input1{
    width: 92px;
}
.general-tabb .mr-number-info .input2{
    width: 150px;
}
.general-tabb .mr-number-info button{
    background-color: var(--green-color);
    border: 1px solid var(--green-color);
    border-radius: 20px;
    height: 34px;
    font-family: "Anek Malayalam";
    font-size: 13px;
    font-weight: normal;
    line-height: 18.62px;
    color: white;
}

.main-div .labreading h4{
    color: #DE8532;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 18px;
    line-height: normal;
}

.main-div .labreading h4::after{
    border-bottom: 1px solid #84D95B;
    content: '';
    position: absolute;
    border-radius: 20px;
    top: 33px;
    left: 0;
    width: 81.047px;
}

.main-div .labreading h4:before{
    border-bottom: 1px solid #E2EAF0;
    content: '';
    border-radius: 20px;
    position: absolute;
    top: 33px;
    left: 0;
    width: 100%;
}

.main-div .labreading .body-text{
    font-size: 16px;
    /* font-family: "Inter", sans-serif; */
}

.main-div .labreading table.display tbody td{
    border-top: none;
}

.main-div .labreading table {
    border-bottom: none !important;
    margin-top: 18px;
}

.main-div .labreading table td p {
    color: #313131;
    text-align: center;
    background: #F2F9FF;
    /* font-family: "Inter", sans-serif; */
    padding: 7px 8px;
    border-radius: 13.5px;
    width: 128px;
    font-style: normal;
    font-size: 14px;
    border: 1px solid #E2EAF0;
    font-weight: 500;
    line-height: normal;
}

.main-div .labreading table td input {
    color: #313131;
    background: #F2F9FF;
    /* font-family: "Inter", sans-serif; */
    padding: 7px 8px;
    border-radius: 13.5px;
    width: 128px;
    font-style: normal;
    font-size: 14px;
    border: 1px solid #E2EAF0;
    font-weight: 500;
    line-height: normal;
}

.main-div .tabs-view .labreading table tbody td{
    padding: 8px;
}

.main-div .labreading table.display tbody td{
    padding: 10px 20px !important;
}

.main-div .labreading table.display tbody td:first-child{
    padding-left: 0 !important;
}

/* .main-div .labreading table.display tbody td:last-child{
    padding-right: 0 !important;
} */

.main-div .labreading .labs_table {
    max-height: 500px;
}

.main-div .labreading .table-overflow{
    width: 100%;
    overflow-x: scroll;
}


.main-div .nav-view {
    background: #FFFFFF33;
    border-radius: 20px;
    position: absolute;
    right: 500px;
    top: 105px;
}

.main-div .nav-view .nav-link  {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    /* font-family: "Inter", sans-serif; */
    opacity: 1;
    display: inline-flex;
    align-items: center;
    line-height: normal;
}

.main-div .nav-view .nav-item{
    padding: 10px;
    display: inline-flex;
    align-items: center;
}

.main-div .nav-view .nav-link:focus, .main-div .nav-view .nav-link:hover {
    text-decoration: none;
    background-color: transparent;
}

.main-div .nav-view .nav-link.active {
    border-bottom: none;
}

.main-div .nav-view .nav-item .nav-link.active input {
    box-shadow: 0px 0px 0px 2px #84D95B;
    background-color: #84D95B;
    border: 3.5px solid #fff;
}

.main-div .nav-view .nav-item input {
    font-size: 3em;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    margin-top: 0;
    background-color: white;
    border: 0px solid #E2EAF0;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
}

.main-div .nav-view .nav-item input[type=radio]:focus {
    outline: none;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-link {
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

.main-div .tabs-data a{
    padding-left: 8px;
    padding-right: 8px;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills{
    padding-left: 20px;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-item{
    padding-right: 14px;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-item:last-child{
    padding-right: 0;
}

.main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-link:focus, .main-div .tab-content .tabs-view .header-tabs-divs .nav-pills .nav-link:hover {
    text-decoration: none;
    background-color: transparent;
    color: white;
}

.main-div .header-tabs-divs {
    padding-top: 33px;
    justify-content: space-between;
    align-items: baseline;
    background-color: var(--blue-color);
    border-bottom-right-radius: 74px;
    position: static;
    top: 65px;
    width: 100%;
    z-index: 100;
    margin-left: -15px;
}

.main-div .header-tabs-divs {
    display: flex;
    gap: 20px;
    align-items: center;
}

.main-div .tabs-view .submit-buttons {
    padding: 10px !important;
    position: fixed;
    margin: 24px auto;
    padding: 10px !important;
    position: fixed;
    left: 0;
    box-shadow: 0px -8px 20px 0px rgba(0, 40, 85, 0.06);
    margin-bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: 0px -8px 20px 0px rgba(0, 40, 85, 0.06);
    margin-bottom: 0;
    bottom: 0;
    background-color: #ffffff !important;
    right: 0;
    z-index: 9;
}

.overflow_scroll {
    height: 220px;
    overflow-y: scroll;
}
.overflow_scroll thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.overflow_scroll {
    height: 220px;
    overflow-y: scroll;
}

.overflow_scroll thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.main-div .top-consult .tab-data{
    height: 70vh;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
}

.main-div .investigations .tab-data{
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    padding-top: 0 !important;
}

.main-div .top-consult .form-button .green-main-btn, .main-div .investigations .form-button .green-main-btn{
    width: 80px !important;
    height: 36px;
    padding: 7px 20px;
    line-height: 36px;
}

.main-div .investigations .investigation-form.form span.select2{
    width: 100% !important;
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    height: 47px;
    background-position: 98% center !important;
}

.main-div .top-consult .form-button, .main-div .investigations .form-button {
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 0;
}

div#myTabContent .dropdown .form-control.mixed_input {
    border-color: var(--grey-text-color) !important;
}

div#myTabContent .examinations .dropdown .tabslidedown, .dropdown .listslidedown {
    background-color: var(--light-dropdown-background) !important;
    border: 1px solid #E2EAF0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    position: relative;
}

.dropdown #text-labs{
    width: 100%;
    padding: 10px 10px 10px 24px;
    background-color: var(--light-dropdown-background) !important;
    border: 1px solid var(--light-dropdown-background) !important;
    border-radius: 13.5px;
    font-family: "Inter", sans-serif;
    height: 50px;
    color: #313131;
    font-size: 14px;
}

div#myTabContent .examinations span.select2 {
    border-radius: 0;
    border: none;
    height: auto;
    padding: 0;
    background-color: transparent;
}

div#myTabContent .examinations .select2-container--default .select2-selection--multiple {
    background-color: #f2f9ff;
    border: 1px solid #E2EAF0 !important;
    border-radius: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    padding-right: 20px;
}

div#myTabContent .examinations li.select2-search.select2-search--inline {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

div#myTabContent .examinations .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-flex;
}

 .dagnosis-form .one-line-data{
    align-items: center;
}

 .dagnosis-form .one-line-data .form-button .green-main-btn {
    width: 80px;
    height: 36px;
    padding: 7px 20px;
    line-height: 36px;
}

 .dagnosis-form .one-line-data .form-button {
    padding: 0;
}

 .dagnosis-form .one-line-data .dropdown {
    width: 100%;
    margin-right: 24px;
}

.main-div .examinations .dagnosis-form .one-line-data .dropdown .tabslidedown, .dagnosis-form .one-line-data .dropdown .listslidedown{
    border-radius: 13.5px;
    height: 50px;
    color: #313131;
}

.check-diag{
    margin: 11px 0 15px;
    padding: 0 20px;
}

.check-diag ul{
    display: flex;
    gap: 18px;
}

.check-diag ul li{
    display: inline-block;
}

.check-diag ul li .form-group {
    display: flex;
    margin-bottom: 0;
    align-items: center;
}

/* .check-diag ul li .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
} */

.check-diag ul li .form-group label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    color: #313131;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-div .examinations .body-text, .dagnosis-form{
    padding: 0 20px;
}

.check-diag ul li .form-group input[type="radio"] {
    background: #F2F9FF;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 1px solid #E2EAF0;
    border-image: initial;
    appearance: none;
    margin: 0px 12px 0px 0px;
    padding: 0px;
}

.check-diag ul li .form-group input[type=radio]:focus{
    outline: none;
}

.check-diag ul li .form-group input[type="radio"]:checked {
    box-shadow: rgb(132, 217, 91) 0px 0px 0px 2px;
    background-color: rgb(132, 217, 91);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}

/* .check-diag ul li .form-group label:before {
    content:'';
    -webkit-appearance: none;
    border-radius: 2px;
    border: 1px solid #E2EAF0;
    background: #F2F9FF;
    padding: 6.5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
}


.check-diag ul li .form-group input:checked + label:before{
    background: #84D95B;
    background-color: #84D95B;
}

.check-diag ul li .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */

.main-div .examinations .body-text, .main-div .examinations .dagnosis-form{
    padding: 0 20px;
}

.main-div .examinations .diagnosis-tabs {
    background-color: rgba(231, 239, 247, 0.40);
    margin-bottom: 17px;
    padding-left: 20px;
}

.main-div .examinations .diagnosis-tabs .nav-link{
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    opacity: 0.6;
    line-height: 19.2px;
}

.main-div .examinations .diagnosis-tabs .nav-link.active {
    opacity: 1;
    border-bottom: 4px solid var(--green-color);
}

.main-div .examinations .diagnosis-tabs .nav-link:hover, .main-div .examinations .diagnosis-tabs .nav-link:focus{
    background-color: transparent;
}

.main-div .examinations .diagnosis-pane {
    padding: 0 20px;
}

.main-div .examinations .diagnosis-pane table {
    border-collapse: separate;
    border-spacing: 0;
}

.main-div .examinations .diagnosis-pane table td{
    border: solid #E2EAF0 1px;
}

.main-div .investigations table tbody td {
    border-bottom: solid #E2EAF0 1px;
}

.main-div .investigations .upload_consult_lab{
    padding-right: 0px;
    padding-left: 0 !important;
}

.main-div .investigations .buttons {
    justify-content: start;
}

.main-div .investigations table tbody td:first-child{
    border-left: solid #E2EAF0 1px;
}

.main-div .investigations table tbody td:last-child{
    border-right: solid #E2EAF0 1px;
}

.main-div .examinations .diagnosis-pane table td:last-child, .main-div .investigations table #table-body td:last-child {
    border-right: solid #E2EAF0 1px;
}

.main-div .examinations .diagnosis-pane table td:nth-child(1), .main-div .examinations .diagnosis-pane table td:nth-child(2), .main-div .examinations .diagnosis-pane table td:nth-child(3) {
    border-right: none;
}

.main-div .examinations .diagnosis-pane table .dataTables_empty {
    border-right: solid #E2EAF0 1px !important;
}


.main-div .examinations .diagnosis-pane table td:nth-child(1), .main-div .examinations .diagnosis-pane table td:nth-child(2), .main-div .examinations .diagnosis-pane table td:nth-child(3), .main-div .examinations .diagnosis-pane table td:nth-child(4) {
    border-top: none;
    border-left: none;
}

.main-div .examinations .diagnosis-pane table td:first-child, .main-div .investigations table #table-body td:first-child {
    border-left: solid #E2EAF0 1px;
}

.main-div .examinations .diagnosis-pane table th:last-child, .main-div .medications table th:last-child, .main-div .investigations table th:last-child{
    border-top-right-radius: 10px;
}

.main-div .medications .tab-content-data td {
    border-bottom: solid #E2EAF0 1px;
}

.main-div .examinations .diagnosis-pane table th:first-child, .main-div .medications table th:first-child, .main-div .investigations table th:first-child{
    border-top-left-radius: 10px;
}

.main-div .examinations table.dataTable.no-footer.consult_table {
    border-bottom: none !important;
}

.main-div .medications table{
    border: solid #E2EAF0 1px !important;
    border-radius: 10px;
}

.main-div .medications .accordion table {
    border: none !important;
    border-radius: 0;
}

.main-div .medications table tr td{
    padding: 10px 20px !important;
    color: var(--body-text-color) !important;
}

.main-div .examinations .diagnosis-pane table th, .main-div .medications table th, .main-div .investigations table th{
    color: #313131 !important;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    padding: 10px;
    padding-left: 20px !important;
    line-height: normal;
}

.main-div .examinations .diagnosis-pane table td p{
    color: #313131;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-div .examinations .diagnosis-pane table td a img{
    width: 24px;
    height: 24px;
}

.main-div .examinations .diagnosis-pane table td .toggleButton{
    color: #118BE2;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.main-div .examinations .diagnosis-pane table tr:last-child td:first-child, .main-div .medications table tr .bor-left, .main-div .investigations table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
}

.main-div .examinations .diagnosis-pane table tr:last-child td:last-child, .main-div .medications table tr:last-child td:last-child, .main-div .investigations table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 10px;
}

.main-div .examinations table>tbody>tr>td {
    padding: 10px 20px !important;
}

.main-div .examinations table thead th {
    padding: 10px;
    background-color: #E2EAF0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
}

.main-div .examinations .diagnosis-pane table td .status {
    border-radius: 20px;
    background: rgba(132, 217, 91, 0.20) !important;
    padding: 4px 10px;
    color: #84D95B;
    text-align: center;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-div .medications table td {
    padding: 10px 20px !important;
    color: var(--body-text-color) !important;
}

.table-last-col .buttons a img {
    width: 24px;
    height: 24px;
}

.main-div .profiles-div {
    text-align: center;
}

.main-div .profiles-div .vsmall-text {
    color: var(--body-text-color);
    font-weight: 600;
    border-radius: 10px;
    padding: 7.5px 21px;
    background-color: var(--blue-btn-color);
}

.main-div .user-details.user-details-pad {
    padding-right: 20px;
}

.main-div .user-details.user-details-pad span.user-name {
    display: block;
    white-space: nowrap;
    min-width: 40px;
    max-width: 70px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .dropdown .tabslidedown span, .dropdown .listslidedown span{
    position: absolute;
    top: 17px;
    left: 24px;
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

 .dropdown .dagnosis-select {
    position: relative;
}

 .dropdown .dagnosis-select .tabdropdown-slide,  .dropdown .dagnosis-select .listdropdown-slide{
    border-radius: 0px 0px 20px 20px;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 20px 16px;
    min-height: 282px;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    overflow-y: scroll;
}

 .dropdown .dagnosis-select .tabdropdown-slide input[type=text],  .dropdown .dagnosis-select .listdropdown-slide input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 100px;
    border: none;
    background: #E2EAF0;
    background-image: url('../images/Search-Icon.png');
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 50px;
    color: #757575;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
 .dropdown .dagnosis-select .quick{
    padding: 20px 0 16px;
}

/* div#myTabContent .examinations .dropdown .listing-val {
    list-style-type: none;
    height: 100px;
    overflow-y: scroll;
} */
.dropdown .listing-val li {
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    padding: 12px 0;
}
.dropdown .listing-val li a {
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-div .examinations .inner-div{
    padding-bottom: 24px;
}
 .dropdown .dagnosis-select .quick h5{
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    margin-top: 0;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: normal;
}
 .dropdown .dagnosis-select .quick ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 16px;
}
 .dropdown .dagnosis-select .quick ul li{
    border-radius: 40px;
    background: rgba(17, 139, 226, 0.30);
    padding: 8px 12px;
    text-align: center;
    color: #118BE2;
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.submit-buttons .grey-main-btn {
    width: 55px;
    height: 55px;
    align-items: center;
    /* background-color: #C9C9C9; */
    justify-content: center;
    display: flex;
    border-radius: 50%;
    background: #fff;

}

.main-data.top-main.top-consult {
    margin-top: 0;
}

.one-line-data {
    display: none;
}

.examination-form .vital {
    color: #DE8532;
    /* font-family: "Inter", sans-serif; */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    line-height: normal;
}

.examination-form .history {
    color: #118BE2;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.examination-form .exam-list .smoki label.mb-3, .examination-form .exam-list .checki label.mb-3{
    width: 100%;
}

.examination-form .exam-list label{
    color: #313131;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    margin-bottom: 0;
    font-weight: 500;
    min-width: 115px;
    width: 115px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100px; */
    line-height: normal;
}

.examination-form .exam-list .complaint label {
    width: 100%;
    min-width: 100%;
    padding-right: 0;
}

.examination-form .exam-list .form-control{
    border-radius: 13.5px;
    height: 30px;
    margin-bottom: 0;
    background: #F2F9FF;
    padding: 0;
    width: 180px;
    position: relative;
}


.examination-form .exam-list .form-control span{
    color: #B0C0CC;
    position: absolute;
    top: 6px;
    right: 8px;
}

.examination-form .exam-list .form-control input{
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    height: 30px;
    /* padding-right: 46px; */
    background-color: #F2F9FF;
    width: 180px;
    border: 1px solid #E2EAF0;
    font-weight: 400;
    line-height: normal;
}

.examination-form .exam-list .form-group .dropdown {
    width: 100%;
}

.examination-form .exam-list .form-group .dropdown select {
    padding: 0 20px;
    background-position: 93% center !important;
}

.examination-form .exam-list textarea{
    border-radius: 13.5px;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    border: 1px solid #E2EAF0;
    color: var(--body-text-color);
    padding: 15px;
    background: #F2F9FF;
    width: 100%;
    position: relative;
}

div#myTabContent .examination-form .exam-list select{
    border-radius: 13.5px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    height: 30px;
    border: 1px solid #E2EAF0 !important;
    color: var(--body-text-color) ;
    padding: 15px;
    background-color: #F2F9FF !important;
    width: 180px;
    position: relative;
}

.main-div .tab-pane.examinations .tab-data {
    height: 70vh;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
}

.main-div .tab-pane.examinations  table.dataTable.no-footer.consult_table, .main-div .investigations table.dataTable.no-footer.consult_table {
    border-bottom: none !important;
}

.main-div .investigations table>tbody>tr>td {
    padding: 10px 20px !important;
}

.medications .med-info-data .buttons .button2{
    height: 46px;
    line-height: 46px;
    width: 160px;
}

.tab-pane.medications .tab-data .form-button .green-main-btn{
    width: 96px;
    height: 41px;
    line-height: 41px;
}

.tab-pane.medications .tab-data .form-button .green-main-btn:hover{
    color: #fff !important;
}

.choose-med-div .changing-tabs {
    padding-left: 20px;
    padding-right: 20px;
}

.main-div .tab-content-data .choose-med-div h2{
    font-style: normal;
    /* font-family: "Inter", sans-serif; */
    font-weight: 600;
}

.main-div .tab-content-data .choose-med-div h4 {
    color: #DE8532;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.medications .dropdown.boxNew span.select2, .medications .form .form-control, .investigations .dropdown select{
    border-radius: 13.5px;
    border: 1px solid #E2EAF0;
}

div#myTabContent .medications .dropdown select{
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    width: 45%;
    background-color: var(--light-dropdown-background) !important;
}

div#myTabContent .investigations .dropdown select{
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    width: 100%;
    background-color: var(--light-dropdown-background) !important;
}

.main-div .investigations .tab-data{
    border-radius: 14px 14px 0px 0px;
    box-shadow: none;
}

.main-div .investigations .tab-data .input-ty input{
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    background-color: var(--light-dropdown-background) !important;
    width: 95%;
    height: 47px;
    padding: 0 38px;
    color: black;
}

.main-div .investigations .tab-data .input-ty {
    width: 100%;
}

.main-div .investigations .nav.nav-pills{
    background: rgba(231, 239, 247, 0.40);
    padding: 0 27px;
}

.main-div .investigations #v-pills-tabContent {
    background-color: white;
    border-radius: 0 0px 20px 20px;
}

.main-div .investigations .investigations_wrap {
    box-shadow: 0px 2px 10px 0px #0028551A;
    border-radius: 20px;
}

#myTabContent .medications .dropdown .form-control.mixed_input{
    border-color: #E2EAF0 !important;
    border-right-color: #B0C0CC !important;
}

.medications .durationBox span.select2{
    border-radius: 0 13.5px 13.5px 0;
    border: 1px solid #E2EAF0;
}

.medications .form .form-control.mixed_input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.investigations .nav.nav-pills .nav-link.active{
    background-color: transparent;
    border-bottom: 4px solid var(--green-color);
}

.investigations .nav.nav-pills .nav-link{
    color: #313131;
    /* font-family: "Inter", sans-serif; */
    font-size: 14px;
    font-style: normal;
    padding-top: 13px;
    font-weight: 600;
    line-height: 19.2px;
    border-radius: 0;
    padding-bottom: 13px;
}

table.dataTable.display.consult_table tbody td.dataTables_empty {
    padding: 30px !important;
    color: #A09696;
    /* font-family: "Inter", sans-serif; */
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.main-div .investigations .tab-content .inner-div {
    padding: 16px 27px 40px;
}

.main-div .top-consult .tab-content .tab-data {
    box-shadow: none;
}

.active{
    display: block;
}
.hide{
    display: none;
}

.choose-med-div .nav-tabs .clickme .nav-link.activelink{
    border: none;
    border-bottom: 5px solid var(--green-color);
    opacity: 1;
    color: #495057 !important;
}

.choose-med-div .nav-tabs .clickme .nav-link {
    color: var(--body-text-color);
}

.print_prescription .modal-dialog {
    width: 762px;
}

.print_prescription .modal-content {
    border-radius: 50px;
}

.print_prescription .modal-content .modal-header {
    padding-top: 0px;
    min-height: 0px;
}

.print_prescription .modal-header .close {
    z-index: 1;
}

.print_prescription .close img {
    width: 32px;
    height: 33px;
}

.print_prescription .modal-body {
    padding: 38px 40px;
}

.print_prescription .modal-title {
    color: rgb(0, 0, 0);
    text-align: center;
    font-family: Inter, sans-serif;
    margin-bottom: 28px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.done-print{
    border-radius: 35.5px;
    background: #118BE2;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    padding: 19px 71px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 334px;
}

.print_prescription .prescription_select {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

.print_prescription .prescription_select h5 {
    color: rgb(49, 49, 49);
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0px 42px 0px 0px;
}

.print_prescription .prescription_select .form-check {
    background-color: transparent;
    width: auto;
    height: auto;
    padding-left: 12px;
    padding-right: 40px;
    border-radius: 0px;
}

.print_prescription .prescription_select .form-check-input[type="radio"] {
    width: 30px;
    height: 29px;
}

.print_prescription .prescription_select .form-check label {
    color: rgb(49, 49, 49);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.print_prescription .slide_template {
    width: 76%;
    position: relative;
    margin: 0px auto;
}

.print_prescription .slide_template .sliders {
    display: flex;
    width: 100%;
    height: 720px;
    position: relative;
    overflow: hidden;
}

.print_prescription .slide_template .sliders .slides.active {
    opacity: 1;
}

.print_prescription .slide_template .sliders .slides {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.print_prescription .slide_template .form-check {
    width: 100%;
    height: auto;
    display: block;
    padding: 28px;
    border-radius: 28px;
    background: rgb(226, 234, 240);
}

.print_prescription .slide_template .form-check-input[type="radio"] {
    position: absolute;
    top: 5px;
    left: 28px;
    z-index: 1;
    width: 30px;
    height: 29px;
}

.print_prescription .slide_template button {
    width: 70px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: -80px;
    z-index: 2;
    cursor: pointer;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    transition: all 0.3s ease 0s;
}

.print_prescription .slide_template button.next {
    left: auto;
    right: -80px;
}

.patient_new .main-div .patient-profile.pat-profile{
    margin-top: 0;
    padding: 30px;
    gap: 34px;
}

.patient_new .main-div .patient-profile .profile-img{
    width: 15%;
    margin-top: 12px;
    height: 100px;
}

.patient_new .main-div .patient-info .blue-btn {
    height: 40px;
    line-height: 40px;
    width: 150px;
}

.patient_new .main-div .patient-info .green-btn {
    width: 190px;
    height: 40px;
    line-height: 28px;
}

.patient_new .main-div .new-app-div {
    box-shadow: 0px 2px 10px 0px #0028551A;
    border-radius: 20px;
}

.patient_new .main-div .new_new_apointsss {
    padding: 0 16px 26px;
}

.patient_new .main-div .new_new_apointsss .nav-tabs .nav-link.active{
    border-bottom: 4px solid var(--green-color);
    color: #313131;
}

.new-app-div.new_new_apointsss li.nav-item.body-text.active a.active{
    color: #313131 !important;
}

.patient_new .main-div .new_new_apointsss .nav-tabs {
    margin-bottom: 17px;
    width: 782px;
}

.patient_new .main-div .new_new_apointsss .new_new_apointsss_tab{
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.patient_new .main-div .new_new_apointsss .new_new_apointsss_tab::-webkit-scrollbar {
    display: none;
}

.patient_new .main-div .new_new_apointsss .nav-tabs .nav-link {
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #313131;
    padding-left: 12px;
    font-family: "Inter", sans-serif;
    padding-right: 12px;
}

.patient_new .main-div table th {
    font-weight: 500 !important;
    font-size: 12px;
    color: #313131 !important;
    font-family: "Inter", sans-serif;
}

.patient_new .main-div #lab-readings-data table th {
    padding-left: 20px;
}

.patient_new .main-div table td{
    font-size: 14px;
}

.patient_new .main-div table th:first-child{
    border-top-left-radius: 10px;
}

.patient_new .main-div table th:last-child {
    border-top-right-radius: 10px;
}

.patient_new .main-div table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.patient_new .main-div table td:first-child {
    border-left: 1px solid #f2f2f2;
}
.patient_new .main-div table td:last-child {
    border-right: 1px solid #f2f2f2;
}

.patient_new .main-div .new-app-div table {
    border-bottom: none !important;
}

.patient_new .main-div .new-app-div table td {
    border-bottom: 1px solid #f2f2f2;
}

.patient_new .main-div table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.patient_new .main-div .add-new-app {
    padding: 10px 14px 0;
}

.patient_new .main-div table td .status {
    border-radius: 20px;
    background: rgba(132, 217, 91, 0.20);
    padding: 4px 10px;
    color: #84D95B;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    width: 57px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.patient_new .main-div table td .toggleButton{
    color: #118BE2;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}
.patient_new .main-div .visits-div {
    width: 86px;
    padding: 5px 10px;
    height: 28px;
    border-radius: 10px;
}

.patient_new .main-div .visits-div.visit_desktop{
    margin-left: 24px;
}

.patient_new .main-div .diagnosis-tabs .nav-link{
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    padding-left: 7px;
    padding-right: 7px;
    font-weight: 600;
    opacity: 0.6;
    line-height: 19.2px;
}

.patient_new .main-div .diagnosis-tabs .nav-link.active {
    opacity: 1;
    border-bottom: 4px solid var(--green-color);
}
.patient_new .main-div .diagnosis-tabs {
    background: #E7EFF766;
    padding-left: 18px;
    margin-bottom: 17px;
    padding-right: 29px;
}

.patient_new .main-div .diagnosis-tabs .nav-link:hover, .patient_new .main-div .diagnosis-tabs .nav-link:focus{
    background-color: transparent;
}

.patient_new .main-div .diagnosis-pane{
    padding: 0 16px;
}

.patient_new .main-div .history, .patient_new .main-div .custom_medical_desk {
    color: #84D95B;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.patient_new .main-div #lab-readings-data button {
    color: #FFB400;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 8px;
    border-radius: 30px;
    background: #FEEDC4;
    width: 130px;
    height: 31px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog{
    width: 810px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .modal-content{
    border-radius: 50px;
    background: #FFF;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .modal-content .modal-header {
    padding-top: 30px;
    margin-bottom: 20px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .modal-content .modal-title {
    color: var(--black-color);
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .modal-content .content_medical {
    padding: 0;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .save_medical_history_btn {
    max-width: 200px !important;
    border-radius: 35.5px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .diagnosis-tabs {
    margin-bottom: 28px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .diagnosis-pane {
    padding: 0 77px 0 30px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .nav-link {
    padding: 13.4px 9px 13.4px 10px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .body-text.text-wrap {
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .active-diagnosis label{
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: normal;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .active-diagnosis {
    margin-bottom: 10px;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .active-diagnosis .dropdown select{
    border-radius: 5px;
    border: 1px solid #E2EAF0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.0832 4.9585L6.99984 9.04183L2.9165 4.9585' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: 99% center !important;
    color: #000;
    height: 38px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .active-diagnosis .dropdown .dagnosis-select input{
    border-radius: 5px;
    border: 1px solid #E2EAF0;
    padding: 12px 19px;
    color: #000;
    background: #F2F9FF;
    width: 100%;
    height: 38px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.patient_new .patient-profile-div .new-app-div .small_modal .modal-dialog .modal-footer{
    padding-top: 72px;
}

.reporting_new .health-record .filtersOptions, .reportsHealthMedicineFilters .filtersOptions{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    justify-content: space-between;
    display: inline-flex;
    padding: 24px;
    width: 573px;
}

.reporting_new .health-record .filtersOptions .dateRangePicker{
    height: 30px;
    border-radius: 13.5px;
    border: 1px solid #E2EAF0;
    background: #F2F9FF;
}

.reporting_new .health-record .filtersOptions .dateRangePicker input{
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.reporting_new .health-record .filtersOptions .drop_repportss .HealthYearWise, .vitals-list .filtersOptions .drop_repportss .checkDoc{
    height: 30px;
    width: 204px !important;
    padding: 0px 16px;
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    background-position: 94% center !important;
    background: #F2F9FF;
}

.dropdown-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.dropdown-button:hover {
    background-color: #45a049;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.vitals-list .dt-buttons{
    position: absolute;
    top: 33px;
    right: 80px;
}

.rep-billing .dt-buttons {
    position: absolute;
    top: -96px;
    right: 15px;
}

.vitals-list .dt-buttons .dt-button.buttons-csv, .rep-billing .dt-buttons .dt-button.buttons-csv {
    padding: 0;
    position: relative;
    background: none !important;
    background-color: var(--green-btn-color) !important;
    border: none !important;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0;
}
.vitals-list .dt-buttons .dt-button.buttons-csv:before, .rep-billing .dt-buttons .dt-button.buttons-csv:before{
    content: "";
    background-image: url("../images/download-solid.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 17px;
    left: 0;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    height: 17px;
}
.vitals-list .dt-buttons .dt-button.buttons-csv span, .rep-billing .dt-buttons .dt-button.buttons-csv span{
    font-size: 0;
}

#vital_gender{
    height: 30px;
    width: 204px !important;
    padding: 0px 16px;
    border-radius: 13.5px;
    border: 1px solid #E2EAF0 !important;
    background-position: 94% center !important;
    background: #F2F9FF;
}

.reporting_new .health-record .filterRow .body-text {
    margin-bottom: 0;
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    margin-right: 15px;
}

.reporting_new .health-record .filterRow {
    padding: 0 10px;
}

.reporting_new .vitals-list .tab-content{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
}

.vitals-list .filtersOptions{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    justify-content: space-between;
    display: inline-flex;
    padding: 18px 29px 15px;
    margin-top: 13px;
    width: 1050px;
}

.vitals-list .filtersOptions .filter-radio {
    border-radius: 13.5px;
    border: 1px solid #E2EAF0;
    background: #F2F9FF;
    padding: 0 24px;
    width: 440px;
    height: 30px;
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.vitals-list .filtersOptions .new-table{
    display: flex;
    gap: 30px;
    border: 1px solid #E2EAF0;
    background-color: var(--light-blue-color);
    color: var(--body-text-color);
    align-items: center;
    justify-content: space-between;
    border-radius: 100px;
    padding: 10px 20px;
    height: 30px;
    width: 199px;
}

div#myTabContent .examinations .dropdown .dagnosis-select .tabdropdown-slide .listing-val.diagnosis {
    list-style-type: none;
}

div#myTabContent .examinations .dropdown .dagnosis-select .tabdropdown-slide .listing-val.diagnosis li{
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    color: #313131;
}

.main-div .medications table tr td img {
    width: 24px;
    height: 24px;
}

.main-div .medications table tr td .buttons {
    justify-content: left;
}

/*.consult .main-div  .tab-data {*/
/*    overflow-y: hidden;*/
/*}*/

.expense-clinic .filtersOptions {
    padding-top: 0;
}

.expense-clinic .filterRow .filtersOptions{
    align-items: end;
    justify-content: space-between;
    margin-right: 0;
}

.expense-clinic .filterRow .filtersOptions .search input{
    outline: none;
    color: #414254 !important;
    border-radius: 24px;
    background: #EAF3FA;
    height: 48px;
    padding: 0 20px;
    width: 338px;
    max-width: 338px;
    border: none;
    position: relative;
}

.expense-clinic .filterRow .filtersOptions label{
    font-family: Poppins;
    font-size: 10.43px;
    font-weight: 300;
    line-height: 15.65px;
}

.expense-clinic .filterRow .filtersOptions .dateRangePicker {
    background: #EAF3FA;
    height: 48px;
}

.expense-clinic .filterRow .filtersOptions .dateRangePicker input, .expense-clinic .filterRow .filtersOptions .dropdown select{
    color: #000 !important;
    font-family: Poppins;
    font-size: 11.509px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.expense-clinic .filterRow .filtersOptions .dropdown select{
    background: #EAF3FA;
    height: 48px;
    width: 173px;
}

.expense-clinic .filterRow .filtersOptions .dropdown .expenseCategory{
    width: 338px;
}

#reports-card .expense-clinic .summary-card{
    display: flex;
    align-items: center;
    min-height: 70px;
    width: 300px;
}

#reports-card .expense-clinic .summary-card .heading1 {
    font-size: 28.73px;
    line-height: 43.1px;
    font-family: Poppins;
    color: var(--yellow-color) !important;
    font-weight: 700;
}

#reports-card .expense-clinic .summary-card .card-heading {
    font-size: 14.88px;
    line-height: 22.33px;
    height: auto;
    min-height: auto;
    text-align: left;
    font-weight: 400;
}

#tabviewRX .modal-content {
    max-width: 100%;
    min-height: 100%;
}

.main-div #tabviewRX .modal-content table {
    border: 0;
    border-radius: 0;
}

.main-div #tabviewRX .modal-content .accordion-data {
    justify-content: start;
}

.main-div #tabviewRX .modal-content table th:last-child{
    border-top-right-radius: 0;
}

/* .main-div #tabviewRX .modal-content .accordion .card-body {
    padding: 0px 0px 30px 0;
} */

.main-div #tabviewRX .modal-content table th:first-child{
    border-top-left-radius: 0;
}

.print_prescription .slide_template .form-check .pdf-container img {
    width: 100%;
    height: 100%;
}

.main-data .prescription_setting .inline.custom_switch .black_text{
    color: #000 !important;
    font-family: "Anek Malayalam", sans-serif;
    font-weight: 300 !important;
    font-size: 16px;
}
.main-data .prescription_setting .inline.custom_switch  {
    justify-content: left;
}
.main-data .prescription_setting .switch{
    width: 36px;
    height: 20px;
    margin-left: 20px;
}
.main-data .prescription_setting .switch .slider {
    border-radius: 14px;
    border: 0.5px solid #D9D9D9;
    background: #F2F2F2;
}

@media (min-width : 0px) and (max-width : 768px) {}

.main-data .prescription_setting input:checked+.slider {
    background-color: var(--green-color);
}

.main-data .prescription_setting .switch .slider:before {
    height: 14px;
    width: 14px;
}

.main-data .prescription_setting .switch input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.main-div .roles-data.setting-custom .tab-data .inline-div table {
    background-color: white;
}

.main-data .prescription_setting .diagnosis-list .body-text{
    color: #000;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.main-div .prescription_setting .roles-data.setting-custom table td{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    color: #000;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.main-div .prescription-new .tab-data {
    border-radius: 20px !important;
    background: #FFF;
    padding: 0 20px 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
}

.main-div .prescription-new .tab-data table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}


.main-div .prescription-new .tab-data table th{
    color: #313131;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-div .prescription-new .tab-data .view_reportingg {
    color: #84D95B !important;
    font-weight: 600;
    font-size: 12px;
}

.main-div .prescription-new .tab-data table td{
    color: #000000 !important;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal;
}

.main-div .prescription-new .tab-data table td img {
    width: 24px;
    height: 24px;
}

.main-div .prescription-new .tab-data table td:first-child td:first-child {
    border-top-left-radius: 10px;
}

.main-div .prescription-new .tab-data table tr:last-child th:last-child {
    border-top-right-radius: 10px;
}

.main-div .prescription-new .section-heading h2.body-text, .main-data .inner-div .body-text{
    color: #118BE2;
    /* font-family: Inter; */
    font-family: "Anek Malayalam", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px
}

.main-div .prescription-new .tab-data table {
    border: 1px solid #E2EAF0 !important;
    border-radius: 10px;
}

.main-div .app-detail-inline .prescription-div {
    width: 100%;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .nav-link {
    padding: 13.4px 9px 13.4px 10px;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .body-text.text-wrap {
    color: #313131;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis .nav-link{
    color: #000000;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 14px;
    font-style: normal;
    padding-left: 9px;
    padding-right: 9px;
    font-weight: 400;
    opacity: 0.6;
    line-height: 19.2px;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis .nav-link.active {
    opacity: 1;
    border-bottom: 4px solid var(--green-color);
    font-weight: 600;
}
.main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis {
    background: #E7EFF766;
    padding-left: 18px;
    margin-bottom: 17px;
    padding-right: 29px;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis .nav-link:hover, .main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis .nav-link:focus{
    background-color: transparent;
}

.main-div .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis-pane {
    padding-left: 18px;
    padding-right: 17px;
}

.main-div .prescription-new .buttons a img {
    width: 24px;
    height: 24px;
}

.main-div .prescription-new .examin {
    margin-top: 13px;
}

.main-div .prescription-new .examin h5{
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    line-height: normal;
}

.main-div .prescription-new .examin p{
    color: #000;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.main-div .prescription-new .examin .col-md-3 div{
    border-radius: 2px 0px 0px 2px;
    background: #E2EAF0;
    border-bottom: 1px solid #F2F9FF;
    padding: 12px 19px 13px;
    height: 40px;
}

.main-div .prescription-new .patient-data .row .buttons{
    margin-bottom: 0;
}

.main-div .prescription-new .examin .col-md-9 div{
    border-radius: 0 2px 2px 0px;
    border: 0.5px solid #D9D9D9;
    padding: 12px 19px 13px;
    background: #FFF;
    height: 40px;
}

.main-div .prescription-new .examin .col-md-9 div table{
    border-collapse: separate;
    border: none !important;
    border-radius: 10px !important;
}

.main-div .prescription-new .examin .col-md-9 div table tr td{
    border: 1px solid #D3DEE9;
    border-radius: 4px;
    padding: 5px 14px;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-div .prescription-new .examin .col-md-9 div table tr td .table-flex {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    height: auto;
    border: none;
    border-radius: 0;
}

.main-div .prescription-new .examin .col-md-9 div table tr td .table-flex input[type="text"] {
    border: none;
    height: 30px;
}

.main-div .prescription-new .patient-data .body-text {
    color: #313131;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.main-div .prescription-new .visits-div .vsmall-text{
    font-size: 15px;
}

.main-div .prescription-new .patient-data .profile-head .large-body-text {
    color: #118BE2;
    font-family: "Anek Malayalam", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.expense-clinic .dateRangePicker input {
    width: 170px;
}

.modal-content .appointment-form input.box-check {
    height: 15px;
    width: 15px;
    margin-top: 15px;
    margin-left: 20px;
    appearance: auto;
}

div#datepicker_consult input#consult_date1 {
    position: absolute;
    width: 676px;
    height: 50px;
    right: 0;
    top: -25px;
    padding-right: 40px;
}

.investigations #lightboxModal .modal-content {
    max-width: 50vw;
    height: 450px;
}

.investigations #lightboxModal .modal-content div{
    height: 450px;
}

.investigations #lightboxModal img{
    width: 100%;
}

.modal_mob_contanettt .app_type {
    margin-bottom: 0;
    height: 47px;
    line-height: 47px;
    display: flex;
    align-items: center;
}

.modal_mob_contanettt .app_type input {
    display: none;
}

.modal_mob_contanettt .app_type label:before {
    content:'';
    -webkit-appearance: none;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }

  .modal_mob_contanettt .app_type.form-control label {
    position: relative;
    cursor: pointer;
  }

  .modal_mob_contanettt .app_type input:checked + label::before{
    background: #84D95B;
  }

 .modal_mob_contanettt .app_type input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: 8px;
    width: 5px;
    height: 11px;
    border: solid #ffffff;

    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

.modal-content .invoice-div.new_invoice .invoice-btn .form-check-input{
    display: none;
}

.modal-content .invoice-div.new_invoice .invoice-btn label:before {
    content:'';
    -webkit-appearance: none;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }

  .modal-content .invoice-div.new_invoice .invoice-btn label {
    position: relative;
    cursor: pointer;
  }

  .modal-content .invoice-div.new_invoice .invoice-btn .form-check-input:checked + label::before{
    background: #84D95B;
  }

  .modal-content .invoice-div.new_invoice .invoice-btn .form-check-input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

div#addAppointment input#mr-num {
    background: #D4DFE8;
}

div#addAppointment .invoice-div.new_invoice .invoice-btn label.form-check-label {
    padding-left: 0;
    color: #118BE2 !important;
    font-family: "Anek Malayalam";
    font-size: 16px;
    margin-left: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.modal_mob_contanettt .app_type label{
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-left: 18px;
    margin-bottom: 0;
}

.sideBar-new.sidebar-container.web i.close-icon.hk_mob_bars {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' viewBox='0 0 28 18' fill='none'%3E%3Cpath d='M27.5 18V15H8V18H27.5ZM2.6 16.5L10.1 9L2.6 1.5L0.499998 3.6L5.9 9L0.499998 14.4L2.6 16.5ZM27.5 10.5V7.5H12.5V10.5H27.5ZM27.5 3V0H8V3H27.5Z' fill='%23118BE2'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 36px;
    width: 36px;
    top: 25px;
    transform: rotate(0);
    right: 24px;
}

.sideBar-new.sidebar-container.web.sidebar-expanded i.close-icon.hk_mob_bars {
    transform: rotate(180deg);
    right: 17px;
}

.sideBar-new.sidebar-container .menu-collapsed.show-none {
    opacity: 1;
    left: 0;
    right: 0;
    visibility: visible;
    font-family: Anek Malayalam;
    font-size: 10px;
    font-weight: 700;
    line-height: 14.33px;
    text-align: center;
    top: 52px;
}

/* .sidebar-collapsed {
    width: 97px;
} */

.sideBar-new .list-group-item1 {
    border-bottom: none;
    margin-bottom: 12px;
}

.sideBar-new.sidebar-collapsed .list-group-item1 {
    padding: 2px 20px 0 !important;
}

.sideBar-new.sidebar-expanded .sidebar-item img {
    left: 23px !important;
    top: 10px;
}

.sideBar-new.sidebar-expanded .sidebar-item .menu-collapsed{
    font-family: Anek Malayalam;
    font-size: 16.85px;
    font-weight: 600;
    line-height: 24.13px;
}

.sideBar-new.sidebar-collapsed .sidebar-item img {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
}

.sideBar-new .sidebar-item img {
    height: 44px;
    width: 44px;
}

.sideBar-new .list-group-item1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.sidebar-expanded.sideBar-new .border_left_pink, .sidebar-expanded.sideBar-new .border_left_green, .sidebar-expanded.sideBar-new .border_left_blue, .sidebar-expanded.sideBar-new .border_left_purple, .sidebar-expanded.sideBar-new .border_left_yellow,
.sidebar-expanded.sideBar-new .border_left_grey, .sidebar-expanded.sideBar-new .border_left_red{
    border-left: 0;
    background: #118BE20D;
}

.sideBar-new.sidebar-collapsed .list-group-item1 .sidebar-item {
    justify-content: space-between;
    height: 71px;
    align-items: start;
}

/* .sideBar-new .sidebar-head img{
    width: 143px;
    height: 82px;
} */

.sidebar-head img {
    transition: opacity 500ms, visibility 500ms;
    opacity: 1;
    position: absolute;
    visibility: visible !important;
    top: 12px;
    left: 20px !important;
    width: 130px;
    height: 65px;
}

.sideBar-new .border_left_pink:before {
    border-left: 6px solid var(--blue-color);
}

.sideBar-new .border_left_green:before {
    border-left: 6px solid var(--dark-green-color);
}
.sideBar-new .border_left_blue:before {
    border-left: 6px solid var(--dark-pink-color);
}
.sideBar-new .border_left_purple:before {
    border-left: 6px solid var(--dark-gold-color);
}
.sideBar-new .border_left_yellow:before{
    border-left:  6px solid var(--yellow-color);
}

.sideBar-new .border_left_grey:before {
    border-left: 6px solid var(--light-grey-color);
}
.sideBar-new .border_left_red:before {
    border-left: 6px solid var(--dark-purple-color);
}

.setting-new.top-tab .changing-tabs{
    margin-left: 10px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.setting-new.top-tab .nav-tabs .nav-item {
    margin-right: 20px;
    margin-bottom: 0px;
}

.setting-new.top-tab .changing-tabs .nav-tabs {
    gap: 0;
    width: 1521px;
}

.setting-new.top-tab .changing-tabs::-webkit-scrollbar {
    display: none;
}

.setting-new.top-tab h2{
    margin-top: 30px;
    font-family: Anek Malayalam;
    font-size: 18px;
    font-weight: 700;
    line-height: 19.2px;
    margin-bottom: 0;
}

.examination-form .form-group {
    padding: 0;
    width: 100%;
}
.examination-form .wid-div .form-group{
    display: flex;
    align-items: baseline;
}

.examinations .first_col {
    width: 100%;
    padding-right: 10px;
    max-width: 100%;
    min-width: 600px;
}

.examinations .exam-list {
    display: flex;
    gap: 0 27px;
    flex-wrap: wrap;
}

.examinations .second_col{
    width: 100%;
    padding-left: 10px;
    min-width: 750px;
    max-width: 100%;
}

.examinations .second_col.small{
    min-width: 680px;
}

.examinations .first_col.small{
    min-width: 550px;
}

.examinations .first_col.small .form-control input, .examinations .first_col.small .form-control,.examinations .first_col.small .exam-list select {
    width: 144px !important;
}

.examinations .second_col.small ul li .form-group label:before {
    margin-right: 10px;
}

.examinations .exam-list .smo-status .form-group .form-control {
    width: 100% !important;
    height: auto;
    border: 1px #E2EAF0 solid;
    padding: 16px 24px 15px;
}

.examinations .exam-list .smo-status .form-group .form-check-input[type="radio"]{
    outline: none;
    border-radius: 50%;
    appearance: none;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    cursor: pointer;
    padding: 0;
}

.examinations .exam-list .smo-status .form-group .form-check-input[type="radio"]:checked{
    border: 6px solid var(--green-color);
}

.examinations .exam-list .smo-status .form-group .form-check-input[type="radio"]{
    width: 21px !important;
    height: 21px;
}

.examinations .exam-list .smo-status .form-group .form-check {
    display: inline-flex;
    padding-left: 0;
    height: auto;
}

.examination-form .wid-div .checki .form-check {
    width: 131.7px;
}

.examinations .exam-list .smo-status .form-group .form-check .form-check-label {
    min-width: 88.7px;
    white-space: normal;
}

.examinations .exam-list .smo-status .smoki.form-group .form-check {
    border-radius: 24px;
    background: #EAF3FA;
    padding: 5px 7px;
}

.examinations .exam-list .smo-status .form-group .form-check-input[type="radio"]{
    background: var(--white-color);
}

.examinations .exam-list .smo-status .form-group .form-check-input[type=checkbox]:checked {
    background-color: var(--green-color);
    opacity: 1;
}

.examinations .exam-list .smo-status .form-group .form-check-input[type=checkbox] {
    position: relative;
    border-radius: 2px;
    border: 1px #E2EAF0;
    background: #FFF;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px !important;
    min-width: 20px !important;
    -webkit-appearance: none;
}

.examinations .exam-list .smo-status .form-group .form-check-input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.full-width-class .smo-status .form-group:nth-child(odd) {
    padding-right: 2rem;
}

.full-width-class .smo-status .form-group:nth-child(even){
    padding-left: 2rem;
}

.full-width-class .smo-status {
    display: flex;
    flex-wrap: wrap;
}

.full-width-class .complaint {
    display: flex;
    flex-wrap: wrap;
}

div#myTabContent .examinations .examination-form .exam-list .select2{
    background-color: transparent;
    min-width: 180px !important;
    width: 100% !important;
}

.examinations .full-width-class .exam-list .form-control input, .examinations .full-width-class .examination-form .exam-list .form-control{
    width: 115px;
}

div#myTabContent .examinations .full-width-class .examination-form .exam-list .form-group .select2{
    width: 115px !important;
    min-width: 115px !important;
}

div#myTabContent .examinations .examination-form .exam-list .select2-container--default .select2-search--inline .select2-search__field{
    background-color: transparent !important;
    border-radius: 0;
    border: none !important;
    height: auto;
}

div#myTabContent .examinations .examination-form .exam-list span.select2 span.selection span.select2-selection span.select2-selection__clear{
    display: none;
}

div#myTabContent .examinations .examination-form .exam-list span.select2 span.selection span.select2-selection span {
    display: revert;
    line-height: 20px;
    background: initial;
    border: 0px;
    font-size: 14px;
}

.examinations .full-width-class .complaint .form-group.d-block, .examinations .full-width-class .smo-status .form-group.d-block{
    width: 50%;
}

.examinations .full-width-class .exam-list {
    display: flex;
    gap: 0 18px;
    flex-wrap: wrap;
}

.full-width-class .complaint .form-group:nth-child(even) {
    padding-left: 2rem;
}

.full-width-class .complaint .form-group:nth-child(odd) {
    padding-right: 2rem;
}

/*.full-width-class .complaint .form-group:last-child {*/
/*    padding-left: 2rem;*/
/*}*/

.sms_setting .main-div .sms-settings .tab-data{
    min-height: auto;
    height: auto;
}
.sms_setting .main-div .nav-tabs {
    border-bottom: none;
}

.sms_setting .main-div .nav-tabs .nav-item {
    height: 61px;
    width: 256px;
    margin-right: 4px;
    background-color: #F2F3F3;
    border-radius: 5px;
}

.sms_setting .main-div .nav-tabs .nav-item .nav-link{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-right: 0;
    line-height: 38px;
    height: 61px;
    color: #979797;
    text-align: center;
    border-color: transparent;
    background-color: transparent;
}

.sms_setting .main-data #sms-setting-form .settings.sms-template .inner-div {
    padding: 14px 0 12px 30px;
}

.sms_setting .main-div .nav-tabs .nav-item.active {
    background: #C9E4F8;
}

/* .sms_setting .main-div .nav-tabs .nav-item.active .nav-link.active {
    color: #118BE2 !important;
} */

.sms-log, .request {
    padding: 23px 0;
}

.sms_setting .filterRow .newDateFull {
    max-width: 248px;
    padding: 0;
}

.sms_setting .filterRow .newDateFull input, .sms_setting .filterRow select{
    border: 1px solid #C8C8C8 !important;
    height: 42px;
    border-radius: 4px !important;
    max-width: 248px;
    width: 248px;
    padding: 0 15px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 300;
    color: #000000 !important;
    line-height: 24.32px;
}

.sms-log .filterRow .newDateFull {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.sms-log .filterRow .drop_repportss{
    width: 100%;
}

.sms-log .filterRow .newDateFull input, .sms-log .filterRow select{
    max-width: 100%;
    width: 100%;
}

.sms_setting .filterRow.small .newDateFull input, .sms_setting .filterRow.small select{
    max-width: 220px;
    width: 220px;
}

.sms_setting .filterRow.small .newDateFull {
    max-width: 220px;
}

.sms_setting .balance p{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
}

.sms_setting .balance {
    text-align: end;
    padding-right: 20px;
}

.sms_setting .balance p span {
    color: #118BE2;
}

.sms_setting .sms-log .dataTables_wrap table thead th, .sms_setting .request .dataTables_wrap table thead th{
    padding: 10px 16px;
    font-size: 15px;
    font-family: "CircularStd";
    height: 30px;
}

.sms_setting .sms-log .dataTables_wrap table td{
    padding: 10px 20px !important;
    font-size: 15px;
    font-family: "CircularStd";
    line-height: 24.32px;
}

.sms_setting .main-div .nav-tabs .nav-item.active a {
    color: #118BE2 !important;
    opacity: 1;
}

.sms_setting .request .dataTables_wrap table td{
    padding: 10px 20px !important;
    font-size: 16px;
    line-height: 24.32px;
    font-family: "CircularStd";
}

.sms_setting .request .dataTables_wrap table td img {
    width: 37px;
    height: 37px;
}

.sms_setting .sms-log .tab-data, .sms_setting .request .tab-data{
    height: auto;
}

.tab-view #tab-form-consultations {
    padding-bottom: 100px;
}


.sms_setting .sms-log div.dt-buttons .sms-export, .sms_setting .request div.dt-buttons .sms-export {
    border: 1px solid #D9D9D9;
    background: #D9D9D9;
    position: absolute;
    top: -36px;
    right: 17px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 30px;
    padding: 9px 22px 11px;
    color: #000000;
    text-align: center;
}

.sms_setting .sms-log .tab-data, .sms_setting .request .tab-data {
    position: static;
}

.sms_setting .sms-log div.dataTables_wrapper, .sms_setting .request div.dataTables_wrapper {
    position: static;
}

.sms_setting .sms-log .sms-export span.dt-button-down-arrow, .sms_setting .request .sms-export span.dt-button-down-arrow {
    display: none;
}

.sms_setting .request .green-main-btn{
    border: 1px solid #73C936;
    background: #73C936;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    width: 200px;
    height: 46px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px;
}

.sms_setting .request .green-main-btn:hover, .sms_setting .request .green-main-btn:focus{
    color: white !important;
}

.sms_setting .export {
    border: 1px solid #D9D9D9;
    background: #D9D9D9;
    position: absolute;
    top: 9px;
    right: 17px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 30px;
    padding: 9px 22px 11px;
    color: #000000;
    text-align: center;
}

.uploadImage .modal-content {
    padding: 35px 71px 29px 47px;
    background: #FFF;
}

.uploadImage .modal-dialog {
    border-radius: 25px;
    width: 619px;
}

.requestUpgrade .modal-content {
    padding: 35px 56px 35px 49px;
    background: #FFF;
}

.requestUpgrade .modal-dialog {
    border-radius: 25px;
    width: 630px;
}

.viewImage .modal-content {
    padding: 92px 156px 36px;
    background-color: var(--background-color);
}

.viewImage .modal-dialog{
    width: 913px;
    border-radius: 33px;
    background: #F5F6F7;
}
.viewImage .modal-dialog .show-image{
    width: 595.276px;
    height: 841.89px;
    margin-bottom: 80px;
    padding: 0;
}

.viewImage .modal-dialog .show-image img{
    width: 100%;
    height: 100%;
}

.uploadImage .modal-content h5{
    color: #118BE2;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    margin-bottom: 38px;
}

.requestUpgrade .modal-content h5{
    color: #118BE2;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    margin-bottom: 20px;
}

.requestUpgrade .modal-content .close {
    opacity: 1;
    float: revert;
    position: absolute;
    top: 10px;
    right: 30px;
    margin-bottom: 0;
}

.requestUpgrade .modal-content label{
    font-family: 'Poppins', sans-serif;
    color: #313131;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 12px;
    font-weight: 400;
    line-height: 21px;
}

.uploadImage .modal-content .btn-closed, .requestUpgrade .modal-content .btn-closed, .viewImage .modal-content .btn-closed {
    background: #C8C8C8;
    color: #000;
    margin-right: 18px;
}

.uploadImage .modal-content .btn, .requestUpgrade .modal-content .btn, .viewImage .modal-content .btn {
    border-radius: 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 12px;
    width: auto;
    height: 41px;
    line-height: normal;
}

.requestUpgrade .modal-content .btn{
    border-radius: 20.5px;
}

.uploadImage .modal-content .green-main-btn, .viewImage .modal-content .green-main-btn{
    background: #64B62A;
    color: #FFF;
}

.uploadImage .modal-content .blue-main-btn{
    background: #118BE2;
    color: #FFF;
}

.requestUpgrade .modal-content .blue-main-btn:first-child{
    background: #C9E4F8;
    color: #118BE2;
    margin-right: 11px;
}

.requestUpgrade .drop-zone {
    max-width: 100%;
    height: 85px;
    padding: 15px 25px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
    cursor: pointer;
    border: .5px dashed #615D5D;
    border-radius: 7px;
}

.drop-zone__remove {
    position: absolute;
    top: 16px;
    right: 26px;
    background: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drop-zone-container {
    position: relative;
}

.image-container {
    position: relative;
    display: inline-block;
}

.remove-button {
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 21px;
    background: rgb(2 2 2 / 70%);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    color: white;
}

.requestUpgrade .drop-zone .drop-zone__image {
    margin-right: 24px;
}

.drop-zone .drop-zone__prompt{
    color: #000;
    font-style: normal;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    font-weight: 500;
}

.drop-zone .drop-zone__type{
    color: rgba(71, 84, 89, 0.50);
    font-size: 9.164px;
    font-style: normal;
    font-family: "Lato", sans-serif;
    font-weight: 500;
}

.requestUpgrade .drop-zone--over {
    border-style: solid;
}

.requestUpgrade .drop-zone__input {
    display: none;
}

.requestUpgrade .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    position: relative;
}

.requestUpgrade .drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    text-align: center;
}

.requestUpgrade .camera-snap{
    margin-bottom: 77px;
}

.requestUpgrade .camera-snap #start{
    max-width: 100%;
    width: 100%;
    height: 95px;
    padding: 15px 25px;
    text-align: center;
    cursor: pointer;
    border: .5px dashed #615D5D;
    margin-bottom: 10px;
    border-radius: 7px;
}

.requestUpgrade .camera-snap #start img {
    width: 45px;
    height: 36px;
    margin-bottom: 10px;
}

.requestUpgrade .camera-snap #start p{
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.729px;
}

.screen-video button{
    text-transform: capitalize;
    background-color: #118BE2;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    color: white;
    padding: 7px;
    border-radius: 5px;
    margin-top: 10px;
}

.snap-video, .screen-video {
    display: none;
}

.requestUpgrade .requestslidedown{
    background-color: var(--white-color) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 45px;
    background-position: 95% center !important;
    position: relative;
    border-radius: 3px;
    border: 1px solid #C8C8C8;
    margin-bottom: 48px;
    padding: 9px 9px 8px;
}

/* .requestUpgrade .modal-body label{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
} */

.requestUpgrade .requestdropdown-slide .custom-control-input:checked~.custom-control-label::before{
    color: transparent;
    background-color: transparent;
    border-color: #8E8E8E;
    top: 2px !important;
}

.requestUpgrade .requestslidedown span {
    font-size: 15px;
    font-weight: 300;
    line-height: 22.5px;
    color: #414254;
    text-align: left;
}

.requestUpgrade .requestdropdown-slide {
    border-radius: 6px;
    top: 45px;
    left: 0;
    width: 333px;
    padding: 15px 40px 15px 20px;
    height: 350px;
    overflow-y: scroll;
    z-index: 1;
    position: absolute;
    background: #FFF;
    border: 1px solid #D9D9D9;
}

.requestUpgrade .requestdropdown-slide h3{
    font-size: 17px;
    font-weight: 500;
    margin-top: 0;
    color: #000000;
    line-height: 21px;
    margin-bottom: 11px;
}

.requestUpgrade .requestdropdown-slide .plan{
    margin-left: 6px;
}

.requestUpgrade .requestdropdown-slide .plan h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: #0F77C1;
}

.requestUpgrade .requestdropdown-slide .plan ul li {
    display: flex;
    justify-content: space-between;
}

.requestUpgrade .requestdropdown-slide .plan ul {
    margin-right: 15px;
    margin-bottom: 0;
}

.requestUpgrade .requestdropdown-slide .plan ul li span{
    color: #615D5D;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
}

.requestUpgrade .requestdropdown-slide .custom-control {
    margin-bottom: 10px;
    border-bottom: 1px dashed #000000 !important;
    padding-bottom: 12px;
}

.requestUpgrade .requestdropdown-slide .custom-control:last-child{
    border-bottom: none;
    margin-bottom: 0;
}

.requestUpgrade .requestdropdown-slide .custom-control-label {
    position: relative;
}

.requestUpgrade .requestdropdown-slide .custom-control-input:checked~.custom-control-label::before {
    color: transparent;
    background-color: transparent;
    border-color: #8E8E8E;
    top: 2px !important;
}

.requestUpgrade .requestdropdown-slide .custom-control-label::before {
    top: 2px !important;
}

.requestUpgrade .requestdropdown-slide .custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image: none;
    content: "";
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 0.5px solid #6da842;
    background: #6da842;
    display: block;
    position: absolute;
    left: -21px;
    z-index: 99;
    top: 5px !important;
}

.requestUpgrade .requestdropdown-slide .custom-control .custom-control-input{
    z-index: 1;
    position: absolute;
}

.requestUpgrade .table>tbody>tr>td {
    border-bottom: 1px solid #C8C8C8;
    border-top: none;
    padding: 4px 14px !important;
}

.requestUpgrade .table>tbody>tr>td p {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-family: Circular Std;
    font-weight: 300;
    line-height: normal;
}

.requestUpgrade .table>tbody>tr>td p b {
    font-weight: 450;
    font-family: Circular Std;
}

.requestUpgrade .table>tbody>tr>td span {
    color: #313131;
    font-size: 16px;
    font-style: normal;
    font-family: Circular Std;
    font-weight: 300;
    line-height: normal;
}

.new-theme .header .dropdown-menu{
    border-radius: 15px;
    width: 315px;
    box-shadow: none;
    padding: 0;
}

.new-theme .header .dropdown-item {
    padding: 10px 30px;
    border-bottom: none;
}

.themeStyle .modal-body h5{
    color: #118BE2;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 24px;
    margin-bottom: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.themeStyle .modal-header img {
    width: 32px;
    height: 33.117px;
}

.themeStyle .modal-dialog {
    width: 1065px;
}

.themeStyle .modal-content{
    padding: 0 24px 26px
}

.themeStyle .modal-body .image-drag {
    border-radius: 8px;
    margin-bottom: 14px;
    background: #FFF;
    box-shadow: 0px 3.947px 5.921px 0px rgba(31, 41, 55, 0.05);
}

.themeStyle .modal-body .image-drag .dragBox {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 18px 70px;
    display: flex;
    color: #118BE2;
    text-align: center;
    font-family: "Anek Malayalam";
    font-size: 15.589px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    flex-direction: column;
    align-items: center;
}

.themeStyle .modal-body .image-drag .dragBox input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}

.themeStyle .modal-body .image-drag .dragBox img {
    width: 36.375px;
    height: 36.375px;
}

.themeStyle .modal-body .image-drag button{
    border-radius: 12.558px;
    background: #F5F7FA;
    color: #118BE2;
    margin-top: 6.6px;
    text-align: center;
    width: 91.804px;
    height: 25.116px;
    font-family: "Anek Malayalam";
    font-size: 12.125px;
    font-style: normal;
    font-weight: 500;
    line-height: 5.128px;
    text-transform: capitalize;
}

.themeStyle .modal-body .color-pick {
    border-radius: 8px;
    padding: 16px;
    background: #FFF;
    box-shadow: 0px 3.947px 5.921px 0px rgba(31, 41, 55, 0.05);
}

.themeStyle .modal-body .color-pick .picker {
    --box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(3, 1, 1, 0.08);
    position: relative;
    text-align: center;
}

.themeStyle .modal-body .color-pick .picker .a-color-picker{
    box-shadow: none;
    border: 1px solid #cccccc;
    border-radius: 10px;
}

.themeStyle .modal-body .view-image {
    min-height: 511px;
    height: 100%;
    max-height: 600px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 3.947px 5.921px 0px rgba(31, 41, 55, 0.05);
}

.themeStyle .modal-body .view-image .image{
    background-color: white;
    height: 100%;
    text-align: center;
    padding: 7px 23px;
    border-radius: 11px;
}

.themeStyle .modal-body .view-image .image #preview {
    width: 100%;
    height: 65px;
}

.themeStyle .modal-body .view-image .image #preview img {
    width: 100%;
    height: 100%;
}

.themeStyle .modal-body .view-image #color-display{
    width: 100%;
    height: 62.74px;
    border-radius: 0px 11.672px 40.495px 0px;
    background: #118BE2;
}

.themeStyle .modal-body .view-image .colored {
    position: relative;
}

.themeStyle .modal-body .view-image .colored .color-wrap {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.themeStyle .modal-body .view-image .main-banner {
    border-radius: 11.672px;
    background: #FFF;
    width: auto;
    position: relative;
    padding: 21px 35px;
    margin: 13.6px;
    min-height: 421px;
    max-height: 504px;
}

.themeStyle .modal-body .view-image .main-banner h1{
    color: #118BE2;
    font-family: "Inter", sans-serif;
    font-size: 27.722px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 33px;
    line-height: 8.639px;
}

.themeStyle .modal-body .view-image .main-banner span{
    border-radius: 34.118px;
    background: #118BE2;
    width: 195.938px;
    height: 36.476px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 42px;
    margin: auto;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 13.385px;
    font-weight: 700;
    left: 0;
    right: 0;
    line-height: normal;
}

.themeStyle .modal-body .color-pick .a-color-picker-row:not(:first-child) {
    padding: 10px;
}

.themeStyle .modal-body .color-pick canvas.a-color-picker-sl.a-color-picker-transparent {
    /* height: 72px; */
    border-radius: 3.947px;
}

.appointment-table-section .dropdown-container {
    margin-left: 20px;
}

.appointment-table-section .dropdown-container .dropdown-btn i {
    font-size: 22px;
}

.appointment-table-section .dropdown-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.appointment-table-section .dropdown-container .dropdown-content label {
    display: block;
    padding: 8px;
    margin: 0;
    cursor: pointer;
}
.appointment-table-section .dropdown-container .dropdown-content label input[type="checkbox"] {
    margin-top: 0;
}
.appointment-table-section .dropdown-container:hover .dropdown-content {
    display: block;
}
.appointment-table-section .dropdown-container select[multiple] {
    display: none;
}

.general_setting .main-data .general_settings_wrapper{
    height: 206px;
    border-bottom-right-radius: 90px;
}

.general_setting .main-data .main-div .top-tab{
    background-color: transparent !important;
    border-bottom-right-radius: 0 !important;
    position: relative;
    padding-top: 20px;
    top: 0;
}

.general_setting .main-data .general_settings_wrapper .general-tabb{
    padding: 19px;
    /* padding-top: 0px !important; */
}

.general_setting .main-data .general_settings_wrapper .general-tabb .sms_setting{
    padding-top: 10px;
}

.sms-settings #time_summary4 {
    width: 89px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-tabs .nav-link, .general_setting .main-data .general_settings_wrapper #add-favouriteAndmedicine .nav-tabs .nav-link, .general_setting .main-data .general_settings_wrapper #add-sms_settings .nav-pills .nav-link{
    font-family: "Anek Malayalam";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    color: #313131;
    opacity: 1;
    padding: 0;
    margin-right: 28px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-tabs, .general_setting .main-data .general_settings_wrapper #add-favouriteAndmedicine .nav-tabs,.general_setting .main-data .general_settings_wrapper #add-sms_settings .nav-pills {
    border-bottom: none;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-tabs .nav-link.active, .general_setting .main-data .general_settings_wrapper #add-favouriteAndmedicine .nav-tabs .nav-link.active, .general_setting .main-data .general_settings_wrapper #add-sms_settings .nav-pills .nav-link.active{
    color: #118BE2 !important;
    font-weight: 600;
    border: none;
    text-decoration: underline;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitalslidedown, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationslidedown{
    border-radius: 23.25px;
    background: #FFF;
    width: 250px;
    height: 45px;
    padding: 10px 22px 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 92% center !important;
    position: relative;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .show-vital, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .show-examination{
    display: flex;
    margin-top: 23px;
    align-items: center;
    gap: 40px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .show-vital .inline, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .show-examination .inline{
    gap: 13px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .show-vital .inline p, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .show-examination .inline p{
    font-weight: 400 !important;
}

.main-div .inner-div .space{
    display: flex;
    align-items: center;
    gap: 70px;
}

.main-div .inner-div .space .inline{
    gap: 22px;
}

.main-div .inner-div .space .inline p{ 
    font-weight: 400 !important;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select {
    position: relative;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitalslidedown span, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationslidedown span{
    color: rgba(69, 70, 78, 0.40);
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide{
    top: 47px;
    left: 0;
    width: 250px;
    z-index: 1;
    position: absolute;
    border-radius: 13.34px;
    background: #FFF;
    box-shadow: 0px 0px 27.036px 0px rgba(238, 238, 238, 0.60);
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide #search_vitals, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide #search_examination{
    border-radius: 47.722px;
    border: 0.2px solid rgba(0, 0, 0, 0.50);
    background: #FFF;
    background-image: url(../images/Search-Icon.png);
    background-position: 9px;
    background-size: 13px;
    background-repeat: no-repeat;
    color: #757575;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    margin: 8px 17px 11px;
    width: 86%;
    height: 32px;
    padding: 0 10px 0 26px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val li, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val li{
    border-top: 0.2px solid rgba(0, 0, 0, 0.50);
    padding: 7px 20px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group input, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group label, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group label {
    position: relative;
    cursor: pointer;
    color: #615D5D;
    font-family: "Anek Malayalam";
    font-size: 13px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group label:before, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid #E2EAF0;
    background: #FFF;
    padding: 8.4px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    top: 0;
    right: 0;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val {
    margin-bottom: 0;
    list-style-type: none;
    min-height: 0;
    overflow-y: scroll;
    max-height: 300px;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group input:checked + label:before, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group input:checked + label:before{
    background-color: #84D95B;
    border-color: #84D95B;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group {
    margin-bottom: 0;
}

.tab-pane .medication-form span.select2 {
    width: 100% !important;
}

.general_setting .main-data .general_settings_wrapper #app-form .nav-vitals .vital-select .vitaldropdown-slide .listing-val .form-group input:checked + label:after, .general_setting .main-data .general_settings_wrapper #app-form .nav-examination .examination-select .examinationdropdown-slide .listing-val .form-group input:checked + label:after{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 7px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ui-dialog {
    height: 700px !important;
    width: 800px !important;
}

.tab-pane.nav-examination .examination-data .col-lg-6:last-child .tab-data{
    height: auto;
}

.tab-pane.nav-examination .tab-data .form-button {
    padding-bottom: 30px;
}

.billingList_procedure tbody tr td .dropdown-menu {
    display: none !important;
}

.billingList_procedure tbody tr td .dropdown-menu.show {
    display: block !important;
}

.manage_patient_para {
    width: 70%;
    margin: auto;
}

.main-data .header .update-menu, .main-data .header .help-menu {
    box-shadow: 0px 2.97px 14.87px 0px #00285533;
    border-radius: 12.23px;
    position: absolute;
    background-color: #fff;
    right: 0;
    z-index: 222;
    top: 50px;
}

.main-data .header .dropdown-update {
    padding: 0 21px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
}

.main-data .header .dropdown-update .nav-pills .nav-item {
    padding: 0;
}
.main-data .header .update-menu h5 {
    font-family: Anek Malayalam;
    font-size: 18px;
    font-weight: 500;
    line-height: 33.59px;
    margin: 14px 21px 7px;
    text-align: left;
    color: #0F345A;
}

.main-data .header .dropdown-update .nav-pills .nav-item .nav-link.active {
    color: #0F75BC;
    text-decoration: underline;
}
.main-data .header .dropdown-update .nav-pills .nav-item .nav-link {
    font-family: Anek Malayalam;
    font-size: 18px;
    background-color: transparent;
    font-weight: 500;
    border-bottom: none;
    color: #8799AC;
    line-height: 25.79px;
}

.main-data .header .tab-content .no_update {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.main-data .header .tab-content .no_update h6 {
    font-family: Anek Malayalam;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 28px;
    color: #0F75BC;
}

.main-data .header .tab-content .no_update img {
    width: 42px;
    height: 42px;
}

.main-data .header .tab-content .update_notfi .view_all {
    position: absolute;
    width: 100%;
    border-top: 0.44px solid #ADBDCE80;
    bottom: 0;
    left: 0;
    font-family: Anek Malayalam;
    padding: 16px;
    font-size: 16.01px;
    font-weight: 500;
    color: #0F75BC;
    line-height: 17.79px;
    text-align: center;
}

.main-data .header .tab-content .no_update, .main-data .header .tab-content .update_notfi{
    height: 330px;
    position: relative;
}

.main-data .header .tab-content .update_notfi ul{
    display: block;
    height: 280px;
    overflow-y: scroll;
}

.main-data .header .tab-content .update_notfi ul li {
    border-bottom: 0.44px solid #ADBDCE80;
    padding: 0;
}

.main-data .header .tab-content .update_notfi ul li a {
    padding: 31px 21px;
    display: block;
}

.main-data .header .tab-content .update_notfi ul a h5 {
    font-family: Anek Malayalam;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    margin-bottom: 7px;
    line-height: 18.78px;
}

.main-data .header .tab-content .update_notfi ul a p {
    font-family: Anek Malayalam;
    font-size: 14px;
    font-weight: 500;
    color: #5F6368;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 20.06px;
}

.main-data .header .help-menu ul {
    display: block;
    margin-bottom: 0;
}

.main-data .header .help-menu ul li {
    text-align: left;
    border-bottom: 0.41px solid #0000004D;
    padding: 12px 21px;
    padding-right: 0;
}

.main-data .header .help-menu a {
    font-family: Anek Malayalam;
    font-size: 18px;
    font-weight: 400;
    display: block;
    line-height: 25.79px;
    color: #313131;
}

.main-data .header .help-menu a img {
    width: 30px;
    height: 30px;
    margin-right: 18px;
}

.main-data .header  .help-menu ul li:last-child {
    border-bottom: none;
}

.boxed-bg {
    border-radius: 14px;
    background: #FFF;
    height: 802px;
    margin-top: 20px;
    box-shadow: 0px 2.973px 14.865px 0px rgba(0, 40, 85, 0.20);
}

.boxed-video {
    padding: 36px 13px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.boxed-bg .nav-tabs {
    border-bottom: none;
    margin-bottom: 7.5px;
    padding: 0 25px;
}

.boxed-bg .tabs-li {
    padding: 17px 0;
    border-right: 1px solid rgba(173, 189, 206, 0.50);
    height: 802px;
}

.boxed-bg .tabs-li .nav-tabs .nav-link {
    padding: 0;
    font-family: Anek Malayalam;
    font-size: 18px;
    font-weight: 500;
    color: #8799AC;
    line-height: 25.79px;
}

.boxed-bg .tabs-li .nav-tabs .nav-item {
    margin-right: 23px;
}

.boxed-bg .tabs-li .nav-tabs .nav-link.active {
    color: #0F75BC !important;
    text-decoration: underline;
    border: none;
}

.boxed-bg .tabs-li #myTabContent .nav-pills {
    margin-right: 8px;
}

.boxed-bg .tabs-li #myTabContent .nav-pills .nav-link div h5 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.783px;
    margin: 0 0 9.5px;
}

.boxed-bg .tabs-li #myTabContent .nav-pills .nav-link {
    opacity: 1;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-right: 5px;
    padding-top: 16px;
    border-radius: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(173, 189, 206, 0.50);
}

.boxed-bg .tabs-li #myTabContent .nav-pills .nav-link:hover {
    background: #F2F9FF;
}

.boxed-bg #v-pills-tabContent .tab-pane h5 {
    color: #118BE2;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.783px;
    margin: 16px 0 18px;
}

.boxed-bg .card {
    border: none;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 3px 15px 0px rgba(0, 40, 85, 0.10);
    margin-bottom: 9px;
}

.boxed-bg #v-pills-tabContent {
    padding-right: 14px;
}

.boxed-bg .card .card-body {
    padding: 6px 19px;
}

.boxed-bg #v-pills-tabContent .tab-pane .card .card-body h5,
.boxed-video .card .card-body h5 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    margin: 0;
    font-weight: 500;
    line-height: normal;
}

.boxed-bg .card .card-body p {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.boxed-bg .tabs-li #myTabContent .nav-pills .nav-link.active {
    background: #F2F9FF;
}

.boxed-bg .tabs-li #myTabContent {
    padding: 0 0 0 8px;
}

.boxed-bg .tabs-li #myTabContent .tab-pane {
    overflow-y: scroll;
    height: 754px;
    overflow-x: hidden;
}

.boxed-bg .tabs-li #myTabContent .nav-pills .nav-link div p {
    color: #8799AC;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    line-height: normal;
}

.main-data .header .tab-content .update_notfi ul a p span{
    background: #0F75BC;
    font-family: Anek Malayalam;
    font-size: 8.38px;
    color: white;
    border-radius: 13.96px;
    margin-left: 5px;
    font-weight: 500;
    line-height: 10.14px;
    padding: 0px 8.22px;
}

.main-data .header .update .notification_span_tag .notification_up {
    position: absolute;
    top: 0;
    right: 0;
    background: #FD4747;
    color: #fff !important;
    width: 14px;
    border-radius: 50%;
    font-family: Anek Malayalam;
    font-size: 9px;
    font-weight: 600;
    display: inline-flex;
    line-height: 11.16px;
    height: 14px;
    justify-content: center;
    align-items: center;
}
.modal-content .new-doc-form .sequence input{
    border-radius: 0;
    width: auto;
    height: auto;
    appearance: auto;
}

.monday_timing_div input.token_start_input[disabled] {
    background-color: #D4DFE8;
}

@media (min-width: 1919px) and (max-width: 8000px){
    div#myTabContent .examinations .examination-form .exam-list .select2 {
        min-width: 250px !important;
    }
    .examination-form .exam-list .form-control input, .examination-form .exam-list .form-control{
        width: 250px;
    }
    .examination-form .exam-list label{
        min-width: 161px;
    }
    .examinations .exam-list .smo-status .form-group .form-check .form-check-label {
        min-width: 106px;
    }
    .examination-form .wid-div .checki .form-check {
        width: 149.3px;
    }
}

@media (max-width: 1537px){
    .get_started-wrap .carousel.slide .carousel-inner .slider1, .select-clinic_wrapper .carousel.slide .carousel-inner .slider1{
        width: 500px;
        height: 390px;
    }

    .get_started-wrap .carousel.slide .carousel-inner .slider2, .select-clinic_wrapper .carousel.slide .carousel-inner .slider2{
        width: 500px;
        height: 380px;
        object-fit: contain;
    }

    .get_started-wrap .carousel.slide .carousel-inner .slider3, .select-clinic_wrapper .carousel.slide .carousel-inner .slider3{
        width: 100%;
        height: 420px;
        object-fit: inherit;
    }
}

@media screen and (max-width: 1500px) and (min-width: 900px){
    .appointment-table-section .table-heading.small .table-move .dropdown select {
        width: 180px;
    }
    .appointment-table-section .table-heading.small .new-table{
        width: 13vw;
    }
    .appointment-table-section .table-heading.small a.add_appo{
        width: 200px;
    }
    .dataTables_wrapper .dataTables_filter input, .view-history .dataTables_filter input{
        min-width: 200px;
        width: 18.5vw;
    }

    .dataTables_wrapper .dataTables_filter .small {
        width: 9vw;
        min-width: 100px;
    }

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small {
        width: 25vw !important;
    }
    .vitals-list.small .filtersOptions {
        width: 880px;
    }
    .vitals-list.small .filterRow .body-text {
        margin-right: 15px;
    }
    .vitals-list.small .filtersOptions .filter-radio{
        width: 320px;
    }
    .vitals-list.small #vital_gender{
        width: 180px !important;
    }
    .expense-clinic.small .filterRow .filtersOptions .search input {
        width: 266px;
    }
    .expense-clinic.small .filterRow .filtersOptions .dropdown .expenseCategory {
        width: 220px;
    }
    .sms_setting.small .checkboxes-container {
        gap: 30px;
    }
    .sms_setting.small .checkboxes-container.message-th .form-check {
        gap: 24px;
        padding-left: .5rem;
    }
    .sms_setting.small .timepicker{
        margin-left: 0;
    }
    .sms_setting.small .sms-settings .inline{
        padding: 10px;
    }
    .sms_setting.small .tab-data .inline-border .body-text.message {
        padding: 21px 15px 21px 8px!important;
    }
    .sms_setting.small .sms-settings #time_summary4{
        width: 89px;
    }
    .sms_setting.small .sms-log .dataTables_wrap table td{
        padding: 10px 19px !important;
    }
    .sms_setting.small .sms-log .dataTables_wrap table thead th, .sms_setting.small .request .dataTables_wrap table thead th {
        padding: 10px;
    }
    .prescription-setting.small .boxed .form-control{
        width: 129px;
    }
    .prescription-setting.small .form-check {
        width: 116px;
    }
    .settings-form .form-check-input[type="radio"]{
        width: 25px;
        height: 25px;
    }
    .settings-form .form-check-input[type="radio"]:checked{
        border: 7px solid var(--green-color);
    }
    .pres_settings.small .col-md-8 .select2.select2-container{
        width: 190px !important;
    }
    .examinations .second_col {
        min-width: 656px;
    }
    .examinations .first_col {
        min-width: 500px;
    }
    .main-div .nav-view {
        right: 460px;
    }
    .examinations .second_col.small {
        min-width: 600px;
    }
    .check-diag ul li .form-group input[type="radio"] {
        margin: 0px 6.9px 0px 0px;
    }
    .sideBar-new.sidebar-collapsed .list-group-item1 {
        min-height: 68px;
    }
    .examinations .first_col.small {
        min-width: 470px;
    }
    .examinations .first_col.small .form-control input, .examinations .first_col.small .form-control, .examinations .first_col.small .exam-list select {
        width: 99px !important;
    }
    div#myTabContent .examinations .small .examination-form .exam-list .select2 {
        min-width: 99px !important;
    }
    .examinations .small .check-diag ul li .form-group input[type="radio"] {
        margin: 0px 4px 0px 0px;
    }
    .appointment-table-section .small .filter-by-div {
        gap: 15px;
    }
    .break {
        margin-left: 12px;
    }
    .examination-form .exam-list .form-control, .examination-form .exam-list .form-control input {
        width: 136px;
    }
    div#myTabContent .examinations .examination-form .exam-list .select2 {
        min-width: 135px !important;
    }
    div#myTabContent .examinations .select2-container--default .select2-selection--multiple {
        height: 30px;
        min-height: 30px;
    }
    .nav-scroll {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .nav-scroll::-webkit-scrollbar {
        display: none;
    }
    .main-div .examinations .second_col.small .diagnosis-tabs, .main-div .examinations .first_col.small .diagnosis-tabs{
        width: 632px;
    }
    .patient_new .main-div .diagnosis-tabs{
        width: 568px;
    }
    /* .main-div .small .app-detail-inline .prescription-div .diagnosis-tabs .diagnosis {
        width: 516px;
    } */
    .main-div .small .tabs-data {
        gap: 10px;
    }
    .main-div .user-details.user-details-pad span.user-name {
        max-width: 60px;
    }
    .main-div .tab-content .tabs-view.small .header-tabs-divs .nav-pills .nav-item {
        padding-right: 5px;
    }
    .blue-overflow-div .small .summary-card{
        min-width: auto;
    }
    .main-data .prescription-setting.small .settings .prescription-page {
        padding: 25px 17px 40px;
    }
    .rep-billing .table-heading .dataTables_filter input {
        min-width: 240px;
        width: 24vw !important;
    }
    .second-table .dataTables_wrapper .dataTables_filter input.small {
        width: 14vw !important;
    }
    .appointment-table-section .dropdown-container {
        margin-left: 14px;
    }
}

@media screen and (max-width: 1180px) and (min-width: 768px){
    .img-half .carousel {
        display: none;
    }
}

@media (max-width: 767px) {
    .patient-pad .stepsTopHeadings p {
        color: #959494;
    }
    .sideBar-new.sidebar-container.web i.close-icon.hk_mob_bars {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1.92012 6.23517C1.92012 5.70717 2.34828 5.27997 2.87532 5.27997L10.5649 5.27997C10.8183 5.27997 11.0612 5.38061 11.2403 5.55974C11.4195 5.73888 11.5201 5.98184 11.5201 6.23517C11.5201 6.48851 11.4195 6.73146 11.2403 6.9106C11.0612 7.08973 10.8183 7.19037 10.5649 7.19037L2.87532 7.19037C2.34732 7.19037 1.92012 6.76317 1.92012 6.23517ZM1.92012 12C1.92012 11.472 2.34828 11.0448 2.87532 11.0448L20.1649 11.0448C20.4183 11.0448 20.6612 11.1454 20.8403 11.3245C21.0195 11.5037 21.1201 11.7466 21.1201 12C21.1201 12.2533 21.0195 12.4963 20.8403 12.6754C20.6612 12.8545 20.4183 12.9552 20.1649 12.9552L2.87532 12.9552C2.34732 12.9552 1.92012 12.527 1.92012 12ZM2.87532 16.8096C2.62198 16.8096 2.37902 16.9102 2.19989 17.0893C2.02075 17.2685 1.92012 17.5114 1.92012 17.7648C1.92012 18.0181 2.02075 18.2611 2.19989 18.4402C2.37902 18.6193 2.62198 18.72 2.87532 18.72L14.4049 18.72C14.5304 18.72 14.6546 18.6953 14.7705 18.6473C14.8863 18.5993 14.9916 18.5289 15.0803 18.4402C15.169 18.3515 15.2394 18.2462 15.2874 18.1303C15.3354 18.0144 15.3601 17.8902 15.3601 17.7648C15.3601 17.6393 15.3354 17.5151 15.2874 17.3992C15.2394 17.2833 15.169 17.178 15.0803 17.0893C14.9916 17.0006 14.8863 16.9303 14.7705 16.8823C14.6546 16.8343 14.5304 16.8096 14.4049 16.8096L2.87532 16.8096Z' fill='%230F75BC'/%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
        top: 20px;
        right: 46px;
    }
    .appointment-table-section .dropdown-container {
        display: none;
    }
    span.afterswap {
        background: #fcd5e5;
        color: #635c6e;
        display: none;
    }

    .token_no.newTokenafterSwap {
        background: #fcd5e5;
    }

    span.afterswap i {
        color: #fc559e;
    }

    .token_no.newTokenafterSwap {}

    .token_no.newTokenafterSwap span.beforeswap {
        display: none;
    }

    .token_no.newTokenafterSwap span.afterswap {
        display: block;
    }




    .general-form div#education-data {
        max-height: 100%;
    }

    .setting-custom .tab-data .custom_switch label {
        color: #3f4051 !important;
        font-weight: 500 !important;
    }

    .img-div.plus.plus-blue {
        right: 26px;
        bottom: 30px;
        z-index: 9;
    }

    .img-div.plus.plus-blue.small {
        z-index: 0;
    }

    .plus-blue .mobile-icon {
        width: 49px !important;
        height: 49px !important;
    }

    #myTabContent .setting-custom .tab_custom_full .form-control {
        border: none !important;
        height: 49px;
        background-color: #eaf3fa !important;
    }

    #myTabContent .setting-custom .btn_appointment {
        display: flex;
        align-items: center;
        height: auto;
        justify-content: space-between;
        position: absolute;
        width: 83%;
        bottom: 30px;
        right: 0;
        left: 0;
        margin: auto;
    }

    #myTabContent .setting-custom .btn_submit_appoint {
        width: 140px !important;
        height: 49px !important;
        background: #84d95b;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        text-align: center;
        position: relative;
        right: 0;
    }

    #myTabContent .setting-custom .btn_cancel {
        width: 140px !important;
        height: 49px !important;
        background: #d6edfe;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        border-color: #d6edfe;
        font-weight: 700;
        color: #118be2;
        text-transform: uppercase;
        position: relative;
        left: 0;
        right: unset;
        line-height: 17px;
        text-align: center;
    }

    #myTabContent .setting-custom .btn_submit_appoint .btn_submit {
        background-color: transparent;
    }

    #myTabContent .setting-custom select,
    #myTabContent .setting-custom select.form-control {
        background-image: url("../images/bottom-arrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: 97% center !important;
        background-size: 11px 6px !important;
    }

    #myTabContent .setting-custom .modal-body .addmore {
        min-height: 230px;
        margin-bottom: 60px;
        height: 285px;
        overflow-y: auto;
        padding-bottom: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #myTabContent .setting-custom .addmore .btnaddmodebox {
        position: fixed;
        /* bottom: 80px; */
    }

    .general-modal .appoint_title {
        font-family: "Inter", sans-serif;
    }

    .general-modal .modal-header {
        height: unset;
        min-height: auto;
    }

    .general-modal .modal-content {
        padding: 0;
        width: 100%;
        margin: 0;
        max-width: 100%;
        height: 88vh;
        position: absolute;
        bottom: 0;
    }

    .tabing_changing_tabs>.nav-tabs>.nav-item>.nav-link.active {
        color: #118be2 !important;
    }

    #general-settings .for_indexxx {
        z-index: 9999 !important;
    }

    .tab-overflow.for_indexxx {
        /* z-index: 9999 !important; */
        position: relative;
    }

    .main-div .patient-profile-div.for_indexx {
        /* z-index: 88888 !important; */
        position: relative;
    }

    .editPatient {
        z-index: 9999999 !important;
    }

    .general-modal .modal_mob_contanettt {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0px !important;
        padding-top: 0px !important;
        height: 0;
    }

    .modal_add_field.general-modal .head_moda_head {
        display: flex;
        font-size: 16px !important;
        align-items: center;
        padding: 19px 15px 15px;
        width: 100% !important;
        max-width: 100% !important;
        /* padding-left: 44px !important; */
        border-radius: 0px !important;
    }

    .general-modal .heading_apooint_sepa {
        padding: 0 !important;
        background-color: #fff;
        border-radius: 0px !important;
        margin-bottom: 18px;
    }

    .general-modal .modal_mob_contanettt .modal-body {
        padding-left: 30px;
        padding-right: 30px;
    }

    .general-modal .modal_mob_contanettt .label_appoint {
        padding-left: 12px;
    }

    div.general-modal {
        z-index: 999999999;
        padding-left: 0px !important;
        padding-bottom: 46px;
        position: fixed;
        top: 105px;
        padding-top: 0px !important;
    }

    .setting-custom .inner-div .cons-block {
        display: block;
        padding: 10px 0 20px;
    }

    .setting-custom .inner-div .cons-block .body-text {
        justify-content: left;
        padding-bottom: 10px;
    }

    .setting-custom .inner-div .cons-block .checkboxes-container {
        justify-content: space-between;
    }

    .setting-custom .inner-div .cons-block .checkboxes-container .form-check {
        background: var(--light-dropdown-background);
        padding: 0 0 0 15px !important;
        width: 48%;
    }

    .tab-pane .setting-custom .appointment-form .form-check-input[type="radio"] {
        background: #fff;
    }

    .general-tabb .tab-pane .setting-custom .checkboxes-container label.form-check-label.vsmall-text {
        font-weight: 600;
    }

    .tab-pane .setting-custom .form-check-input[type="radio"]:checked {
        border: 7px solid var(--green-color);
    }

    .rep-billing .filter-by-div .form-check-input[type="radio"]:checked {
        background: var(--green-color);
        font-size: 1rem;
    }

    table#patients_table2 tbody tr td:nth-child(7) {
        text-align: left;
    }

    .mobile-billing .wrapping_box .name-accro .amount-type .mar-left:nth-child(5) h2 {
        color: #313131;
    }

    .mobile-billing .wrapping_box .name-accro .panel .mar-left:nth-child(odd) span {
        color: #313131;
    }

    .mobile-billing .wrapping_box .name-accro .panel .amount-type span {
        margin: 0 20px 0 0px;
        width: 23%;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-billing .wrapping_box .name-accro .panel .amount-type h2 {
        width: 75%;
        justify-content: left;
    }

    .appointment-table-section .filters_billing .form-control-bg .form-control {
        padding-left: 19px;
        font-size: 12px;
        font-weight: 300;
        font-family: "Inter", sans-serif;
    }

    .appointment-table-section .filters_billing .select-date {
        margin-bottom: 30px;
    }

    .buttons_Filter a {
        font-size: 14px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
    }

    .appointment-table-section .filters_billing .form-control-bg .form-control::placeholder {
        color: #959494;
    }

    .appointment-table-section .filters_billing .form-control-bg {
        height: 49px;
        border-radius: 24.5px;
        background-image: url("../images/bottom-arrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: 90% center !important;
        background-size: 11px 6px !important;
    }

    .filters_appointment.show_filter {
        border-radius: 38px 38px 0px 0px;
        border: 1px solid #d9d9d9;
        bottom: 0;
    }

    .pres_details_first_card .med_his .patient_top h5 {
        color: #959494;
        font-weight: 400;
        margin-top: 3px;
        font-size: 15px;
    }

    .patients_appoint_single_wrapper .buttons {
        gap: 20px;
    }

    .presc_det {
        padding: 15px 0 25px;
    }

    .presc_det .med_his.presc_data .patient_top,
    .presc_det .med_his.presc_data .presc_data_inner {
        padding: 0 20px;
    }

    .presc_det .med_his.presc_data .presc_data_inner {
        border-bottom: 1px solid #ccc;
        padding-bottom: 6px;
        margin-bottom: 14px;
    }

    .billing-plus .header.img-div.plus-blue {
        display: none !important;
    }

    .billing-plus .filter_icon {
        bottom: 37px;
        right: 25px;
    }

    .appointment-table-section .filters_billing .filter-by-div .clear-all {
        top: 210px;
    }

    .appoint_mobile_wrapper .wrapper_box_hk .token_no span {
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 15px;
        color: #414254;
    }

    .appoint_mobile_wrapper .wrapper_box_hk .token_no {
        border-radius: 0px 0 0px 13px;
    }

    .appoint_mobile_wrapper .list-warpper .wrapper_box_hk {
        margin: 12px 0;
        border-radius: 0 13px 0 0;
        border-radius: 0;
        height: auto !important;
    }

    .appoint_mobile_wrapper .wrapper_box_hk h4 {
        font-size: 14px;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        position: relative;
    }

    .wrapper_box_hk .btn-text {
        margin-right: 15px;
        font-family: "Inter", sans-serif;
        width: 100%;
        display: flex;
        font-size: 12px;
        height: 40px;
        line-height: 12.1px;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }

    .list-warpper .wrapper_box_hk:hover {
        background-color: #dcdcdc;
    }

    .list-warpper .wrapper_box_hk:hover h4 {
        color: #00000061;
    }

    .box-list li .check a {
        color: #fff;
    }

    .wrapper_box_hk button.btn.hk_add_invoice.consult_now {
        background-color: #D6EDFE !important;
    }

    .spacing a {
        margin-right: 0;
    }

    .appoint_mobile_wrapper .list-warpper .wrapper_box_hk .btn_apooint {
        margin-left: 0;
        position: relative;
        z-index: 99999;
    }

    .filters_billing .mobile-billing .wrapping_box {
        height: auto;
        padding: 13px 0 19px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .phone {
        color: #000000;
        margin-left: 13px;
        text-align: left;
    }

    .mobile-billing .wrapping_box .cash-paid {
        width: 240px;
        margin: 0 0px 0 13px;
        text-align: left;
    }

    form.general-form.signup-form.form.main_wrape_singup button.close {
        top: -190px !important;
        right: -10px;
    }

    .filters_appointment.show_filter:after {
        content: none;
    }

    .doctor-shadow .user_box {
        box-shadow: 0px 4px 4px 0px #00000040;
        border: 1px solid #118BE2;
    }

    .box_dr .name {
        height: auto;
        line-height: normal;
    }

    .box_dr {
        width: 116px;
    }

    div#vitalTable1_wrapper tbody tr td:nth-child(2) {
        white-space: normal;
    }

    div#vitalTable1_wrapper tbody tr td:nth-child(2) p,
    div#vitalTable2_wrapper tbody tr td:nth-child(2) p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 70px !important;
    }

    div#vitalTable1_wrapper tbody tr td:nth-child(1) p,
    div#vitalTable2_wrapper tbody tr td:nth-child(1) p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100px !important;
    }

    .mobile-billing .wrapping_box .doc-name {
        margin: 3px 13px 10px;
    }

    .mobile-billing .wrapping_box .after_name_area {
        margin: 0 13px 7px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .appt {
        margin: 8px 0 6px 13px;
        text-align: left;
    }

    .mobile-billing .wrapping_box .name-accro .panel .total-amount {
        margin: 0 0 10px 13px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .total-amount span,
    .mobile-billing .wrapping_box .name-accro .panel .discount-rate span {
        margin-right: 18px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .amount-rec span {
        margin-right: 17px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .amount-rec {
        padding: 3px 0px 3px 13px;
        margin-bottom: 3px;
    }

    div.hk_align_bar:before {
        content: none;
    }

    .changing-tabs.favv__change_wrape .nav-link {
        color: #ffffff;
    }

    .tab-overflow {
        max-height: 500px;
        overflow-y: auto;
        margin-top: 8px;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
    }

    .tab-overflow::-webkit-scrollbar,
    .general-modal .modal-body .addmore::-webkit-scrollbar {
        display: none;
    }

    .general-modal .btn_appointment {
        display: flex;
        align-items: center;
        height: auto;
        justify-content: space-between;
        position: absolute;
        width: 83%;
        right: 0;
        left: 0;
        margin: auto;
    }

    .general-modal .btn_submit_appoint {
        width: 130px !important;
        height: 49px !important;
        background: #84d95b;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        text-align: center;
        position: relative;
        right: 0;
    }

    .general-modal .btn_cancel {
        width: 130px !important;
        height: 49px !important;
        background: #d6edfe;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #118be2;
        text-transform: uppercase;
        position: relative;
        left: 0;
        right: unset;
        line-height: 17px;
        text-align: center;
    }

    .general-modal .btn_submit_appoint .btn_submit {
        background-color: transparent;
    }

    .general-modal select,
    .general-modal select.form-control {
        background-image: url("../images/bottom-arrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: 97% center !important;
        background-size: 11px 6px !important;
    }

    .general-modal .btnaddmodebox {
        position: relative;
        bottom: 40px;
    }

    form.general-form.signup-form {
        max-height: 680px;
        margin-top: 0;
    }

    .main-div .setting-custom .inner-div .submit-buttons button {
        border-radius: 24.5px !important;
    }

    .billing_wrapper .appointment-table-section .wrapper_box_hk {
        height: auto;
    }

    .billing_wrapper .mobile-billing .wrapping_box {
        padding: 13px 0 19px;
    }

    .reporting_wrapper .top-tab .changing-tabs .nav-link {
        color: #fff;
    }

    .modal-open .general-modal:before {
        content: '';
        background-color: rgb(0 0 0 / 0.3);
        z-index: -1;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    }

    .general_setting .header.img-div.plus.plus-blue {
        bottom: 110px;
    }

    .backToRecords {
        /* margin-top: 100px !important; */
    }

    #myTabContent .setting-custom .btn_appointment {
        bottom: 70px;
    }

    form#appointment-booked p.xsmall-text.black_text {
        color: #000 !important;
    }

    .invoice_data-update {
        font-weight: 600;
    }

    .view-healthBtn {
        font-weight: 500;
    }

    .vitals_area {
        margin-bottom: 10px;
        display: block;
        overflow-y: scroll;
        height: 170px;
        overflow-x: hidden;
    }

    .mobile-billing .wrapping_box .img-size {
        width: 22px;
        height: 22px;
    }

    .billing_wrapper .mobile-billing .billing-drop {
        width: 100%;
    }

    .billing_wrapper .mobile-billing .billing-drop:hover {
        opacity: 1;
    }

    /* .clinic .iconsContainer {
        right: 0;
    } */

    .main-div .grp-meds-form .inner-div .add-group {
        width: 100% !important;
    }

    /* #editPresModal .choose-med-div select option {
        color: #414254 !important;
    } */

    .wrapper__top_single__item {
        border-radius: 0;
        width: 100%;
    }

    .blood-resport {
        width: 95%;
        background-color: #fff;
        border-radius: 12px;
    }

    .blood-resport .wrapper__top_single__item {
        border-bottom: none;
    }

    .add-report {
        background-color: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px 12px;
        border-radius: 20px 20px 0 0;
    }

    .add-report a {
        background-color: var(--green-color);
        color: white;
        width: 100%;
        display: block;
        text-align: center;
        font-weight: 600;
        letter-spacing: 1.5px;
        padding: 15px 10px;
        border-radius: 30px;
    }

    .message_modal_main_mobile.message_main_mobile .modal-content{
        bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        position: relative;
    }

    .rupess-tag {
        position: relative;
    }

    .rupess-tag p{
        position: absolute;
        top: 32px;
        color: #959494 !important;
        left: 11px;
        font-family: "Inter", sans-serif;
        font-size: 10px;
        font-weight: 300;
    }

    table#billingList tbody tr td:nth-child(8) {
        width: 101px;
        left: 0;
    }

    .newPatientModal form#myFormTwo .radioGroupsGender {
        margin-left: 0;
        gap: 0;
        justify-content: space-between;
        width: 100%;
    }

    .btn_edit_profile_patient {
        font-weight: 600;
        margin-top: 10px;
        text-decoration: underline !important;
    }

    .main-div .patient-profile.pat-profile {
        align-items: start;
        margin-top: 0;
        gap: 20px;
    }

    .patient-profile-div .profile-div .adress_timeline_mobile {
        gap: 3px;
    }

    .sidebar-head i {
        top: 46px;
    }

    .tab-pane .medication-form .close {
        margin-top: -190px;
    }

    .modal-content .medical-black {
        color: black;
    }

    div#uploadFileModal .modal-dialog.modal-dialog-centered {
        padding: 0 !important;
        display: flex;
        align-items: end;
        padding: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        max-width: 100% !important;
    }

    div#uploadFileModal .modal-dialog.modal-dialog-centered .modal-content {
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
    }

    div#uploadFileModal .modal-header {
        margin-bottom: -10px;
        padding-top: 10px;
    }

    div#uploadFileModal h5#uploadFileModalTitle {
        color: #118BE2;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div#uploadFileModal .modal-body .gap_div {
        padding: 0px 0px;
        width: 248px;
        margin: 0 auto;
    }

    div#uploadFileModal .modal-header .close span {
        font-size: 27px;
        font-weight: 400;
    }

    div#uploadFileModal .modal-body .drag-area {
        border: 2px dashed var(--blue-color);
        height: 240px;
    }

    div#uploadFileModal .modal-header .close {
        position: relative;
        top: -12px;
        right: 10px;
    }

    .theUpperError {
        position: relative;
    }

    div#uploadFileModal input.form-control {
        height: 25px;
    }

    div#uploadFileModal form label {
        padding-left: 10px !important;
        text-align: left;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .price-color {
        color: #188ce4;
    }

    .blue-overflow-div .patient-profile-div .profile-div {
        margin-top: 55px;
    }

    .blue-overflow-div .patient-profile-div .hk_big.patient-mari {
        margin-bottom: 0;
        color: white;
    }

    .blue-overflow-div .patient-profile-div .hk_big.patient-mari .arrowing {
        margin-left: 10px;
    }

    .hk_big.patient-mari{
        display: block;
    }

    .modal_wrapper_patient .input_group_gender_mailing {
        width: 48.5%;
    }

    .stepsFormContainer.steps.step-two .px-5 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .newPatientModal form#myFormTwo .patientField {
        width: 100%;
    }
    .main-data .header {
        padding-bottom: 32px;
    }

    .collaping {
        top: 90px !important;
    }

    .newPatientModal form#myFormTwo {
        display: block;
    }

    .main-data .sidebar-container.web {
        height: 100vh;
    }

    /* .vitals_area .patient_top h4 {
        padding: 0px 5px 0 0;
        white-space: nowrap;
        width: 110px;
        justify-content: left !important;
        overflow: hidden;
        text-overflow: ellipsis;
    } */

    .tab-overflow.modal_forMedicine{
        max-height: 100%;
    }
    .top_wrapper_tab .changing-tabs .nav-link.active {
        padding-bottom: 10px;
    }

    .reporting_wrapper .blue-overflow-div {
        overflow-x: hidden;
    }

    .update-profile-form .form-control {
        width: 100% !important;
        height: 49px;
    }

    .update-profile-form .changing-tabs .body-text {
        font-size: 14px;
    }

    .update-profile-form .inner-position {
        position: relative;
    }

    .update-profile-form .inner-position button.close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .apexcharts-legend-text {
        white-space: nowrap;
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .filterRow .dateRangePicker.newDateFull, div#pills-report-financial .dateRangePicker.newDateFull {
        max-width: 72% !important;
    }

    .table-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .table-padding .dataTables_wrapper{
        padding-top: 0;
    }

    .table-padding .dataTables_wrapper .table-responsive-lg th {
        white-space: nowrap;
        padding-right: 20px;
    }

    .table-padding .dataTables_wrapper .table-responsive-lg td{
        padding: 10px 10px 10px 20px !important;
        white-space: nowrap;
    }

    #report-page .body-data{
        padding-left: 0;
    }

    #report-page .main-div {
        padding-right: 0;
    }

    .iconsContainer {
        right: 10px;
    }

    .filterRow .dropdown select {
        max-width: 274px;
        width: 274px;
    }


    .add-exp-data .form-group {
        margin-bottom: 15px;
    }

    form.signup-form div#exp-data button.close {
        top: -200px !important;
    }

    .reporting_wrapper .filterRow .filter-left, .reporting_wrapper .filterRow .filtersOptions{
        align-items: start;
    }

    .reporting_wrapper .filterRow .search-date{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .prescription_custom_single_page .filters_appointment.show_filter .filter-by-div .filltttt {
        width: 100% !important;
        display: block;
    }

    .prescription_custom_single_page .filters_appointment.show_filter .filter-by-div {
        padding: 0 15px;
    }

    .prescription_custom_single_page .filters_appointment.show_filter .checkboxes-container.filltttt.gryBox span.select2 {
        width: 100% !important;
    }

    .patient-pad .newPatientModal.newpatientind {
        z-index: 99999;
    }

    div#uploadFileModal .uploaded_image {
        display: none;
    }

    /* #editPresModal #fav-med-data .tab-data .choose-med-list, #editPresModal div#grp-med-data .tab-data .choose-med-list{
        background-color: #eaf3fa !important;
        color: var(--body-text-color);
    }
    #editPresModal #fav-med-data .tab-data .choose-med-list option, #editPresModal div#grp-med-data .tab-data .choose-med-list option {
        background-color: #eaf3fa;
        color: var(--body-text-color);
        border: 1px solid black;
    } */

    .modal_message.message_modal_main_mobile .send_message_patient .title_patient {
        color: var(--blue-color);
        margin-left: 0;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-weight: 500;
    }

    div#newPatientModals.newpatientind .stepsTopHeadings p {
        padding: 5px 9px !important;
    }

    .newPatientModal .stepsTopHeadings p:first-child:before, div#stepTwo .stepsTopHeadings p:nth-child(2):before, div#stepThree .stepsTopHeadings p:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #7CC14B;
    }

    .newPatientModal .stepsTopHeadings p:first-child, div#stepTwo .stepsTopHeadings p:nth-child(2), div#stepThree .stepsTopHeadings p {
        border-bottom: none;
        position: relative;
    }

    .remove-image-btn img {
        width: 25px;
        height: 24px;
    }

    .newPatientModal .textAreaMedicalHistory h2 {
        padding-left: 9px;
    }

    .textAreaMedicalHistory.px-5{
        margin: 0 15px 0 14px;
    }
    .newPatientModal .textAreaMedicalHistory textarea {
        width: 100% !important;
    }
    .appViewAppointDetailInner .patient_top .doctor-name {
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .appViewAppointDetailInner .patient_top .patien-name{
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .main-data .reporting_wrapper .header {
        z-index: 99999;
    }

    .main-data .reporting_wrapper .sidebar-container.web {
        z-index: 999999999999;
    }
    .modal-body.modal_add_Fav.rXModal .tab-data h6.body-text {
        word-break: break-word;
    }

    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med h4 {
        font-family: "Inter", sans-serif;
        font-size: 11px;
        font-weight: 400;
        color: #313131;
        line-height: 15.73px;
        margin-bottom: 8px;
    }

    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med p{
        font-family: "Inter", sans-serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        margin-bottom: 8px;
        color: #000000;
    }

    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med ul li{
        display: inline-block;
    }
    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med ul li p{
        text-align: center;
    }
    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med ul {
        padding: 0;
        border: 0;
        display: flex;
        justify-content: space-evenly;
    }

    .modal-body.modal_add_Fav.rXModal .card-body .custom_detail_med {
        margin: 0 auto;
        border-top: 1px solid #f3f3f3;
        padding: 8px 40px;
        border-bottom: 1px solid #f3f3f3;
    }

    .modal-body.modal_add_Fav.rXModal .card-body {
        padding: 0 0 1.25rem;
    }

    .forget-password a{
        font-size: 15px;
    }
    .dont-account{
        font-size: 15px;
    }
    div#newPatientModals .modal-header {
        padding-top: 0;
    }
    form#form-consultation .tab-content {
        min-height: 450px;
        max-height: 640px;
    }
    .main-div .header-tabs-div.consult_screen{
        border-bottom-right-radius: 30px;
    }
    .top-tab.update_profile_hk ul#myTab li.nav-item a {
        font-size: 15px;
    }
    .medicineBox .result{
        top: 40px;
    }
    .get-started .started {
        padding: 90px 20px;
    }
    #default_message {
        position: absolute;
        display: inline-flex;
        align-items: center;
        /* width: 100%; */
        height: 40px;
        color: var(--body-text-color);
        font-size: 0.813rem;
        z-index: 1;
        top: 60px !important;
        padding-left: 22px;
        left: 0px !important;
    }
    #default_messages {
        position: absolute;
        display: inline-flex;
        align-items: center;
        /* width: 100%; */
        color: var(--body-text-color);
        font-size: 0.813rem;
        height: 40px;
        z-index: 1;
        padding-left: 22px;
        top: 5px !important;
        left: 0 !important;
    }
    #grp-med-data.tab-pane.tab-group .tab-data {
        min-height: auto;
    }
    .prescription_custom_single_page .new-table-res{
        margin: 0 15px;
    }
    .prescription_custom_single_page .new-table-res .new-table {
        padding: 0 15px !important;
        width: 100% !important;
        border-radius: 38px;
        height: 37px;
        align-items: center;
        background: var(--light-blue-color) !important;
    }
    .prescription_custom_single_page .new-table-res .new-table a i{
        color: var(--grey-color);
    }
    .prescription_custom_single_page .new-table-res .new-table a:focus {
        color: #118be2;
    }
    .prescription_custom_single_page .new-table-res .new-table .date_slider{
        color: #444;
    }
    .main-div #update-sign-up-form .inner-div {
        position: relative;
    }
    .main-div #update-sign-up-form .inner-div .currently_image {
        bottom: 0;
        top: 9px;
        margin: auto;
    }
    .changing-tabs.ddd.for_indexx {
        width: 100%;
    }
    #medicalForm textarea {
        font-weight: 600;
        color: #404152;
    }
    .new_info_fix_mobile .form-control {
        position: absolute;
        bottom: 0;
        right: 25px;
        top: 0;
        margin: auto;
    }
    div#invoiceModal .blue-main-btn{
        width: 110.77px !important;
        height: 31px !important;
        padding: 0px 30px;
        line-height: 31.479px !important;
    }
    div#invoiceModal .modal-content .modal-footer {
        gap: 0 8.72px;
    }
    div#editPresModal .form .form-control.mixed_input {
        width: 70% !important;
    }
    .get_started-wrap .password-type input#password-field {
        padding-right: 50px;
    }
    .result {
        font-size: 0.73rem;
    }
    .img-half .carousel {
        display: none;
    }
    .notification-data input[type=checkbox] {
        height: 20px;
        border-radius: 3px;
        border: 1px solid #C2BEBE;
        width: 20px;
    }
    .notification-data input[type=checkbox]:before {
        width: 5px;
        height: 10px;
    }
    /* .appoint_wrapper_custom  */

    /* #vitalTable2 tr td:first-child {
        width: 100%;
    } */
    .main-div .new-app-div.text-width .patient-med .added-med .body-text {
        word-break: break-all;
        justify-content: left;
    }
    .main-div .patient-profile .profile-img img {
        height: 78%;
    }
    div#clinicReport_wrapper td dl dt:nth-child(9) {
        left: 80px;
    }

    div#clinicReport_wrapper td dl dt:nth-child(10) {
        left: 40px;
    }

    div#clinicReport_wrapper td dl dt:nth-child(8) {
        left: 150px;
    }
    .consultnow_mobile .mobTabs.nav.nav-tabs {
        flex-wrap: initial;
        border-bottom: 1px solid #DBDBDB;
    }
    .main-div .labreading table td p {
        width: 150px;
    }

    .main-div .labreading table td input {
        width: 150px;
    }
    .main-div .labreading table.display tbody td {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .main-div .labreading .table-scroll{
        overflow-x: scroll;
    }

    .main-div .medication .btnsMobile .green-main-btn, .main-div .medication .btnsMobile .blue-main-btn, .main-div .labreading .btnsMobile .green-main-btn, .main-div .labreading .btnsMobile .blue-main-btn, .main-div .examination .btnsMobile .blue-main-btn, .main-div .examination .btnsMobile .green-main-btn, .main-div .investigation .btnsMobile .blue-main-btn, .main-div .investigation .btnsMobile .green-main-btn{
        width: 47%;
        line-height: 48px;
        height: 48px;
        position: relative;
    }
    .main-div .medication .btnsMobile .blue-main-btn img, .main-div .labreading .btnsMobile .blue-main-btn img, .main-div .examination .btnsMobile .blue-main-btn img, .main-div .investigation .btnsMobile .blue-main-btn img{
        position: absolute;
        top: 3.5px;
        right: 6px;
        width: 40px;
        height: 40px;
    }
    .hk_consult_now .diagonsis-hist{
        border-radius: 20px;
        background: #FFF;
        margin: 0 10px 30px;
        padding: 20px 21px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
    }
    .hk_consult_now .diagonsis-hist .diagonsis-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hk_consult_now .diagonsis-hist .diagonsis-wrap h5{
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        margin: 0;
        font-weight: 600;
        line-height: normal;
    }
    .hk_consult_now .diagonsis-hist .diagonsis-wrap button span {
        color: #118BE2;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        text-decoration: underline;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .hk_consult_now .diagonsis-hist .diagonsis-wrap button img{
        margin-left: 22px;
    }

    .modal_separate_diagnosis .modal-content{
        width: 100%;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        background-color: white;
        bottom: 0;
        overflow-y: scroll;
    }

    .modal_separate_diagnosis .modal-content .diagnosis_separate_modal_title-wrapper{
        background: #188ce4;
        width: 100%;
        display: flex;
        flex-direction: column;
        color: white;
        padding-bottom: 12px;
        height: max-content;
    }

    .modal_separate_diagnosis .modal-dialog{
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        position: relative;
    }
    .modal_separate_diagnosis .modal-dialog .modal-body{
        margin: 0;
        padding: 0 !important;
    }
    .modal_separate_diagnosis .diagnosis_separate_modal_wrape_top {
        display: flex;
        gap: 5px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 50px;
        margin-bottom: 0;
    }

    .modal_separate_diagnosis .diagnosis_separate_modal_wrape_top span{
        color: #FFF;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        background: rgba(231, 239, 247, 0.40);
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow::-webkit-scrollbar {
        display: none;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow .nav-tabs{
        flex-wrap: inherit;
        width: 671px;
        border-bottom: none;
    }
    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow .nav-tabs .nav-link {
        padding: 16px 20px 14px 24px;
        background-color: transparent;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow .nav-tabs .nav-link{
        color: #000 !important;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-style: normal;
        opacity: 0.6;
        font-weight: 600;
        margin: 0;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content {
        padding: 20px 10px;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card {
        border-radius: 20px;
        background: #FFF;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
        padding: 20px 10px 20px 20px;
        position: relative;
        margin-bottom: 20px;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card .alert {
        border-radius: 20px;
        text-align: center;
        padding: 4px 10px;
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card .alert-active {
        background: #EAFFE0;
        color: #84D95B;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card .alert-inactive {
        background: #F8E2E4;
        color: #DC3545;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card .trash {
        position: absolute;
        bottom: 56px;
        right: 10px;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card #toggleButton-mobile{
        padding: 10px;
        border-radius: 20px;
        color: #118BE2;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: #D6EDFE;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card h5{
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tab-content .box-card h6{
        color: #AAA;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        margin-bottom: 0;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .modal_separate_diagnosis .all-cards-wraper-separate-diagnosis .tabs-overflow .nav-tabs .nav-link.active{
        border-bottom: 4px solid var(--green-color) !important;
        opacity: 1;
        color: #313131;
    }
    .bg-white1 .img-div.plus.plus-blue {
        display: none !important;
    }
    .bg-white1 .diagnosis-yellow-button{
        display: none;
    }
    .bg-white1.diagnosis .yellow-button{
        display: block;
        position: fixed;
        z-index: 2222222;
        bottom: 50px;
        padding: 14px 28.417px;
        border-radius: 25px;
        background: #FFB400;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
        right: 20px;
    }

    .bg-white1.diagnosis .yellow-button span{
        color: #FFF;
        font-family: "Inter", sans-serif;
        font-size: 11.667px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .bg-white1.diagnosis .yellow-button img{
        width: 13.666px;
        height: 13.666px;
        margin-right: 8.3px;
    }
    .bg-white1.diagnosis .diagnosis_modal  {
        z-index: 8888888;
    }
    .bg-white1 .medication-yellow-button, .bg-white1 .investigation-yellow-button{
        display: block;
        position: fixed;
        z-index: 11111;
        bottom: 100px;
        padding: 14px 28.417px;
        border-radius: 25px;
        background: #FFB400;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
        right: 10px;
    }

    .bg-white1 .medication-yellow-button span, .bg-white1 .investigation-yellow-button span{
        color: #FFF;
        font-family: "Inter", sans-serif;
        font-size: 11.667px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .bg-white1 .medication-yellow-button img, .bg-white1 .investigation-yellow-button img{
        width: 13.666px;
        height: 13.666px;
        margin-right: 8.3px;
    }
    .diagnosis_modal .modal-dialog, .quick_diagnosis_modal .modal-dialog {
        display: flex;
        align-items: end;
        padding: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        max-width: 100% !important;
    }
    .diagnosis_modal .modal-dialog .modal-content, .quick_diagnosis_modal .modal-dialog .modal-content{
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
        border-radius: 20px 20px 0px 0px;
        background-color: white;
    }
    .diagnosis_modal .modal-dialog .modal-content .modal-body{
        padding: 20px;
    }
    .diagnosis_modal .modal-dialog .modal-content .heading-text, .quick_diagnosis_modal .modal-dialog .modal-content .heading-text{
        color: #313131;
        font-family: "Inter", sans-serif;
        text-align: left;
        font-size: 20px;
        margin: 0 0 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .diagnosis_modal .modal-dialog .modal-content .green-main-btn {
        border-radius: 30px;
        background: #84D95B;
        padding: 16px;
        color: #FFF;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        width: 100%;
        display: block;
        height: 50px;
        line-height: 50px;
    }

    .diagnosis_modal .modal-dialog .modal-content .modal-body .check-diag{
        padding: 0;
    }

    .diagnosis_modal .check-diag .form-group {
        margin-bottom: 25px;
    }

    .diagnosis_modal .check-diag .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .diagnosis_modal .check-diag .form-group label {
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .diagnosis_modal .check-diag .form-group label:before {
        content:'';
        -webkit-appearance: none;
        border-radius: 2px;
        border: 1px solid #E2EAF0;
        background: #F2F9FF;
        padding: 6.5px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 7px;
    }

    .diagnosis_modal .check-diag .form-group input:checked + label:before{
        background: #84D95B;
        background-color: #84D95B;
    }

    .diagnosis_modal .check-diag .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 5px;
        width: 5px;
        height: 9px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
    .diagnosis_modal .dropdown{
        width: 100%;
        margin-bottom: 20px;
    }

    .diagnosis_modal .dropdown .slidedown-mobile {
        background-color: var(--light-dropdown-background) !important;
        border-color: var(--light-dropdown-background) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='black'/%3E%3Cline x1='5.61589' y1='6.67991' x2='10.6159' y2='0.679908' stroke='black'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: 97% center !important;
        position: relative;
        border-radius: 13.5px;
        height: 50px;
        width: 100%;
        color: #313131;
    }

    .diagnosis_modal .dropdown .text-mobile {
        background-color: var(--light-dropdown-background) !important;
        border-color: var(--light-dropdown-background) !important;
        border-radius: 13.5px;
        height: 50px;
        width: 100%;
        padding: 6px 12px;
        border: none;
        color: #313131;
    }

    .diagnosis_modal .dropdown .slidedown-mobile span{
        position: absolute;
        top: 17px;
        left: 24px;
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .quick_diagnosis_modal .dropdown-slide{
        border-radius: 0px 0px 20px 20px;
        width: 100%;
    }

    .quick_diagnosis_modal .modal-body img{
        width: 24px;
        height: 23.94px;
        object-fit: contain;
        margin-right: 16px;
    }

    .quick_diagnosis_modal .modal-content .quick h5{
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        margin-top: 0;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: normal;
    }

    .quick_diagnosis_modal .dropdown-slide input[type=text] {
        width: 100%;
        box-sizing: border-box;
        border-radius: 100px;
        border: none;
        background: #E2EAF0;
        font-size: 16px;
        background-image: url('../images/Search-Icon.png');
        background-position: 16px 12px;
        background-repeat: no-repeat;
        padding: 12px 20px 12px 50px;
        color: #757575;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }
     .quick_diagnosis_modal .dropdown-slide .quick .quick_list {
        display: flex;
        list-style-type: none;
        gap: 16px;
        flex-wrap: wrap;
    }
    .quick_diagnosis_modal .dropdown-slide .quick {
        padding: 20px 0 16px;
    }

    .quick_diagnosis_modal .dropdown-slide .quick .quick_list li a{
        border-radius: 40px;
        background: rgba(17, 139, 226, 0.30);
        padding: 8px 12px;
        text-align: center;
        color: #118BE2;
        display: inline-block;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .quick_diagnosis_modal .dropdown-slide .listing-val {
        list-style-type: none;
        margin-bottom: 0;
        height: 216px;
        overflow-y: scroll;
    }

    .quick_diagnosis_modal .dropdown-slide .listing-val li {
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
        padding: 12px 0;
    }
    .quick_diagnosis_modal .dropdown-slide .listing-val li a {
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .bg-white1.diagnosis .quick_diagnosis_modal {
        z-index: 999999999;
    }
    .examination-form .vital {
        color: #313131;
        /* font-family: "Inter", sans-serif; */
        font-size: 20px;
        font-style: normal;
        margin-bottom: 20px;
        font-weight: 600;
        margin-left: 10px;
        line-height: normal;
    }

    .examination-form .exam-list .form-control.bp-setting {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: transparent;
    }

    .examination-form .exam-list .form-control.bp-setting p{
        color: #E2EAF0;
        font-size: 30px;
    }

    .examination-form .exam-list .form-control.bp-setting input {
        width: 55px !important;
        padding-right: 10px;
        padding-left: 10px;
    }
    .tab-pane.examination .form-check .form-check-input[type="checkbox"]{
        position: relative;
        border-radius: 2px;
        border: 1px solid #E2EAF0;
        background: #F2F9FF;
        cursor: pointer;
        line-height: 0;
        margin: 0 .6em 0 0;
        outline: 0;
        padding: 0 !important;
        vertical-align: text-top;
        height: 14px;
        width: 14px !important;
    }
    .tab-pane.examination .form-check .form-check-input[type=checkbox]:checked {
        background-color: #84D95B;
        opacity: 1;
    }

    .tab-pane.examination .form-check .form-check-input[type=checkbox]:checked:before {
        content: '';
        position: absolute;
        right: 48%;
        top: 48%;
        width: 4px;
        height: 8px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        margin: -1px -1px 0 -1px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
    }
    .examination-form .exam-list .form-control input {
        padding-right: 34px;
    }
    .medication-form .custom-dropdown2 {
        display: none;
    }
    .btn-mob-med {
        border-radius: 20px;
        padding: 18px 20px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
    }
    .btn-mob-med h2{
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        justify-content: left;
        line-height: normal;
        margin: 0 0 8px;
    }
    .btn-mob-med h4{
        color: #DE8532;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        justify-content: left;
        margin: 0;
        font-weight: 500;
        line-height: normal;
    }
    .main-data .medication-card {
        border: none;
    }
    .main-data .medication-card .card, .main-data .investigation .card{
        border-radius: 20px;
        background: #FFF;
        margin: 0 10px 20px;
        padding: 20px 20px 25px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
    }

    .main-data .medication_modal .medication-form.form{
        padding: 0;
    }
    .main-data .medication-card h4.body-text, .main-data .investigation h4.body-text{
        color: rgba(49, 49, 49, 0.60);
        margin: 10px 0;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        justify-content: left;
    }
    .main-data .medication-card h2.body-text, .main-data .investigation h2.body-text{
        color: #313131;
        font-size: 16px;
        justify-content: left;
    }
    .main-data .investigation .inner-div {
        padding: 5px 0px 5px;
    }
    .main-data .investigation .notification-info.notification-mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-data .medication-card h4.meal, .main-data .investigation h4.meal{
        color: #AAA;
        font-size: 14px;
        margin: 0;
    }

    .main-data .medication_modal .addBtn, .main-data .investigation_modal .addBtn {
        position: relative;
        bottom: 0;
    }

    .main-data .medication-card .buttons img {
        width: 24px;
        height: 24px;
    }

    .main-data.top-main.hk_consult_now.consultnow_mobile {
        position: relative;
        z-index: 99999;
    }

    .main-data .medication_modal .buttons .button2, .main-data .investigation_modal .buttons .button2 {
        width: auto;
        height: 34px;
        line-height: 34px;
        font-family: "Inter", sans-serif;
        font-size: 12.073px;
        font-style: normal;
        font-weight: 700;
        padding: 0px 9px !important;
    }
    .main-data .medication_modal .medication-form.form .custom-time, .main-data .investigation_modal .investigation-form.form .custom-time{
        gap: 19px;
    }
    .main-data .investigation .notification-mobile.notification-info .notification-data {
        border-radius: 20px;
        background: #FFF;
        padding: 12px 14px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
        height: 60px !important;
    }
    .main-data .investigation .notification-mobile.notification-info .notification-data label {
        color: #118BE2;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .main-data .investigation .nav-pills {
        background: rgba(231, 239, 247, 0.40);
        margin-bottom: 10px;
    }
    .main-data .investigation .nav-pills .nav-link {
        color: #000;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        opacity: 0.6;
        font-weight: 400;
        border-radius: 0;
        line-height: 30px;
        width: 50%;
        height: 50px;
    }
    .main-data .investigation .nav-pills .nav-link.active{
        opacity: 1;
        border-bottom: 4px solid var(--green-color);
        background-color: transparent;
        font-weight: 600;
    }
    .main-data .medication_modal .buttons, .main-data .investigation_modal {
        gap: 15px;
    }
    .main-data .medication_modal .dropdown, .main-data .investigation_modal .dropdown {
        margin-bottom: 5px;
    }
    .main-data .medication_modal .mobileMedicine1 span.select2, .consultNowBoxPage .form .dropdown select, .consultNowBoxPage .form .dropdown input, .main-data .medication_modal .medication-form.form .form-control{
        border-radius: 13.5px;
        background-color: #F2F9FF;
        border: 1px solid #E2EAF0;
        height: 50px;
        border-right: 1px solid #E2EAF0 !important;
    }
    .consultNowBoxPage .body-data {
        padding-left: 0;
    }
    .consultNowBoxPage .body-data .main-div {
        padding: 10px 0px;
        margin-left: 0;
    }
    .consultNowBoxPage #form-consultation .tab-content .tab-pane {
        padding-left: 15px;
        padding-right: 15px;
    }
    .medication-form .dropdown.inline select {
        top: 0px;
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad {
        gap: 10px;
    }

    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check {
        background-color: transparent;
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check .form-check-input:checked + label:before {
        background: #84D95B;
        background-color: #84D95B;
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check .form-check-input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 5px;
        width: 5px;
        height: 9px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check .form-check-input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check-label {
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
        color: #313131;
        font-family: "Inter", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .main-data .medication_modal .medication-form .medi-days .form-rad .form-check-label:before {
        content: '';
        -webkit-appearance: none;
        border-radius: 2px;
        border: 1px solid #E2EAF0;
        background: #F2F9FF;
        padding: 6.5px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
    }
    .modal_separate_favouritemedicine .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs li{
        width: 50%;
        margin-right: 0;
        height: 50px;
        padding-bottom: 0;
    }
    .modal_separate_favouritemedicine .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs {
        padding-left: 0;
    }
    .modal_separate_favouritemedicine .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs a.body-text {
        height: 50px;
        line-height: 50px;
        color: #C9C9C9 !important;
        text-align: center;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
    }
    .modal_separate_favouritemedicine .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs .active a.body-text{
        color: #313131 !important;
    }
    .modal_separate_favouritemedicine .modal-body .tab-content ul li {
        padding: 10px;
    }
    .modal_separate_favouritemedicine .modal-body .tab-content ul.box_med_listing {
        height: auto;
    }
    div#datepicker_consult input#consult_date1 {
        height: 32px;
        top: 0px;
    }
    .sideBar-new.sidebar-collapsed.web i.close-icon.hk_mob_bars {
        filter: brightness(0) saturate(100%) invert(91%) sepia(74%) saturate(0%) hue-rotate(315deg) brightness(107%) contrast(102%);
        top: 19px;
    }
    .profile-data.show_profile .profile-info {
        display: none;
    }
    .main-data .investigation_modal .custom-inputnew .dropdown input{
        width: 100%;
        padding: 10px 10px 10px 24px;
        border-radius: 13.5px;
        border: 1px solid #E2EAF0 !important;
        background: #F2F9FF;
        font-family: "Inter", sans-serif;
        height: 50px;
        color: #313131;
        margin: auto;
        position: relative;
        font-size: 14px;
    }
}

@media (max-width: 376px) {
    #myTabContent .setting-custom .modal-body .addmore {
        min-height: 215px;
        height: 215px;
    }
}


.carousel-indicators {
    top: 230px !important;
    height: fit-content;
}


@media (min-width:1920px) {
    .carousel-indicators {
        top: 28% !important;
        height: fit-content;
    }
}