:root {
    --body-text-color: #414254;
    --white-color: #ffffff;
    --blue-color: #0f75bc;
    --error-color: #dc3545;
    --background-color: #f2f9ff;
    --grey-text-color: #a3a3a3;
    --grey-bg-color: rgb(187, 187, 187);
    --green-color: #84d95b;
    --pink-color: #fc559e;
    --purple-color: #506de2;
    --yellow-color: #ffb400;
    --light-blue-color: #f2f9ff;
    --light-blue-contrast-color: #e2eaf0;
    --blue-btn-color: #d6edfe;
    --green-btn-color: #eafee0;
    --grey-color: #656d78;
    --light-yellow-color: #feedc4;
    --light-gray-color: #D9D9D9;
    --light-pink-color: #fcd5e5;
    --light-purple-color: #dee5fe;
    --light-dropdown-background: #eaf3fa;
    --separator-color: #c9c9c9;
    --grey-background-color: #eaeaea;
    --border-bottom-color: #f2f2f2;
    --red-color: #fc5c5c;
    --black-color: #000;
    --red-light-color: #ffdbdb;
    --dark-green-color: #1A9F05;
    --dark-pink-color: #F058A1;
    --dark-gold-color: #E09E00;
    --dark-purple-color: #9050E2;
    --light-grey-color: #8F8F8F;
}

@font-face {
    font-family: "Anek Malayalam", sans-serif;
}

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

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    color: var(--body-text-color);
    background-color: var(--background-color);
    font-size: 1rem;
    overflow-x: hidden;
    font-family: "Anek Malayalam", sans-serif;
    padding: 0;
    margin: 0;
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

a {
    cursor: pointer;
}

ul{
    list-style-type: none;
}

p {
    color: var(--body-text-color);
    margin-bottom: 0;
}

.tabs_new .tab-pane.fade.show.active {
    opacity: 1;
}

.normal-text {
    font-size: 1rem;
}

.body-text {
    font-size: 16px;
    line-height: 23px;
}

.small-text {
    font-size: 0.875rem;
}

.vsmall-text {
    font-size: 0.813rem;
    line-height: 18px;
}

.semi-bold {
    font-weight: 600 !important;
}

.xsmall-text {
    font-size: 14px;
    line-height: 18px;
}

.heading-text {
    font-size: 1.688rem;
    font-weight: bold;
}


.medium-heading {
    color: #FFF !important;
    /* font-family: Inter !important; */
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.small-heading {
    font-size: 1.188rem;
    line-height: 27px;
    font-weight: 600;
}

.large-body-text {
    font-size: 1.063rem;
    line-height: 20px;
}

.heading1 {
    font-size: 2.625rem;
    line-height: 45px;
    font-weight: bold;
}

.heading2 {
    font-size: 2.188rem;
    line-height: 30px;
    font-weight: bold;
}

.light-yellow-bg {
    background-color: var(--light-yellow-color);
}

button {
    border: none;
    background: transparent;
}

a:focus,
button:focus {
    outline: none;
    color: inherit;
    text-decoration: none;
}

.header .dropdown-menu {
    left: unset;
    right: 0;
    width: 254px;
    top: 45px;
    border: none;
    border-radius: 13px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 18%);
}

.sidebar {
    /* width: 254px; */
    /* max-width: 254px; */
    height: 100%;
    float: left;
    /* position: fixed; */
    z-index: 1000;
    display: block;
    transition: 0.5s ease-in-out;
    background: var(--white-color);
    flex: 1;
    /* margin-left: -200px; */
}

.body-data {
    transition: 0.5s ease-in-out;
    /* padding: 0px 15px; */
    width: 100%;
}

.sidebar .sidebar-head {
    margin-top: 25px;
}

#navbar-toggle {
    cursor: pointer;
    margin-bottom: 40px;
}

#toggleView {
    margin-left: 44px;
}

.menu-icon {
    float: left;
    padding-left: 20px;
}

.close-icon {
    float: right;
    color: var(--blue-color);
    transform: rotate(180deg);
    cursor: pointer;
    width: 17px;
    height: 4px;
}

.sidebar-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav a {
    padding-left: 20px;
    text-decoration: none;
    color: var(--body-text-color);
    font-weight: 500;
    float: left;
    text-decoration: none;
    width: 100%;
    line-height: 15px;
    padding: 10px;
    vertical-align: center;
}

.sidebar .sidebar-data {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 30px;
}

.sidebar hr {
    display: block;
    float: left;
    width: 100%;
}

.sidebar .sidebar-data {
    transition: 2s ease-in-out;
}

.sidebar .sidebar-link {
    transition: 2s ease-in-out;
}

.main-data .blue-div,
.main-data .blue-div2,
.main-data .blue-div3,
.blue-div4 {
    background-color: var(--blue-color);
    border-bottom-right-radius: 74px;
    overflow: visible;
    height: 233px;
    position: relative;
}

.main-data .blue-div2 {
    height: 152px;
}

.main-data .blue-div3 {
    height: 214px;
}

.blue-div4 {
    height: 574px;
}

a:hover {
    outline: none;
    text-decoration: none;
}

.main-data .header {
    /* margin-left: 270px; */
    position: relative;
    padding-top: 20px;
}

.header .dropdown {
    position: relative;
}

.header .header-data,
.header .profile-data,
.header .profile-info,
.inline2,
.doctor-timing-info {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
}

.header .header-data {
    justify-content: flex-end;
}

.inline2,
.doctor-timing-info {
    gap: 10px;
}

.header .profile-info {
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
}

.header .search-div {
    /* padding-right: 10px; */
    width: 100%;
    position: relative;
}

.header .search_result {
    display: none;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    top: 50px;
    width: 98%;
    border-bottom-left-radius: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    padding: 25px 20px 5px 20px;
    transition: 0.3s ease-in-out;
    z-index: 10;
}

.search_result .search p {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 7px 0;
    margin-bottom: 8px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.search_result .search p a {
    color: #545554;
    padding-left: 10px;
}

.search_result .search p.no_result {
    border-bottom: 0px;
}

span.sp1 {
    padding-right: 60px;
}

.search_result .search {
    min-height: 40px;
}

.header .search-div,
.search-div,
.get-started .img-half {
    display: flex;
    align-items: center;
}

.fade_bg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    background: black;
    width: 100vw;
    opacity: 0.2;
    z-index: 10;
}

.header .search-div input {
    width: 100%;
    border-radius: 24px;
    box-shadow: 11px #0000000d;
    color: var(--grey-text-color);
    height: 48px;
    border: none;
    position: relative;
    padding-left: 60px;
    font-size: 1rem;
    font-weight: 500;
    transition: 0.5s ease-in-out;
    z-index: 11;
}

.header .search-div input::placeholder {
    font-size: 0.9rem;
    font-weight: 400;
}

.search-div input {
    border-radius: 24px;
    color: var(--grey-text-color);
    background-color: var(--background-color);
    height: 37px;
    border: none;
    /* width: 240px; */
    width: 100%;
    position: relative;
    padding-left: 60px;
    font-size: 0.813rem;
}

.search-div input:focus {
    border: none;
    outline: none;
}

.appointment-table-section .new-table2 .search-div input {
    width: 268px;
}

.header .search-div img,
.search-div img {
    position: absolute;
    margin-left: 15px;
    color: var(--blue-color);
    z-index: 12;
}

.search-div img {
    height: 18px;
    width: 18px;
}

.fa-magnifying-glass:before {
    width: 22px;
    height: 22px;
    font-size: 1.5rem;
}

/* .appointment-table-section .heading {
    width: 30%;
} */
.header .header-fixed-div,
.header .img-div {
    display: flex;
}

.header .profile-img img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.header .small-text,
.header .xsmall-text {
    color: var(--white-color);
    margin-bottom: 0;
}

.header .dropdown-toggle,
.appointment-table-section .dropdown-toggle {
    display: flex;
    gap: 20px;
    align-items: center;
    text-decoration: none;
}

.appointment-table-section .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
}

.header .dropdown-toggle::after,
.appointment-table-section .dropdown-toggle::after {
    display: none;
}

.header .dropdown-toggle i {
    color: var(--white-color);
}

.header .dropdown-item,
.patient-profile-div .modal .body-text,
.timepicker {
    color: var(--body-text-color);
    font-weight: 400;
}

.header .dropdown-item {
    padding: 10px 15px;
    border-bottom: 1px solid var(--border-bottom-color);
}

.header .dropdown-item:last-child {
    border-bottom: none;
}

.header .dropdown-item:hover {
    background-color: var(--blue-color);
    color: var(--white-color);
}

.header .dropdown-item:hover p {
    color: var(--white-color);
}

.header .header-line {
    display: flex;
    align-items: center;
    align-self: end;
    gap: 10px;
    width: 100%;
}

/* .header .decrease-width {
  width: 100% !important;
}
.header .increase-width {
  width: 895px !important;
} */

.body-data .summary-card-container {
    display: flex;
    gap: 15px;
    padding-top: 10px;
    justify-content: space-between;
}

.body-data .blue-overflow-div {
    color: var(--white-color);
}

.main-div .inline-overflow-div,
.main-div .inline-consult-data,
.header .inline,
.otp-form .inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.otp-form .inline {
    gap: 10px;
}

.header .inline {
    padding-top: 0;
}

.blue-overflow-div .heading-text,
.blue-overflow-div .medium-heading {
    padding-left: 10px;
}

.blue-overflow-div .heading-text {
    line-height: 30px;
    color: var(--body-text-color);
}

#dashboard .heading-text {
    color: var(--white-color);
}

.blue-overflow-div .summary-card {
    padding: 20px;
    background-color: var(--white-color);
    border-radius: 14px;
    color: var(--body-text-color);
    min-width: 198px;
    min-height: 166px;
    width: 100%;
}

#dashboard .blue-overflow-div .summary-card {
    padding: 20px 10.5px 15px 20px;
}

#reports-card .summary-card {
    width: auto;
}

#reports-card .summary-card-container {
    justify-content: flex-start;
    padding-top: 20px;
}

.main-div .tabs-data .body-text.active,
.nav-link.active,
.top-tab .changing-tabs .nav-link.active {
    color: var(--white-color);
    opacity: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 5px solid var(--green-color);
}

.summary-card .card-heading {
    font-size: 1.063rem;
    line-height: 23px;
    min-height: 50px;
    font-weight: 500;
    /* width: 100px; */
    display: flex;
}

.expense-card .card-heading {
    font-size: 1.063rem;
    line-height: 23px;
    min-height: 50px;
    font-weight: 500;
    width: 100%;
}

.blue-overflow-div .expense-card {
    padding: 10px;
    background-color: var(--white-color);
    border-radius: 14px;
    color: var(--body-text-color);
    min-width: auto;
    min-height: auto;
    width: 100%;
}

.blue-overflow-div .expense-card .heading1 {
    font-size: 2rem;
    margin-left: 20px;
}

.summary-card .card-num.heading-text {
    font-size: 1.688rem;
    padding-left: 0;
    line-height: 45px;
}

.tab-pane .tab-data {
    /* height: 580px; */
    height: 60vh;
}

.choose-med-div .tab-pane .tab-data,
.modal .tab-data {
    height: auto;
}

.summary-card .card-subdata,
.main-div .profile-head,
.main-div .type-heading,
.main-div .patient-profile-div .uploaded,
.main-div .inline,
.main-div .tab-data .section-heading,
.tab-pane .medicine-list .medicine-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-div .patient-profile-div .uploaded {
    border-bottom: 1px solid var(--border-bottom-color);
}

.main-div .patient-profile-div .inline {
    gap: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.blue-text,
.notification-info .notification-data label.blue-text {
    text-decoration: underline;
    color: var(--blue-color);
}

.notification-info .notification-data label.blue-text {
    text-decoration: none !important;
    padding-left: 0 !important;
}

select option:focus,
select option:hover {
    outline: none;
    background-color: transparent;
}

.summary-card .card-subdata .body-text {
    margin-bottom: 0;
    color: var(--grey-text-color);
}

.adminDshboard .summary-card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.profile-data {
    display: none;
}

/* .profile-data.show_profile {
    display: none;
} */

.sidebar-container .hk_mob_close {
    display: none;
}

.blue-overflow-div .heading-text {
    color: #fff;
    font-size: 1.375rem;
}

#dashboard .summary-card-container .summary-card .card-num {
    text-overflow: ellipsis;
    width: 99%;
    white-space: nowrap;
    overflow: hidden;
}

.adminDshboard .summary-card-container .summary-card.text_green .card-num,
.summary-card-container .summary-card:nth-child(1) .card-num {
    color: var(--green-color);
}

.adminDshboard .summary-card-container .summary-card.text_pink .card-num,
.summary-card-container .summary-card:nth-child(2) .card-num {
    color: var(--pink-color);
}

/* .adminDshboard .summary-card-container .summary-card.text_orange .card-num {
    color: orange !important;
} */

.adminDshboard .summary-card-container .summary-card.text_orange .card-num.one{
    color: lightblue !important;
}

.adminDshboard .summary-card-container .summary-card.text_orange .card-num.two{
    color: lightgreen !important;
}



.adminDshboard .summary-card-container .summary-card.text_blue .card-num,
.summary-card-container .summary-card:nth-child(3) .card-num {
    color: var(--blue-color);
}

.adminDshboard .summary-card-container .summary-card.text_purple .card-num,
.summary-card-container .summary-card:nth-child(4) .card-num {
    color: var(--purple-color);
}

.adminDshboard .summary-card-container .summary-card.text_yellow .card-num,
.summary-card-container .summary-card:nth-child(5) .card-num,
.tab-pane .summary-card:nth-child(1) .card-num {
    color: var(--yellow-color);
}

.blueHeader {
    background-color: var(--blue-color);
    overflow: visible;
    height: 100px;
    position: relative;
    width: 100%;
    padding-right: 20px;
}

.nav-sticky {
    border-bottom-right-radius: 74px;
}

#body-row {
    margin-left: 0;
    margin-right: 0;
    /* height: 100vh;
    overflow: hidden;
    overflow-y: auto; */
}

.sidebar-container {
    height: 100%;
    min-height: 100vh;
    position: relative;
    top: 0;
    background-color: var(--white-color);
    transition: 0.5s ease-in-out;
    padding: 0;
    /* overflow: hidden;
    overflow-y: auto; */
    z-index: 1;
    position: sticky;
    /* padding-bottom: 100px; */
}

.sidebar-expanded {
    width: 254px;
}

.sidebar-collapsed {
    width: 80px;
}

.sidebar-collapsed .list-group .homeLink {
    pointer-events: none;
}

.menu-collapsed {
    /* transition: 0.3s ease-in-out; */
    color: var(--body-text-color);
    font-weight: 500;
    /* clear: both; */
    visibility: visible;
    opacity: 1;
    /* display: block; */
    opacity: 1;
    /* margin: 0; */
    /* transform: translateX(0); */
    /* transition: all 0.3s linear, margin 0s linear 0.3s; */
    transition: opacity 400ms, visibility 400ms;
    position: absolute;
    top: 22px;
    left: 80px;
    font-size: 15px;
}

.sidebar-head .menu-collapsed {
    left: 20px;
}

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

.web .sidebar-head .homeLink,
.sidebar .sidebar-head .homeLink {
    transition: opacity 0.3s 0.3s ease-in, visibility 0.3s 0.3s ease-in;
}

.sidebar .sidebar-head .homeLink.show-none {
    transition: unset;
}

.sidebar-head i {
    position: absolute;
    top: 46px;
    right: 20px;
}

.header .search-box {
    display: none;
    position: absolute;
    top: 37%;
    right: 76px;
    transform: translate(-100%, -50%);
    height: 36px;
    padding: 10px;
}

.header .update img, .header .help img{
    width: 47px;
    height: 47px;
}

.search-btn,
.time-div {
    /* float: left; */
    width: 42px;
    height: 42px;
    background-color: var(--background-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* transition: 0.5s; */
    position: absolute;
    left: 100%;
}

.time-div {
    background-color: var(--light-purple-color);
    position: relative;
    width: 32px;
    height: 31px;
    left: -5px;
}

.time-div img {
    display: block !important;
    width: 17px !important;
    right: auto !important;
}

.search-input {
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    background: var(--background-color);
    color: var(--blue-color) !important;
    transition: 0.4s ease-in-out;
    border-radius: 50px;
    width: 0;
    position: absolute;
    right: -26px;
    height: 42px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.search-box:hover>.search-input {
    width: 230px;
    padding: 10px 20px;
}

.header .search-icon img {
    width: 18px;
    height: 18px;
}

.sidebar-item img {
    /* height: 40px; */
    position: absolute;
    top: 17px;
    left: 23px;
    width: 35px;
}

.sidebar-container .show-none {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    transform: translateX(0%);
}

.sidebar .sidebar-container .show-none {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    /* -webkit-transition: opacity 400ms ease-in, visibility 400ms ease-in; */
    transition: opacity 0.5s 0.3s ease-out, visibility 0.5s 0.3s ease-out;
    transform: translateX(0%);
}

.sidebar_admin .sidebar-container.sidebar-expanded .show-none{
    visibility: visible;
    opacity: 1;
}

.sidebar_admin .sidebar-container.sidebar-expanded .show-none img{
    position: relative;
    top: 0;
    left: 0 !important;
}

.sidebar-container.web {
    overflow: hidden;
    overflow-y: auto;
}

/* .border_left_blue {
    border-left: 6px solid var(--blue-color);
}

.border_left_pink {
    border-left: 6px solid var(--pink-color);
}

.border_left_green {
    border-left: 6px solid var(--green-color);
}

.border_left_purple {
    border-left: 6px solid var(--purple-color);
}

.border_left_yellow {
    border-left: 6px solid var(--yellow-color);
}

.border_left_blue_logout {
    border-left: 6px solid var(--yellow-color);
} */

/* .sidebar-container.sidebar-collapsed .treeview.list-group-item1.active, */
.sidebar-container.sidebar-collapsed .treeview.list-group-item1:hover {
    background-color: #ffffff;
    width: 300px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.gap-2 {
    gap: 10px;
}
.gap-4 {
    gap: 20px;
}

.sidebar-container.sidebar-collapsed .treeview.list-group-item1:hover .icon-angle-left {
    transform: rotate(-90deg);
}

.sidebar-container.sidebar-collapsed .treeview.list-group-item1:hover i.icon-angle-left,
.sidebar-container.sidebar-collapsed .treeview.list-group-item1:hover .menu-collapsed.show-none {
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes fadeinout {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.sidebar-container .list-group a {
    /* height: 50px; */
}

.list-group-item1 {
    padding: 15px 20px;
    position: relative;
    min-height: 68px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
    border-bottom: 1px solid var(--light-blue-contrast-color);
    padding-bottom: 35px;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-size: small;
}

.adminDshboard .summary-card i,
.list-group-item1 a i:nth-child(1) {
    height: 35px;
    width: 35px;
    padding: 10px;
    min-width: 35px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.list-group-item1 .sidebar-item {
    justify-content: space-between;
}

.list-group-item1 a i.icon-angle-left {
    color: #000000;
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
    right: 0;
    padding-right: 0;
}

.sidebar .sidebar-expanded .list-group-item1 a i.icon-angle-left {
    transition: opacity 0.3s 0.3s ease-in, visibility 0.3s 0.3s ease-in;
    opacity: 1;
    visibility: visible;
}

.sidebar .sidebar-collapsed .list-group-item1 a i.icon-angle-left {
    transition: unset;
}

.list-group-item1.active i.icon-angle-left {
    transform: rotate(-90deg);
}

.icon_pink {
    color: var(--pink-color);
    background-color: var(--light-pink-color);
}

.icon_green {
    color: var(--green-color);
    background-color: var(--green-btn-color);
}

.icon_blue {
    color: var(--blue-color);
    background-color: var(--light-blue-color);
}

.icon_yellow {
    color: var(--yellow-color);
    background-color: var(--light-yellow-color);
}

.icon_red {
    color: var(--red-color);
    background-color: var(--red-light-color);
}

.icon_purple {
    color: var(--purple-color);
    background-color: var(--light-purple-color);
}

.sidebar .menu-collapsed {
    left: 60px;
    top: unset;
    transition: opacity 0.3s 0.3s ease-in, visibility 0.3s 0.3s ease-in;
}

.sidebar .menu-collapsed.show-none {
    transition: none;
}

.list-group-item1:first-child {
    padding-bottom: 32px;
    height: 105px;
    margin-top: 20px;
}

.plusBtnDropdown .list-group-item1:first-child {
    padding-bottom: 0;
    height: auto;
}

.plusBtnDropdown .list-group {
    list-style-type: none;
    margin-bottom: 0;
}

.sidebar-container .list-group-item1:first-child,
.list-group-item1:last-child {
    border-bottom: none;
}

.sidebar-head {
    justify-content: space-between;
}

.sidebar-head,
.sidebar-item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.appointment-table-section {
    margin-top: 20px;
}

.appointment-table-section .bootstrap-table {
    background-color: var(--white-color);
    border-radius: 14px;
}

.appointment-table-section .pull-left {
    margin-top: 5px;
    width: 100%;
    margin-bottom: 8px;
}

.gap_div {
    padding: 10px 20px;
}

.form-control {
    background-color: var(--light-blue-color);
    color: var(--grey-text-color);
    border: none;
    border-radius: 24px;
    font-size: 0.938rem;
    font-weight: 500;
    height: auto;
    background-clip: unset;
}

.dataTable .form-row {
    justify-content: center;
}

.datePickerAdmin {
    display: flex;
    align-items: center;
    position: relative;
}

.datePickerAdmin i {
    position: absolute;
    right: 20px;
}

#submit {
    border-radius: 24px;
    background-color: var(--green-color);
    border: 1px solid var(--green-color);
    min-width: 200px;
    padding: 6px 20px;
    margin-top: 40px;
    min-height: 47px;
}

#submit:hover {
    color: var(--green-color);
    background-color: #ffffff;
}

.file_upload_input {
    color: var(--body-text-color);
}

/* table.dataTable thead > tr > th.sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    content: "";
}

table.dataTable thead > tr > th.sorting::after {
  background-image: url("../images/down-arrow.png") !important;
  margin-right: 0px;
} */

table.dataTable thead .sorting:after {
    font-family: FontAwesome !important;
    opacity: 0.7 !important;
    top: 40% !important;
    content: "\f175" !important;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    content: "" !important;
}

table.dataTable thead .sorting_asc:after {
    content: "\f175" !important;
}

table.dataTable thead .sorting_desc:after {
    content: "\f176" !important;
}

.appointment-table-section thead tr {
    background-color: var(--light-blue-contrast-color);
}

#toolbar,
.dataTables_wrapper .dataTables_filter {
    float: left;
}

#toolbar {
    margin-top: -7px;
}

.dashboard-table #toolbar {
    width: 88%;
}

.appointment-table #toolbar {
    width: 70%;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
table.dataTable.display tbody td {
    border-top: 1px solid #f2f2f2;
}

.table>tbody>tr>td {
    padding: 2px 10px 2px 20px !important;
    vertical-align: middle;
    line-height: 35px;
}

table.dataTable.display>tbody>tr>td {
    box-shadow: none !important;
    padding: 10px 20px !important;
}
table.dataTable.display>tbody>tr>td:nth-child(5){
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appointment-data table.dataTable.display>tbody>tr>td,
.roles-data table.dataTable.display>tbody>tr>td {
    padding: 5px 20px !important;
}

#general-settings .tab-data .settings-form form .inner-div {
    padding: 20px 20px 15px;
}

.box_scroll_group {
    height: 300px;
    overflow-y: auto;
}

.modal-body.modal_add_Fav .heading_upload_btn h6.body-text.semi-bold.text_custom_presc_settings {
    color: #000;
    margin-bottom: 0;
    margin-left: 0;
}

.modal-body.modal_add_Fav .heading_upload_btn p.texthas.imgHide.text_header_extra {
    padding-left: 0;
}

.modal-body.modal_add_Fav .box_images.image_Upload_file .newimageBox {
    background: initial;
    width: 90px;
    height: 90px;
    border: 1px solid #ededed;
    border-radius: 17px;
    padding: 0;
    margin-bottom: 16px;
}

.modal-body.modal_add_Fav .box_images.image_Upload_file .newimageBox span {
    display: none;
}

.modal-body.modal_add_Fav.modalUplodBox h3 {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.modal-body.modal_add_Fav.modalUplodBox label {
    font-size: 14px;
}

.modal-body.modal_add_Fav.modalUplodBox .blue-main-btn {
    background: var(--blue-color);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px 40px;
    padding: 0px 0px;
}

.modal-body.modal_add_Fav.modalUplodBox .blue-main-btn:hover {
    color: #fff;
}

.modal_add_Fav.rXModal {}

.modal_add_Fav.rXModal .accordion-data {
    display: block;
    position: relative;
    padding-left: 46px;
    text-align: left;
}

.modal_add_Fav.rXModal .accordion-data p.xsmall-text {
    color: var(--yellow-color);
}

.modal_add_Fav.rXModal .accordion-data h6.xsmall-text.semi-bold {
    width: 100%;
    margin: 0;
    color: #000;
}

.modal_add_Fav.rXModal .accordion-data img.copy-prescription {
    position: absolute;
    left: 0;
}

.modal-body.modal_add_Fav.rXModal .card {
    box-shadow: 1px 0px 14px 0px rgb(0 0 0 / 8%);
    margin: 11px 17px;
    border-radius: 15px;
}

.modal-body.modal_add_Fav.rXModal {}

.modal-body.modal_add_Fav.rXModal .tab-data {
    padding: 0;
}

.modal-body.modal_add_Fav.rXModal .tab-data h2.large-body-text {
    color: var(--blue-color);
}

.modal-body.modal_add_Fav.rXModal .tab-data h6.body-text {
    color: #000;
    margin-top: 0;
    display: block;
    margin-bottom: 0;
}

.heading_box {
    box-shadow: 1px 0px 14px 0px rgb(0 0 0 / 8%);
    margin: 7px 16px;
    border-radius: 15px;
    padding: 15px;
}

p.no-data {
    padding: 6px 20px;
}

input#consult_date1 {
    padding: 0;
}

input#consult_date1 {
    padding: 0;
}



/* div#consult_sections .custom-text,
.custom-text2 {
    display: none;
} */

.notification-data i.glyphicon.glyphicon-calendar {
    transform: rotate(268deg);
}

.modal-body.modal_add_Fav.rXModal .card-body {
    padding: 0 1.25rem 1.25rem 1.25rem;
}

.modal-body.modal_add_Fav.rXModal .card-body ul {
    margin: 0 auto;
    border-top: 1px solid #f3f3f3;
    padding: 8px 40px;
    border-bottom: 1px solid #f3f3f3;
}

.modal-body.modal_add_Fav.rXModal .card-body ul li {}

.modal-body.modal_add_Fav.rXModal .card-body ul li h5 {
    margin-top: 0;
    font-weight: 600;
    color: #000;
}

.modal-body.modal_add_Fav.rXModal .card-body ul li p {
    font-size: 13px;
    text-align: left;
}

.modal-body.modal_add_Fav.rXModal .card-body ul li.body-text {
    display: block;
}

.modal-body.modal_add_Fav.modalUplodBox .image_Upload_file {
    height: 210px;
    overflow-y: auto;
}

.modal-body.modal_add_Fav .box_images.image_Upload_file .newimageBox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 17px;
    overflow: hidden;
}

.modal-body.modal_add_Fav .box_images.image_Upload_file .newimageBox button {
    position: absolute;
    right: -7px;
    bottom: -7px;
    background: #ffb400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath fill='%23fff' d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/%3E%3C/svg%3E");
    width: 26px;
    height: 26px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    background-size: 10px;
}

/* #prescription-data table.dataTable.display > tbody > tr > td {
    padding: 10px 15px !important;
} */
.v_top {
    vertical-align: top;
}

#mainTable>tbody>tr>td {
    padding: 5px 20px !important;
}

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

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

.table-last-col .buttons .button.btn-text {
    width: 130px;
}

.dataTables_wrapper {
    border-radius: 14px;
    color: var(--body-text-color);
}

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

table.dataTable thead th {
    /* padding-left: 20px !important; */
    border-bottom: none;
    font-weight: 600;
}

.settings .col-lg-6 .inline2 img:last-child,
.settings .col-lg-3 .inline2 img {
    display: none;
    width: 27px;
    position: absolute;
    right: -5px;
}

/* #investigation-data table thead th:first-child {
  width: 600px !important;
}

.vitals-data #vitalTable1 th:nth-child(1) {
  width: 10px !important;
}
.vitals-data #vitalTable1 th:nth-child(2) {
  width: 20px !important;
}
.vitals-data #vitalTable2 th:nth-child(1) {
  width: 160px !important;
}
.vitals-data #vitalTable2 th:nth-child(2) {
  width: 140px !important;
}
.examination-data #examinationTable th:nth-child(1) {
  width: 100px !important;
}
.procedure-data #procedureTable th:nth-child(1) {
  width: 140px !important;
}
.roles-data #rolesTable th:nth-child(1) {
  width: 100px !important;
}
.roles-data #rolesTable th:nth-child(2) {
  width: 120px !important;
}
.roles-data #rolesTable th:nth-child(3) {
  width: 100px !important;
} */

.tab-pane table .buttons,
#secondTable3 .buttons,
.second-table .buttons {
    justify-content: flex-end;
}

#secondTable3 tbody>tr>td {
    padding: 5px 20px !important;
}

.patient-data .row {
    align-items: flex-end;
}

.patient-data .row .buttons {
    margin-bottom: -10px;
}

#secondTable3 tr:last-child td,
#secondTable4 tr:last-child td {
    padding-bottom: 20px !important;
}

/* .mainTable_filter label {
  display: none;
} */

label {
    color: var(--body-text-color);
    font-weight: 400;
}

.modal.fade .modal-dialog {
    /* transform: translate3d(0, 100vh, 0); */
    transition: 0.2s ease-in-out;
}

.modal.show .modal-dialog,
.modal.in .modal-dialog {
    /* min-height: 100vh;
    transform: translate3d(0, 0, 0); */
}

.modal#lightboxModal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #00000098;
    transition: 0.3s ease-in-out;
}

/* Modal Content */
#lightboxModal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /* width: 90%; */
    /* max-width: 1200px; */
    max-width: 70vw;
    height: auto;
}

/* The Close Button */
#lightboxModal .close {
    color: black;
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 45px;
    font-weight: bold;
    opacity: 0.6;
}

#lightboxModal .close:hover,
#lightboxModal .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

#lightboxModal .lightbox_slide {
    display: none;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#lightboxModal img {
    width: 70%;
    height: 100%;
    border-radius: 30px;
}

#lightboxModal .cursor {
    cursor: pointer;
}

/* Next & previous buttons */
#lightboxModal .prev,
#lightboxModal .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 5px 10px;
    /* margin-top: -50px; */
    background: var(--blue-btn-color);
    color: var(--blue-color);
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    text-decoration: none !important;
}

/* Position the "next button" to the right */
#lightboxModal .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/* #lightboxModal .prev:hover,
  #lightboxModal .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  } */

/* Number text (1/3 etc) */
#lightboxModal .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

#lightboxModal img {
    margin-bottom: -4px;
}

#lightboxModal .caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

#lightboxModal .demo {
    opacity: 0.6;
}

#lightboxModal .active,
#lightboxModal .demo:hover {
    opacity: 1;
}

#lightboxModal img.hover-shadow {
    transition: 0.3s;
}

#lightboxModal .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fileForm {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.appointment-table-section .fileForm {
    text-align: left;
}

.drag-area {
    border: 2px dashed var(--blue-color);
    height: 450px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.drag-area .before_data {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.drag-area.active {
    border: 2px dashed var(--blue-color);
}

.drag-area .icon {
    font-size: 80px;
    color: var(--blue-color);
}

.drag-area header {
    font-size: 30px;
    font-weight: 500;
    color: var(--blue-color);
}

.drag-area span {
    font-size: 25px;
    font-weight: 500;
    color: var(--blue-color);
    margin: 10px 0 15px 0;
}

.drag-area .button {
    padding: 10px 25px;
    font-size: 20px;
    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 8px 0px;
}

.drag-area .button:hover {
    color: var(--blue-color);
}

.drag-area .inline {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    /* height: 100%; */
    overflow-y: auto;
    /* align-items: flex-start; */
    max-height: 435px;
}

#labtest-body .buttons {
    justify-content: start;
}

.drag-area .uploaded_image {
    /* height: 100%;
    width: 100%; */
    width: 49%;
    border-radius: 5px;
}

.drag-area img {
    height: 100%;
    /* width: auto; */
    width: 100%;
    max-height: 200px;
}

#form-consultation #fav-med-data.tab-pane .tab-data {
    min-height: auto;
}

.dataTables_wrapper {
    background-color: var(--white-color);
    padding-top: 10px;
}

.dataTables_wrapper .dataTables_filter input, .view-history .dataTables_filter input {
    background-color: var(--background-color);
    border: none;
    border-radius: 38px;
    font-weight: 400;
    padding-left: 50px;
    min-width: 240px;
    width: 22vw;
    height: 37px;
    font-size: 0.813rem;
    background-image: url("../images/Search-Icon.png");
    background-repeat: no-repeat;
    background-position: 15px 7px !important;
    margin-bottom: 5px;
    transition: 0.5s ease-in-out;
}

.second-table .dataTables_wrapper .dataTables_filter input {
    min-width: 320px;
    width: 28vw;
}

.second-table .dataTables_wrapper .dataTables_filter input.small {
    min-width: auto;
    width: 15vw;
}

.second-table#appointments .dataTables_wrapper .dataTables_filter input {
    min-width: 173px;
    /* width: 20vw; */
    width: 33vw;
}

.second-table#appointments .dataTables_wrapper .dataTables_filter input.small {
    min-width: auto;
    /* width: 7vw; */
    width: 20vw;
}

.second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
.second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input {
    width: 35vw;
}

.second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small,
.second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small {
    width: 23vw;
}

.dashboard-table .dataTables_wrapper .dataTables_filter input.small {
    width: 18vw;
}

.add-new-btn.main2 {
    width: 210px;
}

table.dataTable.no-footer {
    width: 100% !important;
    border-bottom: none !important;
}

.add-new-btn.main2:focus {
    color: var(--white-color);
    text-decoration: none;
}

.dashboard-table .dataTables_wrapper .dataTables_filter input {
    margin-left: 10px;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
}

.examination-data #examinationTable .form-control {
    width: 72px !important;
    background-color: var(--light-dropdown-background);
    text-align: center;
}

.appointment-table-section .table-heading {
    display: flex;
    justify-content: flex-start;
    height: 50px;
    align-items: center;
    padding-left: 20px;
    gap: 10px;
}

.appointment-table-section .table-move {
    display: flex;
    justify-content: flex-start;
    /* gap: 20px; */
    align-items: center;
    width: 100%;
}

.appointment-table-section .new-table2 .table-move {
    width: auto;
}

.black_text {
    color: var(--body-text-color) !important;
}

.appointment-table-section .new-table {
    display: flex;
    gap: 30px;
    background-color: var(--light-blue-color);
    color: var(--body-text-color);
    align-items: center;
    justify-content: space-between;
    border-radius: 24px;
    padding: 10px 20px;
    height: 37px;
    /* width: 200px; */
    width: 15vw;
}

.table-options {
    display: flex;
    justify-content: space-between;
    width: 79%;
}

.main-div .medicine-info {
    padding: 5px 20px;
    border-bottom: 1px solid var(--border-bottom-color);
}

.filterRow .dropdown select,
.appointment-table-section .dropdown select {
    border-radius: 24px;
    color: var(--body-text-color);
    /* height: 37px; */
    height: 47px;
    width: 200px;
    background-color: var(--light-blue-color);
    text-decoration: none;
    border: none;
    appearance: none;
}

#dashboard .appointment-table-section .dropdown select {
    height: 37px;
}

#dashboard .appointment-table-section #addAppointment .dropdown select {
    height: 47px;
    width: 100%;
}

.timepicker {
    border: none;
}

.bootstrap-table .table {
    border-bottom: none;
    border-radius: 0 !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

.dataTables_paginate {
    text-align: center !important;
    width: 100%;
    background-color: var(--background-color);
    padding: 20px 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 5px;
    height: 27px;
    width: 27px;
    border: none;
    align-items: center;
    padding: 4px 8px;
    margin: 0 3px;
    color: var(--body-text-color) !important;
    font-size: 0.813rem;
    line-height: 18px;
    background-color: var(--white-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--blue-color) !important;
    border: 1px solid var(--blue-color) !important;
}

/* tr:nth-child(10n-2),
tr:nth-child(10n-1),
tr:nth-child(10n) {
  background-color: var(--grey-background-color);
} */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: none;
    background-color: var(--blue-color) !important;
    border-color: var(--blue-color) !important;
    color: var(--white-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--white-color) !important;
}

.appointment-table-section .dropdown select option {
    background-color: var(--white-color);
    border: none;
    color: var(--body-text-color);
}

.appointment-table-section .dropdown select option:checked {
    background-color: var(--blue-color);
    color: var(--white-color);
}

.appointment-table-section .table-last-col,
.appointment-table-section .table-last-col2 {
    display: flex;
    gap: 15px;
    padding: 5px 10px 5px 0px;
    justify-content: flex-end;
    align-items: center;
}

#prescriptionTable .table-last-col {
    justify-content: flex-end;
    gap: 30px;
}

.buttons,
.appointment-table-section .icons-div,
.appointment-table-section .filter-by-div,
.main-div .app-detail-inline,
.main-div #clinic-config .clinic-info {
    display: flex;
    gap: 10px;
    align-items: center;
}

.appointment-table-section .filter-by-div {
    gap: 20px;
}

.main-div #clinic-config .clinic-info {
    flex-wrap: wrap;
    padding-top: 20px;
    align-items: flex-start;
}

.main-div .app-detail-inline {
    padding-bottom: 50px;
    align-items: flex-start;
}

.appointment-table-section .icons-div {
    gap: 8px;
}

.appointment-table-section i {
    color: var(--grey-color);
}

.btn-text {
    font-size: 0.688rem;
    line-height: 16px;
    font-weight: 700;
}

.button,
.button2 {
    padding: 7px 10px;
    border-radius: 38px;
    text-decoration: none;
    width: 110px;
    height: 30px;
    text-align: center;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.button2 {
    padding: 10px 20px;
    width: 166px;
    height: 36px;
    letter-spacing: 1.3px;
    font-weight: 700;
}

.green-main-btn,
.blue-main-btn,
.yellow-main-btn {
    width: 231px;
    height: 55px;
    border-radius: 38px;
    padding: 17px;
    color: var(--white-color);
    font-size: 1rem;
    letter-spacing: 1.6px;
    line-height: 23px;
    text-align: center;
    font-weight: 600;
    transition: 0.4s ease-in-out;
    text-decoration: none;
    cursor: pointer;
}

.modal_edit_addPlat .button2.cancelinggg {
    width: 110px !important;
    height: 30px !important;
}

.green-main-btn {
    background-color: rgb(15, 117, 188);
    width: 240px;
}

.get-started.web-view .started .green-main-btn {
    background-color: var(--green-color);
}

.get-started.web-view .started .green-main-btn:hover{
    color: #fff
}

.yellow-main-btn {
    background-color: var(--yellow-color);
    max-width: 581px !important;
    width: 100%;
}

.yellow-main-btn:hover {
    color: var(--yellow-color);
    background-color: var(--light-yellow-color);
    text-decoration: none;
}

.blue-main-btn {
    background-color: var(--blue-color);
}

.blue-btn {
    background-color: var(--blue-btn-color);
    color: var(--blue-color);
}

.blue-btn:hover,
.blue-main-btn:hover {
    text-decoration: none;
    color: var(--blue-btn-color);
    background-color: var(--blue-color);
}

.grey-btn {
    background-color: var(--grey-bg-color);
    color: var(--grey-color) !important;
}

.grey-btn:hover {
    text-decoration: none;
    color: var(--grey-bg-color) !important;
    background-color: var(--grey-color);
}

.blue-main-btn:hover {
    text-decoration: none;
    background-color: var(--blue-btn-color);
    color: var(--blue-color);
}

.red-main-btn {
    background-color: var(--red-color);
    color: var(--white-color);
}

.red-main-btn:hover {
    color: var(--red-color);
    background-color: var(--red-light-color);
}

.green-btn {
    background-color: var(--green-btn-color);
    color: var(--green-color);
}

/* .green-main-btn:hover,
.form-button .green-main-btn:hover,
.green-main-btn:focus {
    text-decoration: none;
    background-color: var(--green-btn-color);
    color: var(--green-color) !important;
} */

.green-btn:hover {
    background-color: var(--green-color);
    color: var(--green-btn-color) !important;
}

.yellow-btn {
    background-color: var(--light-yellow-color);
    color: var(--yellow-color) !important;
}

.yellow-btn:hover {
    color: var(--light-yellow-color) !important;
    background-color: var(--yellow-color);
}

.pink-btn {
    background-color: var(--light-pink-color);
    color: var(--pink-color) !important;
    max-width: 140px;
}

.pink-btn:hover {
    color: var(--light-pink-color) !important;
    background-color: var(--pink-color);
}

.purple-btn {
    background-color: var(--light-purple-color);
    color: var(--purple-color) !important;
    max-width: 140px;
}

.purple-btn:hover {
    text-decoration: none;
    color: var(--light-purple-color) !important;
    background-color: var(--purple-color);
}

.purple-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

.purple-btn[disabled]:hover {
    background-color: var(--light-purple-color);
    color: var(--purple-color) !important;
}

.table-responsive {
    border: none;
    /* overflow: hidden; */
}

.parentAnchor {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 12px;
}

.table-options,
.table-option-data,
.sms-settings .form-check {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sms_listing {
    border-bottom: 1px solid #d9d9d954;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

.time01 {
    color: #bfb6b6;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.message01 {
    font-weight: 500;
    font-size: 15px;
    color: #545554;
}

.sendsmsmodal .modal-dialog.modal-dialog-centered {
    width: 635px;
    max-width: 100%;
}

.sendsmsmodal .modal-dialog.modal-dialog-centered h2.heading-text {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}
.modal-body.send_messagePtop h2.heading-text {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
form#sendPerscriptionSms input#prescription-number-sms {
    border-radius: 100px;
    border: 0.25px solid #EAF3FA;
    background: #E1F0FB;
}
.sendsmsmodal .buttons {
    display: block;
    text-align: center;
}

.sendsmsmodal .buttons label {
    text-align: left;
    display: block;
    font-size: 15px;
}

.sendsmsmodal .buttons input,
.sendsmsmodal .buttons textarea {
    border: 0.25px solid #8e8e8e3b;
}

.sendsmsmodal .buttons textarea {
    padding: 20px;
    background: #fff;
}


.sendsmsmodal .modal-body {
    display: flex;
    justify-content: center;
    width: 635px;
    height: 589px;
}

.send__hk .buttons input {
    width: 494px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 0.25px solid #8E8E8E;
    background: #FFF;
}


.send__hk .buttons button.green-main-btn {
    width: 218px;
    height: 71px;
    flex-shrink: 0;
    border-radius: 35.5px;
    background: #118BE2;
}


.send__hk .labeling {
    margin-bottom: 46px !important;
}

.send__hk .buttons textarea {
    width: 494px;
    height: 157px !important;
    min-height: 157px !important;
    border-radius: 8px !important;
    border: 0.25px solid #8E8E8E !important;
    background: #FFF !important;
}

.sendsmsmodal .buttons button.green-main-btn {
    background: #118be2;
    margin-top: 20px;
    text-transform: uppercase;
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

a.vsmall-text.green-text.custom-text.pl-0 {
    padding-left: 0px !important;
}

/* .modal_w01 .modal-dialog.modal-dialog-centered {
    max-width: 838px !important;
    width: 838px !important;
} */

.modal_w01 h2.heading-text button.close {
    color: #b1032e;
    opacity: 1;
    background: #d6818966;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    border-radius: 50%;
}

.modal_w01 h2.heading-text {
    color: #118be2;
    text-align: left;
    margin-top: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 0px;
}

td.w-20 {
    width: 20%;
    text-align: left;
}

td.w-80 {
    width: 80%;
    text-align: left;
}

.modal_w01 .dataTable th {
    background: #fff;
    text-align: center;
}

.modal_w01 table.display.nowrap.dataTable.no-footer thead tr {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.modal_w01 table.dataTable tbody {
    border-radius: 31px;
    background: #fff;
    margin-top: 5px;
}

.modal_w01 table.display.nowrap.dataTable.no-footer thead tr th {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modal_w01 table.display.nowrap.dataTable.no-footer tr td {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.modal_w01 table.display.nowrap.dataTable.no-footer tr td a:first-child{
    margin-right: 8px;
    text-decoration: underline;
}

.modal-content {
    background-color: var(--background-color);
    border-radius: 30px;
    border: none;
}

.modal-dialog {
    width: 691px;
    max-width: 100%;
}

.modal-content .modal-header {
    align-items: center;
    border: none;
    padding-bottom: 0;
    padding-top: 40px;
    width: 100%;
}

.modal-header .close {
    position: absolute;
    padding: 0;
    margin: 0;
    right: 30px;
    top: 15px;
    opacity: 1;
}

.modal-header .close span {
    color: #a3a3a3;
    font-size: 27px;
}

.modal-content .modal-body,
.appointment-data .custom-app .add-new-app .form-check-label {
    padding: 0;
}

.smsbucket .modal-content .modal-body{
    padding: 38px;
}

.smsbucket .modal-content .modal-body .sms-template button{
    border: 1px solid #C8C8C8 !important;
     width: 100% !important;
     color: #8E8E8E;
    padding: 9px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 300;
    background-color: white;
    line-height: 21px;
    text-align: left;
}

.smsbucket .modal-content .modal-body .sms-template .dropdown-menu {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    box-shadow: none;
    padding: 10px;
    border-radius: 1px;
}

.smsbucket .modal-content .modal-body .sms-template .multiselect-container .input-group {
    margin: 0;
}

.smsbucket .modal-content .modal-body .sms-template .multiselect-container>li>a>label {
    padding: 8px 13px 6px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #979797;
}

.smsbucket .modal-content .modal-body .sms-template .btn-group{
    width: 100%
}
.smsbucket .modal-content .modal-body .sms-template .dropdown-toggle::after {
    content: none;
}
.smsbucket .modal-content .modal-body .sms-template .dropdown-toggle:before {
    content: '';
    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: absolute;
    top: 16px;
    right: 10px;
    width: 10px;
    height: 8px;
}
.smsbucket .modal-content .modal-body .sms-template input {
    width: auto;
    accent-color: #5da02e;
}

.smsbucket .modal-content .modal-body h3{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 26px;
    text-align: center;
    color: #118BE2;
}

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 99999;
}

.smsbucket .modal-content .modal-body .btn{
    width: 112px;
    height: 41px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
}

.smsbucket .modal-content .modal-body .btn-outline{
    background-color: #C8C8C8;
    color: #000000;
}

.smsbucket .modal-content .modal-body .bg_green {
    color: white;
}

.smsbucket .modal-content .modal-body label{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #000000;
}

.smsbucket .modal-content .modal-body input, .smsbucket .modal-content .modal-body select {
    border: 1px solid #C8C8C8 !important;
    width: 100%;
    color: #8E8E8E;
    padding: 9px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    text-align: left;
}

.modal-content .doctor-selection {
    padding: 0 45px 20px;
}

.modal-content .modal-title {
    color: var(--blue-color);
    text-align: center;
}

.close {
    font-size: 2.625rem;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
    outline: none;
}

.get-started .close {
    margin-bottom: 0;
    position: absolute;
    top: -20px;
    right: 0px;
}

.modal-content .xsmall-text,
.form .xsmall-text,
.settings .xsmall-text {
    padding-left: 15px;
}

textarea.form-control {
    height: 200px;
    padding: 40px;
    background-color: var(--light-dropdown-background);
    border-radius: 15px;
}

.appointment-form textarea.form-control {
    padding: 20px;
    height: 200px;
}


table.tabling {
    display: flex;
    overflow-x: scroll;
}

table.tabling::-webkit-scrollbar {
    display: none;
}


.modal-content .dropdown select,
.modal-content .appointment-form input,
.modal-content .invoice-form input,
.examination-form input,
.form .dropdown select,
.medication-form input,
#medication-data .save-popup input,
.patient-profile-div .form-control,
.form .form-control,
.modal-content .new-doc-form input,
.get-started .tab-content .form-control,
.settings .dropdown select {
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
    appearance: none;
}

.fornminggggg .font_selectttt {
    width: 100% !important;
}

.form textarea.form-control {
    padding: 12px 20px;
    height: 80px;
    border-radius: 15px;
}

.form textarea.form-control::-webkit-scrollbar,
.form textarea.form-control::-webkit-scrollbar-track,
.form textarea.form-control::-webkit-scrollbar-thumb {
    display: none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--grey-text-color);
    background-color: var(--grey-background-color);
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--grey-background-color);
}

::-webkit-scrollbar-thumb {
    background-color: var(--grey-color);
}

.notification-data .form {
    width: 30%;
}

.notification-data .form .dropdown select {
    background: var(--white-color);
    padding-right: 0;
    border-right: none !important;
    font-weight: 600;
}

.modal-content .doctor-selection select {
    width: 611px;
}

.modal-content .appointment-form .form-control {
    width: 299px;
}

.doctorNameBookApp .select2-selection__rendered {
    font-weight: 600;
}

.modal-content .dropdown select option {
    border: none;
    color: var(--body-text-color);
}

.modal-content .dropdown select option:checked {
    background-color: var(--blue-color);
    color: var(--white-color);
}

.double {
    /* .main-div .patient-profile-div { */
    display: flex;
    gap: 10px;
}

/* .patient-profile-div .col-lg-8 {
    padding-right: 0;
} */

.patient-profile-div .col-lg-4 {
    padding-left: 10px;
}

.main-div .patient-data .col-lg-4 {
    /* padding-right: 0; */
    padding-left: 15px;
}

/* .main-div .patient-data .col-lg-8 {
    padding-left: 0;
    margin-left: -20px;
} */
.main-div .patient-profile-div,
.double .half-dropdown,
.main-div .app-detail-inline .information-div,
.main-div .patient-profile-div .profile-div,
.get-started .tab-content .form-control {
    width: 100%;
}

.main-div .app-detail-inline .information-div .tab-data {
    border-bottom-right-radius: 0;
}

.main-div .patient-profile-div .profile-div:nth-child(2) {
    width: auto;
}

.dataTables_wrapper {
    padding-top: 10px;
}

.tab-content .dataTables_wrapper {
    padding-top: 0px;
}

.tab-content .dataTables_wrapper#Procedure_wrapper {
    margin: 0 20px;
}

select {
    padding-left: 20px;
    width: 100%;
    font-size: 0.938rem;
    line-height: 23px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 10px;
    border: 0;
    border-right: 12px solid transparent !important;
    outline: none;
}

select option {
    background-color: var(--white-color);
    border: none;
    outline: none;
}

.main-div .notification-info {
    margin-bottom: 30px;
}

.notification-info .notification-data {
    background-color: var(--white-color);
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 14px;
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notification-info .notification-data .form-check-input[type="checkbox"] {
    position: absolute;
    top: 16px;
    right: 30px;
}

.notification-info .notification-data label {
    font-weight: 600;
    color: var(--body-text-color);
    padding-bottom: 0;
    margin-bottom: 0;
}

/* .notification-info .notification-data:first-child label.blue-text {
  color: var(--blue-color);
} */
.notification-info .notification-data .form-check {
    padding-top: 5px;
}

.notification-info i,
.settings .upload-data,
.main-div .new-doc-form .body-text {
    color: var(--body-text-color);
}

.settings .upload-data i {
    font-size: 1.3rem;
}

.notification-info .date {
    width: 30%;
}

.tab-data table,
.main-div .new-app-div table {
    /* min-height: 130px; */
    border-bottom: 1px solid var(--border-bottom-color) !important;
}

.med-info-data .no-records-found td {
    content: "No medication added.";
    color: var(--grey-text-color);
    font-weight: 600;
    font-size: 1.188rem;
    line-height: 27px;
}

.medication-form {
    padding: 30px 0;
}

.main-div #medication-data .col-lg-4 .tab-data {
    padding-bottom: 20px;
}

.investigation-form .one-line-data,
.notification-info .one-line-data,
.notification-info .together-div,
.settings .format-type {
    display: flex;
    align-items: center;
    gap: 20px;
}

.settings .col-lg-6 .tab-data .inline {
    padding-top: 15px;
}

.settings .col-lg-6:nth-child(2) .tab-data .inline {
    padding-top: 10px;
    padding-bottom: 10px;
}

.notification-info .one-line-data {
    justify-content: space-between;
    text-decoration: none;
    color: var(--body-text-color);
}

.investigation-form .one-line-data .dropdown {
    width: 100%;
}

.investigation-form .form-group,
.vitals-data .form-group,
.examination-data .form-group {
    width: 100%;
}

.modal-content .appointment-form,
.modal-content .invoice-div,
.modal-content .invoice-form-data,
.invoice-content-edit .invoice-edit-Data,
.invoice-content .invoice-Data,
.modal-content .total-amount-div,
#medication-data .save-popup {
    padding: 15px 45px 10px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.modal-content .partialPayment-form .total-amount-div {
    padding: 15px 0 10px;
    border-top: none;
    border-bottom: none;
}

.modal-content .partialPayment-form {
    padding: 15px 45px 10px;
    border-top: none;
    border-bottom: none;
}

.modal-content .new-doc-form {
    padding: 0px 0px 10px;
}

#medication-data .save-popup,
.top-tab .changing-tabs .nav-tabs {
    border-top: none;
    border-bottom: none;
}

.modal-content .invoice-div,
.modal-content .invoice-form-data {
    border-top: none;
    padding-bottom: 15px;
    padding-top: 15px;
}

.invoice-content .invoice-Data, .invoice-content-edit .invoice-edit-Data {
    border-top: none;
    padding-bottom: 15px;
    padding-top: 15px;
}

.modal-content .appointment-form label,
.modal-content .invoice-form label,
.form .xsmall-text,
.modal-content .new-doc-form label,
.settings .xsmall-text {
    font-weight: 500;
    color: var(--body-text-color);
    margin-top: -1px;
}

.modal-content .appointment-form .last-payment {
    color: #3f89db;
    padding-left: 0;
}

.form .xsmall-text .givee-topp {
    margin-top: 12px !important;
}

.filter-by-div .form-select,
.filter-by-div .form-check,
.modal-content .form-check,
.modal-content .invoice-btn,
.modal-content .more-invoice-btn,
.invoice-content-edit .more-invoice-edit-btn,
.main-div .add-new-app,
.tab-pane .more-invoice-btn,
.settings-form .form-check,
.main-data .update-profile-form .form-check,
.tab-pane .form-check {
    width: 144px;
    height: 47px;
    background-color: var(--light-dropdown-background);
    border-radius: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.filter-by-div .form-select {
    height: 37px;
    width: 30vw;
}

.theUpperError {
    position: relative;
}

.js-error {
    background-color: #ffa0a9;
    position: absolute;
    bottom: -10px;
    padding: 5px;
    border-radius: 5px;
}

.main-data .update-profile-form .form-check {
    width: 50%;
}

.settings-form .col-lg-7 {
    margin-left: 50px;
}

.settings-form .col-lg-7 .checkboxes-container .form-check {
    width: auto;
    height: auto;
    padding-left: 0;
}

.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"] {
    position: absolute;
    top: 0px;
    left: 46%;
}

.tab-pane .form-check {
    background-color: transparent;
    width: auto;
}

.tab-pane .roles-data .role-settings-form .form-group:nth-child(2) .form-check {
    background-color: var(--light-dropdown-background);
    min-width: 165px;
    width: 100%;
}

.small_modal .modal-dialog {
    justify-content: center;
}

.modal-content .invoice-btn,
.modal-content .more-invoice-btn,
.invoice-content-edit .more-invoice-edit-btn,
.main-div .add-new-app,
.tab-pane .more-invoice-btn {
    background-color: transparent;
    width: auto;
    height: auto;
    padding-left: 10px;
}

.modal-content .invoice-btn {
    width: max-content;
}

.modal-content .more-invoice-btn,
.invoice-content-edit .more-invoice-edit-btn {
    padding: 15px 53px;
    width: fit-content;
}

.tab-pane .more-invoice-btn {
    padding: 5px 30px;
    border: none;
    border-top: 1px solid var(--border-bottom-color);
    border-radius: 0;
}

.tab-pane .more-invoice-btn label {
    cursor: pointer;
}

.main-div .add-new-app {
    padding: 10px 30px;
    gap: 15px;
}

.form .form-control.mixed_input {
    /* position: absolute;
    top: 0; */
    width: 55%;
    padding: 0;
    padding-left: 15px;
    border-right: 1px solid var(--grey-text-color);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.blue-div2 .add-new-app {
    padding: 5px 30px 5px;
    cursor: pointer;
    width: max-content;
}

.blue-div2#signup-page .add-new-app {
    padding: 10px 30px;
}

.blue-div2 .add-new-app label {
    cursor: pointer;
}

.blue-div2 .vital .add-new-app {
    padding: 0px 30px;
}

.tab-pane .more-invoice-btn label {
    padding-left: 10px;
}

.main-div .new-app-div .add-new-app label {
    color: var(--green-color);
    cursor: pointer;
    padding-left: 0;
    font-weight: 500;
}

.modal-content .invoice-btn label {
    line-height: 20px;
    color: var(--body-text-color);
    font-weight: 600;
    cursor: pointer;
}

.modal-content .more-invoice-btn label {
    cursor: pointer;
}

.filter-by-div .form-check {
    width: 112px;
    height: 31px;
}

.filter-by-div .form-check-input[type="radio"],
.modal-content .form-check-input[type="radio"],
.modal-content .form-check-input[type="checkbox"],
.invoice-content-edit .form-check-input[type="checkbox"],
.notification-info .form-check-input[type="checkbox"],
.tab-pane .form-check-input[type="checkbox"],
.tab-pane .form-check-input[type="radio"],
.settings-form .form-check-input[type="radio"],
.main-data .update-profile-form .form-check-input[type="radio"],
.main-data .update-profile-form .form-check-input[type="checkbox"],
.roles-data .role-settings-form .form-group:nth-child(2) .form-check-input[type="radio"],
.sms-settings .form-check-input[type="radio"] {
    width: 37px;
    height: 37px;
    outline: none;
    border-radius: 50%;
    appearance: none;
    background: var(--white-color) no-repeat center center;
    margin-left: -12px;
    margin-bottom: 4px;
    cursor: pointer;
    padding: 0;
}

.roles-data .role-settings-form .form-group:nth-child(2) .form-check-input[type="radio"] {
    margin-left: 7px;
}

.filter-by-div .form-check-input[type="radio"],
.notification-info .form-check-input[type="checkbox"],
.roles-data .form-check-input[type="radio"],
.roles-data .form-check-input[type="checkbox"] {
    background: var(--blue-btn-color) no-repeat center center;
    width: 29px;
    height: 29px;
    margin-left: -14px;
}

.main-data .update-profile-form .form-check-input[type="checkbox"],
.tab-pane .appointment-form .form-check-input[type="radio"],
.roles-data .form-check-input[type="radio"],
.tab-pane .roles-data .form-check-input[type="checkbox"],
.sms-settings .form-check-input[type="radio"] {
    background: var(--light-dropdown-background);
    margin-left: 5px;
}

.roles-data #gender_checkbox .form-check-input[type="radio"] {
    background: var(--white-color) no-repeat center center;
    width: 37px;
    height: 37px;
    margin-bottom: 4px;
    position: initial;
    margin-right: 8px;
}

.form-check input {
    position: initial;
    margin-right: 8px;
}

.form-check label.form-check-label.vsmall-text {
    position: initial;
    margin-right: 8px;
}

.settings-form .form-check-input[type="radio"] {
    margin-left: -10px;
    margin-bottom: 4px;
}

.sms-settings .form-check-input[type="radio"] {
    margin-left: -20px;
    margin-bottom: 5px;
    margin-top: 0;
    background-color: #fff;
    width: 30px;
    height: 29px;
    border: 0.5px solid #000000;
}

.modal-content .form-check-input[type="checkbox"] {
    width: 35px;
    height: 35px;
}

.tab-pane .form-check-input[type="checkbox"] {
    position: relative;
}

#addMedCertificate .form-check-input,
#addMedCertificate .form-check {
    pointer-events: none;
}

/* .modal-content .more-invoice-btn .form-check-input[type="checkbox"], */
.tab-pane .more-invoice-btn .form-check-input[type="checkbox"],
.main-data .update-profile-form .form-check-input[type="checkbox"],
.tab-pane .appointment-form .form-check-input[type="radio"] {
    width: 33px;
    height: 33px;
}

.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"] {
    background-color: var(--separator-color);
}

.modal-content .more-invoice-btn .form-check-input[type="checkbox"],
.invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"],
.tab-pane .more-invoice-btn .form-check-input[type="checkbox"],
.filter-by-div .form-check-input[type="radio"]:checked,
.notification-info .form-check-input[type="checkbox"]:checked,
.settings-form.form-check-input[type="radio"]:checked,
.main-data .update-profile-form .form-check-input[type="radio"]:checked,
.main-data .update-profile-form .form-check-input[type="checkbox"]:checked,
.tab-pane .roles-data .form-check-input[type="checkbox"]:checked,
.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"]:checked {
    border: none;
    color: var(--white-color);
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.modal-content .invoice-btn .form-check-input[type="checkbox"] {
    border: 10px solid var(--green-color);
    background: #fff !important;
}

.modal-content .invoice-btn .form-check-input[type="checkbox"]:checked::before {
    display: none;
}

.modal-content .form-check-input[type="radio"]:checked,
.settings-form .form-check-input[type="radio"]:checked,
.main-data .update-profile-form .form-check-input[type="radio"]:checked,
.tab-pane .form-check-input[type="radio"]:checked,
.sms-settings .form-check-input[type="radio"]:checked {
    border: 10px solid var(--green-color) !important;
}

.roles-data .form-check-input[type="radio"]:checked {
    border: 7px solid var(--green-color);
    background: var(--white-color);
}

.filter-by-div label,
.settings-form .form-check-label,
.tab-pane .form-check-label,
.tab-pane .form-check-label {
    font-weight: 400;
    color: var(--body-text-color);
}

.wrape_containe .gap_set {
    margin-left: 15px !important;
}

.forming_role_wrapper .gap_set {
    margin-left: 15px !important;
}

.modal-content .more-invoice-btn label,
.invoice-content-edit .more-invoice-edit-btn label,
.main-div .inner-div .add-new-app label,
.tab-pane .more-invoice-btn label,
.appointment-data .custom-app .add-new-app .form-check-label,
.blue-div2 .add-new-app label,
.update-profile-form .form-check-label {
    font-weight: 600;
    color: var(--purple-color);
}

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

.modal-content .invoice-btn .form-check-input[type="checkbox"]:checked,
.main-data .update-profile-form .form-check-input[type="checkbox"]:checked,
.tab-pane .roles-data .form-check-input[type="checkbox"]:checked {
    background: var(--yellow-color);
}

.modal-content .more-invoice-btn .form-check-input[type="checkbox"],
.invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"],
.tab-pane .more-invoice-btn .form-check-input[type="checkbox"],
.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"]:checked {
    background: var(--purple-color);
}

.modal-content .invoice-btn .form-check-input[type="checkbox"]:checked::before,
.filter-by-div .form-check-input[type="radio"]:checked::before,
.notification-info .form-check-input[type="checkbox"]:checked::before,
.main-data .update-profile-form .form-check-input[type="checkbox"]:checked::before,
.tab-pane .roles-data .form-check-input[type="checkbox"]:checked::before,
.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"]:checked::before {
    content: "\f00c";
}

.modal-content .more-invoice-btn .form-check-input[type="checkbox"]::before,
.invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]::before,
.tab-pane .more-invoice-btn .form-check-input[type="checkbox"]::before {
    content: "\2b";
}

.modal-content .invoice-form .close,
.invoice-content-edit .edit-invoice-form .close,
.tab-pane .medication-form .close {
    margin-bottom: 0;
    margin-top: -90px;
}

.modal-content .invoice-form {
    /*display: none;*/
}

#invoiceAdd .modal-content .invoice-form {
    display: block;
}

.filter-by-div .form-check-label,
.sms-settings .form-check-label {
    padding-left: 25px;
    font-size: 0.813rem;
}

.roles-data .form-check {
    padding-left: 0;
}

.roles-data #gender_checkbox .form-check {
    background-color: var(--light-dropdown-background);
    width: 50%;
}

.settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"]:checked {
    background: var(--blue-color);
}

.tab-pane .roles-data .form-group:last-child {
    margin-bottom: 0;
}

.tab-pane .roles-data .role-settings-checkboxes .form-check {
    border-radius: 0;
    border-bottom: 1px solid var(--border-bottom-color);
    padding: 0 32px;
}

.tab-pane .roles-data .role-settings-checkboxes .form-check:last-child {
    border-bottom: none;
}

.settings-form .form-check-label,
.main-data .update-profile-form .form-check-label {
    padding-left: 40px;
}

.tab-pane .form-check-label {
    /* padding-left: 3rem; */
}

.selectClinicLogin p {
    font-weight: 700;
    color: #414254;
}

.delApproved .modal-content {
    width: 581px;
    height: 295px;
}

.delApproved .modal-body {
    padding: 0 !important;
}

.delApproved .modal-body h2.heading-text {
    margin-top: 2rem;
}

.threeDotsSvg {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4244_1092)'%3E%3Ccircle cx='15' cy='11' r='11' fill='%23F2F2F2'/%3E%3Ccircle cx='15' cy='11' r='10.5' stroke='white'/%3E%3C/g%3E%3Ccircle cx='15.5' cy='6.5' r='1.5' fill='black'/%3E%3Ccircle cx='15.5' cy='10.5' r='1.5' fill='black'/%3E%3Ccircle cx='15.5' cy='14.5' r='1.5' fill='black'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_4244_1092' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4244_1092'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4244_1092' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.threeDots .details_print {
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #000;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    width: 118px;
    height: 79px;
    display: block;
    /* left: -91px; */
    right: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 1rem;
    visibility: hidden;
}

.main-data .update-profile-form .add-new-app .form-check-label,
.main-div .signup-form .add-new-app .form-check-label {
    padding-left: 0;
    cursor: pointer;
}

.signup-form label {
    color: var(--body-text-color);
    font-weight: 500;
}

.tab-pane .roles-data .role-settings-checkboxes .form-check-label {
    padding-left: 10px;
}

div#deleteBilling h2.heading-text.invoice-color {
    color: var(--body-text-color) !important;
}

.tab-pane .roles-data .form-check-input[type="checkbox"] {
    margin-left: -7px;
}

.main-data .update-profile-form .form-row:last-child .form-check-label {
    padding-left: 15px;
}

.checkboxes-container {
    display: flex;
    gap: 10px;
}

.settings-form .checkboxes-container {
    flex-wrap: wrap;
    justify-content: center;
}

.appointment-data .checkboxes-container {
    flex-wrap: wrap;
}

.sms-settings .checkboxes-container {
    gap: 100px;
}

.modal-content .invoice-form .invoice-form-data:first-child .close,
.invoice-content .invoice-form .invoices .invoice-Data:first-child .close,
.invoice-content-edit .edit-invoice-form .invoices .invoice-edit-Data:first-child .close,
.tab-pane .inner-div .medication-form:first-child .close,
.tab-pane .update-profile-form .add-edu-data:first-child .close,
.get-started .tab-pane .education .add-edu-data:first-child .close {
    display: none;
}

.modal-content .total-amount-div {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 90px 10px 50px;
}

.modal-content .amount-type {
    text-align: left;
}

.modal-content .amount-info {
    text-align: right;
}

.modal-content .amount-type .body-text,
.modal-content .amount-info .body-text {
    line-height: 23px;
    color: var(--body-text-color);
    font-weight: 600;
    margin-top: 10px;
}

.modal-content .modal-footer {
    justify-content: center;
    border-top: none;
}

#mob-num {
    padding-left: 50px;
    padding-bottom: 1px;
    font-size: 0.9rem;
}

.otp-form #mob-num {
    padding-left: 85px !important;
    font-size: 1rem;
}

.otp-form #mob-num:focus+.phone_92,
.search-div input:focus {
    color: #495057;
}

.phone_number {
    position: relative;
}

.phone_number .phone_92 {
    position: absolute;
    top: 30%;
    left: 54px;
    color: var(--grey-text-color);
    font-size: 1rem;
}

#appointment-booked .phone_number .phone_92 {
    top: 14px;
}

#procedure-form .phone_number .phone_92 {
    top: 27%;
    left: 20px;
}

#procedure-price {
    padding-left: 50px;
}

.update-profile-form .phone_number .phone_92 {
    top: 29%;
}

.appointment-form .phone_number .phone_92,
.update-profile-form .phone_number .phone_92 {
    color: var(--body-text-color);
    font-size: 0.9rem;
}

.appointment-form .phone_number #mob-num,
.update-profile-form .phone_number #mob-num {
    padding-bottom: 0px;
    padding-left: 80px;
    height: 46px;
}

.inline .num_placeholder {
    position: absolute;
    font-size: 0.9rem;
    top: 28px;
    left: 54px;
    color: var(--grey-text-color);
}

.country {
    position: absolute;
    top: 59%;
    left: 15px;
    transform: translateY(-50%);
}

.mobile-icon {
    display: none;
}

.break {
    border-left: 1px solid var(--separator-color);
    height: 60px;
    margin-left: 20px;
    margin-right: 10px;
}

.main-div .tabs-data {
    display: flex;
    gap: 20px;
    padding-left: 20px;
    /* position: fixed; */
}

.main-div .header-tabs-div,
.main-div .user-details,
.investigation-data .investigation-table-data,
.accordion-head,
.accordion-data,
.accordion-side {
    display: flex;
    gap: 20px;
    align-items: center;
}

#investigation-data .table-last-col,
.settings .blue-text {
    float: right !important;
}

#medication-data .modal-content,
.tab-pane #deleteMedicineModal .modal-dialog,
#logoutModal .modal-dialog,
.tab-pane #addLabModal .modal-dialog {
    max-width: 454px;
    min-height: 376px;
}

.globalModal .modal-dialog,
.tab-pane #addLabModal .modal-dialog {
    max-width: 454px;
    min-height: 376px;
}

.modal .medication-form {
    padding: 20px 35px 10px;
}

.modal #add-prescription .form-button {
    height: 100%;
    align-items: center;
}

.main-div .header-tabs-div,
.main-div .top-tab {
    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 .user-details {
    padding-right: 60px;
}

.main-div .large-body-text,
.appointment-form .inline .body-text {
    margin-top: 0;
    margin-bottom: 0;
}

.main-div .visits-div {
    width: 74px;
    height: 34px;
    background-color: var(--blue-btn-color);
    padding: 8px 10px;
    text-align: center;
    border-radius: 6px;
}

.main-div .visits-div .vsmall-text,
.appointment-form .inline .body-text,
.custom-app-head .body-text {
    color: var(--body-text-color);
    font-weight: 600;
}

.main-div .tabs-data .body-text,
.main-div .tab-content-data .body-text,
.nav-link,
.main-data .inner-div .body-text {
    font-weight: 600;
    opacity: 52%;
    /* padding-bottom: 11px; */
    margin-bottom: 0;
    color: var(--white-color);
}

.modal-content .amount-info .body-text,
.choose-med-div .body-text {
    color: var(--blue-color);
}

.modal-content .amount-info .body-error {
    color: var(--error-color);
}

#editPresModal .modal-dialog {
    width: 1129px;
}

#editPresModal .form-row select {
    width: 100%;
}

#editPresModal .form-row .form-button {
    padding-top: 20px;
}

#editPresModal .medication-form,
.get-started .text {
    padding-top: 45px;
}

.datepicker.dropdown-menu {
    min-width: 93px !important;
    padding-top: 0;
}

.datepicker-months .datepicker-switch,
.datepicker-years .datepicker-switch {
    padding-right: 20px;
}

.datepicker-months,
.datepicker-years {
    height: 200px;
    overflow: auto;
}

.datepicker-months .table-condensed>tbody>tr>td,
.datepicker-years .table-condensed>tbody>tr>td {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#editPresModal .patient-personal-data .body-text {
    color: var(--body-text-color);
    font-weight: 400;
}

#editPresModal .patient-personal-data .inner-div {
    padding: 0 50px;
}

.main-div .tabs-data .body-text {
    padding-bottom: 17px;
}

.main-div .tabs-data .body-text,
.med-info-data .buttons {
    cursor: pointer;
}

.main-div .main-data {
    margin-top: 25px;
}

.main-div .tab-content-data .body-text,
/* .choose-med-div .nav-tabs .nav-link, */
#medication-data .modal .nav-link,
.main-data .update-profile-form .body-text {
    padding-bottom: 0;
}

.nav-tabs .nav-link:focus {
    background-color: transparent;
}

.nav-tabs .nav-link:hover {
    border: none;
    background-color: transparent;
}

.form-control {
    box-shadow: none;
    animation: none;
    transition: none;
    border: none;
}

.choose-med-div .inner-div .body-text {
    margin-bottom: 0;
}

#medication-data .modal .nav-link {
    background-color: transparent;
}

.top-tab .changing-tabs {
    margin-left: 20px;
}

.top-tab .changing-tabs .nav-tabs {
    gap: 20px;
}

.result {
    color: var(--red-color);
    padding-left: 20px;
    font-weight: 500;
    font-size: 0.9rem;
}

.top-tab .changing-tabs .nav-link {
    color: var(--white-color);
    padding: 10px;
    padding-bottom: 15px;
}

.globalModal .modal-body,
.tab-pane #deleteMedicineModal .modal-body,
#logoutModal .modal-body,
.small_modal.del_modal .modal-body {
    padding: 50px 30px;
}

.small_modal .modal-body {
    padding: 20px 30px;
}

.tab-pane #addLabModal .modal-body {
    padding: 10px 30px 70px;
}

.globalModal .heading-text,
.main-div .tab-data .section-heading .body-text,
.tab-pane #deleteMedicineModal .heading-text,
#logoutModal .heading-text,
.tab-pane #addLabModal .heading-text {
    color: var(--body-text-color);
}

.globalModal .heading-text,
.tab-pane #deleteMedicineModal .heading-text,
#logoutModal .heading-text,
.tab-pane #addLabModal .heading-text {
    padding: 10px 0;
}

.main-data .tab-data .inner-div .inline .inline {
    width: 60%;
    gap: 10px;
}

.main-data .tab-data .inner-div .inline .inline .addBtn {
    padding-top: 10px;
}

.main-data .select-pat-form {
    width: 100%;
}

.main-div .tab-content-data .body-text,
.main-div .tab-content-data .large-body-text,
.main-div .tab-data .section-heading h2.body-text,
.main-data .inner-div .body-text,
.main-div .inner-div .small-heading,
.main-div .clinic-info .inline .body-text {
    color: var(--blue-color);
    opacity: 1;
    margin-top: 0;
}

.main-div #medication-data .modal .body-text,
.role-settings-form .inner-div .body-text {
    color: var(--body-text-color);
}

.main-div .tab-data,
.main-div .new-app-div {
    background-color: var(--white-color);
    border-radius: 14px;
    margin-top: 20px;
    overflow: hidden;
}

.main-div .tab-data {
    overflow-y: auto;
    position: relative;
}

.main-div #medication-data {
    padding-bottom: 100px;
}

.main-div #medication-data .tab-data {
    height: 100%;
}

.main-div .settings .tab-data {
    margin-top: 0;
}

.main-div .settings#pres_settings .tab-data {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-div .inner-div {
    padding: 15px 20px 5px;
}

.main-div #app-form .appointment-form .inner-div {
    padding-top: 0;
    padding-bottom: 0;
}

.main-div #app-form .appointment-form .billing .inner-div {
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-div #app-form .appointment-form .billing .tab-data{
    overflow: visible;
}

.main-div #app-form .appointment-form .billing .inner-div .book_tooltip{
    display: flex;
    align-items: end;
}

.main-div #app-form .appointment-form .billing .inner-div .book_tooltip svg + span{
    display: none;
}

.main-div #app-form .appointment-form .billing .inner-div .book_tooltip svg:hover + span{
    display: block;
}

.main-div #app-form .appointment-form .billing .inner-div .book_tooltip span{
    position: absolute;
    top: 11px;
    left: 6px;
    border-radius: 12px;
    color: #313131;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    width: 297px;
    font-weight: 500;
    padding: 4px 8px;
    line-height: normal;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.choose-med-div .inner-div {
    padding: 15px 20px 10px;
}

.table th {
    background-color: var(--light-blue-contrast-color);
}

table.dataTable.display.consult_table tbody td.dataTables_empty {
    padding: 30px !important;
    font-weight: 500;
    color: var(--grey-text-color) !important;
    font-size: 1.188rem;
}

table.dataTable.no-footer.consult_table {
    border-bottom: 1px solid var(--border-bottom-color) !important;
}

/* table.dataTable.display.consult_table#labTable1 tbody td:last-child {
    width: 50px;
} */

.main-div .tab-data .th-inner,
#medication-data .table>tbody>tr>td {
    padding-left: 20px !important;
}

#medication-data .table>tbody>tr>td {
    line-height: 45px;
}

.main-div .inline-consult-data {
    padding: 0px 15px 7px 0px;
}

.main-div .inline-consult-data .body-text {
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-button {
    display: flex;
    justify-content: flex-end;
}

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

.tab-pane .tab-data .form-button {
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 10px;
}

#fav-med-data .tab-data .form-button,
.vitals-data .form-button,
.examination-data .form-button
/*.procedure-data .form-button */
{
    bottom: 0;
    width: 100%;
    position: absolute;
}
.vitals-data .form-button{
    position: relative;
}


.vitals-data .form-button{
    position: relative;
}

/* #fav-med-data .tab-data .form-button, */
.examination-data .form-button {
    position: relative;
}

.card-header .fa-angle-down:before {
    content: "\f106";
}

.card-header.collapsed .fa-angle-down:before {
    content: "\f107";
}

.grp-lists .card .card-body {
    padding: 0;
    padding-top: 10px;
}

/* #fav-med-data.tab-pane .tab-data, */
#grp-med-data.tab-pane .tab-data,
#add-med.tab-pane .tab-data {
    min-height: calc(100vh - 172px);
}

#editPresModal #fav-med-data.tab-pane .tab-data {
    min-height: auto;
    border-top-right-radius: 0;
}

.choose-med-div .choose-med-list {
    overflow: auto;
}

.main-div #editPresModal .tab-data {
    height: 600px;
    overflow: hidden;
}

.main-div #editPresModal .tab-data .edit_pres {
    padding-bottom: 60px;
}

#editPresModal #fav-med-data.tab-pane .tab-data .choose-med-list {
    min-height: 83%;
    border-right: none !important;
}

.medication-data .search-div input {
    width: 400px;
}

.tab-pane .medication-data .tab-data {
    overflow-y: hidden;
}

.scrollable-div {
    height: 100%;
    overflow-y: auto;
}

.modal .scrollable-div {
    max-height: 30vh;
}

.medicine-list .medicine-info img {
    width: 25px;
    height: 25px;
}

.medication-data .medicine-list {
    padding-top: 10px;
    padding-bottom: 30px;
}

.medication-data .medicine-list .med-name {
    padding-bottom: 0;
    padding-top: 8px;
}

.examination-choice {
    width: 100%;
    padding: 0 10px;
}

.examination-choice .choice {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-bottom-color);
}

.examination-choice .choice p {
    color: var(--body-text-color) !important;
    font-weight: 500 !important;
}

.tab-pane .tab-data .form-button .green-main-btn, .tab-pane .tab-data .form-button .yellow-main-btn {
    width: 344px;
    height: 55px;
    line-height: 55px;
    text-transform: uppercase;
    padding: 0 17px;
}

.submit-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
}

.submit-buttons a {
    max-width: 295px !important;
    height: 55px;
    width: 100%;
}

.main-data .update-profile-form {
    padding-top: 20px;
}

#pres_settings .submit-buttons button {
    width: 100%;
}

#pres_settings .submit-buttons button,
.settings .submit-buttons button,
.update-profile-form .submit-buttons a,
.appointment-data .submit-buttons button,
.roles-data .submit-buttons button {
    max-width: 581px !important;
    width: 100%;
}

.roles-data .submit-buttons a {
    margin-top: 30px;
}

.update-profile-form .submit-buttons {
    padding-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

/* .choose-med-div {
    min-height: 500px;
} */
.patient-profile .profile-img {
    width: 80px;
    height: 80px;
}

.patient-profile-div .profile-div .nav-tabs,
.patient-profile-div .table thead th,
#medication-data .accordion table,
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.nav-tabs .nav-link {
    color: var(--body-text-color);
    padding-left: 20px;
    padding-right: 30px;
    border: none;
    border-bottom: none;
}

.patient-profile-div .table td .buttons i {
    color: var(--grey-color);
}

.choose-med-div .nav-tabs .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

.main-div .new-app-div .nav-tabs .nav-link {
    padding: 15px;
    /* padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px; */
}

.medium-heading .green-text,
.heading-text .green-text,
.heading2 .green-text,
.heading1 .green-text {
    padding: 0px !important;
    text-decoration: none !important;
}

.main-div .new-app-div {
    min-height: 98px;
    /* min-width: 380px; */
    margin-top: 15px;
}

.choose-med-div .nav-tabs .nav-link.active,
#medication-data .modal .nav-link.active,
.main-div .new-app-div .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 5px solid var(--green-color);
}

.main-div .new-app-div .nav-tabs .nav-link.active {
    color: var(--blue-color);
}

/* .main-div select {
  border: none;
} */
.choose-med-div .tab-data {
    margin-top: 0;
}

.choose-med-div .choose-med-list {
    /* min-height: 400px; */
    padding: 10px 20px 10px 0;
    border: none;
    background-color: var(--white-color);
}

.choose-med-div div#myTabContent select span {
    position: absolute;
    left: 0;
    cursor: pointer;
}

.choose-med-div div#myTabContent select span img{
    width: 22px;
    height: 22px;
}

.choose-med-div .choose-med-list option {
    color: var(--body-text-color) !important;
    font-size: 14px;
    line-height: 21px !important;
    padding-bottom: 15px;
    padding-left: 40px;
}

.choose-med-div .choose-med-list option:hover {
    background-color: var(--white-color);
}

.choose-med-div .choose-med-list option:checked,
.choose-med-div .choose-med-list option:focus,
.choose-med-div .choose-med-list option:active {
    color: var(--blue-color) !important;
    /* text-decoration: underline; */
    background-color: var(--white-color) !important;
}

.choose-med-div .choose-med-list {
    height: 350px;
}

.choose-med-div .choose-med-list li {
    color: var(--body-text-color) !important;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px !important;
}

.choose-med-div .choose-med-list li img{
    padding-right: 6px;
}

.patient-data .row .buttons {
    justify-content: flex-end;
}

.decrease-width2 {
    left: 170px !important;
}

.increase-width2 {
    left: 80px !important;
}

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

.medication-form .custom-time,
.main-div .patient-profile,
.main-div .patient-info,
.patient-dob {
    display: flex;
    gap: 10px;
}

.main-div .patient-profile,
.main-div .patient-med {
    color: black;
    padding: 20px;
    gap: 30px;
}

.main-div .patient-profile {
    align-items: center;
    padding: 10px 10px 20px;
    gap: 20px;
}

.main-div .patient-info {
    gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
}

.main-div .patient-data {
    width: 100%;
}

.notification-info .form-control {
    background-color: transparent;
    border-radius: 0;
    color: var(--body-text-color);
    font-weight: 600;
    width: 150px;
    -webkit-box-shadow: none;
    text-align: right;
}

.mt-01 {
    margin-top: -1px;
}

.input-group-addon {
    border: none;
    background-color: var(--white-color);
    color: var(--body-text-color);
    font-weight: 900;
    padding: 0;
}

.glyphicon {
    font-family: FontAwesome;
    font-size: 1.2rem;
    font-style: normal;
}

.glyphicon-calendar:before {
    content: "\f107";
}

.add-exp-btn,
.add-edu-btn {
    cursor: pointer;
    width: max-content;
}

.add-exp-data .input-group-addon,
.add-edu-data .input-group-addon {
    background-color: var(--light-dropdown-background);
    border-radius: 50%;
}

.add-exp-data .date,
.add-edu-data .date {
    background-color: var(--light-dropdown-background);
    padding: 0px 20px;
    border-radius: 38px;
}

.add-exp-data .date .form-control,
.add-edu-data .date .form-control {
    color: var(--body-text-color);
    padding-left: 0px !important;
    font-size: 0.938rem;
    font-weight: 400;
    background-color: var(--light-dropdown-background);
    /* padding: 0px 20px; */
    padding: 0;
    font-weight: 500;
}

.token_input {
    display: none;
    border-radius: 14px;
}

.token_input.show {
    display: block;
}

.form-check .form-check-label {
    cursor: pointer;
}

#medication-data #saveTemplateModal .modal-dialog,
.patient-profile-div .new-app-div .small_modal .modal-dialog,
.small_modal .modal-dialog {
    width: 454px;
    max-width: 100%;
}

.patient-profile-div .new-app-div .modal-dialog textarea {
    width: 494px;
    height: 154px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    padding: 15px;
    border-radius: 24px;
}

textarea {
    resize: none;
}

.patient-profile-div .new-app-div .modal-dialog textarea:focus,
.timepicker:focus {
    outline: none;
}

.sms-time .tab-data .inline .inline2,
.sms-settings .tab-data .inline .inline2 {
    position: relative;
}

.sms-time .tab-data .inline .inline2::before,
.sms-settings .tab-data .inline .inline2:nth-child(2):before {
    content: "\2039";
    position: absolute;
    color: var(--body-text-color);
    font-size: 1.9rem;
    right: 0px;
    transform: rotate(-90deg);
}

.sms-time .tab-data .inline .inline2.rem-bef::before,
.sms-settings .tab-data .inline .inline2:nth-child(2).rem-bef:before {
    display: none;
}

#deleteTime {
    cursor: pointer;
}

.settings .timepicker {
    width: 140px;
    text-align: right !important;
    padding-right: 33px;
    margin-bottom: -3px;
    padding-left: 20px;
    margin-left: 20%;
    cursor: pointer;
    width: 245px;
    /* height: 100%; */
    height: 40px;
    /* position: absolute; */
    margin-left: -86px;
}

.settings i,
.delete-date {
    display: none;
}

.settings .upload-data i {
    display: block;
}

.date input:focus {
    background: transparent;
}

.date,
.date input {
    cursor: pointer;
}

.ui-timepicker-standard {
    z-index: 10000;
}

.general2 .form-control {
    text-align: center;
    width: 80px;
    height: 71px;
}

.examination-data .general2 .form-control {
    width: 75px;
    height: 35px;
}

/* .general:first-child tr td:first-child {
  width: 10px;
} */
#vitalTable2 tr td:first-child {
    width: 112px;
}

#vitalTable2 tr td:nth-child(2) {
    width: 93px;
    padding-left: 10px !important;
}

.general:first-child thead th:nth-child(1),
.general1 thead th:nth-child(1) {
    padding-right: 0px !important;
}

.general:first-child thead th:nth-child(2) {
    /* padding-left: 0px !important; */
    width: 50px !important;
}

.app_form_table thead th:nth-child(1) {
    width: 350px !important;
}

.app_form_table thead th:nth-child(2),
.app_form_table thead th:nth-child(3) {
    width: 100px !important;
}

.general1 thead th:nth-child(2) {
    width: 70px !important;
    /* width: 43px !important; */
    /* padding-left: 0px !important; */
    padding-left: 10px !important;
}

.general:first-child thead th:nth-child(3) {
    width: 75px !important;
    /* padding-left: 45px !important; */
}

.general tr td:nth-child(1) {
    width: 65px;
}

.general tr td:nth-child(2) {
    width: 50px;
}

.general tr td:nth-child(3) {
    width: 100px;
}

.general1 thead th:nth-child(3) {
    width: 70px !important;
    /* width: 0px !important; */
    /* padding-left: 0px !important; */
}

.general1 thead th:nth-child(4) {
    padding-left: 13px !important;
    width: 10px !important;
}

.general2 tr td:first-child {
    width: 100px;
}

.vital tr td:nth-child(2),
.vital tr td:nth-child(3) {
    width: 85px;
}

.general2 tr td:nth-child(2) {
    width: 140px;
}

.general3 tr td:first-child {
    width: 135px;
}

/* .general3.settingProcedure thead th:first-child {
    width: 70px !important;
} */

.vital tr td:first-child {
    width: 275px;
}

#labtest-body .red-text {
    text-align: right;
}

.general5 thead th:nth-child(1) {
    padding-right: 20px !important;
}

.general5 thead th:nth-child(2) {
    width: 60px !important;
    padding-left: 20px !important;
}

.general5 thead th:nth-child(3) {
    padding-right: 0px !important;
}

.general5 thead th:nth-child(4) {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.general5 thead th:nth-child(6) {
    width: 100px !important;
}

.general5 tr td:nth-child(3) {
    width: 105px;
}

.general5 tbody tr td:nth-child(5) {
    padding-left: 40px !important;
}

.general5 tr td:nth-child(6) {
    padding: 0;
    text-align: right;
}

.sms-settings .timepicker {
    float: right;
    width: 97px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    margin-bottom: 0;
    font-family: 'Poppins';
    font-weight: 300;
    color: #313131;
}

.form-control:focus {
    border: none;
    box-shadow: none;
    background-color: var(--light-dropdown-background);
}

/* .patient-profile-div .new-app-div .modal-content .modal-body {
    padding: 0px 20px;
} */
/* .patient-profile-div #addMedHistory .modal-content .modal-footer {
    padding: 40px 0;
} */
.patient-profile-div #addMedCertificate .modal-content .modal-footer {
    padding: 20px 0 40px;
}

#medication-data .modal .nav-link {
    padding-bottom: 10px;
}

.save-popup .modal-content .close {
    margin-bottom: 20px;
}

#medication-data #viewRX .modal-content .modal-header {
    justify-content: flex-end;
}

#medication-data #viewRX .modal-content .close {
    margin-bottom: 0;
}

#medication-data .accordion {
    padding-top: 20px;
    padding-bottom: 60px;
}

.tab-pane .accordion .card {
    border: none;
    border-bottom: 1px solid var(--border-bottom-color);
}

.tab-pane .accordion .card-header {
    padding: 0;
    background-color: var(--white-color);
    border: none;
}

.accordion .btn-link {
    width: 100%;
}

.accordion .btn-link:focus {
    outline: none;
    border: none;
    text-decoration: none;
}

.accordion .btn-link:hover,
.accordion .btn-link:active {
    color: var(--body-text-color);
    text-decoration: none;
    outline: none;
}

.tab-pane .accordion .inner-div {
    padding: 0px 10px;
}

.accordion-head,
.tab-pane .inner-div .accordion-data {
    justify-content: space-between;
}

.accordion-data {
    justify-content: flex-start;
}

.accordion-side {
    justify-content: flex-end;
}

.tab-pane .inner-div .accordion-data,
.tab-pane .inner-div .accordion-side {
    width: 100%;
}

.tab-pane .inner-div .accordion-data .body-text {
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--body-text-color);
    font-weight: 400;
}

.tab-pane .inner-div .accordion-data .grey-text {
    color: var(--grey-text-color);
}

.accordion-head i {
    color: var(--grey-color);
    font-size: 1.2rem;
}

.accordion-head .xsmall-text,
.tab-pane .inner-div .accordion-side i,
.settings i {
    color: var(--body-text-color);
    padding-left: 0;
}

.green-text,
.purple-text,
.blue-text,
.red-text {
    padding-left: 15px !important;
    text-decoration: underline !important;
    font-weight: 500;
    cursor: pointer !important;
}

.new-custom-data .form-control {
    width: 235px;
}

.red-text {
    color: var(--red-color);
    text-decoration: none !important;
}

.blue-text {
    color: var(--blue-color) !important;
    text-decoration: none !important;
}

.upload_consult_lab {
    padding-right: 78px;
    text-decoration: underline !important;
}

.examination-form .form-group,
.role-settings-form .form-group {
    padding: 0 10px;
}

.examination-form .form-group:nth-child(1),
.examination-form .form-group:nth-child(4n) {
    padding-left: 0;
}

.top_border {
    border-top: none !important;
}

table.dataTable.display>tbody>tr>td.top_border,
table.dataTable.display>tbody>tr>td.padding_small {
    padding: 3px 20px !important;
}

table.dataTable.display>tbody>tr>td.padding_small:first-child {
    padding-top: 10px !important;
}

.dataTable .inline2 {
    justify-content: flex-end;
}

.green-text,
.green-text:hover {
    color: var(--white-color) !important;
}

.purple-text,
.purple-text:hover {
    color: var(--purple-color) !important;
}

#medication-data .modal .tab-data {
    padding: 10px 30px;
    background-color: transparent;
}

#medication-data .modal .tab-data .body-text {
    font-weight: normal;
}

#medication-data .modal .accordion .card {
    border-radius: 14px;
    border: none;
    border-bottom: 1px solid var(--light-dropdown-background);
}

#medication-data .modal .accordion .card-header {
    background-color: var(--white-color);
    padding: 0;
    border-bottom: none;
}

#medication-data #viewRX .modal-content {
    max-width: 709px;
}

#medication-data .accordion .card-body {
    padding: 0px 0px 30px 60px;
}

.add-new-btn {
    display: flex;
    gap: 20px;
    align-items: center;
    min-width: 207px;
    /* height: 43px; */
    height: 47px;
}

.add-new-btn i {
    font-size: 1.1rem;
}

.add-new-btn .vsmall-text {
    font-weight: 600;
    letter-spacing: 1.3px;
}

.main-div .patient-profile .profile-img img {
    width: 100%;
}

.main-div .profile-head .large-body-text {
    color: var(--yellow-color);
}

.main-div .profile-head .large-body-text.large-body-blue {
    color: var(--blue-color);
}

.main-div .patient-info .button2 {
    font-size: 0.688rem;
    letter-spacing: 1.1px;
    line-height: 16px;
    margin-top: 10px;
    height: 30px;
    padding: 7px 10px;
}

.main-div .patient-info .blue-btn {
    width: 110px;
    line-height: 30px;
}

.form_select {
    width: 360px;
    height: 37px !important;
    margin: 0 !important;
    background: #eaf3fa !important;
}

.tab-pane #deleteMedicineModal .modal-body .buttons,
.globalModal .modal-body .buttons,
#logoutModal .modal-body .buttons,
.tab-pane #addLabModal .modal-body .buttons {
    padding-top: 50px;
}

.globalModal .buttons,
#logoutModal .buttons,
.small_modal .buttons {
    justify-content: center;
}

.small_modal.del_modal .buttons {
    padding-top: 20px;
}

.otp-form {
    padding-top: 16px;
}

.otp-form.number {
    padding-top: 50px;
}

.small_modal.del_modal .buttons .button2 {
    height: 39px;
    line-height: 39px;
}

.tab-pane #addLabModal .modal-footer {
    padding: 20px 20px 30px;
}

.tab-pane #deleteMedicineModal .modal-body .button2,
.globalModal .modal-body .button2,
#logoutModal .modal-body .button2,
.tab-pane #addLabModal .modal-body .button2 {
    width: 186px;
    height: 55px;
    line-height: 55px;
    padding: 17px;
}

.tab-pane .medication-form {
    padding-top: 0;
}

.tab-pane .medication-form .inner-div {
    padding-top: 10px;
    padding-bottom: 0;
}

.tab-pane .medication-form hr,
.tab-pane hr,
.settings hr,
.main-data hr {
    margin: 0;
}

.main-div .type-heading .body-text {
    color: var(--blue-color);
    font-weight: 600;
}

.patient-profile-div .table-last-col .buttons {
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
}

.main-div #totalPrice {
    color: var(--blue-color);
}

.patient-profile-div .added-med {
    margin-top: 10px;
}

/* .not-upload, */
.add-exp-data {
    display: none;
}

.message-time {
    opacity: 52%;
}

/* .patient-profile-div .modal-header {
    padding: 10px 20px;
} */
.patient-profile-div #addMedCertificate .modal-header .modal-heading {
    width: 100%;
    text-align: center;
}

.patient-profile-div #addMedCertificate .modal-body {
    padding: 10px 40px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 31px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 27px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

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

input:focus+.slider {
    box-shadow: 0 0 1px var(--green-color);
}

input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.actionsContainer.confirmModal input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.main-data .settings .small-heading,
.settings .body-text.semi-bold {
    margin-bottom: 0;
    margin-top: 0;
}

.main-data .settings .inner-div {
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 0;
}

.main-data .settings .tab-data .inner-div {
    padding-top: 15px;
}

.main-data .settings:first-child .inner-div {
    padding-top: 15px;
}

.settings .spacing,
.sms-settings .inline {
    padding: 10px 24px 10px;
}

.settings .font-data {
    padding-top: 10px;
}

.main-div .medicine-info .body-text,
.main-div .settings .body-text,
.main-div .clinic-info .doctor-timing-info .body-text {
    color: var(--body-text-color);
    font-weight: 400;
}

.main-div .settings .upload-data .inline {
    justify-content: space-between;
}

.main-div .toggle-settings .inline,
.main-div .new-custom-data .inline,
.app-all-data .inline {
    width: 100%;
    padding: 8px 30px 0px;
    border-bottom: 1px solid var(--border-bottom-color);
    justify-content: flex-start;
}

.app-all-data .inline {
    border-top: 1px solid var(--border-bottom-color);
    border-bottom: none;
}

.main-div .settings .toggle-settings .body-text {
    width: 40%;
}

.app-all-data .xsmall-text {
    width: 35.5%;
}

#vitals .app-all-data .xsmall-text {
    width: 33.5%;
}

.main-div .new-custom-data .form-row {
    width: 23.5%;
}

/* .main-div .new-custom-data .form-row .form-group {
  width: 95%;
} */
.app-all-data .inline2 {
    gap: 76px;
}

.main-div .settings .settings-form .body-text {
    font-weight: 500;
    padding-top: 10px;
}

.main-div .settings .settings-form .checkboxes-container .body-text {
    padding-top: 0;
}

.main-div .user-name,
#editPresModal .patient-personal-data .body-text.semi-bold,
.settings .body-text.semi-bold,
.main-div .clinic-info .doctor-timing-info .body-text.semi-bold {
    font-weight: 600;
}

.main-div .clinic-info .doctor-timing-info .body-text,
.settings .tab-data .body-text {
    padding-bottom: 0;
}

.main-data .profile-name {
    position: relative;
    border-radius: 50%;
    background-color: var(--pink-color);
    width: 75px;
    height: 75px;
}

.main-data .profile-name .heading-text {
    position: absolute;
    color: var(--white-color);
    font-weight: 600;
    top: 12px;
    left: 11px;
}

.main-data .profile-name .edit-pfp {
    position: absolute;
    top: 56px;
    left: 51px;
    cursor: pointer;
    z-index: 999;
}

.main-data .profile-name .update-profile {
    width: 100%;
    height: 100%;
    border-radius: 37px;
    margin: -56px 0px 0px -51px;
    z-index: 0 !important;
}

.main-data .profile-name .avatar-preview #imagePreview,
.main-data .profile-name .avatar-preview {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.main-data .profile-name input {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 9999;
}

.main-data .update-profile-form .body-text,
.app-all-data .xsmall-text {
    color: var(--body-text-color);
    font-weight: 400;
}

.main-data .update-profile-form .form-row {
    align-items: center;
}

.main-data .update-profile-form .form-row:last-child {
    padding-top: 10px;
}

.main-data .update-profile-form .small-heading {
    padding-bottom: 10px;
}

.main-div .clinic-info .inner-div {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 165px;
}

.main-div .clinic-info .tab-data {
    min-height: 183px;
    width: 347px;
    margin-top: 0;
    height: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
}

.doctor-timing-info {
    align-items: flex-start;
}

.doctor-timing-info img {
    padding-top: 5px;
}

.main-div .clinic-info .doctor-time {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-div .clinic-info .doc-button {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.main-div .clinic-info .button {
    width: 110px;
    height: 30px;
    float: right;
    letter-spacing: 1.1px;
}

.main-div #clinic-config .new-doctor {
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

.main-div #clinic-config .new-doctor .add-new-btn {
    width: 296px;
    height: 55px;
    justify-content: center;
}

.modal-content .new-doc-form .form-row {
    border-bottom: 1px solid var(--grey-background-color);
    margin: 0;
    width: 100%;
}

.modal-content .new-doc-form .form-group {
    padding: 8px 30px;
    margin-bottom: 0;
}

.modal-content .new-doc-form .inner-div .form-group {
    padding: 0 15px;
    width: 100%;
}

.modal-content .new-doc-form .inner-div .form-group:first-child {
    padding: 0 0 0 20px;
}

.modal-content .new-doc-form .inner-div .add {
    width: auto;
    padding-bottom: 30px;
    padding-right: 20px;
}

.modal-content .new-doc-form .column_div {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 10px;
}

.modal-content .new-doc-form .times {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.modal-content .new-doc-form .times .close {
    position: absolute;
    top: -20px;
    right: 20px;
    margin-bottom: 0;
}

/* .modal-content .new-doc-form .times:first-child .close {
    display: none;
} */
.modal-content .new-doc-form .column_div .times:nth-child(1) .close {
    display: none;
}

.modal-content .new-doc-form .times .inner-div {
    padding: 0;
}

.modal-content .new-doc-form .form-row .form-control {
    width: 100%;
    margin-bottom: 15px;
}

#newDoctorAdd .modal-footer .green-main-btn {
    width: 379px;
    height: 55px;
}

.day-checked {
    display: none;
    width: 100%;
}

.modal-content .new-doc-form .inner-div {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.error {
    color: var(--red-color);
    display: none;
    font-size: 0.8rem;
    padding-left: 15px;
}

.error.choice {
    padding-left: 10px;
}

.error.show {
    display: block;
}

.tab-pane .vitals-data .col-lg-6:last-child .tab-data,
.tab-pane .examination-data .col-lg-6:last-child .tab-data,
.tab-pane .procedure-data .col-lg-6:last-child .tab-data {
    position: relative;
    height: 500px;
}

.tab-pane .appointment-data .tab-data,
.tab-pane .vitals-data .tab-data,
.tab-pane .examination-data .tab-data,
.tab-pane .procedure-data .tab-data,
.tab-pane .roles-data .tab-data {
    height: auto;
}

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

.custom-app-head {
    background-color: var(--light-blue-contrast-color);
    display: flex;
    gap: 80px;
    justify-content: center;
    padding: 10px;
}

#vitals .custom-app-head {
    justify-content: flex-start;
    gap: 80px;
    padding-left: 25px;
}

#vitals .custom-app-head .body-text:nth-child(2) {
    width: 80px;
}

.new-custom-data {
    display: none;
}

.new-custom-btn {
    cursor: pointer;
}

.main-div .new-custom-data .inline2 {
    gap: 78px;
    padding-left: 20px;
    padding-top: 10px;
    width: 1040px;
    justify-content: flex-start;
}

th.datepicker-switch {
    text-align: center;
}

.new-custom-data .yellow-main-btn {
    width: 117px;
    height: 43px;
    padding: 10px;
}

.get-started {
    overflow: hidden;
    width: 100%;
}

.signup-form {
    overflow: auto;
}

.signup-form #exp-data,
.signup-form #education-data {
    padding-bottom: 50px;
}
.get-started .col-lg-9 {
    padding: 0;
}

.otp-form .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.get-started .signup-img {
    background-color: var(--white-color);
}

.get-started .signup-img,
.get-started {
    height: 100vh;
}

.get-started#login_screen .signup-img {
    width: 50%;
}

.get-started .signup-img img {
    height: 100vh;
    width: 100%;
}

.get-started#login_screen .signup-img img {
    height: 100%;
}

.get-started .started {
    width: 100%;
    height: 100vh;
    padding: 100px 80px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.selectClinicLogin p {
    margin-top: 1.5rem;
}

.BillingPlaceholder {
    font-size: 14px;
}

.get-started#login_screen .started {
    width: 50%;
    justify-content: center;
}

.blue-div4 .started {
    padding: 100px 60px;
    text-align: left;
    align-items: flex-start;
    width: 450px;
}

.blue-div4 .green-main-btn {
    margin-top: 100px;
    width: 100%;
}

.get-started .heading1 {
    color: var(--blue-color);
}

.get-started .heading1.otp_heading {
    margin-bottom: 16px;
}

.blue-div4 .heading1 {
    color: var(--white-color);
}

.blue-div4 .body-text {
    color: var(--white-color);
    padding: 20px 0;
}

.get-started .form-group {
    position: relative;
}

.get-started .form-group .col-md-6 {
    padding: 0 5px 0 0;
}

.get-started .givee-topp {
    margin-top: 0px !important;
}

.add-exp-data .form-group,
.add-edu-data .col-lg-4:last-child {
    margin-bottom: 0;
}

.get-started .otp-form .form-control {
    width: 404px;
    background-color: var(--blue-btn-color);
    font-size: 1.063rem;
    font-weight: 600;
    height: 55px;
    padding-left: 21px !important;
}

.date_slider {
    border: none;
    width: 100%;
    background: transparent;
    text-align: center;
    outline: none;
}

.get-started #otp {
    width: 92px;
    height: 87px;
    border-radius: 20px;
    padding-left: 15px !important;
    text-align: center;
    color: var(--grey-color);
    font-size: 2rem;
}

.get-started .country {
    /* top: 13px; */
    left: 15px;
}

.get-started .tab-content {
    height: 80vh;
    margin-top: 1px;
    overflow: auto;
}

.get-started .tab-content .tab-pane .inner-div {
    padding: 15px 40px 15px 20px;
}

.get-started .tab-content .country {
    top: 60%;
    bottom: 0;
    margin: auto;
}

.get-started .form-button {
    padding-top: 7px;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.get-started#login_screen .verifyOtp .form-button {
    padding: 50px 0 0;
}

form#otp-form .form-row {
    justify-content: center;
}

.get-started .form-button .green-main-btn {
    width: 404px;
    height: 55px;
    line-height: 55px;
    padding: 0 17px;
}

.get-started .resend:first-child {
    text-decoration: underline;
}

.get-started .resend {
    color: var(--body-text-color);
    min-width: 50px;
}

.get-started .resend.disabled span:first-child {
    color: #999;
    pointer-events: none;
}

.blue-div2 .get-started .started {
    padding: 0px;
}

.blue-div2 .get-started .started .heading2 {
    padding-left: 30px;
}

.blue-div2 .get-started .blue-overflow-div {
    padding-top: 10px;
    text-align: left;
    padding-bottom: 70px;
}

.blue-div2 .get-started .top-tab {
    margin-left: 0;
}

.blue-div2 .get-started .top-tab .changing-tabs {
    margin-left: 0;
}

.blue-div2 #body-row {
    position: relative;
}

.bottom-green-next {
    position: absolute;
    bottom: 0;
    /* width: 74%; */
    width: 99% !important;
    height: 56px !important;
    background-color: var(--green-color);
    border-radius: 0 !important;
    border-top-right-radius: 74px !important;
    /* left: 26%; */
    line-height: 56px !important;
    padding: 15px 30px !important;
    cursor: pointer;
    box-shadow: -10px -10px 16px var(--grey-background-color);
    z-index: 10;
}

button#exp_tab .button2 {
    width: 100%;
}

.bottom-green-next:first-child {
    background-color: var(--grey-text-color);
}

.bottom-green-next .inline2 {
    padding: 0 20px 0 0;
    justify-content: space-between;
    align-items: center;
}

.bottom-green-next .inline2 p,
.bottom-green-next .inline2 i {
    color: var(--white-color);
    letter-spacing: 1.6px;
}

.bottom-green-next .inline2 p {
    letter-spacing: 0;
    font-weight: 500;
}

.bottom-green-next .inline2 i {
    font-size: 2rem;
}

.notification-info .inside-row,
.main-div .sms-settings .tab-data {
    margin-top: 10px;
}

.main-div .sms-settings .tab-data {
    min-height: auto;
    height: auto;
}

.settings .sms-formats {
    padding-top: 10px;
}

.settings .format-type {
    flex-wrap: wrap;
    padding-top: 15px;
}

.settings .format {
    background-color: var(--white-color);
    padding: 10px;
    border-radius: 28px;
    color: var(--body-text-color);
    box-shadow: 0px 0px 16px var(--grey-background-color);
    width: 185px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings .write-format {
    padding-top: 30px;
}

.settings .sms-time .tab-data {
    /* padding: 15px 20px; */
    padding: 0px 20px;
    width: 100%;
    height: 40px;
}

.settings .sms-time .body-text {
    z-index: 1;
}

.dataTables_scrollHeadInner,
.dataTable {
    width: 100% !important;
}

.main-div .tab-content-data .body-text {
    padding-bottom: 10px;
}

table.dataTable th,
table.dataTable td {
    color: var(--body-text-color) !important;
}

table.dataTable td.blue-text {
    color: var(--blue-color) !important;
}

.col {
    overflow-x: hidden;
}

table.dataTable {
    table-layout: unset;
}

.datepicker .day {
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
}

.datepicker .day.disabled {
    color: var(--grey-text-color);
}

.datepicker thead .dow {
    text-align: center;
}

.datepicker .day:hover,
.datepicker .day.active {
    color: var(--blue-color) !important;
    font-weight: 600;
}

.small_modal.del_modal .buttons .button2 {
    width: 186px;
    height: 55px;
    line-height: 55px;
    padding-top: 15px;
}

.reports {
    margin-top: 20px;
    padding: 15px 20px 5px;
}

.reports .nav-pills {
    width: 100%;
    max-width: 300px;
    border: 1px solid var(--grey-text-color);
    border-radius: 50px;
    background-color: #c9c9c9;
    overflow: hidden;
}

.reports .nav-item {
    width: 50%;
    margin: 0;
}

.reports .nav-link {
    color: var(--grey-color);
    width: 100%;
    line-height: initial;
    background-color: transparent;
    border-radius: 50px;
}

.reports .nav-link.active {
    border-bottom: 0;
    color: #fff !important;
    background-color: var(--blue-color);
}

.reports .summary-card {
    height: 100%;
    width: 100%;
    min-height: 100px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.reports .summary-card .card-heading {
    min-width: none;
    width: 100%;
}

.reports .summary-card .heading1 {
    font-size: 4rem;
}

#reports-card .reportsContainer .summary-card .heading1 {
    color: #000000;
}

.reports .summary-card.no_green .heading1 {
    color: var(--green-color);
}

.reports .rightBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.summary-card.bg_green {
    border-bottom: 15px solid var(--green-color);
}

.summary-card.bg_yellow {
    border-bottom: 15px solid var(--yellow-color);
}

.summary-card.bg_pink {
    border-bottom: 15px solid var(--pink-color);
}

.summary-card.bg_purple {
    border-bottom: 15px solid var(--purple-color);
}

.dateFilterBox .form-control.js-daterangepicker {
    width: 113px;
}

.forAdjustments .printDownloadIcons {
    margin-bottom: 1rem;
}

.upperBlue {
    margin-top: 1.5rem;
}

.summary-card.bg_text-green .heading1 {
    color: var(--green-color) !important;
}

.summary-card.bg_purple {
    border-bottom: 15px solid var(--purple-color);
}

.progressBarContainer {
    margin: 20px 0;
}

.progressBarContainer .body-text {
    font-size: 1.5rem;
    line-height: normal;
    margin-bottom: 0 !important;
}

.progressBar {
    min-height: 60px;
    /* padding: 10px 10px 10px 20px; */
    padding: 0.6rem 0.6rem 0.6rem 1.25rem;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-left: 15px solid var(--body-text-color);
    /* margin: 10px 0; */
    margin: 0.55rem 0;
}

.progressBar.bg_purple {
    border-color: var(--purple-color);
    background-color: var(--light-purple-color);
}

.progressBar.bg_pink {
    border-color: var(--pink-color);
    background-color: var(--light-pink-color);
}

.progressBar.bg_yellow {
    border-color: var(--yellow-color);
    background-color: var(--light-yellow-color);
}

.progressBar.bg_green {
    border-color: var(--green-color);
    background-color: var(--green-btn-color);
}

.progressBar.bg_red {
    border-color: var(--red-color);
    background-color: var(--red-light-color);
}

.reportsContainer {
    padding-right: 50px;
}

.reportsContainer .col-md-6 {
    margin-bottom: 30px;
}

.switchContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.switchContainer .body-text {
    margin-right: 20px;
}

.datePicker {
    color: var(--body-text-color);
}

div#pills-patient-summary .filterRow {
    align-items: end;
}

div#pills-patient-summary .table-responsive {
    padding-left: 15px;
    padding-right: 15px;
}

div#pills-patient-summary .iconsContainer.newConticons {
    right: 15px !important;
    bottom: 31px !important;
}

.filterRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
}

.filterRow .filtersOptions {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-right: 10px;
    padding-top: 23px;
}

.filtersOptions {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-top: 12px;
}

.filterRow.white {
    background-color: #ffffff;
    margin-bottom: -10px;
}

.filterRow .dropdown select {
    width: 100%;
    max-width: 280px;
    appearance: none;
}

.filterRow .body-text {
    margin-right: 20px;
}

.tableLinkBtn {
    color: var(--blue-color);
    text-decoration: underline;
}

.reportsTable th,
.reportsTable td {
    text-align: center !important;
}

.iconsContainer {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.iconBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-color: var(--light-blue-color);
    text-decoration: none;
    border: none;
}

.iconBtn.print {
    color: var(--pink-color);
    background-color: var(--light-pink-color);
}

.iconBtn.download {
    color: var(--green-color);
    background-color: var(--green-btn-color);
}

.tab-pane.reports {
    position: relative;
}

.reports .dataTables_wrapper {
    position: unset;
}

.reports .dataTables_filter {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    /* position: absolute; */
    top: 10px;
    right: 0;
}

.reports .dataTables_wrapper .dataTables_filter input {
    background-color: var(--white-color);
}

#proceduresModal .modal-body {
    padding: 20px 0;
}

#procedureModalAdmin .modal-body {
    padding: 20px;
}

#proceduresModal table.dataTable.nowrap th,
#proceduresModal table.dataTable.nowrap td {
    text-align: left !important;
}

.customDatePicker {
    outline: none;
    border-radius: 24px;
    color: var(--body-text-color);
    height: 37px;
    width: 100%;
    padding: 10px;
    max-width: 200px;
    background-color: #ffffff;
    border: 1px solid var(--grey-text-color);
}

.filterRow .dropdown select {
    background-color: #ffffff;
    appearance: none;
}

.filterRow.white .dropdown select,
.filterRow.white .customDatePicker {
    background-color: var(--light-blue-color);
}

.bg_green {
    background-color: var(--green-color);
}

.bg_purple {
    background-color: var(--purple-color);
}

.bg_pink {
    background-color: var(--pink-color);
}

.bg_yellow {
    background-color: var(--yellow-color);
}

.bg_blue {
    background-color: var(--blue-color);
}

.bg_orange {
    background-color: var(--red-color);
}

.circleWithLabelContainer {
    display: flex;
    align-items: center;
    gap: 15px;
}

.circleWithLabel {
    display: flex;
    align-items: baseline;
}

.circleWithLabel::before {
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    margin-right: 10px;
    border-radius: 100px;
}

.circleWithLabel.dot_blue::before {
    background-color: var(--blue-color);
}

.circleWithLabel.dot_pink::before {
    background-color: var(--pink-color);
}

.circleWithLabel.dot_red::before {
    background-color: var(--red-color);
}

.circleWithLabel.dot_yellow::before {
    background-color: var(--yellow-color);
}

.circleWithLabel.dot_green::before {
    background-color: var(--green-color);
}

.circleWithLabel.dot_purple::before {
    background-color: var(--purple-color);
}

.filterResult {
    display: flex;
    align-items: center;
    gap: 30px;
}

.filterResult .summary-card {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.progress .progress-bar::after {
    display: block;
    content: attr(value);
    background-color: var(--grey-text-color);
    border-radius: 5px;
    position: absolute;
    top: -25px;
    transform: translateX(50%);
    padding: 10px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.progress .progress-bar:hover:after {
    opacity: 1;
}

.financialChartRow,
.appointmentChartRow {
    justify-content: center;
    align-items: center;
}

.financialChartRow .progressBarContainer {
    margin: 0;
    height: 100px;
}

#proceduresModal .modal-dialog {
    max-width: 80%;
}

#proceduresModal .modal-header {
    min-height: auto;
    padding-top: 0;
}

.appointment_top_doctor_inline {
    gap: 10px;
}

#clinicDateRange {
    background-color: var(--light-blue-color);
}

.dateRangePicker {
    color: #000000;
    border-radius: 24px;
    height: 47px;
    width: 100%;
    padding: 0 10px;
    max-width: 220px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    /* border: 1px solid var(--grey-text-color); */
    position: relative;
}

.dateRangePicker input {
    outline: none;
    color: #414254 !important;
    border-radius: 24px;
    height: 100%;
    width: 100%;
    max-width: 200px;
    display: flex;
    background-color: transparent;
    border: none;
    position: relative;
    z-index: 2;
}

.dateRangePicker input::placeholder {
    color: #414254 !important;
    font-weight: 500;
    font-family: sans-serif;
}

.dateRangePicker i {
    position: absolute;
    right: 15px;
    z-index: 1;
}

.form-control {
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
    margin-bottom: 12px;
}

.form-control[type="file"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

table thead tr {
    background-color: var(--light-blue-contrast-color);
}

table.dataTable .form-check-input[type="checkbox"] {
    border: none;
    color: var(--white-color);
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    appearance: none;
    margin: 0;
    cursor: pointer;
    background: var(--blue-btn-color) no-repeat center center;
}

table.dataTable .form-check-input[type="checkbox"]:checked {
    background: var(--green-color);
}

table.dataTable .form-check-input[type="checkbox"]:checked::before {
    content: "\f00c";
}

.actionsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.actionsContainer .addIcon i,
.actionsContainer .editIcon i {
    color: var(--pink-color);
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: var(--light-pink-color);
}

.actionsContainer .tras{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: var(--light-pink-color);
}

.actionsContainer .editIcon i, .actionsContainer .tras {
    background-color: var(--light-pink-color);
}

.actionsContainer .addIcon i {
    background-color: var(--green-color);
}

.checkboxContainer {
    width: 29px;
    height: 29px;
    padding: 0;
}

.actionsContainer .slider:before {
    height: 27px;
    width: 27px;
    background-color: white;
}

.actionsContainer .switch {
    height: 20px;
    margin-bottom: 0;
}

.simpleBtn {
    color: var(--white-color);
    border: 1px solid var(--green-color);
    background-color: var(--green-color);
    border-radius: 24px;
    min-width: 150px;
    height: 47px;
    padding: 0 20px;
}

.simpleBtn:hover {
    color: var(--green-color);
    background-color: var(--green-btn-color);
}

.simpleBtn.bg_green {
    border: 1px solid var(--green-color);
    background-color: var(--green-color);
}

.simpleBtn.bg_green:hover {
    color: var(--green-color);
    background-color: var(--green-btn-color);
}

.simpleBtn.bg_blue {
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.simpleBtn.bg_blue:hover {
    color: var(--blue-color);
    background-color: var(--light-blue-contrast-color);
}

.adminDshboard .summary-card-container {
    margin-top: -100px;
    padding: 15px;
}

.adminDshboard .nav-sticky {
    min-height: 180px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    position: absolute;
    font-size: 0.8em;
    color: white;
}

[data-tooltip]:hover:before {
    border-radius: 0.2em;
    content: attr(title);
    background-color: #000;
    margin-top: -2.5em;
    padding: 0.3em;
}

[data-tooltip]:hover:after {
    content: "";
    margin-top: -2.1em;
    margin-left: 1em;
    border-style: solid;
    border-color: transparent;
    border-top-color: #000;
    border-width: 0.5em 0.5em 0 0.5em;
}

.underline {
    text-decoration: underline !important;
}

.edit_pres .table_parent,
.labs_table {
    max-height: 230px;
}

.edit_pres .table_parent table.dataTable.display>tbody>tr>td {
    padding: 5px 20px !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:disabled,
select:disabled,
div:disabled {
    cursor: not-allowed !important;
}

textarea[disabled] {
    background-color: var(--light-dropdown-background) !important;
}

.inner_tabs_content p {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
}

.inner_tabs_content p b {
    font-weight: 600;
}

.btn-1 {
    border-radius: 4px;
    border: 0.25px solid #118be2;
    background: #eaf3fa;
    height: 36px;
    padding: 0 30px;
    display: inline-block;
    line-height: 36px;
    color: #118be2;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
}

.btn-2 {
    border-radius: 4px;
    border: 0.25px solid #8e8e8e;
    background: #eaf3fa;
    height: 36px;
    padding: 0 30px;
    display: inline-block;
    line-height: 36px;
    color: #959494;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    background: #fff;
}

.pendingmodal01 .modal-header {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid;
}

.pendingmodal01 .modal-content {
    min-height: 680px;
    padding: 35px;
    background: #fff;
    border-radius: 16px;
}

.pendingmodal01 .modal-content h5 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pendingmodal01 .modal-dialog {
    width: 1239px;
}

.actionsContainer.confirmModal {}

.actionsContainer.confirmModal label.switch {
    height: 20px;
    width: 36px;
}

.actionsContainer.confirmModal span.slider.round {
    background: initial;
    border: 0.5px solid #959494;
}

.actionsContainer.confirmModal .slider:before {
    width: 14.5px;
    height: 14.5px;
    background: #84d95b;
}

.top_tabs {}

.top_tabs li a.active {
    border-radius: 3px;
    border: 1px solid #118be2;
    background: #007bff;
    color: #fff;
    /*  */
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 120px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.top_tabs li a {
    color: #000;
    /*  */
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 120px;
    height: 40px;
    border: 1px solid #959494;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}

ul.nav.nav-tabs.top_tabs {
    border-bottom: 0px;
    padding-top: 15px;
}

.inner_tabs {
    border: 0px !important;
    margin-top: 30px;
}

.inner_tabs li a {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: block;
    margin-bottom: 15px;
}

.inner_tabs li {
    width: 100%;
    position: relative;
    padding-left: 22px;
}

.inner_tabs li a:before {
    content: "";
    border-radius: 8px;
    border: 0.5px solid #959494;
    background: #fff;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 2px;
}

.inner_tabs li a.active:after {
    content: "";
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 0.5px solid #6da842;
    background: #6da842;
    display: block;
    position: absolute;
    left: 3px;
    z-index: 99;
    top: 5px;
}

.h-500 {
    height: 310px;
    position: relative;
}

.bottom_buttons {
    position: absolute;
    right: 0;
    bottom: 0;
}

.btn-3 {
    color: #000;
    line-height: 40px;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 0 40px;
}

.btn-4 {
    color: #000;
    line-height: 40px;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #d9d9d9;
    padding: 0 40px;
}

.form-control.form1 {
    border: 0.25px solid #8e8e8e !important;

    background: #fff;
    width: 434px;
}

span.label1 {
    color: #313131;
    padding-right: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

input.inputbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

label.inputbox {
    display: flex;
    gap: 8px;
    align-items: center;
}

.toggle {
    background: #f4f4f4;
    width: 38px;
    height: 20px;
    outline: 1px solid gray;
    position: relative;
    border-radius: 999px;
    transition: all 0.3s ease;
}

.bullet {
    width: 16px;
    height: 16px;
    background: #84d95b;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 999px;
    outline: 1px solid #84d95b;
    transition: all 0.3s ease;
}

input.inputbox:checked+.toggle>.bullet {
    position: absolute;
    left: 100%;
    transform: translateX(calc(-100% - 2px));
}

input.inputbox:checked+.toggle {
    background: #f4f4f4;
}

input.inputbox:hover+.toggle>.bullet {}

input.inputbox:hover+.toggle {}

.page_openclinics ul.nav.nav-tabs {
    margin-top: 10px;
}

.page_openclinics ul.nav.nav-tabs li a {
    color: #000;
    background: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 120px;
    height: 40px;
    border: 1px solid #959494;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    margin: 0px 6px 0 0;
}

.page_openclinics ul.nav.nav-tabs li a.active {
    border: 1px solid #118be2;
    background: #007bff;
    color: #fff;
}

.page_openclinics .toggle-label {
    position: relative;
    display: block;
    width: 200px;
    height: 40px;
  }
  .page_openclinics .toggle-label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page_openclinics .toggle-label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    border-radius: 4px;
  }
  .page_openclinics .toggle-label input[type=checkbox]:checked+.back {
    background: #D9D9D9;
  }

  .page_openclinics .toggle-label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: #fff;
    width: 100px;
    height: 100%;
    border-radius: 4px;
  }
  .page_openclinics .toggle-label input[type=checkbox]:checked+.back .toggle {
    margin-left: 100px;
  }
  .page_openclinics .toggle-label .label {
    display: block;
    position: absolute;
    border-radius: 4px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    color: #000;
    font-size: 15px;
  }
  .page_openclinics .toggle-label .label.on { left: 0px; }
  .page_openclinics .toggle-label .label.off { right: 0px; }

  .page_openclinics .switched input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.page_openclinics .switched {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_openclinics .switched h5 {
    margin: 0;
}

.page_openclinics .switched label {
    cursor: pointer;
    width: 36px;
    height: 20px;
    background: #F2F2F2;
    border: 0.5px solid #959494;
    margin-bottom: 0;
    display: block;
    border-radius: 100px;
    position: relative;
}

.page_openclinics .switched label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #84D95B;
	border-radius: 90px;
	transition: 0.3s;
}

.page_openclinics .switched input:checked +  label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

.page_openclinics .admin_clinicButton .btn-outline{
    border: 1px solid #D9D9D9;
    color: #000;
}

.page_openclinics .admin_clinicButton .btn-gray {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #D9D9D9;
}

.page_openclinics .admin_clinicButton .btn{
    width: 133px;
    height: 40px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.page_openclinics .details .general::before{
    content: '';
    position: absolute;
    top: 12px;
    right: 0;
    width: 94%;
    height: 1px;
    background: #C8C8C8;
}

.page_openclinics .details .practice-details::before{
    content: '';
    position: absolute;
    top: 14px;
    right: 0;
    width: 90%;
    height: 1px;
    background: #C8C8C8;
}

.page_openclinics .details .general, .page_openclinics .details .practice-details{
    color: #000;
    font-size: 18px;
    font-style: normal;
    position: relative;
    font-weight: 400;
    line-height: normal;
}

.page_openclinics .details .setup{
    color: #118BE2;
    font-size: 20px;
    font-style: normal;
    margin-bottom: 28px;
    font-weight: 400;
    line-height: normal;
}

.page_openclinics .details .form-control{
    border-radius: 100px;
    border: 0.25px solid #8E8E8E !important;
    background: #FFF;
}

.page_openclinics .add-edu-data .input-group-addon{
    background-color: transparent;
}

.page_openclinics .add-edu-data .datepicker.form-control{
    border-radius: 0;
    border: none !important;
    background: #FFF;
}

.page_openclinics .add-edu-data .date .form-control{
    background-color: transparent;
}

.page_openclinics .add-edu-data:first-child .close{
    display: none;
}

.page_openclinics .add-edu-data {
    position: relative;
}

.page_openclinics .add-edu-data .close {
    margin-bottom: 0;
    position: absolute;
    top: -20px;
    right: 0px;
}

.page_openclinics .add-edu-data .date {
    border-radius: 100px;
    border: 0.25px solid #8E8E8E !important;
    background: #FFF;
}

.page_openclinics .add-plus {
    color: #118BE2;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page_openclinics .add-plus img{
    width: 36px;
    height: 35px;
    margin-right: 12px;
}

span.bg-gray {
    background: #f7f7f7;
    display: block;
}

.table_testing td {
    vertical-align: sub;
}

.total_p {
    color: #000;
    font-size: 22px;
    position: relative;
    font-style: normal;
    padding-right: 20px;
    font-weight: 500;
    line-height: 27px;
    /* 122.727% */
}

.total_p span {
    color: #000;
    font-size: 10px;
    position: absolute;
    right: -116px;
    bottom: 0;
}

.boxFilters {
    width: 100%;
    display: flex;
    margin-bottom: -67px;
    z-index: 99;
}

div#earningTable_wrapper input[type="search"] {
    background-color: var(--light-dropdown-background);
    height: 47px;
    background-position: 16px 13px !important;
}

div#earningTable_wrapper div#earningTable_filter {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

table#earningTable {
    padding-top: 51px;
}

.boxFilters .newtabs01.earnings {
    width: 100%;
}

.boxFilters .newtabs01.earnings li {
    width: 48%;
}

.secondBox {
    width: 53%;
}

.boxFilters .filtersOptions {
    flex-wrap: wrap;
    padding-top: 0;
    gap: 0px;
}

.firstBox div:first-child {
    width: 35%;
}

.firstBox div:nth-child(2) {
    width: 49%;
    margin-left: 10px;
}

.firstBox div:nth-child(3) {
    width: 14%;
}

.firstBox div .iconsContainer {
    width: 100%;
}

.boxFilters .newtabs01.earnings .card .card-body .d-flex {
    justify-content: space-between;
}

.boxFilters .end_box h4 span {
    position: absolute;
    right: 15px;
    color: #8181a5;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    bottom: 8px;
}

.dateSelect {
    width: 94px;
    font-size: 14px;
}

.end_box h4 {
    color: #7cc14b;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    /* 158.333% */
    letter-spacing: -0.5px;
}

.end_box p {
    color: #8181a5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.newtabs01 li a .card.bg-light.text-dark {
    border-radius: 15px;
    border: 1.5px solid #eaf3fa !important;
    background: #fff !important;
}

.newtabs01 li a.active .card.bg-light.text-dark {
    border: 1.5px solid #c9e1f2 !important;
    background: #c9e1f2 !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.newtabs01.earnings .card.bg-light.text-dark {
    border-radius: 15px;
    border: 1.5px solid #007bff;
    background: #fff !important;
}

.tabs_blue {
    margin-left: 10px;
}

.tabs_blue li a.active {
    background: #0f8be1;
    color: #fff;
}

.tabs_blue li a {
    width: 139px;
    height: 40px;
    flex-shrink: 0;
    display: inline-block;
    color: #0f8be1;
    line-height: 40px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    border: 1px solid;
    text-align: center;
    margin: 9px 0;
    border-radius: 4px;
}

.tabs_blue li .invoicesLink {
    margin-left: 0.3rem;
}

.forAdjustments .statusFilterBox,
.forAdjustments .clinicFilterBox,
.forAdjustments .dateFilterBox {
    display: flex;
}

.forAdjustments p {
    margin-top: 0.4rem;
}

.forAdjustments input {
    margin-left: 1rem;
}

.forAdjustments .dateFilterBox p {
    white-space: nowrap;
}

.forAdjustments select,
.forAdjustments select {
    margin-left: 0.5rem;
}

.newFlexDesign.dashboard-table .dataTables_wrapper .dataTables_filter input,
.forAdjustments .form-control {
    border-radius: 17px;
    border: 1px solid #959494;
    background: #fff;
    height: 34px;
}

.forAdjustments select {
    border: 1px solid #959494 !important;
}

.forAdjustments {
    position: relative;
    top: 0px;
    left: 8px;
    z-index: 999;
}

.backToRecords {
    margin-top: 100px !important;
}

.backToRecords .backToBtn {
    color: #000000;
    font-weight: 400;
    margin-left: 0;
}

.reportsHealthMedicineFilters {
    margin-left: 0.72rem;
}

.reportsHealthMedicineFilters .filter_tt {
    margin-right: 0;
}

.newFlexDesign .dataTables_wrapper .dataTables_filter {
    float: right;
}

.tabs_blue li .platformFee {
    margin-left: -1px;
}

ul.nav.nav-tabs.tabs_approved {
    background: #e2eaf0;
}

ul.nav.nav-tabs.tabs_approved li a {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    background: initial;
    border: 0px;
    width: 120px;
}

.clinic-setting ul{
    padding: 0 30px;
}

.clinic-setting ul li {
    border-bottom: 1px solid #C8C8C8;
}

ul.nav.nav-tabs.tabs_approved li a.active {
    color: #118be2 !important;
    background: initial;
    border: 0px;
}

.earnings .card.bg-light.text-dark {
    border-radius: 15px;
    border: 1.5px solid #007bff;
    background: #fff !important;
}

.earnings .card.bg-light.text-dark .card-body {
    padding: 11px 22px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    /* 168.75% */
}

.earnings li {
    margin-right: 8px;
}

.earnings .card.bg-light.text-dark .card-body span {
    color: #6da842;
    padding-left: 50px;
}

div#appointmentReportTableAdmin_wrapper {
    overflow-y: auto;
}

div#financialReportTableAdmin_wrapper {
    overflow-y: auto;
}

* {
    margin: 0;
    padding: 0;
}

.drop-down {
    line-height: 47px;
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
}

.main_box_consult .tab-data {
    overflow: initial !important;
}

.drop-down .options ul li span {
    display: block !important;
    color: #118be2;
}

.drop-down .options ul li {
    color: #000;
    padding-left: 10px;
    font-size: 12px;
    line-height: normal;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.form .form-control,
.modal-content .new-doc-form select {
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
}

select#consultation_duration {
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
}

.tabs_update .nav-link.active {
    background: initial !important;
    color: #118be2 !important;
}

.drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

.drop-down .option {
    position: relative;
}

.drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute !important;
    left: 0px;
    top: 32px;
    width: auto;
    min-width: 170px;
    border: 1px solid #d7d7d7;
    z-index: 99999999999999999999;
    width: 100%;
}

.drop-down .options ul li:first-child {
    padding-top: 10px;
}

.drop-down .selected span.value,
.drop-down .options span.value {
    display: none;
}

.drop-down .options ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #3179ac;
}

.drop-down .options ul li a:hover {
    background: #3179ac;
    color: #fff;
    transition: 0.2s ease;
}

.newPatientModal .titleNewPatient {
    color: #118be2;

    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.newPatientModal .stepWithsubTitles {
    display: flex;
    justify-content: center;
}

.newPatientModal .stepsTopHeadings p {
    color: #118be2;

    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.newPatientModal .stepsTopHeadings {
    display: flex;
    justify-content: space-evenly;
    padding: 0 3rem;
}

.newPatientModal .circle-2,
.newPatientModal .circle-3,
.newPatientModal .circle-1 {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #118be2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newPatientModal .patientField {
    border: 0.25px solid #c9e1f2;
    height: 48px;
    border-radius: 100px;
    width: 100%;
    max-width: 482px !important;
    padding: 0 22px !important;
    color: #222 !important;
}

.newPatientModal .step2Patient .radioBtnsRadius {
    border-radius: 50%;
    height: 38px;
    width: 38px;
}

.newPatientModal .step2Patient .genderDiv h2 {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #313131;
}

.newPatientModal .step2Patient .radioGroupsGender {
    width: 50%;
    margin-left: 14px;
}

.genderDiv .gendering {
    margin-left: 14px;
}


.adding_customing {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 31px;
}

.newPatientModal .step2Patient .radioGroupsGender .genderText {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #313131;
    margin-left: 12px;
    margin-top: 5px;
}

.newPatientModal .textAreaMedicalHistory h2 {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #313131;
    padding-left: 24px;
}

.newPatientModal .textAreaMedicalHistory textarea {
    padding: 5px 12px;
    width: 482px !important;
    height: 104px !important;
    border-radius: 6px !important;
    background: #f2f9ff !important;
    border: 0px !important;
}

.patient_separate_modal_wrape_top {
    border-bottom: 0px !important;
    position: relative;
    top: 25px;
}

.newPatientModal .textAreaMedicalHistory textarea:focus-visible {
    outline: none;
}

.newPatientModal .patientField .patientTitle p {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #313131;
}

.newPatientModal .borderBetween {
    width: 103px;
    margin-top: 1.3rem;
    height: 3px !important;
    background: #f2f2f2 !important;
    border: 3px solid #f2f2f2;
}

.opecity1 {
    opacity: 1;
}

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

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

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

.opecity1 .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;
}

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

.modal_welcome h5 {
    color: #ff559e;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal_welcome p {
    color: #ff559e;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}

.modal_welcome a {
    color: #3f89db;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid;
}

.modal-body.modal_welcome {
    padding: 20px;
}

.modal.fade.show.opecity1.d-none {
    display: none !important;
}

a.add_appo {
    width: 232px;
    height: 44px;
    border-radius: 20px;
    background: #84d95b;
    flex-shrink: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 44px;
    text-align: center;
    top: -2px;
}

div#newDoctorAdd .modal-header {
    padding-top: 24px;
}

div#newDoctorAdd button.close {
    font-weight: 300;
}

div#newDoctorAdd .modal-content .modal-title {
    font-weight: 500;
}

div#newDoctorAdd .nav-tabs .nav-link {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 1;
    padding-left: 10px;
    padding-right: 15px;
}

form#add-blog-post-form .form-control,
form#add-blog-post-form select {
    border-radius: 100px;
    border: 0.25px solid #8e8e8e !important;
    background: #fff;
}

form#add-blog-post-form .green-main-btn {
    border: 0px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    background: #7cc14b;
    margin-top: 60px;
}

form#add-blog-post-form label {
    font-size: 15px;
}

.checkboxes-container label.form-check-label.vsmall-text {
    padding-left: 0px;
}

.radio_style.new_radio_btns span {
    position: relative;
    margin: 0 px;
}

.radio_style.new_radio_btns {
    display: flex;
}

.radio_style.new_radio_btns span input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.radio_style.new_radio_btns span label {
    border-radius: 4px;
    border: 0.25px solid #8e8e8e;
    background: #fff;
    color: #959494;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 115px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.radio_style.new_radio_btns span input:checked+label {
    color: #118be2;
    border: 0.25px solid #118be2;
    background: #eaf3fa;
}

div#pendingmodal {}

div#pendingmodal button.close {
    width: 21px;
    height: 21px;
    color: #dc3545;
    border: 1px solid;
    border-radius: 50%;
    line-height: 21px;
}

div#pendingmodal button.close span {
    font-weight: 300;
    font-size: 20px;
    position: relative;
    top: -6px;
    color: #dc3545;
}

.modalDelete .modal-body {
    background: #f5f5f5;
}

.modalDelete .modal-body h2.heading-text {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

p.heading-textp {
    color: #404040;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modalDelete .modal-dialog.modal-dialog-centered {
    width: 726px;
}

.modalDelete .modal-body .button2 {
    border-radius: 5px;
    width: 155px !important;
    height: 45px !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px !important;
    padding: 0 !important;
}

.modalDelete .modal-body a.button2.blue-btn {
    background: #3561ef;
    color: #f5f5f5;
}

.modalDelete .buttons {
    margin-top: 50px;
}

.modalDelete .modal-body a.button2.blue-btn {
    background: #dc3545;
}

.modalDelete .modal-bodybutton.button2.red-main-btn {}

.modalDelete .modal-body button.button2.red-main-btn {
    background: #3561ef;
}

.modalDelete .modal-body button.button2.red-main-btn:hover {
    color: #fff;
}

.modal-upload {
    position: relative;
}

.info-tooltip {
    position: relative;
}

.refundBox {
    position: relative;
}

span.toolTipStatus {
    display: none;
    position: absolute;
    left: 80%;
    transform: translateX(-50%);
    right: 0;
    background-color: #b5df97;
    /* display: block; */
    color: #000;
    /* width: 100%; */
    font-size: 12px;
    width: 160px;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
    top: -40px;
}

.table_line_height {
    line-height: 43px;
}

span.toolTipRefund {
    line-height: 20px;
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background-color: #eaf3fa;
    /* display: block; */
    color: #000;
    /* width: 100%; */
    font-size: 12px;
    min-width: 160px !important;
    width: auto;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
    bottom: 40px;
    white-space: break-spaces;
}

.info-tooltip:hover span.toolTipStatus {
    display: block;
}

span.toolTip {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background-color: var(--green-color);
    /* display: block; */
    width: 100%;
    font-size: 12px;
    width: 120px;
    text-align: center;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    top: -27px;
}

.modal-upload:hover span.toolTip {
    display: block;
}

.refundBox:hover span.toolTipRefund {
    display: block;
}

.search_bar {
    width: 470px;
}

.filterRow.py-2.position_desktop .form-control {
    background: #fff;
    height: 36px;
    border: 1px solid #959494 !important;
}

section.table-responsive.dashboard-table.tableDoctor div#doctorsTable_filter {
    display: flex;
    align-items: center;
    height: 90px;
    z-index: 99999999;
    position: relative;
}

.filterRow.position_desktop label {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    margin-right: 4px;
    line-height: normal;
}

.datePickers input {
    margin-right: 4px;
}

section.table-responsive.dashboard-table.tableDoctor #doctorsTable_filter input {
    border: 1px solid #959494;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M13.8051 12.658L10.2106 9.19264C11.0743 8.19294 11.505 6.9107 11.46pokFKiNH52ZK1W64wsWVH1Z2t2gueuTcj2xWWp3QCtAWGhC4m6WsQ7Sou6AtzEzrfTkoPy2ibAyA9vWsdsnRscRcX7bVy06227 0.902673C4.71309 0.932231 3.46pokFKiNH52ZK1W64wsWVH1Z2t2gueuTcj2xWWp3QCtAWGhC4m6WsQ7Sou6AtzEzrfTkoPy2ibAyA9vWsdsnRscRcX7bVy 1.39887 8.46pokFKiNH52ZK1W64wsWVH1Z2t2gueuTcj2xWWp3QCtAWGhC4m6WsQ7Sou6AtzEzrfTkoPy2ibAyA9vWsdsnRscRcX7bVy.6742 9.53757 9.84152L13.132 13.3069L13.8051 12.658ZM1.90625 5.96509C1.90625 5.1483 2.15748 4.34986 2.62816 3.67072C3.09885 2.99159 3.76785 2.46pokFKiNH52ZK1W64wsWVH1Z2t2gueuTcj2xWWp3QCtAWGhC4m6WsQ7Sou6AtzEzrfTkoPy2ibAyA9vWsdsnRscRcX7bVy46pokFKiNH52ZK1W64wsWVH1Z2t2gueuTcj2xWWp3QCtAWGhC4m6WsQ7Sou6AtzEzrfTkoPy2ibAyA9vWsdsnRscRcX7bVy.79087 10.1473 7.54548C9.82311 8.3001 9.27407 8.94508 8.56964 9.39886C7.86521 9.85265 7.03703 10.0949 6.18982 10.0949C5.05413 10.0936 3.96532 9.65815 3.16227 8.88393C2.35922 8.10972 1.90751 7.06 1.90625 5.96509Z' fill='%23959494'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
    padding-left: 40px;
    width: 250px !important;
    min-width: 210px;
}

select#doctor_list_city {
    width: 120px;
}

.d-flex.align-items-center.dateRange label {
    width: 103px;
}

.form-control {
    font-size: 13px;
}

div#doctorsTable_filter label {
    margin: 0;
}

.tableDoctor input[type="search"] {
    padding: 0 9px !important;
}

.table-responsive.dashboard-table.tableDoctor th {
    color: #000 !important;
    background: #e2eaf0;
}

.position_desktop {
    margin-bottom: -80px;
    z-index: 99;
}

.col-md-4 h5 {
    color: black;
}

section.appointment-table-section.table-responsive.second-table.ss .tools {
    display: flex;
    position: absolute;
    background-color: #fff;
    z-index: 99;
    width: 97.9%;
    align-items: center;
    border-bottom: 1px solid var(--separator-color);
}

div#mainTable_filter {
    float: right;
    margin-right: 10px;
}

.appoint_wrapper_custom div#mainTable_filter{
    right: 10px;
    position: absolute;
    top: -47px;
    z-index: 999;
}

.animatedParent.animateOnce .col-md-4 h5+h5 {
    width: 45%;
    margin-left: auto;
    border-bottom: 0px solid #ccc;
    padding-bottom: 0;
}

.animatedParent.animateOnce .col-md-4 h5 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

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

.btn:focus,
.btn:active:focus,
.btn:focus {
    box-shadow: initial;
    outline-offset: 0;
    outline: 0;
}

.row.duplicate:nth-child(1) button {
    display: none !important;
}

.gap2 {
    gap: 5px;
    justify-content: end;
}

.gap2 {
    gap: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: auto;
    height: auto;
    /* padding: 0; */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #fff !important;
    border: #fff !important;
    box-shadow: initial;
}

.box_label {
    display: flex;
    align-items: center;
    gap: 6px;
}

.wizard>.actions>ul>li.disabled {
    display: none !important;
}

.toast_trail {
    /* position: absolute; */
    z-index: 99;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.toast_sms_bucket {
    /* position: absolute; */
    z-index: 99;
    width: 100%;
    text-align: center;
    padding: 13px;
    background: #FFCCD169 !important;
    border-radius: 14px;
}

.toast_trail.bg_green p {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.toast_trail.bg_green span {
    color: #b1032e;
}

.bg_red {
    background: #ecc3c7;
}

.toast_trail.bg_red p {
    color: #b1032e;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.toast_sms_bucket.bg_red p {
    color: #b1032e;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}

.red_color {
    color: #b1032e;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 30px;
}

.modal.fade.show.opecity1 {
    width: 29%;
    margin-left: auto;
    height: 22%;
    top: 100px;
}

.modal.fade.show.opecity1 .modal-dialog {
    margin-top: 0;
}

#newPatientModals .circle-2,
#newPatientModals .circle-3 {
    background: #c9e1f2 !important;
}

#stepTwo .circle-3 {
    background: #c9e1f2 !important;
}

#newPatientModals .circle-2.active,
#newPatientModals .circle-3.active,
#newPatientModals .circle-1.active {
    background-color: #118be2 !important;
}

.wrapper_patient_uploadImg .box_imgprof {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper_patient_uploadImg .box_imgprof img.upload-area-thumbnail {
    text-align: center;
}

.remove-image-btn {
    position: absolute;
    top: 12px;
    right: -4px;
}

.wrapper_patient_uploadImg {
    position: relative;
}

.d-flex.g-2.resend.semi-bold {
    color: red;
}

.d-flex.g-2.resend.semi-bold.disabled,
.d-flex.g-2.resend.semi-bold.disabled span {
    color: #313131 !important;
}

div#myTabContent .dropdown select,
div#myTabContent .dropdown input {
    background-color: var(--light-dropdown-background) !important;
    border-color: var(--light-dropdown-background) !important;
}

div#myTabContent .dropdown.inline.dd input {
    border-right: 1px solid #ccc !important;
}

.apexcharts-menu div {
    color: #000;
    text-align: left;
}

.chartBox h6 {
    color: #000;
    width: 40%;
    margin-left: auto;
}

.chartBox h5 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border-bottom: 1px solid #ececec;
    padding-bottom: 6px;
    margin-bottom: 11px;
}

.filters_pending {
    justify-content: center;
    margin: 0 auto;
    width: 50%;
    position: absolute;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 !important;
}

.filterRow.py-2.filters_pending input,
.filterRow.py-2.filters_pending select {
    height: 37px;
    background: #f2f9ff;
}

.filters_pending input#active_daterange {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M13.2961 0.000542973C13.4559 0.000542973 13.616 0.000542973 13.7758 0.000542973C14.3777 0.214429 14.4957 0.696214 14.4241 1.2692C14.8333 1.2692 15.2021 1.26784 15.5705 1.26947C15.9478 1.27137 16.2842 1.38754 16.5611 1.6511C16.8853 1.95971 17.0003 2.34541 17 2.78866C16.996 7.6855 16.9973 12.5823 16.9973 17.4789C16.9973 17.5468 16.9962 17.6149 16.993 17.6828C16.9644 18.2582 16.5916 18.7487 16.0472 18.9283C15.9786 18.9511 15.9106 18.9761 15.8423 19C10.9465 19 6.05067 19 1.15485 19C1.06902 18.9704 0.982376 18.9433 0.897621 18.911C0.331597 18.696 0.000944779 18.1944 0.000674859 17.5346C-0.000404823 12.6005 0.000134903 7.66677 0.000134903 2.73274C0.000134903 2.68959 0.00121472 2.64616 0.003644 2.603C0.0327954 2.06964 0.284631 1.66549 0.755103 1.43477C0.96753 1.33054 1.22395 1.29254 1.46418 1.27544C1.82318 1.24966 2.18514 1.26866 2.5633 1.26866C2.5633 1.13701 2.56519 1.02736 2.56303 0.917429C2.55412 0.445414 2.80623 0.163671 3.22164 0C3.38143 0 3.54149 0 3.70128 0C4.31859 0.198686 4.43574 0.678843 4.3661 1.25807C7.1309 1.25807 9.86681 1.25807 12.624 1.25807C12.624 1.16931 12.6203 1.0906 12.6249 1.01216C12.633 0.877257 12.6278 0.738014 12.6608 0.609086C12.7452 0.279029 12.993 0.107486 13.2961 0.000542973ZM0.564539 5.80559C0.55941 5.87779 0.554011 5.9204 0.554011 5.96301C0.553742 9.45739 0.552663 12.9518 0.554822 16.4464C0.555092 16.9925 0.90167 17.3302 1.45042 17.3304C4.99312 17.3313 8.53583 17.331 12.0783 17.3304C12.5315 17.3304 12.7801 17.0758 12.7809 16.6144C12.7817 16.0515 12.7803 15.4888 12.7814 14.9259C12.7828 14.146 13.2702 13.6529 14.0476 13.6482C14.595 13.6453 15.1424 13.648 15.6898 13.6474C16.2113 13.6472 16.4442 13.4137 16.4442 12.8893C16.4448 10.6009 16.4445 8.3125 16.4445 6.02409C16.4445 5.95786 16.4445 5.8919 16.4445 5.80559C16.3371 5.80559 16.252 5.80559 16.1673 5.80559C12.397 5.80559 8.62679 5.80559 4.85655 5.80504C4.77071 5.80504 4.68326 5.80721 4.59904 5.79337C4.45787 5.77003 4.38391 5.6696 4.38068 5.53389C4.37744 5.39763 4.44815 5.29394 4.5877 5.26517C4.67084 5.24807 4.75856 5.2497 4.8444 5.2497C8.62086 5.24916 12.397 5.24916 16.1735 5.24916C16.2574 5.24916 16.3411 5.24916 16.4342 5.24916C16.4386 5.17099 16.444 5.1167 16.444 5.06241C16.4445 4.28939 16.4461 3.51609 16.4437 2.74306C16.4418 2.16111 16.1052 1.82699 15.5219 1.82563C14.8023 1.824 14.0827 1.82509 13.3631 1.82563C13.3048 1.82563 13.2465 1.83106 13.1777 1.83431C13.1777 2.08566 13.1771 2.31393 13.1779 2.54247C13.179 2.82964 13.2152 2.87361 13.5002 2.93957C13.6578 2.97594 13.7534 3.09944 13.7367 3.2452C13.7199 3.39069 13.6022 3.48949 13.4397 3.48921C13.385 3.48894 13.3288 3.48324 13.2756 3.47049C12.8964 3.37983 12.637 3.0647 12.6273 2.67194C12.6203 2.3959 12.6259 2.11986 12.6259 1.8411C9.44276 1.8411 6.28604 1.8411 3.11718 1.8411C3.11718 2.08484 3.11637 2.31311 3.11745 2.54111C3.11853 2.81526 3.17008 2.87714 3.44351 2.93876C3.60249 2.97459 3.69481 3.09374 3.67942 3.24357C3.66431 3.39421 3.5531 3.48921 3.38629 3.48921C3.33149 3.48921 3.27535 3.48324 3.22218 3.47076C2.8262 3.3763 2.57167 3.0476 2.56519 2.61766C2.56114 2.36007 2.56438 2.10221 2.56438 1.82536C2.1927 1.82536 1.84369 1.82481 1.49468 1.82563C0.886824 1.82699 0.555632 2.15569 0.554552 2.76179C0.553202 3.5226 0.554012 4.28314 0.554552 5.04396C0.554552 5.1091 0.56022 5.17424 0.563729 5.24916C0.659821 5.24916 0.733239 5.24916 0.806657 5.24916C1.67391 5.24916 2.54117 5.24889 3.40842 5.24997C3.48184 5.24997 3.55796 5.2497 3.6276 5.2687C3.75527 5.30344 3.8187 5.39763 3.81735 5.5309C3.81627 5.66471 3.74879 5.75591 3.62166 5.78876C3.55148 5.80694 3.47536 5.80477 3.40194 5.80477C2.53469 5.80586 1.66743 5.80531 0.80018 5.80531C0.726761 5.80559 0.653882 5.80559 0.564539 5.80559ZM0.571017 17.6236C0.556441 18.1005 0.93109 18.4436 1.44475 18.4436C6.14353 18.4441 10.8423 18.4441 15.5411 18.4436C16.1017 18.4436 16.4413 18.1084 16.4434 17.5479C16.4467 16.6264 16.4445 15.7049 16.4437 14.7834C16.4437 14.7391 16.4329 14.6951 16.427 14.6509C16.4116 14.6425 16.3962 14.6341 16.3808 14.6257C16.3403 14.6799 16.3055 14.7399 16.2583 14.7877C15.3986 15.6549 14.5329 16.5162 13.6784 17.3888C13.3428 17.7313 12.955 17.8909 12.4759 17.8901C8.84732 17.8842 5.21851 17.8852 1.58997 17.8896C1.23178 17.8901 0.892222 17.8481 0.571017 17.6236ZM16.0008 14.2041C15.3656 14.2041 14.6922 14.2014 14.019 14.2052C13.5842 14.2077 13.3358 14.4628 13.3347 14.9006C13.3331 15.4817 13.3342 16.0629 13.3342 16.644C13.3342 16.7319 13.3342 16.8199 13.3342 16.8858C14.2306 15.9844 15.1278 15.0822 16.0008 14.2041ZM13.8838 1.2597C13.8481 1.0412 13.9734 0.798814 13.7612 0.623471C13.6284 0.513543 13.4508 0.513271 13.3137 0.608C13.0729 0.774114 13.2117 1.03034 13.1766 1.2597C13.4168 1.2597 13.6344 1.2597 13.8838 1.2597ZM3.82275 1.25807C3.78361 1.02763 3.93288 0.7562 3.67645 0.612072C3.5666 0.550457 3.35795 0.555614 3.25106 0.622657C3.0165 0.769229 3.14876 1.03116 3.11394 1.25807C3.3539 1.25807 3.57118 1.25807 3.82275 1.25807Z' fill='%23959494'/%3E%3Cpath d='M10.3769 12.7702C10.1618 12.7702 9.9464 12.7732 9.73127 12.7694C9.42896 12.7639 9.20385 12.5747 9.19251 12.2729C9.17496 11.8039 9.17604 11.3332 9.19197 10.8639C9.20169 10.5784 9.40575 10.3767 9.69294 10.3667C10.1475 10.3507 10.6031 10.3507 11.0577 10.3653C11.3667 10.3754 11.5692 10.596 11.5754 10.9085C11.584 11.3474 11.5843 11.7865 11.5754 12.2254C11.5689 12.5552 11.3481 12.7645 11.0223 12.7694C10.8074 12.7729 10.592 12.7704 10.3769 12.7702ZM9.74612 12.1994C10.1764 12.1994 10.5956 12.1994 11.0131 12.1994C11.0131 11.7681 11.0131 11.3511 11.0131 10.9247C10.5866 10.9247 10.1726 10.9247 9.74612 10.9247C9.74612 11.3541 9.74612 11.7759 9.74612 12.1994Z' fill='%23959494'/%3E%3Cpath d='M2.85749 12.7702C2.63616 12.7702 2.41455 12.7745 2.19322 12.7691C1.89711 12.762 1.67524 12.5552 1.66822 12.2574C1.65742 11.8001 1.65769 11.3422 1.66768 10.8848C1.67416 10.5873 1.88281 10.374 2.18674 10.3648C2.63535 10.3512 3.08476 10.3507 3.5331 10.3656C3.84054 10.3756 4.04838 10.5949 4.05621 10.9063C4.06727 11.3452 4.06727 11.7846 4.05648 12.2235C4.04838 12.5601 3.82165 12.7666 3.48425 12.7702C3.2756 12.7723 3.06668 12.7704 2.85749 12.7702ZM2.22831 10.9253C2.22831 11.3566 2.22831 11.7776 2.22831 12.2048C2.65559 12.2048 3.07019 12.2048 3.49396 12.2048C3.49396 11.774 3.49396 11.3525 3.49396 10.9253C3.06614 10.9253 2.65181 10.9253 2.22831 10.9253Z' fill='%23959494'/%3E%3Cpath d='M6.62113 12.7701C6.40601 12.7701 6.19061 12.7728 5.97548 12.7695C5.66507 12.7644 5.4405 12.5662 5.43159 12.2579C5.41837 11.8008 5.41918 11.3426 5.43078 10.8855C5.43834 10.5837 5.64456 10.3744 5.9493 10.3649C6.39764 10.3511 6.84733 10.3508 7.29566 10.3652C7.60499 10.3753 7.81013 10.5921 7.81796 10.9056C7.82876 11.3445 7.82876 11.784 7.8185 12.2226C7.8104 12.5619 7.58718 12.7665 7.24843 12.7701C7.03924 12.7722 6.83005 12.7703 6.62113 12.7701ZM7.25194 12.2033C7.25194 11.7666 7.25194 11.3459 7.25194 10.9287C6.82087 10.9287 6.40681 10.9287 5.98709 10.9287C5.98709 11.3592 5.98709 11.7761 5.98709 12.2033C6.4114 12.2033 6.826 12.2033 7.25194 12.2033Z' fill='%23959494'/%3E%3Cpath d='M1.66287 8.11465C1.66287 7.89832 1.65693 7.68172 1.66422 7.46539C1.67475 7.15053 1.86909 6.93665 2.1822 6.9266C2.63054 6.91249 3.07995 6.91276 3.52829 6.92579C3.83978 6.93475 4.04681 7.14646 4.05518 7.45969C4.06705 7.90456 4.06759 8.35025 4.05491 8.79512C4.04573 9.11405 3.82763 9.32087 3.5067 9.32739C3.07645 9.33607 2.64565 9.33635 2.2154 9.3282C1.87503 9.32169 1.67151 9.10807 1.66287 8.76363C1.65747 8.5473 1.66179 8.3307 1.66179 8.11437C1.66206 8.11465 1.6626 8.11465 1.66287 8.11465ZM3.49536 7.4909C3.067 7.4909 2.64835 7.4909 2.22754 7.4909C2.22754 7.92302 2.22754 8.33993 2.22754 8.76282C2.6551 8.76282 3.0697 8.76282 3.49536 8.76282C3.49536 8.3345 3.49536 7.91786 3.49536 7.4909Z' fill='%23959494'/%3E%3Cpath d='M6.61362 9.3296C6.3985 9.3296 6.1831 9.33584 5.96797 9.32824C5.63732 9.3163 5.4284 9.11137 5.42111 8.77724C5.41167 8.34459 5.41194 7.91166 5.42057 7.479C5.42732 7.14243 5.62922 6.93234 5.96258 6.92366C6.39877 6.91226 6.83577 6.91199 7.27196 6.92393C7.60261 6.93316 7.80613 7.14731 7.81288 7.48253C7.82152 7.90894 7.82125 8.3359 7.81315 8.76231C7.8064 9.11246 7.59182 9.31983 7.24065 9.32906C7.03173 9.33449 6.82254 9.33014 6.61362 9.33014C6.61362 9.33014 6.61362 9.32987 6.61362 9.3296ZM7.25172 7.49121C6.81417 7.49121 6.40039 7.49121 5.98417 7.49121C5.98417 7.9236 5.98417 8.3397 5.98417 8.76259C6.41226 8.76259 6.82686 8.76259 7.25172 8.76259C7.25172 8.334 7.25172 7.91709 7.25172 7.49121Z' fill='%23959494'/%3E%3Cpath d='M15.3333 8.13029C15.3333 8.34662 15.3382 8.56322 15.3322 8.77954C15.3233 9.10065 15.1198 9.3186 14.801 9.3262C14.3586 9.33679 13.9154 9.33597 13.473 9.3262C13.1758 9.31969 12.9607 9.12914 12.9483 8.8341C12.9288 8.36507 12.9291 7.89442 12.9467 7.42539C12.9577 7.12817 13.1656 6.93464 13.4646 6.92596C13.913 6.9132 14.3624 6.91212 14.8107 6.92623C15.1319 6.93654 15.3249 7.15477 15.3325 7.48103C15.3376 7.69736 15.3336 7.91396 15.3333 8.13029ZM14.7643 8.76543C14.7643 8.34254 14.7643 7.92074 14.7643 7.49107C14.3427 7.49107 13.923 7.49107 13.503 7.49107C13.503 7.92319 13.503 8.33983 13.503 8.76543C13.9273 8.76543 14.3376 8.76543 14.7643 8.76543Z' fill='%23959494'/%3E%3Cpath d='M15.3335 11.6595C15.3335 11.8698 15.3373 12.0799 15.3327 12.2903C15.3254 12.6244 15.124 12.8443 14.7966 12.8516C14.3542 12.8616 13.911 12.8614 13.4686 12.8511C13.1725 12.844 12.959 12.6518 12.9474 12.3552C12.9288 11.8861 12.9293 11.4155 12.9471 10.9464C12.9582 10.6566 13.1617 10.4619 13.45 10.4527C13.9045 10.4383 14.3602 10.4372 14.8144 10.4519C15.134 10.4622 15.3251 10.6829 15.3324 11.0102C15.3375 11.2266 15.3335 11.4429 15.3335 11.6595ZM13.5026 11.0121C13.5026 11.4478 13.5026 11.8644 13.5026 12.2876C13.931 12.2876 14.3456 12.2876 14.7702 12.2876C14.7702 11.8584 14.7702 11.4413 14.7702 11.0121C14.3475 11.0121 13.9329 11.0121 13.5026 11.0121Z' fill='%23959494'/%3E%3Cpath d='M11.5768 8.13027C11.5768 8.34063 11.5814 8.55071 11.5758 8.7608C11.5668 9.10524 11.3631 9.32049 11.0246 9.32754C10.5943 9.33623 10.1638 9.33596 9.73354 9.32754C9.41045 9.3213 9.19559 9.1199 9.18588 8.7969C9.17211 8.34606 9.17238 7.89413 9.18695 7.44329C9.19694 7.13549 9.39992 6.9349 9.70655 6.92567C10.1549 6.91237 10.6043 6.91183 11.0526 6.92594C11.3725 6.93599 11.5658 7.1534 11.5752 7.48101C11.5817 7.69734 11.5766 7.91394 11.5768 8.13027ZM11.0151 7.48861C10.5795 7.48861 10.1654 7.48861 9.74326 7.48861C9.74326 7.9191 9.74326 8.33601 9.74326 8.75754C10.1735 8.75754 10.5924 8.75754 11.0151 8.75754C11.0151 8.32896 11.0151 7.91666 11.0151 7.48861Z' fill='%23959494'/%3E%3Cpath d='M1.6628 14.9924C1.6628 14.7763 1.65633 14.56 1.66442 14.3445C1.67603 14.0272 1.88954 13.8125 2.20426 13.8076C2.63992 13.8011 3.07584 13.8011 3.51149 13.8076C3.8219 13.8122 4.04647 14.028 4.05511 14.345C4.06699 14.7891 4.06753 15.234 4.05511 15.678C4.04593 16.0016 3.81488 16.2133 3.49287 16.2163C3.06936 16.2201 2.64586 16.2203 2.22235 16.2163C1.89008 16.213 1.67306 15.9967 1.66334 15.659C1.65687 15.437 1.66226 15.2147 1.66226 14.9924C1.66226 14.9924 1.66253 14.9924 1.6628 14.9924ZM2.22883 14.367C2.22883 14.8057 2.22883 15.2275 2.22883 15.6498C2.65827 15.6498 3.07314 15.6498 3.49179 15.6498C3.49179 15.2163 3.49179 14.7943 3.49179 14.367C3.06666 14.367 2.65584 14.367 2.22883 14.367Z' fill='%23959494'/%3E%3Cpath d='M6.61879 16.2171C6.40393 16.2171 6.18907 16.2203 5.97449 16.2163C5.65733 16.2106 5.43195 16.007 5.42331 15.6911C5.41089 15.241 5.41143 14.7899 5.42223 14.3399C5.43006 14.021 5.65004 13.8117 5.96585 13.8073C6.4015 13.8014 6.83742 13.8008 7.27307 13.8079C7.56999 13.8125 7.79591 14.0155 7.80617 14.313C7.82236 14.7753 7.82209 15.2389 7.80725 15.7011C7.79753 16.0067 7.56756 16.2068 7.26309 16.2171C7.25094 16.2176 7.23852 16.2174 7.22638 16.2174C7.02394 16.2174 6.8215 16.2174 6.61879 16.2171ZM5.98042 15.6514C6.40636 15.6514 6.82204 15.6514 7.24986 15.6514C7.24986 15.225 7.24986 14.8021 7.24986 14.3752C6.82069 14.3752 6.40096 14.3752 5.98042 14.3752C5.98042 14.8067 5.98042 15.2245 5.98042 15.6514Z' fill='%23959494'/%3E%3Cpath d='M11.0198 15.6601C11.0198 15.2163 11.0198 14.8027 11.0198 14.3754C10.5944 14.3754 10.1744 14.3754 9.73253 14.3754C9.73253 14.4894 9.73712 14.5996 9.73145 14.7093C9.72227 14.8944 9.62456 14.9989 9.46612 15.003C9.30012 15.0073 9.19593 14.899 9.18162 14.7071C9.18108 14.7009 9.18108 14.6946 9.18081 14.6887C9.15031 14.1124 9.23831 13.7588 10.0143 13.8025C10.3331 13.8204 10.6538 13.8038 10.9736 13.8057C11.3572 13.8079 11.5734 14.0166 11.5774 14.3969C11.582 14.8111 11.5828 15.2256 11.5769 15.64C11.5718 15.9999 11.3529 16.2146 10.9963 16.2168C10.5782 16.2193 10.1598 16.2203 9.74171 16.2163C9.43373 16.2133 9.20295 15.997 9.18675 15.7092C9.17838 15.5608 9.23912 15.4522 9.38082 15.4107C9.52199 15.3694 9.63077 15.428 9.70797 15.554C9.7328 15.5947 9.77356 15.6552 9.80811 15.6558C10.2068 15.6626 10.6052 15.6601 11.0198 15.6601Z' fill='%23959494'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 91% center;
}

.filters_pending input,
.filters_pending select {
    width: 280px;
}

.table_pendingC .parentAnchor {
    position: absolute;
    top: 20px;
    z-index: 9;
    right: 0;
}

.filters_pending .filtersOptions {
    padding: 0;
}

select,
select.form-control {
    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;
}

div#myTabContent .dropdown select,
.form-control.form1 {
    background: #fff 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: 1px solid #8e8e8e !important;
}

select#consultation_duration {
    background: #fff 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;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

div#newDoctorAdd .modal-dialog.modal-dialog-centered {
    width: 857px;
}

.form-group.text-right.pt-4.btn_appointment button {
    bottom: 0;
}

select.form-control.bg-white {
    background: #fff 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;
}

div#deleteMedicineModal h2.heading-text {
    color: var(--body-text-color);
}

div#myTabContent .dropdown select#institution {
    background-color: #fff !important;
    border: 1px solid #8e8e8e !important;
}

select#specialty {}

.filterRow.py-2.doctorFilters01 {
    margin-bottom: -67px;
    z-index: 99;
    width: 73%;
    margin-left: auto;
    align-items: self-start;
}

label.w-80 {
    width: 26%;
}

div#doctor_table_wrapper td a {
    display: block;
    color: #118be2;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

div#doctor_table_wrapper td {
    vertical-align: sub;
}

div#doctor_table_wrapper .dt-buttons {
    display: none;
}

table#doctor_table th:first-child,
table#doctor_table td:first-child {
    display: none;
}

.filterRow.py-2.filtersBilling {
    justify-content: start;
    margin-bottom: -50px;
    z-index: 99;
}

.billing_table div#billingClinicWiseTable_filter {
    z-index: 999;
    position: relative;
}

.modal-body span.heading-text {
    color: var(--body-text-color);
}

.modal-body .heading-text {
    color: var(--body-text-color);
}

div#platformFeeModal .modal-body a.button2.blue-main-btn,
div#billingeModal .modal-body a.button2.blue-main-btn {
    height: 30px;
    display: inline-block;
}

div#clinic_table_wrapper button.dt-button.buttons-collection.exportButton,
div#patient_table_wrapper .dt-buttons,
div#appointment_table_wrapper .dt-buttons,
div#medicine_table_wrapper .dt-buttons {
    display: none;
}

form#platform-fee {
    padding: 0 80px;
}

.boxNewBottom {
    position: absolute;
    top: 66px;
    z-index: 99;
    width: 70%;
    margin-left: auto;
    left: auto;
    right: 40px;
}

div#billingClinicWiseTable_wrapper {
    padding-top: 51px;
}

input#clinic_share_percent {
    background: #e9ecef !important;
}

.invoice-div.new_invoice .form-check-input[type="checkbox"]:checked {
    border: 10px solid var(--green-color);
}

.invoice-div.new_invoice .form-check-input[type="checkbox"] {
    border: 10px solid #ffffff;
}

.boxstatus01 {
    width: 300px;
}

.wrapper_box_hk button.btn.hk_add_invoice:nth-child(1) {
    background-color: #e0ffd1 !important;
}

.settings-form .form-check-label {
    padding-left: 0px;
}

.invoice-btn label.form-check-label,
.more-invoice-btn.w-100.new_invoice.add_more_pro label.form-check-label,
.more-invoice-edit-btn.w-100.new_invoice.add_more_pro label.form-check-label {
    padding-left: 33px;
}

div#stepTwo .modal_wrapper_patient {
    height: auto;
    /* margin-top: 44px; */
}

div#addAppointment .invoice-btn label.form-check-label {
    padding-left: 10px;
}

div#addAppointment .checkboxes-container label.form-check-label {
    margin-top: 0;
}

.admin_clinicButton {
    gap: 10px;
}

div#add-roles form.role-settings-form.form span.num_placeholder {
    top: 36px;
}

div#add-roles form.role-settings-form.form img.country {
    top: 51%;
}

.invoiceRadio {
    text-align: left;
}

.invoiceRadio label {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.invoiceRadio label:before {
    content: "";
    border-radius: 4px;
    border: 0.25px solid #8e8e8e;
    background: #fff;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    left: 0;
}

.checkBoxx {
    margin: 5px 0;
}

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

.invoiceRadio input[type="radio"] {
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 100%;
    top: 0;
    z-index: 999999;
}

/* .invoiceRadio input[type="radio"]:checked + label{color:red;} */
.invoiceRadio input[type="radio"]:checked+label:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.877px' height='101.052px' viewBox='0 0 122.877 101.052' enable-background='new 0 0 122.877 101.052' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z'/%3E%3C/g%3E%3C/svg%3E");
    z-index: 999999999;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
}

.invoiceRadio .checkBoxx {
    position: relative;
}

input[type="radio"] {}

ul#checkbox-list {
    padding: 28px;
}

ul#checkbox-list>hr {
    margin: 12px 0px;
}

ul#checkbox-list>li {
    /* display: flex; */
    align-items: center;
    margin-bottom: 8px;
    /*border-bottom: 1px solid #ccc;*/
}

ul#checkbox-list>li ul {
    display: flex;
    margin-left: 38px;
}

ul#checkbox-list>li ul li {
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.smallbilingModal {}

.smallbilingModal .modal-dialog.modal-dialog-centered {
    width: 696px;
    /* background: #fff; */
}

.smallbilingModal .modal-dialog.modal-dialog-centered .modal-body h3 {
    text-align: left;
    padding-bottom: 7px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 0;
}

.closebtn {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 30px;
    top: 20px;
    border: 1px solid;
    text-align: center;
    border-radius: 50%;
    color: #DC3545;
    font-size: 26px;
    line-height: 20px;
    cursor: pointer;
    z-index: 9999;
}

form#billing-invoice button.button2.green-main-btn:hover {
    color: #000 !important;
}

.closebtn:hover {
    color: #DC3545;
}

form#billing-invoice button.button2.green-main-btn {
    color: #000;
    width: 151px;
    height: 40px;
    background: #D9D9D9;
    border-radius: 3px;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: normal;
}


.smallbilingModal h5 {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 25px;
}

.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content, .extendTrialModal .modal-dialog.modal-dialog-centered .modal-content {
    background: #fff;
}

.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content {
    justify-content: start;
    width: 100%;
}

.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content select,
.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content select.form-control,
.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content input {
    background-color: #fff;
    border: 0.25px solid #8E8E8E !important;
}

.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content input#due,
.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content input#end,
.smallbilingModal .modal-dialog.modal-dialog-centered .modal-content input#started {
    background: #F4F4F4;
}

.form-control.upload {
    background-color: #fff;
    border: 0.25px solid #8E8E8E !important;
    line-height: 47px;
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    text-decoration-line: underline;
}

.smallbilingModal input#attach {
    position: absolute;
    opacity: 0;
}


section.appointment-table-section.table-responsive.second-table.patient_respo_custom div#toolbar {
    width: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

i.dropdown {
    font-style: normal;
}

span.select2.select2-container.select2-container--default.select2-container--below {}
.mobileMedicine1  span.select2 {
    width: 100%!important;
}
span.select2 {
    border-radius: 38px;
    height: 47px;
    color: var(--body-text-color);
    background-color: var(--light-dropdown-background);
    text-decoration: none;
    border: none;
    padding: 0 20px;
    appearance: none;
    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: 90% center !important;
}

span.select2 span.selection {
    height: 100%;
    display: block;
}

span.select2 span.selection span.select2-selection {
    height: 100%;
    background: initial;
    border: 0px;
}

span.select2 span.selection span.select2-selection span {
    height: 100%;
    display: block;
    line-height: 47px;
    background: initial;
    border: 0px;
    font-size: 14px;
}

span.select2 span.select2-selection__arrow {
    opacity: 0;
}

span.select2-dropdown {
    background-color: var(--light-dropdown-background);
    border-radius: 4px;
}

.modal_main_apooint-page span.select2-dropdown.select2-dropdown--below{
    border-radius: 4px !important;
    top: 5px;
    border: 1px solid #aaa !important;
}

span.select2-dropdown span.select2-search.select2-search--dropdown input {
    background-color: var(--light-dropdown-background);
}

.gryBox {}

.gryBox span.select2 {
    height: 37px;
    background: #f2f2f2;
}

.gryBox span.select2 span.selection span.select2-selection span {
    line-height: 37px;
}

.checkboxes-container.filltttt.gryBox span.select2 {
    background: var(--light-blue-color);
}

.dropdownAppointment span.select2 {
    background-position: 97% center !important;
}

.dropdown.boxNew span.select2 {
    background-position: 94% center !important;
    width: 100% !important;
    margin-bottom: 12px;
}

.dropdown.inline.durationBox span.select2.select2-container {
    width: 45% !important;
}

.durationBox span.select2 {
    border-radius: 0 38px 38px 0;
}

span.toolTip.reson {
    top: -27px;
    border-radius: 4px;
    background: #EAF3FA;
    width: 56px;
    text-align: left;
    text-align: center;
    padding: 3px 8px 8px 8px;
}

span.toolTip.reson p {
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    white-space: break-spaces;
    line-height: normal;
}

span.toolTip.reson b {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dropdown.dropdownAppointment span.select2 {
    width: 100% !important;
    color: #000 !important;
}


ul#select2-doctor-select-results li,
.select2-search__field {
    color: var(--body-text-color) !important;
}

div#labsReport .modal-content.custom_modal_single_files_content {
    padding: 0px 20px 20px 20px;
}

div#labsReport .modal-content tbody {
    position: relative;
    top: 10px;
}

.box_table {
    height: 553px;
    overflow-y: auto;
    overflow-x: hidden !important;
    border-radius: 31px;
    background: #FFF;
    margin-top: 10px;
    width: 100%;
}

div#labsReport .modal-content.custom_modal_single_files_content {
    padding: 20px 20px 20px 20px;
}

.modal_w01 table.display.nowrap.dataTable.no-footer tr td,
.modal_w01 table.display.nowrap.dataTable.no-footer tr th {
    padding: 10px 40px !important;
    text-align: left !important;
    width: 30%;
}

.bg-white.p-3.token_input.card_appoint_sec.d-none.show {
    display: none !important;
}



.radioGroupsGender .input-group-prepend {
    position: relative;
}

.radioGroupsGender .input-group-prepend input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    display: block;
    z-index: 9999;
}

.radioGroupsGender .input-group-prepend label:before {
    content: '';
    background: #D9D9D9;
    position: absolute;
    width: 29px;
    height: 29px;
    border-radius: 30px;
    z-index: 9;
}

.radioGroupsGender .input-group-prepend input:checked+label:before {
    background: #ffffff;
    border: 7px solid #D9D9D9;
}

.backToRecords.mt-2 {
    margin-top: 20px !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {
    width: 1em;
    height: 8px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track {
    border-radius: 2.5px;
    border: 0.3px solid #545554;
    background-color: #fff;
    box-shadow: initial;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 2.5px;

}

#dashboard .blue-overflow-div .summary-card a .card-heading {
    color: var(--body-text-color);
}

.newPatientModal .patientField:focus-visible {
    outline: 0;
}

div#uploadFileModal .uploaded_image {
    position: relative;
}

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

.table_newReport .dataTables_scrollHead {
    display: none;
}
 .button.yellow-main-btn.updateBtn.buttonsUpdate01 {
    width: 100%;
    height: 45px;
    line-height: 45px;
}

div#sendSmsAppointment .labeling {
    margin-bottom: 36px !important;
}

div#sendSmsAppointment   label.xsmall-text {
    padding-left: 0;
}

div#sendSmsAppointment textarea.form-control {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 6px 20px;
}
div#sendSmsAppointment textarea.form-control::-ms-input-placeholder { /* Edge 12-18 */
   color: #000;
}

div#sendSmsAppointment textarea.form-control::placeholder {
   color: #000;
}

form#appointment-booked .modal-content.modal_mob_contanettt {
    border-radius: 7px;
}

.expense-settings {
    width: 500px;
}

.expense-settings .appointment-form .form-control {
    width: 100%;
}

.expense-settings .modal-content .modal-title{
    font-size: 25px;
}
div#deleteBilling h2.heading-text.invoice-color {
    color: #000!important;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 319px;
    margin: 25px auto 33px auto;
}
div#editPresModal .dropdown.inline {
    gap: 0;
}
.modal-backdrop.fade.show.hide {
    display: none!important;
}
.medication-form.form .dropdown.inline.durationBox {
    justify-content: start;
}
.now_row{display: none;}

.main-data .prescription-setting .boxed .form-control {
    width: 178px;
}

@media screen and (max-width: 1365px) {
    html {
        font-size: 16px;
    }

    .tab-pane #deleteMedicineModal .modal-body .button2,
    .globalModal .modal-body .button2,
    #logoutModal .modal-body .button2,
    .tab-pane #addLabModal .modal-body .button2 {
        width: 130px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .small_modal.del_modal .buttons .button2 {
        width: 130px;
    }

    .settings-form .col-lg-7 {
        margin-left: 0;
    }

    .main-div .new-custom-data .inline2 {
        gap: 30px;
    }

    #template .row {
        flex-direction: column-reverse;
    }

    .settings .sms-time .tab-data {
        margin-top: 5px;
    }

    .patient-data .row .buttons {
        padding-top: 10px;
    }

    /* #dashboard .heading-text {
        color: var(--body-text-color);
    } */

    #fav-med-data .col-lg-6,
    #grp-med-data .col-lg-6 {
        padding: 0 13px 0 10px;
    }

    #fav-med-data .medication-form-fav .col-lg-6 {
        padding: 0 5px;
    }

    .summary-card-container .summary-card:nth-child(5) .card-num {
        overflow-wrap: break-word;
    }

    /* .appointment-table-section .heading {
        width: 100%;
    } */

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 70vw;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 20vw;
    }

    .appointment-table-section .filter-by-div {
        flex-direction: row;
        max-width: 80vw;
        gap: 10px;
    }

    section.appointment-table-section.table-responsive.second-table.tableBilling .filter-by-div {
        gap: 20px;
    }

    .notification-data .form {
        width: 65%;
    }

    .sidebar-collapsed {
        width: 80px;
    }

    .get-started {
        overflow: auto;
        overflow-x: hidden;
    }

    .body-data .summary-card-container {
        /* flex-direction: column; */
        gap: 8px;
        flex-wrap: wrap;
    }

    .filter-by-div .checkboxes-container {
        flex-wrap: wrap;
        gap: 5px;
        max-width: 60vw;
    }

    .filter-by-div .checkboxes-container .form-check {
        width: 102px;
    }

    .filter-by-div .form-check-input[type="radio"] {
        margin-left: -15px;
    }

    .filter-by-div .form-check-label {
        padding-left: 18px;
    }

    .sms-settings .checkboxes-container {
        gap: 10px;
        flex-wrap: nowrap;
    }

    .settings .format-type {
        padding-top: 20px;
    }

    .settings .format {
        width: 122px;
    }

    textarea.form-control {
        padding: 20px;
    }

    .sms-settings .timepicker {
        width: 85px;
        padding-left: 0px;
    }

    .ui-timepicker-standard {
        z-index: 5 !important;
    }

    #fav-med-data .tab-data .form-button,
    .vitals-data .form-button,
    .examination-data .form-button,
    .procedure-data .form-button {
        position: relative;
    }

    .main-div .new-app-div .nav-tabs .nav-link {
        padding: 10px;
    }

    .main-data .blue-div,
    .main-data .blue-div2,
    .main-data .blue-div3 {
        z-index: 5;
        height: 170px !important;
        border-bottom-right-radius: 40px;
    }

    .header .header-line {
        padding-top: 38px;
    }

    #toolbar {
        /* .dataTables_wrapper .dataTables_filter { */
        float: none;
    }

    .header .notification {
        position: absolute;
        right: 10px;
        top: 22px;
    }

    /* .header .notification:after {
    top: 5;
    right: 0px;
  } */

    /* .main-data .blue-div2 {
    height: 308px !important;
  } */
    .table-option-data {
        flex-direction: column;
        gap: 10px;
    }

    .sidebar-container {
        position: fixed;
        top: 0;
        z-index: 200;
        transition: 0.4s ease-in-out;
        height: 100vh;
        overflow: auto;
    }

    .sidebar-head img,
    .sidebar-container .show-none {
        transition: none;
    }

    /* .form-group {
        padding-left: 0;
        padding-right: 0;
    } */

    .main-div .settings .toggle-settings .body-text {
        width: 83%;
    }

    /* .dashboard-table #toolbar, */
    .appointment-table #toolbar {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter {
        text-align: center;
        margin-top: 10px;
    }

    section.appointment-table-section.table-responsive.second-table.tableBilling .dataTables_wrapper .dataTables_filter {
        margin-top: 5px;
    }
    .after_filter .dataTables_wrapper .dataTables_filter {
        margin-top: -4px;
    }

    .sidebar-container.sidebar-collapsed {
        min-height: 70px !important;
        height: 70px;
        background-color: transparent;
        overflow: hidden;
        position: absolute;
    }

    .sidebar-container.sidebar-collapsed .sidebar-item {
        display: none;
    }

    #secondTable3 .buttons {
        justify-content: space-between;
    }

    .otp-form .form-row {
        flex-wrap: nowrap !important;
    }

    .get-started #otp {
        width: 60px;
        height: 60px;
    }

    .started.verifyOtp p.body-text {
        margin: 0 auto;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .modal-backdrop {
        top: auto;
        left: auto;
        z-index: -5;
        width: auto;
        height: auto;
    }

    /* .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        min-width: 240px !important;
    } */
    .modal-dialog {
        padding: 20px 0;
        max-width: 350px !important;
        margin: 0 auto;
    }

    .modal-content .invoice-form .close, .invoice-content-edit .edit-invoice-form .close {
        margin-top: -100px;
    }

    .tab-pane .tab-data {
        height: auto;
    }

    .modal-content .doctor-selection select,
    .modal-content .form-control,
    .modal-content .form-check,
    .summary-card .card-heading {
        width: 100% !important;
    }

    .modal-content .doctor-selection select {
        height: 46px !important;
    }

    .table-options {
        display: flex;
        /* flex-direction: column; */
        width: 95%;
        justify-content: space-around;
    }

    .header .search-div {
        display: none;
    }

    .header .search-box {
        display: flex;
        align-items: center;
    }

    .desktop-icon {
        display: none;
    }

    .mobile-icon {
        display: block;
    }

    /* .summary-card .card-num.heading-text {
    font-size: 2.625rem;
  } */
    /* .header {
    margin-left: 30px !important;
  } */
    .blue-overflow-div .summary-card {
        min-width: 150px;
    }

    .blue-div4 .started,
    .get-started .otp-form .form-control {
        width: auto;
    }

    .get-started .otp-form .form-control {
        width: 250px !important;
    }

    /* .main-div .inline-overflow-div, */
    /* .appointment-table-section .filter-by-div, */
    .main-div .patient-profile-div,
    .main-div .app-detail-inline,
    .appointment-table-section .table-heading,
    .appointment-table-section .table-move,
    .get-started .img-half {
        flex-direction: column;
    }

    .get-started .signup-img,
    .get-started .started {
        height: auto;
    }

    .get-started#login_screen .signup-img,
    .get-started#login_screen .started {
        width: 100%;
    }

    .blue-div4 .started {
        padding: 20px 50px;
    }

    .main-div .inline-overflow-div .medium-heading {
        padding-left: 21px !important;
        color: var(--body-text-color);
    }

    .break {
        display: none;
    }

    .blue-overflow-div .summary-card {
        width: 19.29%;
    }

    .appointment-table-section .table-move {
        gap: 5px;
    }

    .appointment-table-section .new-table2 .table-move {
        gap: 20px;
    }

    .new-table2 {
        margin-top: 0;
    }

    .header .header-data {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        padding-right: 7px;
    }

    .header .header-fixed-div {
        flex-direction: column;
        align-items: center;
    }

    .header .plus {
        position: fixed;
        bottom: 10px;
        right: 5px;
        z-index: 1;
    }

    .blue-div2 .get-started .blue-overflow-div {
        padding-bottom: 0;
    }

    /* .appointment-table-section {
    width: 77%;
  } */
    .appointment-table-section .pull-right {
        float: none !important;
    }

    .body-data .main-div {
        padding: 10px 10px 10px 10px;
        margin-left: -10px;
    }

    .get-started .tab-content {
        height: calc(100vh - 142px);
        padding-bottom: 30px;
    }

    .settings .format-type {
        justify-content: center;
    }

    .blue-div4 .green-main-btn {
        margin-top: 10px;
    }

    .appointment-table-section .pull-left {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }

    .appointment-table-section .heading {
        text-align: center;
    }

    .main-data .profile-name .heading-text {
        left: 20px;
    }

    .update-profile-form .submit-buttons {
        padding: 0;
    }

    .update-profile-form .close:focus,
    .update-profile-form .close:hover {
        outline: none;
    }

    .appointment-table-section .table-heading {
        height: 50px;
        /* padding-left: 0; */
    }
    .appointment-table-section.table-responsive .table-heading {
        padding-left: 0;
        margin-left: -8px;
    }

    div#prescriptionTable_wrapper .table-heading{
        padding-left: 20px;
    }

    div#prescriptionTable_wrapper .table-heading p.vsmall-text {
        width: 54px;
    }

    .appointment-table-section.table-responsive .patient_wrap .table-heading {
        padding-left: 20px;
        margin-left: 0;
    }

    .tab-pane .form-check-input[type="radio"], .settings-form .form-check-input[type="radio"] {
        width: 30px;
        height: 30px;
    }

    .main-data .prescription-setting .btn-save button {
        height: 47px;
    }

    section.appointment-table-section.table-responsive.second-table.tableBilling.rep-billing .new-table {
        margin-right: 0;
    }

    /* .blue-overflow-div .heading-text {
        padding-left: 0;
        color: var(--body-text-color);
    } */

    /* .header .search-div input,
  .medication-data .search-div input {
    width: 240px;
  }
  .header .decrease-width {
    width: 240px !important;
  }
  .header .increase-width {
    width: 240px !important;
  } */
    .body-data {
        /* position: absolute; */
        flex-direction: column;
        /* top: 150px; */
        padding: 0px;
        padding-left: 15px;
        z-index: -5;
    }

    /* .col {
        padding-left: 0px;
        padding-right: 0px;
    } */

    .appointment-table-section .table-last-col,
    .appointment-table-section .table-last-col2 {
        align-items: center;
    }

    /* .appointment-table-section .buttons {
    flex-direction: column;
    align-items: center;
  } */
    #prescriptionTable .buttons {
        flex-direction: row;
    }

    .table>tbody>tr>td {
        line-height: 35px;
    }

    .btn-text {
        font-size: 0.6rem;
    }

    .sidebar-collapsed .list-group-item1 {
        display: flex;
        justify-content: center;
        padding: 15px 20px;
        /* margin-left: -12px !important; */
    }

    .sidebar-container .list-group a {
        height: 40px;
    }

    /* .sidebar-collapsed .list-group a {
    height: auto;
    padding: 10px 20px;
  } */
    .sidebar-collapsed .sidebar-head i {
        right: 25px;
        color: var(--white-color);
    }

    .sidebar-collapsed .list-group-item1:first-child {
        padding-bottom: 35px;
    }

    .main-div .header-tabs-div.consult_screen {
        border-radius: 0;
        margin-left: 0;
        flex-direction: row;
        position: static;
        width: 100%;
        border-bottom-right-radius: 74px;
        align-items: center;
    }

    .main-div .tabs-data {
        gap: 30px;
        padding-left: 0;
        width: 70%;
    }

    .main-div .user-details,
    .main-div .inline-consult-data,
    #medication-data .buttons,
    .submit-buttons {
        flex-direction: row;
        padding-right: 0;
        align-items: center;
    }

    .main-div .top-tab {
        margin-left: -20px;
        width: 104%;
        border-bottom-right-radius: 0;
        padding-top: 15px;
    }

    .main-div .main-data {
        margin-top: 25px !important;
    }

    .top-tab .changing-tabs .nav-tabs {
        gap: 0px;
    }

    .main-div .clinic-info .doctor-info,
    .main-div .clinic-info .tab-data {
        width: 100%;
    }

    .main-div #clinic-config .new-doctor {
        position: relative;
        bottom: 0;
        /* left: 40px; */
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    #general-settings .main-div,
    #fav-med-page .main-div,
    #report-page .main-div {
        padding-top: 5px;
    }

    .header .dropdown-menu {
        left: initial;
    }

    .plusBtnDropdown .dropdown-menu {
        left: unset;
        right: 0;
    }

    .med-info-data .buttons a,
    .get-started .form-control,
    .get-started .signup-img img {
        width: 100%;
    }

    .med-info-data .buttons a {
        width: auto;
    }

    .blue-div2 .get-started .signup-img img {
        display: none;
    }

    .get-started .blue-div4 .signup-img img {
        display: block;
        height: auto;
    }

    .blue-div2 .get-started .started .body-data {
        z-index: 5;
        height: 100%;
    }

    .blue-div4 {
        height: 100%;
    }

    .blue-div2 .get-started .started .top-tab .changing-tabs .nav-tabs {
        gap: 0px;
    }

    .blue-div2 .get-started .top-tab {
        background-color: transparent;
        padding-top: 0px;
    }

    .signup-form a[type="submit"] {
        width: 100%;
    }

    .bottom-green-next {
        width: 100%;
        left: 0;
        /* position: relative; */
        position: absolute;
        z-index: 100;
    }

    #medication-data .table-last-col .buttons {
        flex-direction: row;
    }

    /* .body-data .top-main {
        padding: 10px 5px 10px 5px;
    } */

    #medication-data .modal .nav-link {
        padding: 10px 15px;
    }

    #medication-data .modal .tab-data {
        padding: 10px;
    }

    .modal-dialog {
        /* width: 691px;
        max-width: 100% !important; */
        /* margin: 0 10px; */
        width: auto;
    }

    .patient-profile-div .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px;
    }

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

    .second-table .dataTables_wrapper .dataTables_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small {
        width: 87vw;
    }

    .modal-content .appointment-form,
    .modal-content .invoice-div,
    .modal-content .invoice-form-data,
    .invoice-content .invoice-Data,
    .invoice-content-edit .invoice-edit-Data,
    .modal-content .total-amount-div,
    #medication-data .save-popup {
        padding: 20px 20px 10px;
    }

    .modal-content .doctor-selection {
        padding: 0 20px 20px;
    }

    #update_prof .main-div .blue-overflow-div {
        margin-top: -11px;
    }

    /* .reports .dataTables_filter {
        position: relative;
        top: unset;
        right: unset;
        float: none;
    } */

    .settings-form .form-group .checkboxes-container {
        flex-wrap: initial;
    }

    .reports .dataTables_wrapper .dataTables_filter input {
        /* background-color: var(--background-color); */
        width: 100%;
    }
    .filterRow .filtersOptions {
        flex-wrap: wrap;
    }
    .main-data .prescription-setting .boxed .form-control {
        width: 138px;
    }
    .remove-image-btn img{
        width: 25px;
        height: 24px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1200px){
    .get-started .img-half {
        flex-direction: row !important;
    }

    .get-started#login_screen .started {
        width: 50% !important;
    }
    .get-started .form-button .green-main-btn {
        width: 250px !important;
    }
    .get_started-wrap .carousel.slide .carousel-inner h5, .select-clinic_wrapper .carousel.slide .carousel-inner h5 {
        max-width: 100% !important;
    }
    .settings .tab-data .inline-border .body-text {
        padding: 16px 11px 15px;
    }
    .sms-settings .checkboxes-container.message-th .form-check {
        gap: 38px !important;
        padding-left: 0rem !important;
    }
    .editTemplate .modal-dialog {
        width: 1100px;
    }
    .search-flex {
        display: flex;
        gap: 13px;
    }
    .settings .spacing, .sms-settings .inline {
        padding: 10px 15px 10px;
    }
    .dropdown.plusBtnDropdown .dropdown-menu {
        left: -29px;
        right: initial;
    }
    section.appointment-table-section.table-responsive.second-table.tableBilling.rep-billing .table-heading #mainTable_filter {
        top: 0;
    }
    section.appointment-table-section.table-responsive.second-table.tableBilling.rep-billing .table-heading .dataTables_filter input {
        width: 23vw !important;
    }
    section.appointment-table-section.table-responsive.second-table.tableBilling.rep-billing .table-heading {
        padding-left: 14px;
    }
    section.appointment-table-section.table-responsive.second-table.tableBilling.rep-billing .row.row_clinic_billing {
        width: 89vw;
    }
    p.vsmall-text.filter_respo_text, p.vsmall-text.filterHeading {
        width: 54px;
    }
    .filter-by-div .form-check-input[type="radio"] {
        width: 24px;
        height: 24px;
    }
    .tab-pane .inner-div .accordion-data, .tab-pane .inner-div .accordion-side {
        width: auto;
    }
    .appoint_wrapper_custom .after_filter.search_position .dataTables_filter.topSearch {
        top: -222px !important;
    }
    #update_prof #update-sign-up-form .currently_image {
        top: 152px;
    }
    div#myTabContent .dropdown select#dosage_id, div#myTabContent form.medication-form-fav.form select#duration_id {
        background-position: 88% center !important;
    }
    .modal-content .new-doc-form .column_div {
        gap: 11px;
    }
    .settings .tab-data .body-text {
        font-size: 17px !important;
    }
    #sms-page .body-data {
        padding-left: 0;
    }
    .settings .tab-data .inline-border .body-text {
        padding: 16px 0px 15px 12px !important;
    }
}

@media screen and (max-width: 1180px) and (min-width: 1024px){
    .get-started .img-half {
        flex-direction: row !important;
    }
    .img-half .carousel {
        display: block !important;
    }

    .get-started#login_screen .started {
        width: 50% !important;
    }
    .get_started-wrap .carousel.slide .carousel-inner h5, .select-clinic_wrapper .carousel.slide .carousel-inner h5 {
        max-width: 100% !important;
    }
    .get-started .form-button .green-main-btn {
        width: 250px !important;
    }
}

.modal-content .doctor-selection {
    color: var(--body-text-color);
}

.top-tab .ul_sign_up li a.active {
    color: white !important;
}

.boxFileType1 {
    display: none;
}

.uploaded_image {
    height: 450px;
    border: 2px dashed var(--blue-color);
    padding: 10px;
    text-align: left;
    margin-bottom: 20px;
}

.uploaded_image img {
    width: 200px;
}

.closeBtnuploader {
    position: absolute;
    top: 6rem;
    background: #D6818966;
    padding: 0px 0.5rem 0px 0.5rem;
    font-size: 20px;
    border-radius: 100%;
    color: #B1032E;
}

.small-heading.smsTemplateAlign.sms_text {
    display: flex;
    align-items: end;
}

.write-format.smsTextArea textarea {
    font-size: 16px !important;
}

.closePdfButton {
    position: absolute;
    top: 5rem;
    left: 2px;
    background: #D6818966;
    padding: 0px 0.5rem 0px 0.5rem;
    font-size: 20px;
    border-radius: 100%;
    color: #B1032E;
}

@media (min-width: 768px) and (max-width: 1024px) {
    div#myTabContent select::-webkit-scrollbar {
        display: none;
    }
    .get-started .form-button .green-main-btn {
        width: 250px;
    }

    .dashboard-table #toolbar {
        width: 88%;
    }

    .newPatientModal .patientField {
        max-width: 100% !important;
    }

    .btn_wrapper_patient {
        align-items: end;
        padding-top: 73px;
        gap: 12px;
    }

    .dataTables_wrapper {
        max-width: 100% !important;
        margin-left: auto !important;
    }

    .blue-overflow-div .summary-card {
        min-width: 128px;
    }

    .filterRow .filtersOptions {
        padding-top: 0;
    }

    .progressBarContainer .body-text {
        font-size: 16px;
    }

    .body-data {
        padding-left: 90px !important;
    }

    .main-div .top-tab {
        background-color: #f2f9ff00;
    }

    .top-tab .changing-tabs .nav-link {
        color: var(--body-text-color);
    }

    .medication-form-fav .dropdown.inline select,
    .medication-form .dropdown.inline select {
        position: relative;
        top: -6px;
    }

    .medication-form .dropdown.inline {
        display: flex;
        align-items: center;
    }

    .main-data .header {
        width: 90%;
        margin-left: auto;
    }

    .get-started#login_screen .signup-img img,
    .get-started .signup-img {
        display: none;
    }

    .get-started .heading1.otp_heading {
        text-align: center;
    }

    .started.verifyOtp p.body-text {
        text-align: center;
        width: auto;
    }

    .get-started .text {
        text-align: center !important;
        width: auto;
    }

    /* dashboard screen  */
    .body-data .main-div {
        display: block !important;
    }

    .mob_boxes .table-option-data {
        flex-direction: row;
    }

    div#mainTable_wrapper .table-options.pt-2.pt-lg-0.w-100.flex-wrap.flex-lg-nowrap.mob_boxes {
        gap: 0px;
        justify-content: start;
    }

    a.add_appo svg {
        width: 14px;
    }

    a.add_appo {
        width: auto;
        height: 36px;
        border-radius: 20px;
        font-size: 12px;
        right: 7px;
        line-height: 36px;
        top: initial;
        padding: 0 10px;
        margin-top: 8px;
    }

    .opecity1 .modal-dialog {}

    .heading-text {
        font-size: 1.488rem;
    }

    .blue-overflow-div .summary-card {
        width: 32% !important;
    }

    .body-data .summary-card-container {
        justify-content: initial;
    }

    .summary-card .card-heading {
        font-size: 1rem;
    }

    .card-subdata img {
        width: 30px;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
        top: 0px !important;
    }

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 130px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter input {
        width: 22%;
        /* min-width: 170px; */
        /* margin-left: 0; */
    }

    table th.body-text,
    table td {
        display: table-cell !important;
    }

    .table-last-col .buttons .button.btn-text {
        width: 90px;
    }

    .body-text {
        font-size: 13px;
    }

    .appointment-table-section .heading {
        justify-content: flex-end !important;
        margin-left: auto !important;
        margin-bottom: 10px;
        margin-right: 15px;
        position: relative;
        right: 0;
    }

    .sidebar-container {
        position: absolute !important;
    }

    /* dashboard screen end */
    .form-control.filter-radio .radio1 label {
        font-size: 9px !important;
        margin: 0;
        padding-left: 9px;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 6px;
    }

    .doctor-listing div#doctor-listing {
        justify-content: center;
        width: 100%;
    }

    .green-main-btn h6 {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

    .add-new-btn {
        height: 44px;
    }

    section#appointments .new-table {
        top: 6px;
    }

    .new-table {
        position: relative;
        /* top: 7px; */
        padding: 0 14px !important;
    }

    .box_dr h6 {
        font-size: 11px !important;
    }

    .box_dr .name {
        font-size: 11px !important;
        width: 100px;
        word-break: break-all;
    }

    .user_box {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }

    .user_box svg {
        width: 23px;
    }

    .box_dr {
        text-align: center;
        padding: 0 8px;
    }

    .filter-by-div .checkboxes-container {
        width: 100% !important;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .form-control {
        padding: 0 10px;
    }

    .appointment-table-section .table-move {
        align-items: self-start;
    }

    .radio1 label:before {
        width: 10px !important;
        height: 10px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .radio1 {
        min-width: 59px;
    }

    form.filters_01::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    form.filters_01 {
        display: flex;
        height: 100%;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
        width: 100% !important;
        max-width: 92vw !important;
        overflow-x: scroll;
    }

    div#mainTable_wrapper div#mainTable_filter input {
        width: 180px;
        min-width: 180px;
    }

    .appointment-table-section .new-table2 .table-move {
        gap: 10px;
        flex-direction: row !important;
    }

    .appointment-table-section .filter-by-div {
        gap: 10px;
        flex-direction: row !important;
    }

    .appointment-table-section .filter-by-div .checkboxes-container {
        max-width: 38vw !important;
        margin-bottom: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .custom-inputnew {
        /* margin-top: 20px; */
    }

    .custom-input2 {
        margin-top: 4px;
    }

    /* .header .search_result {
        max-height: unset!important;
        width: 100vw !important;
        max-width: unset!important;
        height: 90vh;
        left: -129px !important;
    } */

    .sms-settings .tab-data .inline-border{
        flex-direction: column;
        height: auto !important;
    }

    .settings .tab-data .inline-border .body-text.message {
        border-bottom: 1px solid #8E8E8E;
        border-right: 0 !important;
        padding: 15px !important;
        display: block;
        width: 100%;
        text-align: center;
    }
    .sms-settings .tab-data .inline-border .checkboxes-container.message-th {
        display: block;
        width: 100%;
    }

    .sms-settings .checkboxes-container.message-th .form-check {
        padding-right: 1rem;
        justify-content: space-between;
    }

    .sms-settings .tab-data .sms-flex {
        flex-direction: column;
        align-items: start;
    }

    .bookAppPlaceholder::placeholder {
        color: #626974 !important;
    }

    .overflow {
        overflow: hidden;
        background-color: #0000079c !important;
    }

    .filters_appointment.show_filter {
        display: block;
        border-radius: 20px;
    }

    .filter_icon {
        position: fixed;
        bottom: 0;
        z-index: 8888888;
        right: 26px;
        bottom: 94px;
        border-radius: 50%;
    }

    .filter_icon img {
        width: 49px;
        border-radius: 50%;
    }

    /* div#pres_settings .settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"] {
        top: 0 !important;
    } */

    .reportMobFilters .custom_summary .dropdown.drop_repportss select {
        max-width: 300px !important;
        width: 300px !important;
    }

    .reportMobFilters select {
        width: 300px !important;
    }

    .filtersOptions.reportMobFilters .dropdown select {
        width: 300px !important;
        max-width: 300px !important;
    }

    .reportMobFilters div#clinicDateRange {
        max-width: 230px !important;
        align-self: start;
    }

    .filtersOptions.reportMobFilters {
        justify-content: inherit !important;
    }

    .filtersOptions.reportMobFilters div {
        align-self: start;
    }

    div#myTabContent .dropdown select {
        background-position: 91% center !important;
    }

    .search_result .search p a {
        padding-left: 0px;
    }

    form.general-form.signup-form.form.main_wrape_singup button.close {
        top: -7px !important;
    }

    .hide_mob {
        display: none !important;
    }

    .filters_appointment {
        margin: 0;
        background: #fff;
        padding: 15px 0px;
        border-radius: 10px;
        flex-wrap: wrap;
        /* z-index: 999; */
        position: relative;
        position: fixed;
        width: 100%;
        height: 95vh;
        left: 0;
        z-index: 999;
        bottom: -21px;
        display: none;
    }

    .buttons_Filter a {
        color: #000;
    }

    .filters_appointment .radio11 {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding: 12px 15px;
    }

    .ppx-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .filters_appointment .radio11 input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        height: 100%;
        z-index: 999999999;
    }

    .filters_appointment .radio11 label {
        font-size: 14px;
        padding-left: 40px;
        position: relative;
        margin: 0;
    }

    .filters_appointment .radio11 label:before {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        left: 0;
        top: 50%;
        background: #ccc;
        border-radius: 50%;
        transform: translateY(-50%);
    }

    .filters_appointment .radio11 input[type="radio"]:checked label {}

    .filters_appointment .radio11 input[type="radio"]:checked label:before {}

    .filters_appointment .radio11 input[type="radio"]:checked+label:before {
        background: #84d95b;
    }

    .filters_appointment .radio11 input[type="radio"]:checked+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 9px;
        width: 6px;
        height: 13px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    div#datepicker_consult input#consult_date {
        width: 253px !important;
        padding-right: 30px;
    }

    .modal-content .nav-tabs {
        border-bottom: 2px solid #76bd1d;
    }

    div#newDoctorAdd .modal-content .new-doc-form .times .close {
        top: 0px !important;
    }

    .get-started .tab-content .country {
        top: 70%;
    }

    div#addAppointment {
        z-index: 999999999;
        padding-left: 0px !important;
        padding-bottom: 46px;
    }

    .remove.remove_btn {
        position: absolute;
        right: 0;
        top: 0;
    }

    .patient-profile-div .new-app-div .modal-dialog textarea {
        width: 100% !important;
        height: 149px !important;
    }

    table#patients_table2 tbody tr td:nth-child(1) {
        padding: 10px 14px !important;
    }

    table#patients_table2 tbody tr td:nth-child(2) {
        padding: 10px 24px !important;
    }

    table#patients_table2 tbody tr td:nth-child(3) {
        padding: 10px 20px !important;
    }

    table#patients_table2 tbody tr td:nth-child(4) {
        padding: 10px 12px 10px 15px !important;
        display: inline-block !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
    }

    table#patients_table2 tbody tr td:nth-child(5) {
        padding: 10px 0px !important;
        text-align: center;
    }

    table#patients_table2 tbody tr td:nth-child(6) {
        padding: 10px 0px 10px 40px !important;
        text-align: center;
    }

    table#patients_table2 tbody tr td:nth-child(7) {
        text-align: center;
        /* padding: 10px 30px 10px 0px !important; */
        padding-right: 5rem !important;
    }

    table#patients_table2 tbody tr td:nth-child(8) {
        padding-left: 25px !important;
        text-align: center;
    }

    table#patients_table2 tbody tr td:nth-child(9) {
        text-align: center;
    }

    /* .table.dataTable.display>tbody>tr>:nth-child(2) {
        padding: 10px 16px !important;
    } */

    form#form-vital input,
    form#procedure-form input.form-control {
        width: 100% !important;
    }

    .filterRow.py-2.doctorFilters01 {
        margin-bottom: 0px;

        width: 100%;
        margin-left: auto;
    }

    .chartBox h6 {
        width: 100%;
        margin-left: 0;
    }

    div#newDoctorAdd .modal-dialog.modal-dialog-centered {
        width: 100%;
    }

    .btn_wrapper_patientStep3 {
        position: absolute;
        bottom: -100px !important;
        border-radius: 28.608px 28.608px 0px 0px;
        /* background: #F2F9FF; */
        width: 100%;
        left: 0;
        padding: 20px 0 10px 0 !important;
        /* box-shadow: 0px 4px 20px 0px rgba(195, 204, 216, 0.3); */
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    /* .stepping_three .textarea {

    } */

    .btn_wrapper_patientStep3 button {
        width: 92px !important;
    }

    div#stepTwo .modal-header {
        position: relative;
    }

    div#stepTwo .stepsFormContainer.steps.step-two {}

    div#stepTwo .stepsFormContainer.steps.step-two .btn_wrapper_step2 {
        position: absolute;
        bottom: -170px;
        padding: 10px 0 !important;
        /* box-shadow: 0px 4px 20px 0px rgba(195, 204, 216, 0.3); */
        width: 100%;
        left: 0;
        z-index: 999999;
    }

    .btn_wrapper_patient button {
        width: 100px !important;
    }

    div#stepTwo .stepsFormContainer.steps.step-two .btn_wrapper_step2 button {
        width: auto;
        padding: 0 26px;
    }

    div#newPatientModals .btn_wrapper_patient {
        z-index: 99999;
        position: relative;
        box-shadow: initial;
        padding-top: 53px !important;
        background: white;
        bottom: 0 !important;
    }

    form#myFormThree {
        position: relative;
    }

    div#stepThree .modal-content.modal_wrapper_patient {
        height: auto;
        padding-bottom: 100px;
    }

    div#newPatientModals .btn_wrapper_patient .btn_save_patient {
        padding: 0 30px;
        width: auto !important;
    }

    .stepsFormContainer.steps.step-two .px-5,
    .step-3 .textAreaMedicalHistory.px-5,
    .stepsFormContainer .px-5.steps {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .btn_wrapper_step2,
    .btn_wrapper_patientStep3 {
        flex-wrap: wrap;
    }

    .btn_wrapper_step2 {
        padding-top: 0px !important;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        width: 331px !important;
        height: 200px !important;
        flex-shrink: 0;
        border-radius: 24.5px !important;
        background: #EAF3FA !important;
        padding: 19px !important;
    }

    .newPatientModal .step2Patient .radioGroupsGender {
        gap: 15px;
    }

    .modal.fade.show.opecity1 {
        height: 43%;
        width: 100%;
    }

    div#dashboard .modal-dialog {
        margin-top: 40px;
    }

    .modal.fade.show.opecity1 {
        width: 100%;
    }

    .form_select {
        width: 100%;
        height: 37px;
        margin: 0;
    }

    .sidebar-container.web.sidebar-expanded i.fa-solid.fa-bars-staggered.close-icon.fa-2x.hk_mob_bars {
        display: none;
    }

    .search-box div#search_result {
        width: 100vw !important;
        left: auto;
        height: 100vh !important;
        max-height: unset !important;
        right: -24px;
        transform: none;
    }

    .sidebar-container.web.sidebar-expanded i.fa-solid.fa-xmark.hk_mob_close {
        font-size: 35px;
        color: #118be2;
        position: relative;
        top: 0px;
        right: 5px;
        display: block;
    }

    span.menu-collapsed.show-none {
        visibility: visible !important;
        opacity: 1;
    }

    .sidebar-container.sidebar-collapsed {
        height: 100vh;
    }

    .sidebar-collapsed .list-group-item1 {
        border-bottom: none !important;
        margin-left: -12px !important;
    }

    .sidebar-expanded img.logo_for_web {
        display: none;
    }

    .profile-data {
        display: none;
    }

    .profile-data.show_profile {
        display: block !important;
    }

    .fade_bg.fade_bg_hk {
        background-color: rgba(0, 0, 0, 0.7) !important;
        display: block;
        opacity: 1;
        z-index: 9999;
        height: 100vh;
        bottom: 0;
        top: 0;
        position: fixed;
    }

    .profile-data.for_mob_hide_hk {
        display: none;
    }

    .sidebar-expanded {
        width: 320px;
    }

    .sidebar-head .homeLink {
        width: 100%;
    }

    .header .header-data {
        position: absolute;
        top: 23px;
        left: auto;
        right: -30px;
    }

    h2.heading-text.hk_big {
        margin-bottom: 50px !important;
        color: white !important;
        font-size: 35px !important;
        width: 100%;
        line-height: 25px;
        margin-top: 5px !important;
    }

    .inline-overflow-div {
        padding-top: 0 !important;
    }

    .main-data .blue-div,
    .main-data .blue-div2,
    .main-data .blue-div3 {
        height: 150px !important;
    }

    .wrapper-head-presc {
        width: 100%;
        padding-left: 13px;
    }

    .appointment-table-section {
        height: auto;
    }

    .small_modal.del_modal .buttons .button2 {
        padding-top: 0px;
    }

    .newPatientModal .modal-dialog {
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .btn_wrapper_patient {
        background: #fff;
        justify-content: center !important;
        padding-top: 20px !important;
        flex-wrap: wrap !important;
        position: absolute;
        bottom: 0;
        border-radius: 28.608px 28.608px 0px 0px;
        /* background: #F2F9FF; */
        width: 100%;
        left: 0;
        padding: 10px 0 !important;
        box-shadow: 0px 4px 20px 0px rgba(195, 204, 216, 0.3);
    }

    .modal_wrapper_patient .modal-header {
        width: 100% !important;
    }

    .modal_wrapper_patient {
        width: 100% !important;
    }

    .newPatientModal .stepsTopHeadings {
        padding: 0 0rem;
        justify-content: space-between;
    }

    .wrapper_patient_uploadImg {
        width: 93px;
        height: 88px;
    }

    .newPatientModal .circle-2,
    .newPatientModal .circle-3,
    .newPatientModal .circle-1 {
        width: 38px;
        height: 38px;
    }

    #medication-data #saveTemplateModal .modal-dialog,
    .patient-profile-div .new-app-div .small_modal .modal-dialog,
    .small_modal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }

    .blue-overflow-div .summary-card {
        min-width: 146px;
    }

    .sidebar-container.sidebar-collapsed {
        z-index: 999;
    }

    .sidebar-container.web {
        z-index: 9999;
    }

    .dataTables_wrapper {
        max-width: 100% !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 94vw !important;
    }

    .filter-by-div .checkboxes-container {
        max-width: 39vw !important;
    }

    div#mainTable_wrapper {
        padding-top: 50px;
    }

    section.appointment-table-section.table-responsive.second-table.ss .tools {
        display: flex;
        position: absolute;
        padding-top: 17px;
        align-items: center;
        margin-bottom: 0;
    }

    .appointment-table-section .filter-by-div {
        flex-direction: row !important;
    }

    .reports .rightBox {
        margin: 0 auto;
    }

    .table-heading .table-move .new-table {
        display: flex;
    }

    .appointment-table-section .new-table2 .table-move {
        gap: 10px;
        flex-direction: row;
    }

    div#body-row .body-data {
        height: auto !important;
    }

    div#signup-page .button2.bottom-green-next {
        width: 90%;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        border-radius: 52px;
        display: block !important;
        overflow: hidden !important;
        /* background-color: #84d95b; */
    }

    div#signup-page .button2.bottom-green-next .inline2 {
        padding: 0 0px 0 25px;
    }

    .progressBarContainer .body-text span {
        padding-right: 10px;
        padding-left: 10px;
    }

    .financialChartRow .progressBarContainer {
        height: auto;
    }

    .filterRow {
        padding-top: 0;
    }

    .filtersOptions label {
        display: block;
        width: 100%;
    }

    .iconsContainer {
        position: absolute;
        bottom: 31px;
        right: 27px;
    }

    div#pills-report-appointments .filterRow {
        justify-content: start;
    }

    div#pills-report-appointments .iconsContainer {
        position: initial;
    }

    .filterRow .body-text {
        margin-right: 4px;
    }

    .filterRow {
        position: relative;
    }

    .reports .summary-card .heading1 {
        font-size: 3rem;
    }

    .tab-pane.reports {
        margin-top: 0;
    }

    .tab-pane.reports .filterRow.white {
        padding: 0px 10px 30px 10px;
    }

    div#clinicDateRange {
        color: #000000;
        border-radius: 24px;
        height: 35px;
        width: 100%;
        padding: 0 10px;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        /* border: 1px solid var(--grey-text-color); */
        position: relative;
    }

    .tab-content.clinic .filterRow {
        padding-top: 0;
        justify-content: start;
    }

    .tab-content.clinic .filterRow .switchContainer {}

    .reports .summary-card .heading1 {
        font-size: 3rem;
    }

    .progressBar {
        min-height: 30px;
    }

    .progressBarContainer .body-text {
        font-size: 18px;
    }

    .reports .dataTables_wrapper .dataTables_filter input {
        width: 97%;
    }

    .dateRangePicker {
        height: 35px;
    }

    .filterRow .dropdown select {
        height: 35px;
        max-width: 200px;
        width: 200px;
        appearance: none;
    }

    .filterRow .filtersOptions {
        gap: 5px;
    }

    .dateRangePicker {
        max-width: 200px;
        font-size: 13px;
    }

    canvas#appointmentChart {
        width: 100% !important;
    }

    .modal-content .new-doc-form .inner-div .form-group:first-child {
        padding: 0 0 0 0px !important;
    }

    .modal-content .new-doc-form .inner-div .form-group {
        padding: 0 0px;

        margin-left: 4px;
    }

    .modal-content .new-doc-form .inner-div .add {
        padding-right: 0px;
        margin-left: 13px;
        padding-bottom: 30px;
    }

    form#add-blog-post-form .green-main-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .modal-content .new-doc-form .inner-div .add img {
        width: 24px;
        height: 24px;
        margin-left: auto !important;
    }

    .modal-content .new-doc-form .times .close {
        font-size: 26px;
    }

    .clinic .iconsContainer {
        position: absolute;
        right: 20px;
        bottom: 30px;
    }

    .iconBtn {
        height: 30px;
        width: 30px;
    }

    .reports .nav-link.active {
        color: #fff !important;
    }

    .nav-item.active a {
        background: initial !important;
        color: #118be2 !important;
        border: 1px solid transparent !important;
    }

    .form-control.filter-radio .radio1 label {
        font-size: 8px !important;
        margin: 0;
        padding-left: 11px;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 10px;
    }

    .doctor-listing div#doctor-listing {
        overflow-x: auto;
        justify-content: start;
        width: 100%;
    }

    .green-main-btn h6 {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

    .add-new-btn {
        height: 44px;
    }

    section#appointments .new-table {
        top: 6px;
    }

    .new-table {
        position: relative;
        /* top: 7px; */
        padding: 0 14px !important;
    }

    .box_dr h6 {
        font-size: 11px !important;
    }

    .box_dr .name {
        font-size: 11px !important;
        width: 100px;
        word-break: break-all;
    }

    .user_box {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }

    .user_box svg {
        width: 23px;
    }

    .box_dr {
        text-align: center;
        padding: 0 8px;
    }

    .filter-by-div .checkboxes-container {
        width: 100% !important;
        margin-bottom: 0;
    }

    .radio1:first-child {
        min-width: 34px;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .form-control {
        padding: 0 10px;
    }

    .appointment-table-section .table-move {
        align-items: self-start;
    }

    .radio1 label:before {
        width: 8px !important;
        height: 9px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .radio1 {
        min-width: 59px;
    }

    form.filters_01::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    form.filters_01 {
        display: flex;
        height: 100%;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
        width: 100% !important;
        max-width: 92vw !important;
        overflow-x: scroll;
    }

    .list-group-item1:first-child {
        padding-bottom: 50px;
        height: 0px;
        margin-top: -4px;
    }

    .header .header-data {
        gap: 12px;
    }

    .main-data .header {
        left: 0;
        padding-left: 20px;
        position: fixed !important;
        width: 100%;
        background: #118be2;
        padding-top: 0px;
        padding-bottom: 26px;
        border-radius: 0 0 58px 0 !important;
        z-index: 999;
    }

    .main-data #dashboard .header {
        left: 0;
        padding-left: 20px;
        position: relative !important;
        width: 100%;
        background: #118be2;
        padding-top: 0px;
        padding-bottom: 26px;
        border-radius: 0 0 58px 0 !important;
        z-index: 999;
    }

    main.main-div {
        padding-top: 130px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard {
        z-index: 9;
        position: relative;
    }

    .main-div .top-tab {
        background-color: #f2f9ff00;
    }

    .top-tab .changing-tabs .nav-link {
        color: var(--body-text-color);
    }

    .medication-form-fav .dropdown.inline select,
    .medication-form .dropdown.inline select {
        position: relative;
        top: -6px;
    }

    .medication-form .dropdown.inline {
        display: flex;
        align-items: center;
    }

    .body-data .main-div {
        display: block !important;
    }

    .mob_boxes .table-option-data {
        flex-direction: row;
    }

    div#mainTable_wrapper .table-options.pt-2.pt-lg-0.w-100.flex-wrap.flex-lg-nowrap.mob_boxes {
        gap: 3px;
    }

    a.add_appo svg {
        width: 14px;
    }

    a.add_appo {
        width: auto;
        height: 36px;
        position: absolute;
        border-radius: 20px;
        font-size: 12px;
        right: 7px;
        line-height: 36px;
        top: initial;
        padding: 0 10px;
        margin-top: 8px;
    }

    .opecity1 .modal-dialog {
        width: 90% !important;
        max-width: 90% !important;
    }

    .heading-text {
        font-size: 1.488rem;
    }

    .blue-overflow-div .summary-card {
        width: 48% !important;
    }

    .body-data .summary-card-container {
        justify-content: initial;
    }

    .summary-card .card-heading {
        font-size: 1rem;
    }

    .card-subdata img {
        width: 30px;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
        position: initial !important;
    }

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 100px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter input {
        width: 28%;
        min-width: 170px;
        margin-left: 0;
    }

    table th.body-text,
    table td {
        display: table-cell !important;
    }

    .table-last-col .buttons .button.btn-text {
        width: 90px;
    }

    .body-text {
        font-size: 13px;
    }

    .opecity1 .modal-dialog {
        margin-right: 14px;
        margin-top: 90px;
    }

    .get-started .text {
        text-align: center !important;
        width: auto;
    }

    .get-started .signup-img {
        display: none;
    }

    .get-started .heading1.otp_heading,
    .get-started p.body-text {
        text-align: center;
    }

    .started.verifyOtp p.body-text {
        text-align: center;
        width: 260px;
        margin: 0 auto;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .started.verifyOtp {}

    .started.verifyOtp p.body-text span {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

    .get-started .started {
        padding: 60px 20px;
    }

    .get-started .text {
        width: 100% !important;
    }

    .otp-form.number {
        padding-top: 20px;
    }
    .settings .tab-data .body-text {
        font-size: 14px !important;
    }
    .sms-settings .form-check-input[type="radio"] {
        width: 23px !important;
        height: 23px !important;
    }
    .sms-settings .timepicker {
        font-size: 14px !important;
    }
    .sms-template .tab-data .dataTables_wrap table thead th {
        font-size: 15px !important;
        padding: 7px 4px 8px 30px !important;
    }
    .sms-template .tab-data .dataTables_wrap table td {
        padding: 20px 0 30px 30px !important;
        font-size: 15px !important;
    }
    .settings.sms-template .tab-data {
        height: 460px;
        overflow-x: scroll;
    }
    .sms-settings .timepicker {
        width: 75px;
    }
    .settings .tab-data .inline-border .body-text {
        padding: 16px 0 15px !important;
    }
    .sms-settings .inline {
        padding: 10px 15px 10px;
    }
    .main-data #sms-setting-form .settings .inline input:checked+.slider:before {
        -webkit-transform: translateX(14px) !important;
        -ms-transform: translateX(14px) !important;
        transform: translateX(14px) !important;
    }
    .sms-template .tab-data .dataTables_wrap table td:nth-child(3){
        display: -webkit-box !important;
        max-width: 200px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* tabs for add dr */
/* ------------------------------------------------------------------------------
*
*  # Steps wizard
*
*  An all-in-one wizard plugin that is extremely flexible, compact and feature-rich
*
*  Version: 1.2
*  Latest update: Aug 10, 2016
*
* ---------------------------------------------------------------------------- */
.modalAddDr .modal-content {
    padding: 10px 30px;
}

.wizard {
    width: 100%;
}

.wizard>.steps .current-info,
.wizard>.content>.title {
    position: absolute;
    left: -99999px;
}

.wizard>.content {
    position: relative;
    width: auto;
    padding: 0;
}

.wizard>.content>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard>.steps>ul {
    margin: 0;
    border-bottom: 1px solid #959494;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.wizard>.steps>ul>li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.wizard>.steps>ul>li a {
    position: relative;
    /* padding-top: 48px; */
    /* margin-top: 40px; */
    margin-bottom: 0px;
    display: block;
    margin-right: 20px;
}

.wizard>.steps>ul>li:before {
    left: 0;
}

.wizard>.steps>ul>li:after {
    right: 0;
}

.wizard>.steps>ul>li.current>a {
    color: #0f8be1;
    cursor: default;
}

.wizard>.steps>ul>li.current .number {
    border-color: #0f8be1;
    color: #0f8be1;
    display: none;
}

/*.wizard > .steps > ul > li.current .number:after {
    content: '\e913';
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 34px;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }*/
.wizard>.steps>ul>li.disabled a,
.wizard>.steps>ul>li.disabled a:hover,
.wizard>.steps>ul>li.disabled a:focus {
    color: #000;
    cursor: default;
}

.wizard>.steps>ul>li a {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.wizard>.steps>ul>li.done a,
.wizard>.steps>ul>li.done a:hover,
.wizard>.steps>ul>li.done a:focus {
    /* color: #76BD1D; */
}

.wizard>.steps>ul>li.done .number {
    font-size: 0;
    background-color: #76bd1d;
    border-color: #76bd1d;
    color: #fff;
}

.wizard>.steps>ul>li.error .number {
    border-color: #f44336;
    color: #f44336;
}

.appointment-table-section {
    height: auto !important;
}

td.body-text.semi-bold.wwwd {
    text-align: right;
    padding-right: 40px;
}

td.action_box {
    text-align: right;
}

.buttons_app {
    display: flex;
    justify-content: end;
    padding-right: 15px;
}

a.button2.w-auto {
    padding: 7px 20px !important;
}

.buttons_app a {
    margin-left: 20px;
}

div#prescriptionTable_filter input[type="search"] {
    position: absolute;
    width: 31vw !important;
    right: 10px;
}

.dropdown.inline.dd {
    display: flex;
    align-items: start;
}

div#myTabContent form.medication-form-fav.form input,
div#myTabContent form.medication-form-fav.form select {
    background-color: var(--light-dropdown-background) !important;
    border-color: var(--light-dropdown-background) !important;
}

div#myTabContent form.medication-form-fav.form .dropdown.inline.dd input {
    border-right: 1px solid #ccc !important;
}

.dropdown.half-width-select.custom_selected_doct {
    padding: 15px 20px 5px;
}

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

section.appointment-table-section.table-responsive.second-table.tableBilling {
    position: relative;
}

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

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

.row.row_clinic_billing {
    width: 92vw;
    margin-top: 10px;
    justify-content: end;
    margin-bottom: 10px;
}

.row.row_clinic_billing label {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 192.857% */
}

.row.row_clinic_billing span {
    color: #6da842;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* 271.429% */
    line-height: 27px;
    margin-right: 40px;
    margin-left: 10px;
}

.row.row_clinic_billing span:last-child {
    margin-right: 0;
}

.button,
.button2 {
    padding: 0px 10px !important;
    border-radius: 38px;
    text-decoration: none;
    width: 110px;
    height: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.filters_new_billing {
    display: flex;
    align-items: center;
    border-radius: 25px;
    background: #f2f2f2;
    padding: 3px 20px;
}

.filters_new_billing p.vsmall-text {
    /* margin-right: 8px; */
}

.filters_new_billing .form-check {
    margin-left: 12px;
}

.filters_new_billing .form-check {
    background: initial;
    width: auto;
}

section.table-responsive.dashboard-table.table_reportsnew th,
section.table-responsive.dashboard-table.table_reportsnew td {
    vertical-align: sub;
}

.patient_search .dataTables_wrapper.no-footer .dataTables_filter {
    position: absolute;
}

ul.listCheckBoxes li {
    position: relative;
    display: inline-block;
}

ul.listCheckBoxes li input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    top: 0;
    opacity: 0;
}

.for_indexx_buttons .btn-danger {
    z-index: 99999999999 !important;
    position: relative;
    margin-left: 12px;
}

ul.listCheckBoxes li label {
    width: 167px;
    height: 51px;
    border-radius: 10px;
    border: 1px solid #959494;
    background: #fff;
    text-align: center;
    line-height: 51px;
    color: #313131;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
}

ul.listCheckBoxes li input:checked {}

ul.listCheckBoxes li input:checked+label {
    background: #7cc14b;
    color: #fff;
    border: 1px solid;
}

button.add_row.btn001 {
    width: 184px;
    height: 58px;
    flex-shrink: 0;
    border-radius: 29px;
    background: #abb8f1;
    color: #3d3dc3;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.newimageBox {
    position: relative;
    border-radius: 3px;
    background: #c7e4fa;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
}

div#footerImagePreview {
    display: flex;
    gap: 0 7px;
}

.newimageBox button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cellipse cx='8' cy='7.5' rx='8' ry='7.5' fill='white'/%3E%3Cline y1='-1' x2='9.96614' y2='-1' transform='matrix(0.693042 0.720897 -0.869539 0.493865 4 4.33594)' stroke='%23B1032E' stroke-width='2'/%3E%3Cpath d='M11.6329 4.00005L4.68702 11.0021' stroke='%23B1032E' stroke-width='2'/%3E%3C/svg%3E");
    width: 16px;
    height: 15px;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

/*.newimageBox img {*/
/*    display: none;*/
/*}*/

div#headerImagePreview {
    display: flex;
    gap: 0 8px;
    margin-top: 10px;
}

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

.heading_upload_btn {
    position: relative;
}

.heading_upload_btn input[type="file"] {
    position: absolute;
    right: 0;
    text-align: right;
    display: inline-block;
    width: 100px;
    bottom: 0;
    height: 100%;
    z-index: 99;
    opacity: 0;
}

.heading_upload_btn:after {
    font-family: "FontAwesome";
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: #000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

td.body-text.text_dropdown i.dropdown.show {
    display: inline-block !important;
    font-style: normal;
}

td.body-text.text_dropdown i.dropdown {
    font-style: normal;
}

td.body-text.text_dropdown i.dropdown {}

td.body-text.text_dropdown i.dropdown a.dropdown-item {}

.medication-form.form .form-button {
    margin-top: 10px;
}

div#medication-data .changing-tabs li a.nav-link.active,
div#medication-data .changing-tabs li a.nav-link.active:hover,
div#medication-data .changing-tabs li a.nav-link.active:focus {
    color: #495057 !important;
}

select#clinic_onboard_yearly,
select#clinic_onboard_monthly,
select#clinic_onboard_daily,
select#revenue_yearly,
select#revenue_monthly,
select#revenue_daily {
    z-index: 99999;
    position: relative;
    left: -14px;
}

.buttons01 a,
.buttons01 label.btn.simpleBtn.bg_green {
    padding: 0px 10px;
    font-size: 13px;
    min-width: 158px;
    height: 40px;
    line-height: 40px;
}

.filtersOptions.medicine_option {
    padding-left: 340px;
    padding-top: 6px;
}

.filterRow.mb-new {
    margin-bottom: -62px;
    z-index: 99;
}

.diagnosis-view .filterRow.mb-new{
    margin-bottom: 0px;
}

div#medicineTable_filter {
    z-index: 99999;
    position: relative;

    top: 5px;
    padding-right: 10px;
}

.filtersOptions.medicine_option input#medicine_daterange,
.filtersOptions.medicine_option select {
    height: 38px;
}

#specialityTable tr th:after {
    display: none;
}



@media (max-width: 768px) {
    .wizard>.steps>ul {
        margin-bottom: 20px;
    }
    .col{
        padding-left: 0;
        padding-right: 0;
    }

    .appointment-table-section.table-responsive .table-heading {
        margin-left: 0;
    }

    .get-started .form-button .green-main-btn {
        width: 250px;
    }

    div#stepTwo .modal-dialog {
        margin-top: 0px !important;
    }


    .wizard>.steps>ul>li {
        display: block;
        float: left;
        width: 50%;
    }

    .wizard>.steps>ul>li>a {
        margin-bottom: 0;
    }

    .wizard>.steps>ul>li:first-child:before,
    .wizard>.steps>ul>li:last-child:after {
        content: "";
    }

    .wizard>.steps>ul>li:last-child:after {
        background-color: #00bcd4;
    }
}

.choose-med-div div#myTabContent select {
    border-radius: 0px !important;
    background: initial !important;
    border: 0px !important;
}

div#myTabContent select {
    border-radius: 50px;
    border: 1px solid #8e8e8e !important;
    background: #fff;
}

.medication-form.form .dropdown.inline {
    display: flex;
    align-items: self-start;
}

.inline-consult-data .button2 {
    width: auto;
}

.remove.remove_btn {
    background: #fff0;
    color: #989898;
    border: 0px;
    padding: 0;
    font-size: 30px;
}

.row.duplicate {
    position: relative;
}

.education {
    color: #118be2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 0;
    position: relative;
}
div#signup-page .button2.bottom-green-next:focus ,div#signup-page .button2.bottom-green-next:hover{
    z-index: 9999999999999;
}

.addMore {
    color: #118be2 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.addMore img {
    margin-right: 5px;
}



@media (max-width: 480px) {
    .wizard>.steps>ul>li {
        width: 100%;
    }

    .wizard>.steps>ul>li.current:after {
        background-color: #76bd1d;
    }
}

.wizard>.steps .number {
    background-color: #fff;
    display: none !important;
    color: #a5aeb7;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 38px;
    border: 2px solid #eeeeee;
    font-size: 14px;
    border-radius: 50%;
    z-index: 10;
    line-height: 34px;
    text-align: center;
}

.panel-flat>.wizard>.steps>ul {
    border-top: 1px solid #ddd;
}

.wizard>.actions {
    padding: 20px 0px;
}

.wizard>.actions>ul {
    float: inline-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.wizard>.actions>ul:after {
    content: "";
    display: table;
    clear: both;
}

.sendMessageConsultNow.green-main-btn {
    width: 170px !important;
    background-color: #118BE2 !important;
}

.radioBtnSendMsg input[type="radio"] {
    display: none;
}

/* Style for the custom radio buttons */
.radioBtnSendMsg label {
    position: relative;
    padding-left: 30px;
    /* Adjust as needed for spacing */
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    /* Adjust as needed for vertical spacing between options */
}

.radioBtnSendMsg label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    /* Adjust as needed for size */
    height: 20px;
    /* Adjust as needed for size */
    border: 2px solid #000;
    /* Border color for the square */
    background-color: #fff;
    /* Background color for the square */
    border-radius: 4px;
    /* Adjust as needed for rounded corners */
    box-sizing: border-box;
}

/* Show a check sign when the radio button is checked */
.radioBtnSendMsg input[type="radio"]:checked+label::before {
    content: "";
    /* Check sign Unicode character */
    font-size: 16px;
    /* Adjust as needed for size */
    color: #000;
    /* Check sign color */
    text-align: center;
    line-height: 20px;
    /* Adjust as needed for centering */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M3.9375 8.125L0.03125 4.405L1.27344 3.25L3.9375 5.7625L9.72656 0.25L10.9687 1.435L3.9375 8.125Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.wizard>.actions>ul>li {
    float: left;
}

.wizard>.actions>ul>li+li {
    margin-left: 10px;
}

.wizard>.actions>ul>li>a {
    background: #7cc14b;
    color: #fff;
    display: block;
    padding: 10px 25px;
    border-radius: 30px !important;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border: 2px solid #7cc14b;
}

.modalAddDr .form-group {
    margin-bottom: 30px;
}

.wizard>.actions>ul>li>a:hover,
.wizard>.actions>ul>li>a:focus {}

.wizard>.actions>ul>li>a:active {}

.wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fff;
    color: #4a4a49;
    border: 2px solid #118be2;
    color: #118be2;
}

.wizard>.actions>ul>li>a[href="#previous"]:hover,
.wizard>.actions>ul>li>a[href="#previous"]:focus {}

.wizard>.actions>ul>li>a[href="#previous"]:active {}

.wizard>.actions>ul>li.disabled>a,
.wizard>.actions>ul>li.disabled>a:hover,
.wizard>.actions>ul>li.disabled>a:focus {
    background-color: #fff;
    color: #4a4a49;
    border: 2px solid #ededed;
}

.wizard>.actions>ul>li.disabled>a[href="#previous"],
.wizard>.actions>ul>li.disabled>a[href="#previous"]:hover,
.wizard>.actions>ul>li.disabled>a[href="#previous"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

label {
    display: block;
}

label.error {
    color: red;
}

.required.error {
    display: block !important;
}

.tabs_update {}

.tabs_update a {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 1;
    padding-left: 10px;
    padding-right: 15px;
}

.tabs_update a:hover {
    background: initial !important;
    border: 1px solid transparent !important;
}

.form-row.colum01 {
    height: auto;
}

.form-row.colum01 .form-group {
    width: 50% !important;
}

.form-row.colum01 .inner-div {
    flex-wrap: nowrap !important;
    flex-direction: row;
    min-height: auto !important;
}

.form-row.colum01 p.body-text.semi-bold {
    color: var(--body-text-color);
}

.modalAddDr .form-control {
    border-radius: 100px;
    border: 0.25px solid #8e8e8e !important;
    background: #fff;
}

.modalAddDr .modal-dialog.modal-dialog-centered {
    max-width: 1000px !important;
    width: 1000px !important;
}

.radioBtnSendMsg {
    padding-left: 0.9rem !important;
}

.modal-body.send_messagePtop {
    padding: 15px 30px 50px 30px !important;
}

.closeBtnSendMessage {
    margin-top: 20px;
    color: #B1032E;
    position: absolute;
    right: 15px;
    top: 15px;
    background: #D6818966;
    border-radius: 50%;
    padding: 3px 10px;
    font-weight: 600;
}

@media screen and (max-width: 660px) {
    .plusBtnDropdown .dropdown-menu {
        right: 0;
        left: auto;
        bottom: 63px;
        top: auto;
    }

    .plusBtnDropdown .list-group-item1 {
        height: 52px;
    }

    .plusBtnDropdown .list-group-item1 .menu-collapsed {
        top: 15px;
    }

    .plusBtnDropdown .list-group-item1 .sidebar-item img {
        top: 8px;
    }

    .filterRow,
    .filterRow .filtersOptions,
    .filterResult {
        flex-wrap: wrap;
    }

    .filterRow {
        justify-content: center;
        gap: 10px;
    }

    .reports {
        padding: 15px 0 5px;
    }

    .filterRow.white {
        background: transparent;
    }

    .filterRow.white .dropdown select,
    .filterRow.white .customDatePicker {
        background-color: var(--white-color);
    }
}

@media only screen and (min-width: 540px) and (max-width: 1365px) {
    .dashboard-table .dataTables_wrapper .dataTables_filter input {
        margin-left: 25px;
        width: 85vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
    .header .header-data {
        flex-direction: row;
        flex-wrap: inherit;
        align-items: center;
        gap: 10px;
        justify-content: flex-start;
    }

    #general-settings .main-div .blue-overflow-div,
    #fav-med-page .main-div .blue-overflow-div,
    #report-page .main-div .blue-overflow-div,
    #update_prof.main-div .blue-overflow-div {
        margin-top: -11px;
    }

    .modal-dialog {
        width: 691px;
        max-width: 100% !important;
    }

    .dashboard-table .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
        width: 20vw;
    }

    .appointment-table-section.hide_table_dashboard section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
        right: 0;
        top: 0;
    }

    .dashboard-table .dataTables_wrapper .dataTables_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small {
        width: 17vw;
        min-width: 180px;
    }

    .second-table .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input {
        margin-left: 0px;
    }

    /* .filter-by-div .checkboxes-container {
        width: 50vw;
    } */
    .filter-by-div .checkboxes-container {
        width: 100%;
    }

    .modal-dialog #appointment-booked {
        margin: auto;
    }

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 16vw;
    }

    .filterRow .dropdown select, .appointment-table-section .dropdown select {
        width: 200px;
    }

    .sidebar-expanded+.col .appointment-table-section .dropdown select,
    .sidebar-expanded+.col .appointment-table-section .new-table {
        transition: 0.1s ease-in-out;
        width: 160px;
    }

    .dataTables_wrapper .dataTables_filter {
        float: none;
    }

    .second-table .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input,
    .second-table#appointments .dataTables_wrapper .dataTables_filter input,
    .second-table#appointments .dataTables_wrapper .dataTables_filter input.small {
        width: 70vw;
    }

    .mobile-icon {
        display: none;
    }

    .desktop-icon {
        display: block;
    }

    .header .header-line {
        padding-top: 0;
    }

    .header .notification,
    .header .plus {
        position: relative;
        top: 0;
    }

    .main-div .top-tab {
        margin-left: -20px;
        width: 104%;
        border-bottom-right-radius: 0;
        padding-top: 15px;
        margin-top: 15px;
    }

    .main-div .top-tab.top-tab-setting {
        margin-left: -36px;
        width: 106%;
        border-bottom-right-radius: 74px;
    }

    .main-data .blue-div2.general_settings_wrapper{
        border-bottom-right-radius: 0;
    }

    /* .header .notification:after {
    right: 4px;
  } */
    .blue-div2 .get-started .top-tab {
        padding-top: 4px;
    }

    .body-data {
        z-index: 1;
    }

    .modal-dialog {
        margin: auto;
    }

    .sidebar-head img,
    .sidebar-container .show-none {
        transition: 0.5s ease-in-out;
    }

    .header .search-box {
        display: none;
    }

    .header .search-div {
        display: flex;
    }

    .appointment-table-section .table-heading,
    .appointment-table-section .table-move {
        flex-direction: row;
        /* .main-data .blue-div2; */
    }

    .table-options {
        flex-direction: row;
        justify-content: center;
        gap: 5px;
    }

    .body-data .main-div {
        margin-left: 0;
    }

    .sidebar-container.sidebar-collapsed {
        height: 100%;
        min-height: 100vh !important;
        background-color: var(--white-color);
        position: sticky;
    }

    .sidebar-container.sidebar-collapsed .sidebar-item {
        display: block;
    }

    .sidebar-collapsed .sidebar-head i {
        color: var(--blue-color);
    }

    /* .header-data input {
    width: 350px !important;
  } */
    /* .header {
    margin-left: 230px !important;
  } */
    .body-data .main-div {
        padding: 0 10px 0 0;
    }

    .medication-data .search-div input {
        width: 400px;
    }

    .main-data.blue-div,
    .main-data .blue-div2 {
        height: 145px !important;
    }

    .blue-div2.signup-wrapper-contain {
        height: 128px !important;
    }

    div#update_prof {
        height: 138px !important;
    }

    .blue-overflow-div .summary-card,
    .sidebar-container {
        height: 100%;
        bottom: 0;
        position: sticky;
        transition: 0.5s ease-in-out;
    }

    .table-option-data {
        flex-direction: row;
        gap: 5px;
    }

    .body-data {
        left: 0;
        padding-left: 0;
    }

    .header .header-info {
        display: flex;
        flex-direction: column;
    }

    .header .header-fixed-div {
        flex-direction: row;
    }

    .main-div .header-tabs-div {
        border-radius: 0;
        margin-left: -20px;
        flex-direction: column-reverse;
        position: static;
        width: 104%;
        align-items: center;
    }

    .phone_number .phone_92 {
        top: 31%;
    }

    .get-started {
        overflow-x: hidden;
    }
}

@media screen and (min-width: 1000px) {
    .blue-div2 .get-started .signup-img img {
        display: block;
    }
}

@media screen and (min-width: 1000px) and (min-height: 600px) and (max-height: 770px) {
    .sidebar-collapsed .list-group-item1:first-child {
        padding-bottom: 32px;
        height: 105px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1400px) {

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input {
        width: 39vw;
    }

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small {
        width: 28vw;
    }

    .second-table#appointments .dataTables_wrapper .dataTables_filter input.small {
        width: 11vw;
    }

    .second-table#appointments .dataTables_wrapper .dataTables_filter input {
        width: 22vw;
    }
}

@media only screen and (min-width: 1535px) {

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input {
        width: 42vw;
    }

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small {
        width: 30vw;
    }

    .second-table#appointments .dataTables_wrapper .dataTables_filter input.small {
        width: 15vw;
    }

    .second-table#appointments .dataTables_wrapper .dataTables_filter input {
        width: 24vw;
    }
}

@media only screen and (min-width: 1600px) {
    /* .bottom-green-next {
        left: 328px;
        width: 79%;
    } */

    .form .form-control.mixed_input {
        padding-left: 20px;
    }

    .notification-info .form-control {
        width: 100%;
    }

    .appointment-table-section .table-last-col,
    .appointment-table-section .table-last-col2 {
        gap: 40px;
    }

    .buttons,
    #medication-data .buttons {
        justify-content: flex-end;
    }

    #toolbar {
        width: 67%;
    }

    .new-table2,
    .new-table,
    .filter-by-div {
        width: 100% !important;
    }

    .appointment-table-section .new-table {
        width: 17vw !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        min-width: 300px;
    }

    .general:first-child thead th:nth-child(2) {
        width: 55px !important;
    }

    .general1 thead th:nth-child(2) {
        width: 80px !important;
    }

    .second-table .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input,
    .second-table#appointments .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input {
        min-width: 310px !important;
        width: 30vw;
    }

    .second-table#appointments .dataTables_wrapper .dataTables_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input.small,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input.small {
        width: 25vw;
    }
}

@media only screen and (min-width: 1900px) {
    /* .bottom-green-next {
        width: 82.5%;
    } */

    .dataTables_wrapper .dataTables_filter input {
        min-width: 350px;
    }

    .second-table .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input {
        min-width: 360px !important;
        width: 30vw;
    }
}

@media only screen and (min-width: 2400px) {
    /* .bottom-green-next {
        width: 87%;
    } */

    .dataTables_wrapper .dataTables_filter input {
        min-width: 480px;
    }

    .second-table .dataTables_wrapper .dataTables_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#mainTable2_filter input,
    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input {
        min-width: 510px !important;
        width: 30vw;
    }
}

.reports .nav-pills.admin_health_tab {
    border: none;
    background-color: transparent;
    max-width: 500px;
}

.reports .admin_health_tab .nav-item {
    width: 30%;
}

#admin_health_report {
    display: none;
}

/* .reports .nav-item#back_health {
    width: auto;
}  */
.reports #back_health .nav-link.back_arrow {
    display: none;
}

.reports #back_health .nav-link.back_arrow.active {
    background-color: transparent;
    padding: 0.2rem 0 0;
}

#back_health .icon_black {
    color: var(--body-text-color);
    font-size: 35px;
    padding-right: 5px;
}

.reports .nav-pills.admin_health_tab .nav-link {
    background-color: #c9c9c9;
    border: 1px solid var(--grey-text-color);
}

.reports .nav-pills.admin_health_tab .nav-link.active {
    border-bottom: 0;
    background-color: var(--blue-color);
}

.reports .nav-pills.admin_health_tab #back_health .nav-link.back_arrow {
    padding: 5px 0 0;
    background-color: transparent;
    border: none;
    color: var(--body-text-color);
}

.btnaddmode {
    width: 120px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 20px;
    background: #118be2;

    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    display: none;
}

.btnaddmode.show_btn {
    display: inline-block;
}

.addmore {
    padding-bottom: 61px;
    position: relative;
}

.addmore .btnaddmodebox {
    position: absolute;
    bottom: 0;
}

.btn_cancel {
    width: 139px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
}

.btn_submit {
    border-radius: 30px;
    background: #7cc14b;
    width: 151px;
    height: 40px;
    line-height: 40px;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.btnaddmode:hover {
    color: #fff;
}

.modal_add_field .modal-content {
    padding: 55px 30px;
}

.modal_add_field .modal-content h5 {
    color: #118be2;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.modal_add_field .modal-content .modal-header {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #7cc14b;
    margin-bottom: 20px;
}

.newlabel {
    color: var(--body-text-color);
    font-weight: 400;
    margin-bottom: 15px;
}

.doctor-listing {
    display: flex;
    width: 100%;
    align-items: center;
}

.profile-image {
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px;
}

.name {
    font-size: 24px;
    font-weight: bold;
}

.w-90 {
    width: 90%;
}

.w-91 {
    width: 91%;
}

.filters_new_billing label.form-check-label {
    padding-left: 0px;
}

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

div#newPatientModals .btn_wrapper_patient {
    padding-top: 44px;
    padding-bottom: 20px;
}


div#stepTwo .modal-dialog.modal-dialog-centered {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 22px;
    padding-top: 107px;
}


div#stepTwo .modal-dialog.modal-dialog-centered::-webkit-scrollbar {
    display: none;
}



div#stepTwo .modal-dialog {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

div#stepTwo .modal-dialog .mt-4.btn_wrapper_step2 {
    padding-bottom: 20px;
}

.filterHeading {
    width: 90px;
}

form.filters_01 {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 17px;
    justify-content: space-between;
}

.form-control.filter-radio {
    height: 38px;
    margin-top: 9px;
}

section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
    position: absolute;
    right: 10px;
    top: 7px;
}

.get-started .text {
    width: 404px;
    text-align: left;
}

form.general-form.signup-form.form .form-control,
form.general-form.signup-form.form select {
    border-radius: 100px;
    border: 1px solid #8e8e8e !important;
    background: #fff;
    width: 100% !important;
}

form.general-form.signup-form.form .date {
    border-radius: 100px;
    border: 1px solid #8e8e8e;
    background: #fff;
}

form.general-form.signup-form.form .date .form-control {
    border: 0.25px solid #ffffff !important;
}

form.general-form.signup-form.form .date span.input-group-addon {
    background: #fff;
}

.form-control.filter-radio .radio1 label {
    font-size: 12px;
}

.radio1 {
    position: relative;
}

.radio1 input {
    opacity: 0;
    position: absolute;
}

.radio1 input:checked {
    width: 100%;
    height: 100%;
}

.radio1 input:checked+label {}

.radio1 label:before {
    content: "";
    width: 14px;
    height: 13px;
    position: absolute;
    left: -3px;
    top: 50%;
    background: #d9d9d9;
    border-radius: 50%;
    transform: translateY(-50%);
}

.dataTables_filter.topSearch {
    top: -199px !important;
}

.radio1 label {
    position: relative;
    padding-left: 18px;
}

.radio1 input:checked+label:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cellipse cx='7' cy='6.5' rx='7' ry='6.5' fill='%237CC14B'/%3E%3Cellipse cx='7' cy='6.5' rx='4' ry='3.5' fill='white'/%3E%3C/svg%3E");
}

section#appointments div#mainTable_filter {
    position: absolute;
    top: 11px;
    right: 20px;
}

.box_dr {
    text-align: center;
    padding: 0 15px;
}

.box_dr .name {
    color: #000;
    text-align: center;
    font-size: 16px;
    height: 37px;
    overflow: hidden;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 0px;
    word-break: break-all;
}

.doctor-listing div#doctor-listing {
    display: flex;
    padding: 20px 0;
}

.user_box {
    width: 70px;
    height: 70px;
    background: #edf6fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #118be2;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    margin: 0 auto 10px;
}

.box_dr {
    width: 100px;
}

.box_dr h6 {
    color: #118be2;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 0;
}


.shadow_cards .vsmall-text.green-text.custom-text.sending_messagee {
    color: #9adf79 !important;
}

.box_dr p {
    color: #9b9a9a;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.invoice-div.new_invoice {
    margin-bottom: 12px;
}

.new_invoice label.form-check-label {
    color: #118be2;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.add_more_pro {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0 !important;
}

.box_cons_px {
    padding: 0 20px;
}

.new_invoice.add_more_pro {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0px !important;
}

.add_more_pro label.form-check-label {
    color: #118be2;
    margin-left: 30px;
}

.invoice-div.new_invoice label {
    /* color: #118be2 !important; */
    color: #3f4052 !important;
    margin-left: 30px;
}

.modal-content .total-amount-div .amount-info {
    text-align: left;
}

.filters_appointment {
    display: none;
}

#uploadModals .modal-content, #uploadTempletes .modal-content{
    border-radius: 7px;
    background-color: #E6E6E6;
}
.simpleBtn.bg_blue {
    border-radius: 4px;
    min-width: 137px;
    height: 40px;
    padding: 8px 20px;
}
#uploadModals .modal-dialog, #uploadTempletes .modal-dialog {
    width: 1142px;
    max-width: 100%;
}
#uploadModals .boxed, #uploadTempletes .boxed {
    background-color: #fff;
    border-radius: 7px;
    padding: 20px 14px 20px 11px;
    height: 100%;
}
#uploadModals .boxed h3, #uploadTempletes .boxed h3{
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    padding: 0 19px 13px;
    position: relative;
    margin: 0;
    color: #000;
}
#uploadModals .boxed h3::before, #uploadTempletes .boxed h3:before{
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #959494;
}
#uploadModals .boxed .nav-tabs, #uploadTempletes .boxed .nav-tabs{
    border-bottom: none;
    padding: 16px 0 0 10px;
}
#uploadModals .boxed .nav-tabs .nav-link, #uploadTempletes .boxed .nav-tabs .nav-link{
    padding: 0 12px 0 0;
    color: #313131;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}
#uploadModals .boxed .nav-tabs .nav-link.active, #uploadTempletes .boxed .nav-tabs .nav-link.active{
    color: #118BE2;
}
#uploadModals .boxed .tab-content, #uploadTempletes .boxed .tab-content{
    padding: 18px 0 0 10px;
}
#uploadModals .boxed .tab-content h5, #uploadTempletes .boxed .tab-content h5{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 17px;
    color: #313131;
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:checked,
#uploadModals .boxed .tab-content #prescription [type="radio"]:not(:checked),
#uploadModals .boxed .tab-content #invoice [type="radio"]:checked,
#uploadModals .boxed .tab-content #invoice [type="radio"]:not(:checked) ,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:checked,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:not(:checked),
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:checked,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:not(:checked){
    position: absolute;
    left: -9999px;
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:checked + label,
#uploadModals .boxed .tab-content #prescription [type="radio"]:not(:checked) + label,
#uploadModals .boxed .tab-content #invoice [type="radio"]:checked + label,
#uploadModals .boxed .tab-content #invoice [type="radio"]:not(:checked) + label,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:checked + label,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:not(:checked) + label,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:checked + label,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:checked + label:before,
#uploadModals .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:before,
#uploadModals .boxed .tab-content #invoice [type="radio"]:checked + label:before,
#uploadModals .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:before,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:checked + label:before,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:before,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:checked + label:before,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #626263;
    border-radius: 100%;
    background: #fff;
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:checked + label:after,
#uploadModals .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:after,
#uploadModals .boxed .tab-content #invoice [type="radio"]:checked + label:after,
#uploadModals .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:after,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:checked + label:after,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:after,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:checked + label:after,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 11px;
    height: 11px;
    background: #73C936;
    position: absolute;
    top: 3px;
    left: 2.8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:after,
#uploadModals .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:after,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:not(:checked) + label:after,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:not(:checked) + label:after{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#uploadModals .boxed .tab-content #prescription [type="radio"]:checked + label:after,
#uploadModals .boxed .tab-content #invoice [type="radio"]:checked + label:after,
#uploadTempletes .boxed .tab-content #prescription [type="radio"]:checked + label:after,
#uploadTempletes .boxed .tab-content #invoice [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.button-container {
    display: inline-flex;
    justify-content: left;
    margin-top: 0;
}

.button-container .button {
    padding: 10px 20px;
    height: 40px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #D9D9D9;
    text-align: center;
    font-weight: 300;
    color: #000;
    font-size: 15px;
}

.button-container  .button.active {
    background-color: #fff;
    border: 1px solid #D9D9D9;
    color: #000;
}
#uploadModals .boxed .toggle-label, #uploadTempletes .boxed .toggle-label {
    position: relative;
    display: block;
    width: 200px;
    height: 40px;
  }
  #uploadModals .boxed .toggle-label input[type=checkbox], #uploadTempletes .boxed .toggle-label input[type=checkbox]{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #uploadModals .boxed .toggle-label input[type=checkbox]+.back, #uploadTempletes .boxed .toggle-label input[type=checkbox]+.back{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    border-radius: 4px;
  }
  #uploadModals .boxed .toggle-label input[type=checkbox]:checked+.back, #uploadTempletes .boxed .toggle-label input[type=checkbox]:checked+.back{
    background: #D9D9D9;
  }

  #uploadModals .boxed .toggle-label input[type=checkbox]+.back .toggle, #uploadTempletes .boxed .toggle-label input[type=checkbox]+.back .toggle{
    display: block;
    position: absolute;
    content: ' ';
    background: #fff;
    width: 100px;
    height: 100%;
    border-radius: 4px;
  }
  #uploadModals .boxed .toggle-label input[type=checkbox]:checked+.back .toggle, #uploadTempletes .boxed .toggle-label input[type=checkbox]:checked+.back .toggle {
    margin-left: 100px;
  }
  #uploadModals .boxed .toggle-label .label, #uploadTempletes .boxed .toggle-label .label {
    display: block;
    position: absolute;
    border-radius: 4px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    color: #000;
    font-size: 15px;
  }
  #uploadModals .boxed .toggle-label .label.on, #uploadTempletes .boxed .toggle-label .label.on { left: 0px; }
  #uploadModals .boxed .toggle-label .label.off, #uploadTempletes .boxed .toggle-label .label.off { right: 0px; }

  #uploadModals .boxed .boxed-code, #uploadTempletes .boxed .boxed-code{
    background: #E2EAF0;
    width: 100%;
    margin: 18px 0 13px;
    padding: 13px 21px 14px;
  }
  #uploadModals .boxed .boxed-code h4, #uploadTempletes .boxed .boxed-code h4{
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    color: #000;
  }
  #uploadModals .boxed textarea, #uploadTempletes .boxed textarea{
    width: 100%;
    margin-bottom: 18px;
    border: 1px solid #959494;
    height: 520px;
    padding: 22px 30px;
    border-radius: 23px;
    background-color: #fff;
  }
  #uploadModals .boxed .btn, #uploadTempletes .boxed .btn{
    border-radius: 4px;
    width: 133px;
    font-family: 'Poppins', sans-serif;
    margin-left: 17px;
    color: #FFFFFF;
  }
  #uploadModals .boxed .btn-outline, #uploadTempletes .boxed .btn-outline{
    border: 1px solid #D9D9D9;
    color: #000;
  }

  .web-view{
    display: block;
  }

  .mobile-view {
    display: none;
  }

@media (min-width: 768px) and (max-width: 1024px) {
    .drag-area header {
        font-size: 15px;
    }

    .drag-area span {
        font-size: 18px;
    }

    .drag-area .button {
        padding: 10px 25px;
        font-size: 14px;
    }

    .drag-area {
        border: 2px dashed var(--blue-color);
        height: 280px;
    }

    .newPatientModal .patientField {
        max-width: 100% !important;
    }

    .btn_wrapper_patient {
        align-items: center !important;
        padding-top: 73px !important;
        gap: 12px !important;
    }

    div#mainTable_wrapper {
        max-width: 100% !important;
    }

    .dataTables_wrapper {
        max-width: 99% !important;
        margin-left: auto !important;
    }

    .blue-overflow-div .summary-card {
        min-width: 128px;
    }

    .filterRow .filtersOptions {
        padding-top: 0;
    }

    .progressBarContainer .body-text {
        font-size: 16px;
    }

    .body-data {
        padding-left: 90px !important;
    }

    .main-div .top-tab {
        background-color: #f2f9ff00;
    }

    .top-tab .changing-tabs .nav-link {
        color: var(--body-text-color);
    }

    .medication-form-fav .dropdown.inline select,
    .medication-form .dropdown.inline select {
        position: relative;
        top: -6px;
    }

    .medication-form .dropdown.inline {
        display: flex;
        align-items: center;
    }

    .main-data .header {
        width: 100%;
        margin-left: auto;
    }

    .get-started#login_screen .signup-img img,
    .get-started .signup-img {
        display: none;
    }

    .get-started .heading1.otp_heading {
        text-align: center;
    }

    .started.verifyOtp p.body-text {
        text-align: center;
        width: auto;
    }

    .get-started .text {
        text-align: center !important;
        width: auto;
    }

    /* dashboard screen  */
    .body-data .main-div {
        display: block !important;
    }

    .mob_boxes .table-option-data {
        flex-direction: row;
    }

    div#mainTable_wrapper .table-options.pt-2.pt-lg-0.w-100.flex-wrap.flex-lg-nowrap.mob_boxes {
        gap: 0px;
        justify-content: start;
    }

    a.add_appo svg {
        width: 14px;
    }

    a.add_appo {
        width: auto;
        height: 36px;
        border-radius: 20px;
        font-size: 12px;
        right: 7px;
        line-height: 36px;
        top: initial;
        padding: 0 10px;
        margin-top: 8px;
    }

    .opecity1 .modal-dialog {}

    .heading-text {
        font-size: 1.488rem;
    }

    .blue-overflow-div .summary-card {
        width: 32% !important;
    }

    .body-data .summary-card-container {
        justify-content: initial;
    }

    .summary-card .card-heading {
        font-size: 1rem;
    }

    .card-subdata img {
        width: 30px;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
        top: 0px !important;
    }

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 130px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter input {
        width: 120px !important;
        min-width: 120px !important;
        /* min-width: 170px; */
        /* margin-left: 0; */
    }

    .appointment-table-section .heading {
        margin-left: 40px !important;
    }

    table th.body-text,
    table td {
        display: table-cell !important;
    }

    .table-last-col .buttons .button.btn-text {
        width: 90px;
    }

    .body-text {
        font-size: 13px;
    }

    .appointment-table-section .heading {
        justify-content: flex-end !important;
        margin-left: auto !important;
        margin-bottom: 10px;
        margin-right: 15px;
        position: relative;
        right: 40px;
    }

    .sidebar-container {
        position: absolute !important;
    }

    /* dashboard screen end */
    .form-control.filter-radio .radio1 label {
        font-size: 9px !important;
        margin: 0;
        padding-left: 9px;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 10px;
    }

    .doctor-listing div#doctor-listing {
        justify-content: center;
        width: 100%;
    }

    .green-main-btn h6 {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

    .add-new-btn {
        height: 44px;
    }

    section#appointments .new-table {
        top: 6px;
    }

    .new-table {
        position: relative;
        /* top: 7px; */
        padding: 0 14px !important;
    }

    .box_dr h6 {
        font-size: 11px !important;
    }

    .box_dr .name {
        font-size: 11px !important;
        width: 100px;
        word-break: break-all;
    }

    .user_box {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }

    .user_box svg {
        width: 23px;
    }

    .box_dr {
        text-align: center;
        padding: 0 8px;
    }

    .filter-by-div .checkboxes-container {
        width: 100% !important;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .form-control {
        padding: 0 10px;
    }

    .appointment-table-section .table-move {
        align-items: self-start;
    }

    .radio1 label:before {
        width: 10px !important;
        height: 10px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .radio1 {
        min-width: 59px;
    }

    form.filters_01::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    form.filters_01 {
        display: flex;
        height: 100%;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
        width: 100% !important;
        max-width: 92vw !important;
        overflow-x: scroll;
    }

    .appointment-table-section .new-table2 .table-move {
        gap: 10px;
        flex-direction: row !important;
    }

    .appointment-table-section .filter-by-div {
        gap: 10px;
        flex-direction: row !important;
    }

    .appointment-table-section .filter-by-div .checkboxes-container {
        max-width: 38vw !important;
        margin-bottom: 0;
    }

    .patient_search .dataTables_wrapper.no-footer .dataTables_filter {
        position: initial;
    }
}

.rep-billing .mobile-billing {
    display: none;
}

div#addAppointment button.close.closeModal {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 99999999999;
    cursor: pointer;
    font-weight: 600;
}

input.select2-search__field:focus-visible {
    outline: 0 !important;
}

.investigation-form.form span.select2 {
    background-position: 98% center !important;
}

.default-instruction-section .add_default_option_instruction{
    text-decoration: underline;
    font-size: 14px;
        color: revert;
}

div#medicine_table_info {
    padding: 10px 20px;
}

.backToRecords.mt-3 {
    /* margin-top: 1rem!important; */
}

.col-md-4.chartBox a:focus {
    color: #337ab7;
}

a.xsmall-text.green-text.custom-text2.ChangeFrequency {
    display: block;
    color: var(--purple-color) !important;
}

a.xsmall-text.purple-text.default-text2.ChangeFrequency,
div#consult_sections .medication-form.form a.xsmall-text.purple-text.default-text {
    position: relative;
    top: 0;
}


.medication-form.form a.xsmall-text.green-text.custom-text2.ChangeFrequency {
    display: block;
}

div#consult_sections .medication-form.form a.xsmall-text.green-text.custom-text {
    display: block;
}

.custom-text, .custom-text:hover {
    color: var(--purple-color) !important;
}

.backToRecords.mt-1 {
    margin-top: 0px !important;
}

div#editPresModal .form .form-control.mixed_input {
    margin-bottom: 0;
}

div#editPresModal .changing-tabs a.nav-link.active {
    color: #495057 !important;
}

div#editPresModal {
    z-index: 9999;
}

.button.btn-text.blue-outline-btn{
    font-size: 0.688rem;
    line-height: 30px;
    border-radius: 18px;
    color: var(--blue-color);
    letter-spacing: normal;
    border: 1px solid #0F75BC;
  }
.blue-outline-btn {
    border: 1px solid #0F75BC;
    color: var(--blue-color);
    border-radius: 38px;
    text-align: center;
    line-height: 53px;
    font-size: 1rem;
    letter-spacing: 1.6px;
    font-weight: 600;
  }

  .button.btn-text.blue-outline-btn:hover {
    background-color: var(--blue-color);
    color: white;
}

.header .header-line .plusBtnDropdown .list-group-item1 {
    height: 60px;
}

div#uploadFileModal .modal-body .gap_div {
    padding: 30px 60px;
}

div#uploadFileModal .modal-body .gap_div a.button {
    padding: 10px 30px !important;
}

p.required_types_hk {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-top: 20px;
}

div#sendSmsAppointment .modal-body {
    padding: 20px 0px;
}

div#sendSmsAppointment .close_icon_sms_wrapper {
    top: 20px;
    right: 40px;
}

.currently_image {
    width: 75px;
    height: 75px;
    border-radius: 100px;
    background-position: 100% 100%;
    position: absolute;
    top: 167px;
    z-index: 999;
    background-size: contain;
}

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

    .patient_pro_wrape .body-data .blue-overflow-div ,div#report-page .body-data .blue-overflow-div{
        overflow-x: hidden;
    }
    form#form-consultation .tab-content {
        height: 370px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    form#form-consultation .tab-content::-webkit-scrollbar {
      width: 0px;
    }
    div#sendMessageModal-192 .send_message_patient .title_patient {
        color: #118BE2;
        text-align: center;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }


    div#sendMessageModal-192 label.xsmall-text.label_message_patient {
        padding-left: 10px!important;
        color: #313131;
        font-family: Inter;
        font-size: 14px!important;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#sendMessageModal-192 input.number_patient_messgage_input,div#sendMessageModal-192 textarea {
        border-radius: 86.488px;
        border: 0.216px solid #E8F0FE!important;
        background: #EAF3FA!important;
        color: #000;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        padding: 6px 20px;
    }


    div#sendMessageModal-192 textarea {
        padding-top: 10px;
    }

    form#sendSms  .btn_wrapper_message {
        padding-top: 19px;
    }

    form#sendSms  .btn_wrapper_message button.green-main-btn.btn_message_green_patient {
        width: 157.445px!important;
        height: 34.259px!important;
        color: #FFF;
        text-align: center;
        font-family: Poppins;
        font-size: 14px!important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        word-spacing: 0!important;
    }

    form#sendSms
     .wrapper_number_field {
        margin-bottom: 17px;
    }

    div#sendMessageModal-192 .modal-body.wrapper_fields_modal {
        padding: 7px 30px 20px 30px;
    }
    .error1 {
        display: none;
        font-size: 12px;
        color: red;
    }
    div#grp-med-data .accordion-data {
        justify-content: start;
    }

    div#grp-med-data
     .accordion-side {
        gap: 9px;
    }
    .medication-form .dropdown.inline select{padding-right: 22px!important;}
    select, select.form-control {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00005 9.37499L7.07505 8.29999L12.025 13.25L16.975 8.29999L18.05 9.37499L12.025 15.4L6.00005 9.37499Z' fill='%230F345A'/%3E%3C/svg%3E%0A")!important;
    }

    ul.tabs-data.mobTabs.nav.nav-tabs.modal-medicine-group li.active a {
        color: var(--green-color) !important;
    }
    ul.tabs-data.mobTabs.nav.nav-tabs.modal-medicine-group li  a {
        color:#cecece !important;font-weight:500;
    }
    div#viewRX li.nav-item {
        width: 40%;
    }
    div#viewRX .heading_box,div#viewRX .modal-body.modal_add_Fav.rXModal .card {
        margin: 7px 0px;
    }
    .new-table1 {
        width: 100%;
    }
    .new-table1 span.select2 {
        width: 100%!important;
    }
    .medication .form .form-control {
        height: 46px;width:100%!important;
    }
    .medication .form .custom-time input {
        width: 90%!important;
        height: 36px;
    }
    .required-text {
        color: red;
        font-size: 12px;padding-left:10px

    }
    .boxFileType.hideBox {
        display: none!important;
    }
    .modal_forMedicine div#fav-med-data > .row {
        margin-right: 0;
        margin-left: 0;
    }
    .modal_forMedicine1 > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .patient-profile-div.for_indexx {
        overflow-x: hidden;
    }
    .medication-form .custom-time .time {
        width: 50%;
    }

    div#prescribeLabs ul#checkbox-list {
        padding: 0;
    }

    .savePrisc:hover {
        color: var(--yellow-color);
    }

    div#pills-report-financial .dropdown {
        width: 100%;
    }

    div#pills-report-financial .dropdown select {
        width: 100%;
        max-width: 100%;
    }

    div#pills-report-financial .dateRangePicker.newDateFull {
        max-width: 170px !important;

    }



    .table_newReport {
        z-index: 99999;
        position: relative;
    }

    .moda03 .modal-header {
        padding-top: 0px;
    }

    .moda03 .modal-header h5#exampleModalCenterTitle {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .moda03 .modal-header button.close {
        font-weight: 400;
        font-size: 21px;
    }

    .moda03 .patient-personal-data .inner-div {
        padding: 0 26px !important;
    }

    .moda03 .inner-div {
        padding: 0px 10px 0px;
    }

    .moda03 form#medicationForm {
        padding-bottom: 30px !important;
    }


    .after_name_area span.gender_line {
        display: inline-block;
        width: 150px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-align: left;
    }

    form#appointment-booked input#more-invoice {
        color: #fff;
        width: 26px;
        height: 26px;
    }

    div#addAppointment .invoice-btn label.form-check-label {
        padding-left: 0px;
    }

    div#addAppointment form#appointment-booked .invoice-div.new_invoice .form-check-input[type="checkbox"] {
        background-color: #e9e5e5 !important;
        border: 0px;
        width: 26px;
        height: 26px;
    }

    div#addAppointment form#appointment-booked .modal-content .invoice-btn .form-check-input[type="checkbox"]:checked {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23FFB400'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.0607 12.9393C25.6464 13.5251 25.6464 14.4749 25.0607 15.0607L16.0607 24.0607C15.4749 24.6464 14.5251 24.6464 13.9393 24.0607L9.93934 20.0607C9.35355 19.4749 9.35355 18.5251 9.93934 17.9393C10.5251 17.3536 11.4749 17.3536 12.0607 17.9393L15 20.8787L22.9393 12.9393C23.5251 12.3536 24.4749 12.3536 25.0607 12.9393Z' fill='white'/%3E%3C/svg%3E%0A") !important;
        border: 0px !important;
        background-size: 26px !important;
        background-repeat: no-repeat !important;
    }

    div#invoiceModal label.form-check-label.d-lg-none.d-block {
        color: #118BE2;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div#addAppointment .more-invoice-btn.w-100.new_invoice.add_more_pro label.form-check-label {
        margin-left: 15px;
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .main-div #editPresModal .tab-data {
        height: auto;
    }

    div#addAppointment .invoice-btn label.form-check-label {
        color: #000 !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .main-data.top-main.hk_consult_now {
        position: relative;
        /* z-index: 9999; */
    }

    form#appointment-booked .modal-header.heading_apooint_sepa {
        border-radius: 0 0 30px 0 !important;
    }

    .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
    }

    .formPatientDetail input:focus-visible {
        outline: 0 !important;
        border: 0px;
    }

    .formPatientDetail.mt-4 {
        margin-top: 46px !important;
    }

    .radioGroupsGender .input-group-prepend label:before {

        background: #fff;

    }

    .radioGroupsGender .input-group-prepend input:checked+label:before {
        background: #7CC14B;
        border: 6px solid #fff;
    }

    .sendsmsmodal .modal-body {
        padding: 0px 0px !important;
        width: 100%;
        height: 362px;
    }

    .sendsmsmodal .modal-dialog.modal-dialog-centered h2.heading-text {
        color: #118BE2 !important;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .close_icon_sms_wrapper {
        width: 9.154px !important;
        top: 20px;
    }

    .sendsmsmodal .buttons label {
        text-align: left;
        display: block;
        color: #313131;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#sendSmsAppointment .labeling {
        margin-bottom: 0px !important;
    }

    div#sendSmsAppointment .buttons input {
        border-radius: 86.488px;
        border: 0.216px solid #E8F0FE;
        background: #EAF3FA;
        height: 38px;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#sendSmsAppointment .small_modal.del_modal .buttons {
        padding-top: 0px;
    }

    div#sendSmsAppointment textarea {
        border: 0.216px solid #E8F0FE !important;
        background: #EAF3FA !important;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        font-family: Inter;
        line-height: normal;
    }

    div#sendSmsAppointment .text-center {
        width: 291px;
    }

    div#sendSmsAppointment button.green-main-btn {
        border-radius: 51.282px;
        background: #118BE2;
        width: 157.445px !important;
        height: 34.259px !important;
        margin-top: 10px;
        color: #FFF;
        text-align: center;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 34.259px !important;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .vitals_area {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .top-tab.update_profile_hk ul#myTab li.nav-item a {
        color: white;
    }

    span.select2.select2-container.select2-container--default.select2-container--below {
        width: 100% !important;
    }

    form.signup-form div#exp-data button.close {
        top: -170px !important;
    }

    div#addAppointment button.close.closeModal {
        display: none;
    }

    i.fa-solid.fa-bars-staggered.close-icon.fa-2x.hk_mob_bars.collaping.active_top_bar {
        margin-top: -23px;
    }

    div#editPresModal .form .form-control.mixed_input {
        height: 46px;
        width: 26% !important;
    }

    #editPresModal .form-row .form-button a.button.yellow-main-btn.updateBtn {
        margin-top: 0px !important;
    }

    #editPresModal a#fav-med {
        color: var(--body-text-color);
    }

    #editPresModal .form-row .form-button a.button.green-main-btn.addBtn {
        position: relative;
        min-width: 100%;
        top: 0;
    }

    .header.img-div.plus.d-lg-none.d-block.plus-blue.plus_hide {
        display: none !important;
    }

    table#vitalTable1 td {

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
    }

    .platform.smallbilingModal .modal-dialog.modal-dialog-centered {
        width: 574px;
    }

    div#invoiceModal .modal-content .more-invoice-btn,
    div#invoiceEditModal .invoice-content-edit .more-invoice-edit-btn {
        padding: 15px 43px;
        border-top: 1px solid #E2EAF0;
        border-bottom: 1px solid #E2EAF0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: -0 !important;
        opacity: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .zindex0 {
        z-index: 0;
    }

    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -135px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-div input#invoice_consultation_fees {
        border-radius: 51.282px;
        border: 0.128px solid #EAF3FA !important;
        background: #EAF3FA !important;
        color: #959494 !important;
    }



    div#invoiceModal .modal-header {
        padding-top: 22px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal input#discount,
    div#invoiceModal input#amount-invoices,
    div#invoiceModal select#doctors {
        height: 35px;
    }


    div#invoiceModal .double div {
        width: 50%;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"],
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"] {
        background: #118BE2 !important;
        width: 20px;
        height: 20px;
    }

    div#invoiceModal .modal-content .more-invoice-btn .form-check-input[type="checkbox"]:before,
    div#invoiceModal .invoice-content-edit .more-invoice-edit-btn .form-check-input[type="checkbox"]:before {
        font-size: 14px;
    }

    div#invoiceModal label.form-check-label {
        padding-left: 0px;
        margin-left: 16px;
        color: #118BE2;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }


    div#invoiceModal .invoice-Data button.close, div#invoiceEditModal .invoice-edit-Data button.close {
        margin-top: -155px;
    }

    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    div#invoiceModal .total-amount-div {
        padding: 4px 20px 10px;
    }

    div#invoiceModal button.green-main-btn.InvoiceFormSubmit.save_add_invoice,
    div#invoiceModal a.blue-main-btn {
        width: 110.769px !important;
        height: 31.479px !important;
        line-height: 31.479px !important;
        letter-spacing: 0px;
    }


    div#invoiceModal .modal-content .invoice-div {
        border-bottom: 1px solid #f7f7f7;
        border-top: 0px;
    }

    div#invoiceModal .form-row.invoice-div {
        padding-bottom: 0;
    }

    div#invoiceModal .form-row.invoice-div .form-group {
        margin-bottom: 0;
    }

    div#invoiceModal .invoice-content .invoice-Data, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data {
        padding: 10px 20px 0px;
    }

    div#invoiceModal .invoice-content .invoice-Data .double input, div#invoiceEditModal .invoice-content-edit .invoice-edit-Data .double input {
        margin-bottom: 0;
    }

    div#refundModal .form-group {
        margin-bottom: 0;
    }

    div#refundModal button#refund-save {
        background: #7CC14B;
        color: #FFF;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1px;
    }

    div#refundModal .modal-footer {
        padding: 35px 15px 15px 15px;
    }

    div#refundModal .modal-header .close {
        font-weight: 300;
        font-size: 22px;
    }

    .token_no.newTokenafterSwap {
        background: #fcd5e5 !important;
    }

    form#appointment-booked .amount-type {
        text-align: left;
    }

    form#appointment-booked .amount-type h2 {
        justify-content: start !important;
        line-height: 13px;
    }


    form#appointment-booked .amount-info h2 {
        justify-content: start;
        line-height: 13px;
    }


    span.afterswap i {
        margin-right: 4px;
    }

    div#invoiceModal .total-amount-div h2 {
        justify-content: start !important;
        line-height: 15px;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
    }



    div#invoiceModal .invoice-div .dropdown {
        margin-bottom: 10px;
    }

    div#invoiceModal h5.modal-title {
        color: #118BE2;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div#invoiceModal button.close {
        font-weight: 400;
        font-size: 25px;
        height: 5.582px;
    }

    div#invoiceModal .invoice-div input,
    div#invoiceModal .invoice-div select,
    div#invoiceModal .invoice-div input[type="number"],
    div#invoiceModal input#discount,
    div#invoiceModal select#doctors,
    div#invoiceModal input#amount-invoices {
        background-color: #fff !important;
        border: 0.128px solid #95949440 !important;
        color: #959494;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#invoiceModal .invoice-form label {
        color: #313131;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#invoiceModal .invoice-form label {
        color: #313131;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    div#invoiceModal .invoice-form label {
        color: #313131;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    label.xsmall-text.gap_gap.mob-pt-0 {
        padding-top: 0px !important;
    }

    div#addAppointment form#appointment-booked .total-amount-div {
        box-shadow: -1px -20px 20px rgb(0 0 0 / 8%);
        border-radius: 15px 15px 0 0;
        border: 0px !important;
        margin-top: 12px;
        padding-bottom: 0;
        background: #fff;
        margin-bottom: -10px;
    }

    div#addAppointment .modal-content .modal-footer {
        box-shadow: -1px -20px 20px rgb(0 0 0 / 8%);
        border-radius: 15px 15px 0 0;
    }

    div#addAppointment form#appointment-booked .modal-footer button,
    div#addAppointment form#appointment-booked .modal-footer a {
        width: 148px !important;
    }

    div#addAppointment form#appointment-booked .invoice-div {
        border-bottom: 0px;
    }

    div#addAppointment form#appointment-booked .invoice-div.new_invoice .form-check-input[type="checkbox"] {
        border: 10px solid #e9e5e5;
    }

    div#addAppointment form#appointment-booked .modal-content .invoice-btn .form-check-input[type="checkbox"]:checked {
        border: 10px solid var(--green-color);
    }


    .more-invoice-btn.w-100.new_invoice.add_more_pro label.form-check-label {
        padding-left: 13px;
    }

    .modal-content .form-check-input[type="radio"] {
        width: 27px;
        height: 27px;
        border-width: 6px !important;
    }

    div#addAppointment form#appointment-booked .modal-content .more-invoice-btn{
        padding: 15px 34px;
    }

    .px-mob-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #addAppointment .modal_mob_contanettt {
        background: #fff;
    }

    form#appointment-booked .amount-type {
        text-align: left;
    }

    form#appointment-booked .amount-type h2 {
        justify-content: start !important;
        line-height: 13px;
    }


    form#appointment-booked .amount-info h2 {
        justify-content: start;
        line-height: 13px;
    }

    div#refundModal .gap_div {
        width: 291px;
        margin: 0 auto;
    }

    div#refundModal .gap_div .form-group p {
        padding-bottom: 5px;
    }

    div#refundModal h5#refundModalTitle {
        color: #118BE2;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div#refundModal .modal-body {
        padding: 0px 0px;
    }

    #refundModal .gap_divput {
        margin-bottom: 0;
        height: 38px;
    }

    /* file upload start */
    .uploaded_pdf {
        display: none;
    }

    .lightbox-opened {
        background-color: #333;
        background-color: rgba(51, 51, 51, 0.9);
        cursor: pointer;
        height: 100%;
        left: 0;
        overflow-y: scroll;
        padding: 24px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
    }

    .lightbox-opened:before {
        background-color: #333;
        background-color: rgba(51, 51, 51, 0.9);
        color: #eee;
        content: "x";
        font-family: sans-serif;
        padding: 6px 12px;
        position: fixed;
        text-transform: uppercase;
    }

    .lightbox-opened img {
        box-shadow: 0 0 6px 3px #333;
    }

    .no-scroll {
        overflow: hidden;
    }

    .viewFile {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M3.4988 6.88544C5.09189 6.88544 6.38334 5.59396 6.38334 4.00083C6.38334 2.4077 5.09189 1.11621 3.4988 1.11621C1.90571 1.11621 0.614258 2.4077 0.614258 4.00083C0.614258 5.59396 1.90571 6.88544 3.4988 6.88544Z' stroke='%23313131' stroke-width='0.350002'/%3E%3Cpath d='M4.85908 3.95086L4.00272 3.0984C3.97157 3.06951 3.93041 3.05385 3.88794 3.05472C3.84546 3.0556 3.80499 3.07293 3.77505 3.10308C3.74511 3.13323 3.72806 3.17382 3.72748 3.21631C3.7269 3.25879 3.74285 3.29983 3.77196 3.33078L4.34702 3.90309H2.3163C2.27282 3.90309 2.23111 3.92037 2.20037 3.95111C2.16962 3.98186 2.15234 4.02357 2.15234 4.06705C2.15234 4.11054 2.16962 4.15224 2.20037 4.18299C2.23111 4.21374 2.27282 4.23101 2.3163 4.23101H4.34702L3.77196 4.80332C3.74285 4.83427 3.7269 4.87531 3.72748 4.9178C3.72806 4.96028 3.74511 5.00087 3.77505 5.03102C3.80499 5.06117 3.84546 5.07851 3.88794 5.07938C3.93041 5.08026 3.97157 5.06459 4.00272 5.0357L4.85908 4.18324C4.87437 4.168 4.8865 4.14989 4.89478 4.12995C4.90305 4.11001 4.90731 4.08864 4.90731 4.06705C4.90731 4.04546 4.90305 4.02409 4.89478 4.00415C4.8865 3.98421 4.87437 3.9661 4.85908 3.95086Z' fill='%23313131'/%3E%3C/svg%3E");
        padding-left: 9px;
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: 0px center;
    }

    div#uploadModal .uploaded_image {
        display: none;
    }

    .boxFileType.addboxFileType {
        display: flex;
    }

    button.removeeFile {
        position: absolute;
        top: -4px;
        right: -4px;
        text-decoration: none !important;
        width: 10.221px;
        height: 10.221px;
        font-size: 9px !important;
        color: #F00001 !important;
        background: #FFD3CB;
        border-radius: 50%;
        line-height: 10px !important;
    }

    .boxFileType {
        text-transform: capitalize;
        padding: 6px;
        border: 2px dashed var(--blue-color);
        height: 180px;
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        align-items: start;
        margin-bottom: 20px;
    }

    .boxFileType1 {
        display: block;
        position: relative;
        background: #F7F7F7;
        width: 36.5px;
        height: 56px;
        border: 1px solid rgba(149, 148, 148, 0.50);
        border-radius: 3px;
        margin: 6px;
    }

    .boxFileType1 p.PNG {
        width: 14.546px;
        height: 18.477px;
        font-size: 0;
        border: 1px solid;
        margin: 3px auto 0 auto;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='39' viewBox='0 0 31 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2815_54848)'%3E%3Cpath d='M4.14684 1C9.41746 1 14.6881 1 19.9587 1C20.287 1.34212 20.6131 1.68729 20.9444 2.02678C23.9012 5.05251 26.8579 8.07868 29.8198 11.0996C29.9532 11.2359 30 11.3705 30 11.5566C29.9961 19.1422 29.997 26.7277 29.9966 34.3132C29.9966 34.5094 29.9996 34.7069 29.9833 34.9017C29.8811 36.116 29.3314 37.0361 28.2478 37.5919C27.6904 37.8781 27.0922 38 26.4691 38C19.1498 38 11.8305 38 4.51074 37.9996C4.41805 37.9996 4.32493 37.9983 4.23224 37.9934C2.81309 37.9227 1.79561 37.2612 1.26177 35.8931C1.06952 35.4011 1 34.8864 1 34.3573C1.00172 24.4522 1.00129 14.5465 1.00215 4.64093C1.00215 4.48101 1.00687 4.3211 1.01502 4.16118C1.08711 2.74815 1.89517 1.66195 3.21648 1.22546C3.51902 1.12584 3.83657 1.07384 4.14684 1ZM19.403 2.36759H19.1245C14.283 2.36759 9.44149 2.36759 4.6 2.3689C4.42921 2.3689 4.25713 2.37895 4.08719 2.39817C3.23107 2.49604 2.59852 3.02385 2.414 3.82518C2.35306 4.0904 2.34018 4.37265 2.34018 4.64661C2.33675 14.5448 2.33718 24.4425 2.33761 34.3407C2.33761 34.4714 2.3389 34.6029 2.34748 34.7331C2.40498 35.6314 2.92295 36.3357 3.71127 36.5415C3.9842 36.6128 4.27558 36.6363 4.55838 36.6363C11.8421 36.6412 19.1253 36.6403 26.409 36.6403C26.4588 36.6403 26.509 36.6412 26.5588 36.6398C27.9093 36.5975 28.6615 35.8333 28.662 34.4823C28.6645 26.999 28.6624 19.5153 28.6675 12.032C28.6675 11.8275 28.5946 11.7943 28.4186 11.7952C27.2475 11.8018 26.0764 11.8009 24.9053 11.7978C24.0698 11.7956 23.2326 11.8232 22.4 11.7707C21.2847 11.7004 20.4209 11.1638 19.8703 10.1528C19.5527 9.56905 19.4034 8.93812 19.403 8.2718C19.4021 6.40262 19.403 4.53388 19.403 2.6647C19.403 2.57775 19.403 2.49124 19.403 2.36759ZM20.7432 3.82518C20.7513 3.81207 20.7384 3.82343 20.7384 3.83436C20.7384 5.37584 20.7131 6.91776 20.7505 8.45794C20.7745 9.4585 21.3109 10.1392 22.1404 10.3538C22.3588 10.4101 22.5914 10.4324 22.8176 10.4337C24.238 10.4407 25.6589 10.4377 27.0793 10.4368C27.1304 10.4368 27.181 10.4241 27.2892 10.4097C25.0804 8.18792 22.9094 6.00458 20.7427 3.82518H20.7432Z' fill='%23E60000' stroke='%23E60000' stroke-width='0.15'/%3E%3Cpath d='M18.7727 17.8636V26.75C18.7727 28.4577 17.3082 29.8409 15.5 29.8409C13.6918 29.8409 12.2273 28.4577 12.2273 26.75V17.0909C12.2273 16.0245 13.1436 15.1591 14.2727 15.1591C15.4018 15.1591 16.3182 16.0245 16.3182 17.0909V25.2045C16.3182 25.6295 15.95 25.9773 15.5 25.9773C15.05 25.9773 14.6818 25.6295 14.6818 25.2045V17.8636H13.4545V25.2045C13.4545 26.2709 14.3709 27.1364 15.5 27.1364C16.6291 27.1364 17.5455 26.2709 17.5455 25.2045V17.0909C17.5455 15.3832 16.0809 14 14.2727 14C12.4645 14 11 15.3832 11 17.0909V26.75C11 29.0991 13.0127 31 15.5 31C17.9873 31 20 29.0991 20 26.75V17.8636H18.7727Z' fill='%23E60000' stroke='%23E60000' stroke-width='0.15'/%3E%3Cpath d='M28 1.25C28 1.11193 27.8881 1 27.75 1H26.25C26.1119 1 26 1.11193 26 1.25V3.41406H25.1895C24.9668 3.41406 24.8552 3.68335 25.0127 3.84084L26.8232 5.65135C26.9209 5.74898 27.0791 5.74898 27.1768 5.65135L28.9873 3.84084C29.1448 3.68335 29.0332 3.41406 28.8105 3.41406H28V1.25Z' fill='%23E60000' stroke='%23E60000' stroke-width='0.15'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2815_54848'%3E%3Crect width='31' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
    }

    .boxFileType1 p {
        color: #313131;
        text-align: center;
        font-size: 7.807px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin: 4px auto 0px auto;
        white-space: nowrap;
        width: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        text-transform: capitalize;
    }

    div#file-buttons a {
        color: #313131;
        /* font-family: Circular Std; */
        font-size: 7.5px;
        font-style: normal;
        /* font-weight: 450; */
        line-height: normal;
        text-decoration-line: underline;
    }

    div#file-buttons {
        margin-top: 2px;
        line-height: 10px;
    }




    /* file upload end */
    div#uploadModal form label {
        padding-left: 10px !important;
        text-align: left;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    div#uploadModal h5#uploadModalTitle {
        color: #118BE2;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div#uploadModal .modal-header .close span {
        font-size: 27px;
        font-weight: 400;
    }

    div#uploadModal .modal-header .close {
        position: relative;
        top: -12px;
        right: 10px;
    }

    div#uploadModal .modal-header {
        margin-bottom: -10px;
        padding-top: 10px;
    }

    div#uploadModal .gap_div {
        padding: 0px 0px;
        width: 248px;
        margin: 0 auto;
    }

    .filters_appointment.show_filter:after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(49, 49, 49, 0.8);
        z-index: 0;
    }

    .filters_appointment.app_filt {
        background: initial;
        padding: 0;
    }

    .filters_appointment.app_filt .fillterApp {
        z-index: 9999;
        position: relative;
        background: #fff;
        padding: 15px 0px;
        border-radius: 10px 10px 0 0 !important;
        width: 100%;
        height: 95vh;
    }

    .filters_appointment.app_filt:before {
        display: none;
    }



    body.overflow {
        overflow: hidden;
    }

    button.btn.btn-primary.hk_add_invoice.consult_now.btn-text,
    .d-flex.align-items-center.justify-content-start.spacing a.button {
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0 16px !important;
    }

    .d-flex.align-items-center.justify-content-start.spacing a.button.btn-text.grey-btn {
        height: 40px;
        line-height: 40px;
        font-size: 12px;

    }

    .box-list li .check a {
        color: #fff;
    }

    .sidebar-container.web.sidebar-expanded {
        z-index: 999999999999;
    }

    .fade_bg.fade_bg_hk {
        z-index: 9999999999;
    }

    .presc_data_inner.test {
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 10px;
    }

    .examination-form .form-group:nth-child(1),
    .examination-form .form-group:nth-child(4n) {
        padding-left: 13px;
    }

    .presc_data_inner.test:last-child {
        margin-bottom: 0;
        border-bottom: 0px solid #f1f1f1;
        padding-bottom: 0;
    }

    .wrapper_box_hk .token_no {
        color: #6e6e6e;
    }

    .spacing a {
        margin-right: 10px;
    }

    .box001 span.gender_line {
        text-transform: capitalize;
    }

    .wrapper_box_hk.box_buttons_color h3 {
        text-transform: capitalize;
        display: inline-block;
        width: 150px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-align: left;
    }

    .box001 {
        width: 41%;
    }

    .modaal_HealthRecord .modal-content {
        height: 90vh !important;
        padding: 22px 15px 0 15px !important;
    }

    .modaal_HealthRecord .modal-content p.texthas.imgHide.text_header_extra {
        text-align: left !important;
    }

    .prescription_modal01 {
        height: 370px;
        overflow-y: auto;
    }

    .prescription_modal01 .all-cards-wraper-separate-invoice {
        height: auto;
        min-height: auto;
    }

    .wrape-btn-add.btn_fixed {
        position: fixed;
        bottom: 0;
        padding: 15px 0;
        border-radius: 18.608px 18.608px 0px 0px;
        box-shadow: -2px -3px 4px 0px rgb(0 0 0 / 6%) !important;
        background: #fff;
    }

    .prescr_patient_btn {
        width: 50%;
        height: 40px;
        border-radius: 22px;
        border: none;
        outline: none;
        cursor: pointer;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
    }

    div#prescription_detail_button_mobile {
        background-color: var(--background-color);
    }

    div#prescription_detail_button_mobile .wrape-btn-add {
        border-radius: 18.608px 18.608px 0px 0px;
        background: #fff;
        padding: 10px 0;
        /* position: fixed; */
        /* bottom: 0; */
    }

    .prescBox {}

    .prescBox li {
        list-style: none;
        border-bottom: 1px solid #dadada;
        padding: 10px 0;
    }

    .prescBox li h5 {
        margin-bottom: 5px;
        font-weight: 600;
        margin-top: 0;
    }

    .prescBox li p {
        font-size: 13px;
    }

    .bg-initial {
        background: initial !important;
    }

    div#prescription_detail_button_mobile .modal-dialog.modal-dialog-centered {
        box-shadow: initial !important;
    }

    #prescription_detail_button_mobile .modal-content {
        /* height: auto; */
        box-shadow: initial !important;
    }

    div#deleteAppointment .modal-content {
        min-height: auto;
        background: #f2f9ff;
    }

    div#deleteAppointment .modal-content img {
        display: none;
    }

    div#deleteAppointment .modal-content h2.heading-text.colorrrr,
    div#invoiceSend .modal-content h2.heading-text {
        font-weight: 400;
        color: var(--blue-color) !important;
        margin-top: 0;
        font-size: 16px;
        line-height: 22px;
    }

    div#deleteAppointment .modal-content .modal-body {
        padding-top: 20px;
    }

    div#deleteAppointment .modal-content .modal-body .buttons {
        direction: rtl;
    }

    div#invoiceSend .modal-content {
        background: #f2f9ff;
        min-height: auto;
    }

    div#prescription_detail_button_mobile .all-cards-wraper-separate-invoice {
        height: 100%;
    }

    .medHistory1 p {
        margin-top: 5px;
        font-size: 13px;
    }

    .medHistory2 {
        margin-bottom: 20px;
    }

    .medHistory2 h5 {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .medHistory2 p {
        font-size: 12px;
    }

    .medHistory3 p span {
        font-size: 13px;
        display: block;
        margin-top: 5px;
    }

    .medHistory3 {
        text-align: center;
        gap: 17px;
    }

    .medHistory3 p {}

    .prescription_modal_Box {}

    .prescription_modal_Box .medHistory {}

    .prescription_modal_Box .medHistory h6 {
        color: #188ce4;
        font-weight: 600;
        font-size: 14px;
        margin-top: 0;
    }

    .prescription_modal_Box .medHistory p {
        font-size: 14px;
    }

    div#prescription_detail_button_mobile .single-card-wraper-separate-invoice {
        min-height: auto;
    }

    div#prescription_detail_button_mobile .wrapper__top_single__item.prescription_modal_Box {
        border-bottom: 0px;
        background: #fff;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 6%) !important;
        border-radius: 12px;
    }

    .notification-info .notification-data {
        padding: 0px 15px 0px 15px !important;
        height: 32px !important;
        position: relative;
    }

    .notification-info .notification-data {
        padding: 0px 15px 0px 15px !important;
        height: 32px !important;
    }

    .prescription_modal_Box {
        border-bottom: 0px;
    }

    .prescription_modal_Box span.invoice_data-update {
        display: block;
        margin-bottom: 5px;
    }

    .wrapper__top_single__item.align-items-center.prescription_modal_Box {
        border-bottom: 0px;
    }

    .prescription_modal_Box .print_app i {
        color: #000;
    }

    div#prescription_modal_button_mobile .single-card-wraper-separate-invoice {
        min-height: auto;
    }

    #prescription_modal_button_mobile .visits-div {
        width: 74px;
        height: 34px;
        background-color: var(--blue-btn-color);
        padding: 8px 10px;
        text-align: center;
        border-radius: 6px;
    }

    .visits-div {
        width: 74px;
        height: 34px;
        background-color: var(--blue-btn-color);
        padding: 8px 10px;
        text-align: center;
        border-radius: 6px;
    }

    .notification-info .notification-data {
        padding: 0px 15px 0px 15px !important;
        height: 32px !important;
    }

    .modal-body.modal_add_Fav.modalUplodBox div#headerImagePreview {
        flex-wrap: wrap;
        gap: 17px;
    }

    .modal-body.modal_add_Fav.modalUplodBox {
        padding: 0 15px;
    }

    .adeddMedicine {
        margin-bottom: 14px;
    }

    .adeddMedicine button.btn.btn-link {
        text-align: left;
        color: #000;
        font-weight: 500;
        padding: 10px 0px;
    }

    .adeddMedicine .card-body {
        padding: 0;
    }

    .adeddMedicine .card .card-header button[aria-expanded="true"]::after {
        /* transform: rotate(-135deg);
            top: 5px; */
    }

    .adeddMedicine .card .card-header button {
        position: relative;
    }

    .adeddMedicine .collapse:not(.show) {
        display: none;
    }

    .adeddMedicine .card .card-header button::after {
        content: "";
        border: solid #797979;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .addBtn {
        background: #eafedf;
        color: #84d95b;
        display: block;
        text-transform: uppercase;
        width: 293px;
        margin: 0 auto;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        border-radius: 24px;
        padding: 4px 7px 2px 0px;
        line-height: 36px;
    }

    .addBtn i {
        background: #84d95b;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        border-radius: 50%;
        margin-right: 8px;
        font-size: 20px;
    }

    input.form-control.form_search {
        background: #eaeaea;
        width: 90% !important;
        margin: 12px auto;
        padding-left: 42px;
        padding-right: 30px;
    }

    ul.box_med_listing {
        border-top: 1px solid #ccc;
        padding-bottom: 50px;
        height: 271px;
        overflow-y: auto;
    }

    .modal-body.modal_add_Fav .buttons_Filter {
        margin-bottom: 20px;
    }

    .examination-form input {
        width: 100% !important;
    }

    .form-group.iconSearch {
        position: relative;
    }

    .form-group.iconSearch svg {
        position: absolute;
        right: 41px;
        top: 50%;
        transform: translateY(-50%);
        fill: #888;
        width: 20px;
        height: 20px;
    }

    .accordianGroup .collapse:not(.show) {
        display: none !important;
    }

    .accordianGroup .card {}

    .accordianGroup .card .card-header {
        height: 45px;
        position: relative;
    }

    .accordianGroup .card .card-header button {
        text-align: left;
        padding: 6px 1.25rem;
        color: #000;
    }

    .mobTabs li.active a.body-text:hover {
        color: #878787 !important;
    }

    .mobTabs li.active a.body-text.active:hover {
        color: var(--green-color) !important;
    }

    .accordianGroup .card {}

    .accordianGroup .card .card-body {
        color: #000;
        font-size: 13px;
        padding: 8px 1.25rem;
    }

    .accordianGroup .card .card-header button span {
        color: #b3b3b3;
        font-size: 11px;
    }

    .accordianGroup .card .card-header button {
        height: 39px;
        position: relative;
    }

    .accordianGroup .card .card-header button::after {
        content: "";
        border: solid #797979;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .checkBox.groupCheckBox {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        z-index: 9999999;
    }

    .checkBox.groupCheckBox input {
        position: absolute !important;
        width: 100% !important;
        opacity: 0;
        z-index: 99999;
    }

    .checkBox.groupCheckBox input:checked+label:before {
        background: var(--yellow-color);
        color: #fff;
    }

    .accordianGroup .card .card-header button[aria-expanded="true"]::after {
        /* transform: rotate(-135deg);
        top: 5px; */
    }

    .modal-body.modal_add_Fav .buttons_Filter {
        margin-bottom: 20px;
    }

    .examination .form-control {
        width: 100% !important;
    }

    .boxMob input.form-control.mixed_input {
        margin-bottom: 0;
        height: 46px !important;
        top: -6px;
        position: relative;
        border-right: 1px solid #ccc!important;
        padding-right: 0;
        width: 100% !important;
    }

    .consultNowBoxPage .form .dropdown select,.consultNowBoxPage .form .dropdown input {
        font-size: 14px;    font-weight: 600;
    }

    .form-button.btn-Consult a.button {
        min-width: 100px;
        line-height: 40px !important;
        padding: 0;
    }

    .btn-mob-med {
        display: flex;
        gap: 10px;
        align-items: center;
        box-shadow: 1px 0px 14px 0px rgb(0 0 0 / 8%);
        border-radius: 26px;
        padding: 5px 7px;
        margin: 10px;
        justify-content: space-between;
    }

    .btn-mob-med.colorYellow {}

    .btn-mob-med.colorYellow p {
        color: #ffb400 !important;
    }

    .see {
        color: #858585;
        font-size: 12px;
    }

    .see i {
        margin-left: 4px;
    }

    .btn-mob-med i {
        margin-right: 10px;
    }

    .btn-mob-med.colorpink p {
        color: #fc559e !important;
    }

    .reportBox {
        box-shadow: 1px 0px 14px 0px rgb(0 0 0 / 8%);
        border-radius: 14px;
        margin: 10px;
        padding: 10px 15px;
    }

    .reportBox h5 {
        color: var(--blue-color);
        font-weight: 600;
        font-size: 15px;
        margin-top: 0;
    }

    .reportBox ul {
        border-top: 1px solid #ebebeb;
    }

    .reportBox ul li {
        display: flex;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #ebebeb;
        padding: 6px 0;
    }

    .reportBox ul li p {
        font-size: 14px;
        font-weight: 500;
    }

    .reportBox ul li a {
        font-size: 14px;
    }

    .submit-buttons.btnsMobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: #fff;
        padding: 10px;
        margin-bottom: 0;
        text-align: center;
        box-shadow: 1px 0px 14px 0px rgb(0 0 0 / 8%);
        border-radius: 15px 15px 0 0;
    }

    .submit-buttons.btnsMobile a {
        width: auto;
        height: 40px;
        padding: 0 30px;
        line-height: 40px;
        display: inline-block;
        font-size: 13px !important;
    }

    .investigation {
        padding-bottom: 50px;
    }

    .btn-mob-med i {
        color: #000;
    }

    .bottomModal .modal-content {
        padding-top: 20px;
    }

    .bottomModal:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #0000006e;
        position: absolute;
        left: 0;
        top: 0;
    }

    .bottomModal {
        padding-left: 0 !important;
        padding-right: 0px !important;
        border: 0;
        outline: 0 !important;
        z-index: 99999;
    }

    .bottomModal .modal-dialog.modal-dialog-centered {
        display: flex;
        align-items: end;
        margin: 0;
        width: 100%;
        padding-bottom: 0 !important;
        max-width: 100% !important;
    }

    .medication .tab-data {
        margin-top: 0;
    }

    .bt-1 {
        border-top: 1px solid #878787;
    }

    .bottomModal .modal-dialog.modal-dialog-centered .modal-content {
        border-radius: 30px 30px 0 0;
        background: #fff;
        min-height: 90vh;
    }

    .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs {
        border-bottom: 1px solid #ccc;
        text-wrap: nowrap;
        padding-left: 12px;
    }


    .modal-body.modal_add_Fav ul.tabs-data.mobTabs.nav.nav-tabs li {
        margin-right: 12px;
    }

    label.form-check-label.vsmall-text:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        display: inline-block;
        padding-right: 0px;
        vertical-align: middle;
        font-weight: 900;
        background: #dddddd;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 26px;
        margin-right: 10px;
        color: #dddddd;
    }

    .box_med_listing .checkBox {
        position: relative;
        z-index: 99999;
        padding-left: 20px;
        padding: 10px 20px;
        border-bottom: 1px solid #ccc;
    }

    .box_med_listing .checkBox input:checked+label.form-check-label.vsmall-text:before {
        background: var(--yellow-color);
        color: #fff;
    }

    .box_med_listing .checkBox input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .box_med_listing .checkBox input {
        position: absolute !important;
        width: 100% !important;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        /* background: #000!important; */
    }

    .box_med_listing .checkBox input {
        height: 26px !important;
    }

    .medication-form.form h4 {
        color: #000;
        margin-top: 0;font-weight: 600;
    }

    .savePrisc {
        color: var(--yellow-color);
        border-bottom: 1px solid;
        display: inline-flex;
        font-size: 12px;
        line-height: 11px;
        font-weight: 500;
    }

    .btn-mob-med img {
        width: 35px;
    }

    .btn-mob-med p {
        color: var(--purple-color) !important;
        font-weight: 600;
        font-size: 12px;
    }

    .consultNowBoxPage .medication .inner-div {
        padding: 5px 0px 5px;
    }

    div#investigation-data,
    div#medication-data,
    div#examination-data {
        display: none;
    }

    .examination, .medication {
        padding-top: 20px;
    }

    .consultNowBoxPage .form textarea.form-control {
        width: 100% !important;
    }

    .examination-form .form-group:nth-child(1),
    .examination-form .form-group:nth-child(4n) {
        padding-left: 15px;
    }

    body.bg-white1 {
        background: #fff;
    }

    .mobTabs a.body-text.active {
        color: var(--green-color) !important;
    }

    .mobTabs.tabs-data a.body-text {
        display: inline-block;
        color: #878787 !important;
        width: 32%;
        padding-bottom: 7px;
        text-align: center;
        /* border-bottom: 1px solid #878787; */
    }

    .mobTabs {
        width: 100% !important;
        gap: 0 !important;
        border-bottom: 1px solid #878787;
    }

    .visits-div.hideMob {
        display: none;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen .user-details h6.large-body-text {
        align-self: self-start;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen {
        padding-top: 0;
        text-align: left;
        top: 75px !important;
        justify-content: start !important;
        left: 0;
        padding-bottom: 20px;
    }

    .user-details .btns_view a.button2 {
        width: 98px;
    }

    .user-details .main-div .visits-div {
        width: 64px;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen .user-details {
        align-self: self-start;
        padding-left: 20px;
        justify-content: start;
        text-align: left;
        width: 100%;
        padding-right: 20px;
    }

    .btns_view a.button2 {
        display: inline-block;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen .user-details .d-flex {
        width: 100%;
        justify-content: space-between;
    }

    .btns_view {
        align-self: center;
    }

    .mobTabs.nav.nav-tabs {
        display: flex !important;
    }

    .mobTabs li a.body-text.active {
        border-bottom: 0px !important;
    }

    .mobTabs li {
        width: 33%;
        float: initial;
        padding-bottom: 5px;
        border-bottom: 3px solid #fff0;
    }

    .mobTabs_custom {
        padding-left: 0px !important;
    }


    .mobTabs_custom li {
        width: 45% !important;
    }

    .mobTabs li.active a.body-text {
        padding: 0;
        background: initial;
        border-bottom: 0px solid var(--green-color) !important;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        margin: 0;
        display: block;
        width: 100%;
        opacity: 1;
    }

    .mobTabs li a.body-text {
        width: 100%;
    }

    .mobTabs li a.body-text {
        padding: 0 !important;
        background: initial;
        border-bottom: 3px solid #ccc0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        margin: 0;
        display: block;
        width: 100% !important;
    }
    .mobileMedicine  span.select2 {
        width: 100%!important;
    }
    .mobTabs li.active {
        border-bottom: 3px solid var(--green-color) !important;
        margin: 0px !important;
        /* float: initial; */
        /* outline-offset: 1px; */
    }

    .mobTabs li.active a {
        color: var(--green-color) !important;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen .user-details .visits-div {
        text-align: center;
    }

    .blue-div2.consultNowBoxPage .header-tabs-div.consult_screen .user-details span.user-other-detail {
        display: block;
        font-size: 12px;
    }

    section.appointment-table-section.table-responsive.second-table.ss.for_indexx {
        z-index: 99;
        position: relative;
    }

    div#mobile-listing {
        position: relative;
        z-index: 9;
    }

    div#fav-med-data input.mixed_input {
        height: 46px;
    }

    div#grp-med-data input.mixed_input {
        height: 46px;
        border: 1px solid #8e8e8e !important;
        background: white !important;
    }

    div#grp-med-data {
        position: relative;
        z-index: 9;
    }

    span.uploadIcon {
        margin-bottom: -24px;
    }

    div#invoiceModal {
        width: 100%;
        /* z-index: 999999; */
    }

    .sms-settings .form-check {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    div#invoiceModal .modal-dialog.modal-dialog-centered {
        width: 100%;
        max-width: 100% !important;
        margin: 0;
        padding-right: 0 !important;
        padding-bottom: 0;
        padding-top: 40px;
    }

    .list-warpper.zeeindex {
        z-index: 99;
    }

    .after_name_area .gender_line {
        color: #000;
    }

    .after_name_area {
        text-align: left;
    }

    .modal.fade.modal_main_apooint-page.show.in {
        z-index: 999999999;
    }

    div#deleteMedicineModal img {
        display: none;
    }

    div#deleteMedicineModal img {
        display: none;
    }

    div#deleteMedicineModal h2 {
        color: #118be2 !important;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 60%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    div#uploadModal {
        z-index: 999999999;
        padding: 0 !important;
    }

    div#uploadModal .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#uploadModal .modal-dialog.modal-dialog-centered .modal-content {
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered:before,
    div#refundModal .modal-dialog.modal-dialog-centered:before,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered:before,
    div#invoiceModal .modal-dialog-centered:before {
        display: block;
        height: 100%;
        content: "";
        background: rgba(0, 0, 0, 0.39);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        width: 100%;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered button.blue-main-btn {
        background: #84d95b;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0;
        width: 147px !important;
        height: 49px !important;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered svg.svg-inline--fa.fa-cloud-upload-alt.fa-w-20 {
        width: 40px;
        height: 40px;
    }

    .drag-area .icon {
        font-size: 20px;
    }

    div#refundModal {
        padding-right: 0 !important;
        width: 100%;
    }

    div#refundModal .modal-dialog.modal-dialog-centered,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered {
        display: flex;
        align-items: end;
        padding: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        max-width: 100% !important;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm {
        padding-bottom: 0;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered .modal-content,
    div#invoiceModal .modal-dialog-centered .modal-content {
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
    }

    div#deleteMedicineModal h2 {
        color: #118be2 !important;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 60%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    div#uploadModal {
        padding: 0 !important;
    }

    div#uploadModal .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#uploadModal .modal-dialog.modal-dialog-centered .modal-content {
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered:before,
    div#refundModal .modal-dialog.modal-dialog-centered:before,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered:before,
    div#invoiceModal .modal-dialog-centered:before {
        display: block;
        height: 100%;
        content: "";
        background: rgba(0, 0, 0, 0.39);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        width: 100%;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered button.blue-main-btn {
        background: #84d95b;
    }

    div#uploadModal .modal-dialog.modal-dialog-centered svg.svg-inline--fa.fa-cloud-upload-alt.fa-w-20 {
        width: 50px;
        height: 50px;
    }

    .drag-area .icon {
        font-size: 20px;
    }

    div#refundModal {
        padding-right: 0 !important;
        width: 100%;
    }

    div#refundModal .modal-dialog.modal-dialog-centered,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered {
        display: flex;
        align-items: end;
        padding: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        max-width: 100% !important;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm {
        padding-bottom: 0;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content,
    div#deleteMedicineModal .modal-dialog.modal-dialog-centered .modal-content,
    div#invoiceModal .modal-dialog-centered .modal-content {
        border-radius: 28.608px 28.608px 0px 0px;
        z-index: 99;
    }

    div#invoiceModal {
        padding: 0 !important;
    }

    div#invoiceModal .modal-dialog.modal-dialog-centered.modal-dialog-centered-appoint-invoice {
        margin: 0;
    }

    div#invoiceModal .modal-dialog.modal-dialog-centered.modal-dialog-centered-appoint-invoice .modal-content.invoice-content {
        margin-top: 0px;
    }

    .color_pink {
        color: #fc559e;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content .modal-body .gap_div {
        padding: 10px 0px;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content button#refund-save {
        width: 157.445px !important;
    }

    div#invoiceModal {
        padding: 0 !important;
    }

    h3.resultHeading {
        color: #000;
        font-size: 19px;
        margin-bottom: 15px;
    }

    div#invoiceModal .modal-dialog.modal-dialog-centered.modal-dialog-centered-appoint-invoice {
        margin: 0;
    }

    div#invoiceModal .modal-dialog.modal-dialog-centered.modal-dialog-centered-appoint-invoice .modal-content.invoice-content {
        margin-top: 0px;
    }

    .color_pink {
        color: #fc559e;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content .modal-body .gap_div {
        padding: 10px 0px;
    }

    div#refundModal .modal-dialog.modal-dialog-centered form#refundForm .modal-content button#refund-save {
        width: 157.445px !important;
    }

    div#newDoctorAdd .modal-content .new-doc-form .form-group {
        padding: 5px 4px 0 15px;
    }

    .sms-formats .write-format.smsTextArea textarea {
        width: 100% !important;
    }

    .sms-settings .form-check-label {
        padding-left: 0 !important;
    }

    .get-started .givee-topp {
        margin-top: 12px !important;
    }

    .get-started .close {
        top: -2px;
    }

    div#newDoctorAdd .tab-pane {
        padding-top: 20px;
    }

    .form-row.page_margins_presc .form-group .form-control {
        text-align: center;
    }

    .fornminggggg select {
        text-align: left;
    }

    .fornminggggg label {
        padding-left: 0 !important;
    }

    .doc-button-wrapper {
        margin-top: 5px;
    }

    div#modal-timing .nav-tabs .nav-link {
        border-color: var(--green-color);
    }

    .general_settings_wrapper .main-div {
        top: 153px;
    }

    div#newPatientModals .modal-header {
        padding-top: 15px;
    }

    div#newPatientModals .modal_wrapper_patient {
        height: auto;
        padding-bottom: 90px;
    }

    div#vitalTable1_wrapper tbody tr td:nth-child(2) {
        padding-right: 10px !important;
    }

    .wrapper_patient_uploadImg {
        width: 83px !important;
        height: 83px !important;
    }

    .newlabel input {
        width: 100% !important;
        border: 1px solid #8e8e8e !important;
    }

    div#clinic-config .inner-div.inner_settings .inline.gappinngg {
        width: 100%;
        text-align: left;
        justify-content: space-between;
    }

    div#clinic-config .inner-div.inner_settings .doctor-timing {
        /* display: flex; */
        text-align: left;
    }

    div#clinic-config .inner-div.inner_settings p.body-text {
        justify-content: start;
    }

    div#clinic-config .inner-div.inner_settings .doc-button.doctor_button_updated {
        justify-content: start;
        left: 0;
    }

    div#clinic-config .inner-div.inner_settings .doc-button-wrapper {
        justify-content: start;
    }

    .main-div .clinic-info .doctor-time {
        width: 100%;
    }

    form#exam-form input {
        width: 100% !important;
    }

    .main-div .clinic-info .doctor-info {
        width: 93%;
    }

    .inner-div.inner_settings .inline {
        gap: 9px;
        text-align: left;
        justify-content: stretch;
    }

    div#stepTwo .modal-content.modal_wrapper_patient {
        height: auto;
        padding-bottom: 102px;
    }

    div#stepTwo .modal-header {
        padding-top: 20px;
    }

    .toast_trail.bg_green p {
        color: #fff;
        font-size: 11px;
    }

    div#app-form .checkboxes-container .form-check {
        padding-left: 0;
        padding-right: 10px;
    }

    .toast_trail {
        padding: 5px 10px;
    }

    .sidebar-collapsed .list-group-item1:first-child {
        z-index: 9999999;
    }

    div#app-form .checkboxes-container .form-check label.form-check-label.vsmall-text {
        padding-left: 0;
    }

    input.form-control.DocToken.mt_doc_form {
        width: 100% !important;
    }

    .get-started .otp-form .form-control {
        padding-left: 25px !important;
        /* width: 200px !important; */
    }

    .get-started .otp-form .phone_number.hk_login .form-control {
        width: auto !important;
    }

    .get-started .otp-form .phone_number.hk_login .phone_mobbb {
        width: 100% !important;
    }

    .add-new-app.img_plus_appoint {
        padding: 5px 0px 5px;
    }

    a#fav-med-btn {
        padding: 0px 30px !important;
    }

    .filterRow .dateRangePicker.newDateFull {
        max-width: 340px !important;
    }

    .iconsContainer.newConticons {
        position: absolute !important;
        right: 4px !important;
        bottom: -14px !important;
    }

    .modal-content .dropdown select,
    .modal-content .appointment-form input,
    .modal-content .invoice-form input,
    .examination-form input,
    .form .dropdown select,
    .medication-form input,
    #medication-data .save-popup input,
    .patient-profile-div .form-control,
    .form .form-control,
    .modal-content .new-doc-form input,
    .get-started .tab-content .form-control,
    .settings .dropdown select {
        height: 46px;
    }

    ul.nav.nav-tabs.genralSettings .nav-link.active {
        color: #118be2 !important;
    }

    .medicine_fav_add_wrapper #fav-med-data.tab-pane .tab-data {
        min-height: auto !important;
        padding-bottom: 10px;
    }

    .form .form-control,
    .modal-content .new-doc-form select {
        height: 36px;
        font-size: 13px;
        padding: 0 15px;
    }

    .modal-content .new-doc-form .form-group {
        padding: 5px 0 0 29px;
        margin-bottom: 0;
    }

    .btn_wrapper_patientStep3 {
        gap: 9px;
        padding-top: 20px;
    }

    .heading_upload_btn input[type="file"] {
        height: 100% !important;
        margin-top: 0 !important;
    }

    .patient_search .dataTables_wrapper.no-footer .dataTables_filter {
        position: initial;
    }

    .appointment-table-section .filter-by-div {
        max-width: 100%;
        overflow-x: scroll;
    }

    .filter-by-div .form-check-label {
        padding-left: 11px !important;
        padding-right: 10px !important;
    }

    .filter_respo_text {
        font-size: 12px !important;
    }

    .appointment-table-section .filter-by-div {
        gap: 6px;
    }

    .filter-by-div .form-check-input[type="radio"] {
        width: 20px;
        height: 20px;
        font-size: 12px !important;
    }

    .total-amount-div h2.body-text.sub-total {
        justify-content: start !important;
    }

    .modal-footer .save_add_invoice,
    .blue-main-btn,
    .green-main-btn {
        width: auto ;
        height: 40px;
        padding: 0px 40px;
        font-size: 14px !important;
        line-height: 40px;
    }

    .small_modal.del_modal .buttons .button2 {
        height: 45px;
        line-height: 45px;
    }

    .drag-area header {
        font-size: 12px;
    }

    .drag-area span {
        font-size: 13px;
        margin: 5px 0 7px 0;
    }

    .drag-area .button {
        border-radius: 2px;
        padding: 10px 25px;
        font-size: 11px;
        line-height: 20px !important;
    }

    .drag-area {
        border: 2px dashed var(--blue-color);
        height: 180px;
    }

    div#uploadModal input.form-control {
        height: 25px;
    }

    .small_modal.del_modal .buttons .button2 {
        padding-top: 0px;
    }

    .btn_wrapper_patient {
        justify-content: center !important;
        padding-top: 20px !important;
        flex-wrap: wrap !important;
    }

    .modal_wrapper_patient .modal-header {
        width: 100% !important;
    }

    .modal_wrapper_patient {
        width: 100% !important;
    }

    .newPatientModal .stepsTopHeadings {
        padding: 0 0rem;
        justify-content: space-between;
    }

    .wrapper_patient_uploadImg {
        width: 93px;
        height: 88px;
    }

    .newPatientModal .circle-2,
    .newPatientModal .circle-3,
    .newPatientModal .circle-1 {
        width: 32px;
        height: 32px;
        margin-top: 8px;
        font-size: 13px;
    }

    #medication-data #saveTemplateModal .modal-dialog,
    .patient-profile-div .new-app-div .small_modal .modal-dialog,
    .small_modal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }

    .blue-overflow-div .summary-card {
        min-width: 146px;
    }

    .sidebar-container.sidebar-collapsed {
        z-index: 999;
    }

    .sidebar-container.web {
        z-index: 9999;
    }

    .dataTables_wrapper {
        max-width: 100% !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 94vw !important;
    }

    .filter-by-div .checkboxes-container {
        max-width: 39vw !important;
    }

    div#mainTable_wrapper {
        padding-top: 50px;
    }

    section.appointment-table-section.table-responsive.second-table.ss .tools {
        display: flex;
        position: absolute;
        padding-top: 17px;
        align-items: center;
        margin-bottom: 0;
    }

    .appointment-table-section .filter-by-div {
        flex-direction: row !important;
    }

    .reports .rightBox {
        margin: 0 auto;
    }

    .table-heading .table-move .new-table {
        display: flex;
    }

    .appointment-table-section .new-table2 .table-move {
        gap: 10px;
        flex-direction: row;
    }

    div#body-row .body-data {
        height: auto !important;
    }

    .appoint_wrapper_custom .appointment-table-section .filter-by-div .form-control.filter-radio {
        width: 100% !important;
    }

    div#newPatientModals button.btn.btn-primary.btn_save_patient {
        width: 147px !important;
        height: 49px !important;
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B!important;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
        text-wrap: nowrap;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;
    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;

    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    div#newPatientModals .stepsTopHeadings p{
         color: #959494;
         padding: 5px 12px !important;
        text-align: center;}
    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;
    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;
    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;
    }

    div#newPatientModals .btn_wrapper_patient {

        position: relative;

        padding: 54px 0 0px 0 !important;
    }

    .formPatientDetail form#myFormOne {
        padding: 0 !important;
        width: 331px;
        margin: 0 auto;
    }

    .btn_wrapper_patient {}

    .stepWithsubTitles.mt-4 {
        display: none;
    }

    .newPatientModal .stepsTopHeadings {
        border-bottom: 1px solid #959494;
    }

    .newPatientModal .stepsTopHeadings p {
        color: #959494;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }


    .btn_wrapper_patientStep3 {
        position: fixed;
        bottom: 10px !important;
        z-index: 99999;
        color: #6DA842;
    }

    .btn_wrapper_patientStep3 button.btn.btn-primary.btn_save_patient {
        color: #6DA842;
    }

    .newPatientModal .textAreaMedicalHistory textarea {
        color: #8E8E8E;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .newPatientModal .stepsTopHeadings p:first-child,
    div#stepTwo .stepsTopHeadings p:nth-child(2),
    div#stepThree .stepsTopHeadings p {
        color: #7CC14B;
        font-family: Inter;
        font-size: 12px;
        border-bottom: 1px solid;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .newPatientModal .stepsTopHeadings {
        gap: 0 !important;
        padding: 0 0;
        justify-content: start;
    }

    .formPatientDetail form#myFormOne .patientTitle.mt-3 {
        margin-top: 21px !important;
    }

    div#newPatientModals .newPatientModal .stepsTopHeadings p {
        width: 33.333%;
        padding: 0 0 10px 0 !important;
        text-align: center;
    }

    .formPatientDetail form#myFormOne p {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .px-5.adding_customing {
        margin-top: 21px;
    }

    .patientTitle.mt-3 {
        margin-top: 0 !important;
    }

    .formPatientDetail form#myFormOne input,
    form#myFormTwo input {
        border: 0.25px solid #EAF3FA;
        border-radius: 24.5px;
        background: #EAF3FA;
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .formPatientDetail form#myFormOne {
        padding: 0;
        width: 331px;
        margin: 0 auto;
    }

    div#stepTwo .modal-dialog.modal-dialog-centered {
        padding-bottom: 0;
        padding-top: 0;
    }

    form#appointment-booked p.phone_92.semi-bold {
        top: 13px !important;
    }


    form#appointment-booked p.xsmall-text.black_text {
        color: #000;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 5px;
    }

    form#appointment-booked label.xsmall-text {
        color: #000;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    form#appointment-booked img.country {
        top: 56%;
    }

    form#appointment-booked p.phone_92 {
        top: 7px !important;
    }

    form#appointment-booked span#select2-doctor-select-container {
        font-weight: 600;
    }

    form#appointment-booked input::placeholder {
        color: #000;


    }

    form#appointment-booked input::-ms-input-placeholder {
        /* Edge 12 -18 */
        color: #000;


    }

    form#appointment-booked .dropdownAppointment span.select2 {
        background-position: 95% center !important;
    }

    form#appointment-booked input,
    form#appointment-booked textarea,
    form#appointment-booked select {
        color: #000;
        font-weight: 600;
    }

    div#signup-page .button2.bottom-green-next {
        width: 90%;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        border-radius: 52px;
        display: block !important;
        overflow: hidden !important;
        /* background-color: #84d95b; */
        position: relative;
        bottom: 0;
        left: 0;
    }

    div#signup-page .button2.bottom-green-next .inline2 {
        padding: 0 0px 0 25px;
    }

    .progressBarContainer .body-text span {
        padding-right: 10px;
        padding-left: 10px;
    }

    .financialChartRow .progressBarContainer {
        height: auto;
    }

    .filterRow {
        padding-top: 0;
    }

    .filtersOptions label {
        display: block;
        width: 100%;
    }

    .iconsContainer {
        position: absolute;
        bottom: 31px;
        right: 27px;
    }

    div#pills-report-appointments .filterRow {
        justify-content: start;
    }

    div#pills-report-appointments .iconsContainer {
        position: initial;
    }

    .filterRow .body-text {
        margin-right: 4px;
    }

    .filterRow {
        position: relative;
    }

    .reports .summary-card .heading1 {
        font-size: 3rem;
    }

    .tab-pane.reports {
        margin-top: 0;
    }

    .tab-pane.reports .filterRow.white {
        padding: 0px 10px 30px 10px;
    }

    div#clinicDateRange {
        color: #000000;
        border-radius: 24px;
        height: 35px;
        width: 100%;
        padding: 0 10px;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        /* border: 1px solid var(--grey-text-color); */
        position: relative;
    }

    .tab-content.clinic .filterRow {
        padding-top: 0;
        justify-content: start;
    }

    .tab-content.clinic .filterRow .switchContainer {}

    .reports .summary-card .heading1 {
        font-size: 3rem;
    }

    .progressBar {
        min-height: 30px;
    }

    .progressBarContainer .body-text {
        font-size: 18px;
    }

    .reports .dataTables_wrapper .dataTables_filter input {
        width: 97%;
    }

    .dateRangePicker {
        height: 35px;
    }

    .filterRow .dropdown select {
        height: 35px;
        max-width: 200px;
        width: 200px;
        appearance: none;
    }

    .filterRow .filtersOptions {
        gap: 5px;
    }

    .dateRangePicker {
        max-width: 170px;
    }

    .dateRangePicker.newDateFull input {
        color: #414254;
        font-size: 0.938rem;
        font-weight: 500;
        font-family: sans-serif;
        padding-left: 5px;
    }

    .clinic .iconsContainer {
        position: absolute;
        right: 20px;
        bottom: 30px;
    }

    .iconBtn {
        height: 30px;
        width: 30px;
    }

    .reports .nav-link.active {
        color: #fff !important;
    }

    .nav-item.active a {
        background: initial !important;
        color: #118be2 !important;
        border: 1px solid transparent !important;
    }

    .form-control.filter-radio .radio1 label {
        font-size: 8px !important;
        margin: 0;
        padding-left: 11px;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 10px;
    }

    .doctor-listing div#doctor-listing {
        overflow-x: auto;
        justify-content: start;
        width: 100%;
    }

    .green-main-btn h6 {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

    .add-new-btn {
        height: 44px;
    }

    section#appointments .new-table {
        top: 6px;
    }

    .new-table {
        position: relative;
        /* top: 7px; */
        padding: 0 14px !important;
    }

    .box_dr h6 {
        font-size: 11px !important;
    }

    .box_dr .name {
        font-size: 11px !important;
        width: 100px;
        word-break: break-all;
    }

    .user_box {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }

    .user_box svg {
        width: 23px;
    }

    .box_dr {
        text-align: center;
        padding: 0 8px;
    }

    .filter-by-div .checkboxes-container {
        width: 100% !important;
        margin-bottom: 0;
    }

    .radio1:first-child {
        min-width: 34px;
    }

    .radio1:first-child {
        min-width: 32px;
    }

    .form-control {
        padding: 0 10px;
    }

    .appointment-table-section .table-move {
        align-items: self-start;
    }

    .radio1 label:before {
        width: 8px !important;
        height: 9px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .radio1 {
        min-width: 59px;
    }

    form.filters_01::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    form.filters_01 {
        display: flex;
        height: 100%;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
        width: 100% !important;
        max-width: 92vw !important;
        overflow-x: scroll;
    }

    .list-group-item1:first-child {
        padding-bottom: 65px;
        height: 0px;
        margin-top: 0;
    }

    .header .header-data {
        gap: 12px;
    }

    .main-data .header {
        left: 0;
        padding-left: 20px;
        position: fixed !important;
        width: 100%;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 26px;
        border-radius: 0 0 58px 0 !important;
        z-index: 999;
    }

    main.main-div {
        padding-top: 80px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard {
        z-index: 9;
        position: relative;
    }

    .main-div .top-tab {
        background-color: #f2f9ff00;
    }

    .top-tab .changing-tabs .nav-link {
        color: var(--body-text-color);
    }

    .medication-form-fav .dropdown.inline select,
    .medication-form .dropdown.inline select {
        position: relative;
        top: -6px;
    }

    .medication-form .dropdown.inline {
        display: flex;
        align-items: center;
    }

    .body-data .main-div {
        display: block !important;
    }

    .mob_boxes .table-option-data {
        flex-direction: row;
    }

    div#mainTable_wrapper .table-options.pt-2.pt-lg-0.w-100.flex-wrap.flex-lg-nowrap.mob_boxes {
        gap: 3px;
    }

    a.add_appo svg {
        width: 14px;
    }

    a.add_appo {
        width: auto;
        height: 36px;
        position: absolute;
        border-radius: 20px;
        font-size: 12px;
        right: 7px;
        line-height: 36px;
        top: initial;
        padding: 0 10px;
        margin-top: 8px;
    }

    .opecity1 .modal-dialog {
        width: 90% !important;
        max-width: 90% !important;
    }

    .heading-text {
        font-size: 1.488rem;
    }

    .blue-overflow-div .summary-card {
        width: 48% !important;
    }

    .blue-overflow-div #pills-report-patient .summary-card{
        margin-left: auto;
        margin-right: auto;
    }

    .body-data .summary-card-container {
        justify-content: space-between;
    }

    .summary-card .card-heading {
        font-size: 1rem;
    }

    .card-subdata img {
        width: 30px;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter {
        position: initial !important;
    }

    .appointment-table-section .new-table,
    .appointment-table-section .dropdown select {
        width: 100px !important;
    }

    section.table-responsive.dashboard-table.table-dashboard div#mainTable_filter input {
        width: 28%;
        min-width: 170px;
        margin-left: 0;
    }

    table th.body-text,
    table td {
        display: table-cell !important;
    }

    .table-last-col .buttons .button.btn-text {
        width: 90px;
    }

    .body-text {
        font-size: 13px;
    }

    .opecity1 .modal-dialog {
        margin-right: 14px;
        margin-top: 90px;
    }

    .get-started .text {
        text-align: center !important;
        width: auto;
    }

    .mobile-view.get-started .signup-img {
        display: block;
        height: 100%;
    }
    .mobile-view.get-started .img-half{
        height: 100%;
        position: relative;
    }
    .mobile-view.get-started .blue-div4 {
        height: 100%;
        background-color: transparent;
        border-bottom-right-radius: 0;
    }
    .mobile-view.get-started .started {
        position: relative;
        background-color: var(--blue-color);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mobile-view.get-started .img-half:before {
        width: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 47vh;
        background-color: var(--blue-color);
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }

    .mobile-view.get-started .blue-div4 .signup-img img {
        display: block;
        height: 100%;
        margin-top: -30px;
    }

    .mobile-view.get-started .blue-div4 .green-main-btn{
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 90%;
        right: 0;
        margin: auto;
        height: 45px;
    }

    .web-view{
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .get-started .heading1.otp_heading,
    .get-started p.body-text {
        text-align: center;
    }

    .started.verifyOtp p.body-text {
        text-align: center;
        width: 260px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .started.verifyOtp {}

    .started.verifyOtp p.body-text span {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

    .get-started .started {
        padding: 90px 20px;
    }

    .selectClinicLogin p {
        margin-top: 1rem;
    }

    .get-started .text {
        width: 100% !important;
    }

    .otp-form.number {
        padding-top: 20px;
    }

    .changing-tabs.favv__change_wrape .nav-link,
    .top-tab .changing-tabs .nav-link {
        color: #7c7878;
    }

    a#fav-med {
        color: #f2ecec;
    }

    .changing-tabs.favv__change_wrape .nav-link.active {
        color: white !important;
        border-bottom: 3px solid #76bd1d !important;
    }

    .appointment-table-section .table-last-col .buttons .button.btn-text {
        width: 100px !important;
    }

    form.appointment-form.form.custom_appoint_wrapper .tab-data {
        overflow-x: auto;
    }

    form.medication-form-fav.form.for_indexx,
    .medication-form.form.for_indexx,
    div#add-roles .checkboxes-container.for_indexx .form-check,
    div#medication-data .medication-form.form a.xsmall-text.green-text.for_indexx,
    div#consult_sections div#medication-data .double .form-control.mixed_input.for_indexx {
        position: relative;
        z-index: 9999 !important;
    }

    div#pres_settings .settings-form label.form-check-label.body-text {
        padding-left: 5px !important;
    }

    .main-div .tabs-data .body-text.active,
    .nav-link.active,
    .top-tab .changing-tabs .nav-link.active {
        color: var(--white-color);
        opacity: 100%;
        background-color: transparent;
        border: none;
        border-bottom: 3px solid var(--green-color);
    }

    .toast_trail.bg_red p {
        font-size: 14px;
    }

    .tabing_changing_tabs .genralSettings a {
        color: #118be2 !important;
    }

    .country {
        /* top: 27px !important; */
    }

    .changing-tabs.ddd.for_indexx {
        z-index: 9999;
        position: relative;
    }

    .fornminggggg .font_selectttt {
        width: 100% !important;
    }

    .added-med.upload a.vsmall-text.green-text.custom-text.pl-0 {}

    .checkboxes-container.for_indexx {
        position: relative;
        z-index: 9999;
    }

    .filters_appointment.for_indexx {
        z-index: 9999999;
    }

    .toastify.on.info.toastify-right.toastify-top {
        width: 92% !important;
        max-width: 600px !important;
    }

    button.btn.btn-primary.hk_add_invoice.consult_now.btn-text {
        padding: 7px 25px 7px 25px;
        color: #118be2;
    }

    div#add-roles form.role-settings-form.form span.num_placeholder {
        top: 30px;
    }

    div#add-roles form.role-settings-form.form img.country {
        top: 62%;
    }

    .header-tabs-div.consult_screen {
        width: 100%;
        position: absolute !important;
        top: 100px !important;
    }

    div#consult_sections {
        margin-top: 0px !important;
    }

    form#form-consultation {
        margin-top: 110px !important;
    }

    .header-tabs-div.consult_screen .user-details {
        display: block !important;
    }

    div#consult_sections div#medication-data .double {
        display: block;
    }

    div#consult_sections div#medication-data .double .form-control.mixed_input {
        position: relative;
        top: -6px;
    }

    .blue-overflow-div.for_only_this_page {
        margin-top: 25px;
        overflow-x: hidden;
    }

    form#update-sign-up-form {
        margin-top: 20px;
    }

    .filters_appointment.show_filter:before {
        content: "";
        width: 100%;
        height: 11%;
        position: fixed;
        left: 0;
        top: -36px;
        background: rgba(49, 49, 49, 0.8);
    }

    .bg_over_main {
        background-color: rgba(49, 49, 49, 0.8) !important;
    }

    .list-warpper {
        width: 100%;
        overflow: hidden;
        position: relative;
        /* z-index: 9999; */
    }

    .list-warpper.for_indexx {
        z-index: 9999;
    }

    .box-list {
        width: 100%;
    }

    .box-list li {
        width: 100%;
        position: relative;
    }

    .box-list li .drop {
        width: 790px;
        margin-left: -170px;
    }

    .box-list li .box,
    .box-list li .alert,
    .box-list li .check,
    .box-list li .del,
    .box-list li .save {
        float: left;
        width: 48px;
        color: #fff;
        text-align: center;
        padding: 30px 15px;
    }

    .box-list li .save {
        background-color: #fc5c5c;
        height: 179px !important;
        position: relative;
        width: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 12px;
        left: 0;
        z-index: -1;
        flex-wrap: wrap;
    }

    .box-list li .del {
        z-index: -1;
        flex-wrap: wrap;
        background-color: #fdb42b;
        height: 179px !important;
        position: relative;
        width: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 12px;
        right: 0px;
        z-index: -1;
    }

    .box-list li .check {
        background-color: #506de2;
        height: 179px;
        flex-wrap: wrap;
        position: relative;
        width: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 12px;
        right: 0;
        z-index: -1;
    }

    .box-list li .alert {
        background-color: #83d85a;
        height: 179px;
        position: relative;
        width: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 12px;
        right: 0;
        z-index: -1;
        border-radius: 0;
        flex-wrap: wrap;
    }

    .box-list li .center {
        width: 100vw;
        padding: 0;
        margin-left: 0;
    }

    .list-warpper .wrapper_box_hk {
        margin: 12px 0;
    }

    .img-div.plus {
        position: fixed;
        bottom: 15px;
        right: 8px;
        z-index: 0;
    }

    .hk_presc_appview {
        padding: 5px 15px 20px 15px;
        background: #fff;
        box-shadow: 0 0 11px 0 hsl(80deg 0% 51% / 15%);
        margin: 0px 0px;
        position: relative;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .hk_presc_appview .pres-cont h3 {
        color: #ffb402;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .hk_presc_appview .pres-cont p {
        color: #404052;
        font-size: 16px;
        font-weight: 600;
    }

    .hk_presc_appview .pres-cont span i {
        color: black;
        font-size: 23px;
        position: relative;
        top: 9px;
    }

    section.appointment-table-section.table-responsive.second-table.hk_pres_app_view {
        margin-top: 0;
    }

    .pres_details_first_card {
        padding: 15px 20px 25px 20px;
        background: #fff;
        box-shadow: 0 0 11px 0 hsl(80deg 0% 51% / 15%);
        margin: 0px 0px;
        position: relative;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .appViewAppointDetailInner {
        margin-top: -5px;
    }

    .appViewAppointDetailInner .patient_top h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .appViewAppointDetailInner .patient_top h4 {
        font-size: 16px;
        font-weight: 400;
        margin-top: 3px;
    }

    .appViewAppointDetailInner .patient_top span {
        background: #d6edfe;
        width: 70px;
        height: 35px;
        position: relative;
        display: flex;
        border-radius: 9px;
        align-items: center;
        justify-content: center;
        color: #141414;
        font-weight: 600;
        top: 7px;
        font-size: 16px;
    }

    .pres_details_first_card .med_his .patient_top h4 {
        color: #118be2;
        font-weight: 600;
    }

    .pres_details_first_card .med_his .patient_top h4.date_med_his {
        color: #b3b3b3;
        font-weight: 400;
    }

    .vitals_area .patient_top h4 {
        color: #4c4c5d;
        margin-top: 15px;
    }

    .complaints h4 {
        color: #4c4c5d;
    }

    .otionss_area .patient_top .buttons a {
        text-align: center;
    }

    .otionss_area .patient_top .buttons a span.icon_title {
        width: auto;
        height: auto;
        background-color: transparent;
        font-size: 12px;
        font-weight: 400;
    }

    .pres_details_first_card .med_his.presc_data h3 {
        color: #4c4c5d;
        font-size: 16px;
        margin: 0;
        font-weight: 600;
    }

    section.appointment-table-section.table-responsive.second-table.rep-billing {
        margin-top: 0;
    }

    .rep-billing .mobile-billing {
        display: block;
    }

    .mobile-billing .row_clinic_billing {
        background-color: #e4f4ff;
        padding: 12px 16px;
        display: block !important;
        width: auto !important;
        margin: auto 12px;
        border-radius: 13px;
    }

    .mobile-billing .row_clinic_billing label {
        color: #0f8be1 !important;
        font-size: 13px !important;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }

    .mobile-billing .row_clinic_billing span {
        color: #313131 !important;
        font-size: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 400 !important;
        margin: 0;
    }

    .mobile-billing .wrapping_box .after_name_area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 13px 7px 0;
    }

    .mobile-billing .wrapping_box .doc-name {
        margin: 3px 13px 10px 0;
    }

    .mobile-billing .wrapping_box .after_name_area .gender_line {
        font-size: 13px;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        color: #000000;
        text-transform: capitalize;
    }

    .mobile-billing .wrapping_box .after_name_area .pkr_amount {
        font-size: 13px;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        color: #313131;
    }

    .mobile-billing .wrapping_box .cash-paid {
        color: #118be2;
        font-size: 13px;
        margin-left: 0;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .img-size {
        width: 19px;
        height: 19px;
    }

    .mobile-billing .wrapping_box {
        border-radius: 13px;
        padding: 13px 0 19px;
    }

    .mobile-billing .wrapping_box h3 {
        font-size: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }

    .mobile-billing .wrapping_box .token_no span {
        color: #000000;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .token_no {
        height: 31.58px;
        border-radius: 0px 13px 0px 13px;
        width: 94px;
    }

    .mobile-billing .wrapping_box .flip {
        position: absolute;
        top: 25px;
        right: 13px;
    }

    .mobile-billing .wrapping_box .flip i {
        color: #3f89db;
        font-size: 11px;
    }

    .mobile-billing .wrapping_box .name-accro {
        position: relative;
    }

    .mobile-billing .wrapping_box .name-accro .panel {
        display: none;
        border: none;
        margin-bottom: 0;
        box-shadow: none;
    }

    .mobile-billing .wrapping_box .name-accro .panel span {
        color: #959494;
        display: block;
        font-family: "Inter", sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .name-accro .panel .appt {
        margin: 8px 13px 6px 0;
        font-family: "Inter", sans-serif;
        color: #000000;
    }

    .mobile-billing .wrapping_box .name-accro .amount-type h2 {
        color: #8e8e8e;
        font-size: 13px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .name-accro .panel h2 {
        margin: 0;
        font-family: "Inter", sans-serif;
    }

    .mobile-billing .wrapping_box .name-accro .panel span {
        margin: 0 13px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .mb-2 span {
        margin: 8px 13px 6px 0;
        font-family: "Inter", sans-serif;
        color: #000000;
    }

    .mobile-billing .wrapping_box .name-accro .panel .total-amount h2,
    .mobile-billing .wrapping_box .name-accro .panel .amount-rec h2 {
        color: #0f8be1;
        font-family: "Inter", sans-serif;
        font-size: 13px;
        font-weight: 500;
    }

    .mobile-billing .wrapping_box .name-accro .panel .total-amount span,
    .mobile-billing .wrapping_box .name-accro .panel .amount-rec span {
        color: #0f8be1;
        font-size: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .name-accro .panel .discount-rate span,
    .mobile-billing .wrapping_box .name-accro .panel .discount-rate h2 {
        color: #313131;
        font-size: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .name-accro .panel .amount-rec {
        background-color: #d6edfe5e;
        font-family: "Inter", sans-serif;
        padding: 3px 3px 3px 13px;
        margin-bottom: 3px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .total-amount {
        margin: 0 0 10px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .mar-left {
        margin: 0 0 8px 22px;
    }

    .mobile-billing .wrapping_box .name-accro .panel .discount-rate {
        margin: 0 0 8px 13px;
    }

    .tableBilling #toolbar,
    .tableBilling .dataTables_wrapper {
        /* display: none; */
    }
    .tableBilling .dataTables_wrapper div#billingList_wrapper {
        display: none;
    }

    .tableBilling .dataTables_wrapper .new-table {
        display: none;
    }

    .tableBilling .dataTables_wrapper .filters_new_billing {
        display: none;
    }

    .tableBilling .dataTables_wrapper div#mainTable_filter {
        display: none;opacity: 0;
    }

    .tableBilling .dataTables_wrapper .row.row_clinic_billing {
        display: none;
    }

    .tableBilling .dataTables_wrapper {
        background: #fff0;padding:0 10px;
    }

    .tableBilling .dataTables_wrapper .filter-by-div {
        display: block!important;
    }


    .tableBilling .dataTables_wrapper .new-table2 {
        width: 100%;
    }

    .tableBilling .dataTables_wrapper .new-table2 .checkboxes-container.gryBox {
        display: block!important;
    }

    .tableBilling .dataTables_wrapper .new-table2 .checkboxes-container.gryBox span.select2 {
        width: 100%!important;
    }


    .filter_wrap {
        z-index: 8888888;
    }

    .filters_billing h4 {
        color: #118be2;
        font-size: 16px;
        font-weight: 500;
        margin-top: -10px;
        font-family: "Inter", sans-serif;
        margin-bottom: 34px;
    }

    .mobile-billing .billing-wrap {
        margin: 0 12px 5px 12px;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .appointment-table-section .mobile-billing .billing-wrap .iconBtn.print i {
        color: var(--pink-color);
    }

    .appointment-table-section .mobile-billing .billing-wrap .iconBtn {
        height: 40px;
        width: 40px;
    }

    .appointment-table-section .mobile-billing .billing-wrap .iconBtn.download {
        margin-left: 9px;
    }

    .appointment-table-section .mobile-billing .billing-wrap i {
        color: var(--green-color);
    }

    .filters_billing {
        height: 379px;
        padding: 24px 12px 24px 17px;
    }

    .filters_billing .filters_new_billing {
        display: block;
        border-radius: 0;
        background: transparent;
        padding: 0;
    }

    .appointment-table-section .filters_billing .filter-by-div {
        display: block;
        position: relative;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .appointment-table-section .filters_billing .filter-by-div .clear-all {
        position: absolute;
        top: 190px;
        right: 35px;
    }

    .appointment-table-section .filters_billing .filter-by-div .clear-all .form-check {
        background-color: transparent;
        width: auto;
    }

    .appointment-table-section .filters_billing .filter-by-div .clear-all .form-check .form-check-input {
        margin-left: 0;
        margin-right: 0;
    }

    .appointment-table-section .filters_billing .filters_new_billing .form-check {
        padding-left: 10px;
    }

    .appointment-table-section .filters_billing .filter-by-div label {
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        line-height: 17px;
        color: #000000;
    }

    .appointment-table-section .filters_billing .stat {
        font-size: 14px;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        color: #000000;
    }

    .appointment-table-section .filters_billing .select-date input {
        width: 100% !important;
    }

    .appointment-table-section .filters_billing .select-date input[type="date"]::-webkit-inner-spin-button,
    .appointment-table-section .filters_billing .select-date input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

    .filters_billing.show_filter:before {
        content: none;
    }

    .appointment-table-section .filters_billing .select-date .input-group-addon {
        background-color: transparent;
        padding-right: 10px;
    }

    .appointment-table-section .filters_billing .form-control-bg {
        background-color: var(--light-dropdown-background);
        border-radius: 38px;
    }

    .appointment-table-section .filters_billing .form-control-bg .form-control {
        background-color: transparent;
        width: 100% !important;
    }

    .appointment-table-section .filters_billing .filter-by-div .form-check-input[type="radio"] {
        background: #d9d9d9;
        width: 22px;
        height: 22px;
    }

    .rep-billing .row.row_clinic_billing {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .rep-billing .filter-by-div .form-check-input[type="radio"]:checked {
        background: var(--green-color);
        font-size: 1rem;
    }

    .rep-billing .row.row_clinic_billing label {
        margin-bottom: 0;
    }

    .patienls_file .modal-body {
        padding: 10px 40px;
    }

    .patienls_file table.dataTable tbody .view-list {
        font-size: 14px;
        text-decoration: underline;
    }

    .patienls_file table.dataTable tbody {
        position: relative;
        top: 10px;
        margin-top: 0;
    }
}

.close_icon_sms_wrapper {
    width: 25px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cellipse cx='12.5' cy='12' rx='12.5' ry='12' fill='%23D68189' fill-opacity='0.4'/%3E%3Cline y1='-1' x2='11.9649' y2='-1' transform='matrix(0.757296 0.653072 -0.802902 0.59611 8.33325 8.39453)' stroke='%23B1032E' stroke-width='2'/%3E%3Cpath d='M17.4241 7.50004L9.58306 16.0519' stroke='%23B1032E' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 58px;
    top: 74px;
    cursor: pointer;
    z-index: 99;
}


.datepicker-months {
    width: 240.68px !important;
}

.datepicker-months table.table-condensed {
    width: 100%;
}

.datepicker-months table.table-condensed td {
    text-align: center !important;
    display: table-cell !important;
}

.datepicker-months table.table-condensed td span.month {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wrapper_box_hk {
    display: none;
}

div.hk_align_bar {
    background: white;
    width: 100%;
    border-radius: 14px 14px 0px 0px;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
}

/* .after_filter.search_position div#mainTable_filter {
    position: absolute;
    right: 0;
    top: -177px;
} */

.tabing_changing_tabs .genralSettings a {
    /* color: #118BE2 !important; */
}

.ul_sign_up li a.active {
    border-bottom: 2px solid #76bd1d !important;
    margin-top: -1px;
}

#billingeModal .modal_edit_addPlat .black_text_class {
    color: #222 !important;
}

div#invoiceAdd label.form-check-label {
    padding-left: 30px;
}

section.appointment-table-section.table-responsive.second-table.tableBilling select#doctor_sel {
    color: black;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.modal-content .partialPayment-form .tabel-bg {
    width: 100%;
    margin-bottom: 20px;
}

.modal-content .partialPayment-form .tabel-bg tr {
    background-color: #d9d9d93b;
}

.modal-content .tabel-bg tr td {
    padding: 7px;
}

.modal-content .appointment-form .boxed-wid {
    width: 144px;
}

.modal-content .table-wi thead tr, .modal-content .table-wi thead {
    background-color: transparent;
}

.modal-content .table-wi{
    width: 100%;
}

.modal-content .table-wi thead tr th label {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: #313131;
    padding-left: 0;
}

.modal-content .partialPayment-form .invalid-feedback {
    margin-top: 0;
    color: #dc3545;
}

.modal-content .partialPayment-form .form-check-label {
    color: #118be2 !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

.was-validated .form-control:invalid {
    background-image: none;
}

.tableBilling .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td:last-child {
    text-align: center;
}

.tableBilling .calender {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tableBilling .calender img {
    width: 14.4px;
    height: 16px;
}

.tableBilling .filters_new_billing>p {
    color: #118be2;
    font-weight: 500;
}

.dataTables_scrollHeadInner .table-hide {
    display: none;
}

.dataTables_scrollBody .table-hide {
    display: block;
}

.dataTables_scrollBody .table-hide .dataTables_sizing {
    height: auto !important;
}

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

.was-validated .form-control:invalid {
    background-image: none;
}

.tableBilling .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td:last-child {
    text-align: center;
}

.tableBilling .calender {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tableBilling .calender img {
    width: 14.4px;
    height: 16px;
}

.tableBilling .filters_new_billing>p {
    color: #118be2;
    font-weight: 500;
}

.dataTables_scrollHeadInner .table-hide {
    display: none;
}

.dataTables_scrollBody .table-hide {
    display: block;
}

.dataTables_scrollBody .table-hide .dataTables_sizing {
    height: auto !important;
}

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

.signup-form p.result {
    position: absolute;
    top: 72px;
    left: 0;
}

.error-fleid {
    background-color: #ffa0a9;
    padding: 9.5px 56px;
    border-radius: 12px;
    /* display: none; */
}

.success-fleid {
    background-color: #b5df97;
    padding: 9.5px 56px;
    border-radius: 12px;
    display: none;
}

.error-fleid p,
.success-fleid p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    line-height: 19px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0em;
    text-align: left;
}

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

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

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

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

.reDesignthead .procedureName {
    width: 40% !important;
    padding-left: 22px;
}

.reDesignthead th {
    color: #000;
}

.rep-billing .filter-by-div .form-select {
    background-color: var(--border-bottom-color);
}

.rep-billing .filter-by-div .form-select {
    width: 19vw;
}

.rep-billing .table-heading #mainTable_filter {
    position: relative;
    right: 10px;
    top: 2px;
}

.rep-billing .new-table {
    background-color: var(--border-bottom-color);
    margin-right: 26px;
}

.rep-billing .filters_new_billing .form-check .form-check-input[type="radio"] {
    width: 22px;
    height: 22px;
    background: #d9d9d9;
}

.rep-billing .table-heading .dataTables_filter input {
    background-color: var(--border-bottom-color);
    border: none;
    border-radius: 38px;
    font-weight: 400;
    padding-left: 20px;
    background-image: none;
    min-width: 240px;
    width: 28vw !important;
    height: 37px;
    font-size: 0.813rem;
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

.rep-billing .table-heading .dataTables_filter input {
    margin-left: 0;
}

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

table#billingList td dl {
    display: flex;
    align-items: center;
    /* justify-content: space-evenly; */
    gap: 0 70px;
}

table#billingList td dl dt {
    opacity: 0;
}

table#billingList td dl dt:nth-child(9) {
    opacity: 1;
    position: relative;
    left: 16px;
    text-align: left;
}

table#billingList td dl dt:nth-child(11) {
    position: relative;
    left: -31px;
    opacity: 1;
}

table#billingList td dl dt:nth-child(16) {
    position: relative;
    left: 5px;
    opacity: 1;
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

table#billingList td dl dt:nth-child(17) {
    position: relative;
    left: -18px;
    opacity: 1;
    width: 75px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

table#billingList tbody tr td:nth-child(16) div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

table#billingList tbody tr td:nth-child(15) {
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

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

table#billingList tbody tr td:nth-child(5) {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    position: relative;
    left: -10px;
}

table#billingList tbody tr td:nth-child(8) {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    position: relative;
    left: -10px;
}

table#billingList tbody tr td:nth-child(15) {
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

div#addMedCertificate textarea {
    height: 100px;
    width: 100%;
}

div#smsListing h2.heading-text.recent_heading {
    padding-left: 23px !important;
}

.prescription-setting .nav .nav-item .nav-link{
    background-color: transparent;
    color: #313131;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    opacity: 1;
    padding: 0;
    font-weight: 500;
    border: none;
}

.prescription-setting .nav .nav-item .nav-link.active{
    color: #118BE2;
    text-decoration: underline;
}

.prescription-setting .nav {
    padding-left: 10px;
}

.prescription-setting .nav .nav-item {
    margin-right: 28px;
}

.main-data .prescription-setting .settings .inner-div {
    padding-top: 0;
    padding-bottom: 10px;
}

.main-data .prescription-setting .settings .prescription-page{
    background-color: var(--white-color);
    border-radius: 14px;
    padding: 25px 25px 40px;
}

.main-data .prescription-setting .form-check{
    background-color: var(--light-dropdown-background);
    width: 135px;
}

.main-data .prescription-setting .btn-save {
    text-align: end;
}

.main-data .prescription-setting .btn-save button{
    background-color: #BDBDBD;
    font-size: 20px;
    font-weight: 400;
    border-radius: 35.5px;
    height: 55px;
    letter-spacing: normal;
    width: 157px;
    line-height: 20px;
    color: #FFFFFF;
}

.main-data .prescription-setting .boxed{
    background: #F5F6F7;
    border-radius: 8px;
    padding: 15px 15px 27px;
    height: 100%;
}

.main-data .prescription-setting .boxed .body-text{
    padding-top: 0;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

.main-data .prescription-setting .boxed .form-check{
    background-color: transparent;
    margin-bottom: 12px;
    width: auto;
}

.main-data .prescription-setting .col-lg-12 .checkboxes-container .form-check {
    width: auto;
    height: auto;
    padding-left: 0;
    background-color: var(--light-dropdown-background);
}

.main-data .prescription-setting .col-lg-12 .checkboxes-container .title-name {
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: normal;
    text-align: center;
}

.main-data .prescription-setting .col-lg-12 .checkboxes-container .form-check-input[type="radio"] {
    position: absolute;
    top: 5px;
    left: 28px;
    width: 30px;
    height: 29px;
    border: 1px solid #666363;
}

.main-data .prescription-setting .col-lg-12 .boxed .pdf-container canvas {
    width: 100%;
    border-radius: 38px;
}

.main-data .prescription-setting .page-type {
    font-size: 15px;
    font-weight: 300;
    margin: 34px 0 10px;
    line-height: 22.5px;
    color: #000;
}

.main-data .prescription-setting .page_flex_presc .page_flex {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.main-data .prescription-setting .boxed .text_custom_presc_settings{
    font-weight: 300 !important;
    margin-bottom: 28px;
}

.main-data .prescription-setting .boxed label.xsmall-text{
    padding-left: 0;
    padding-right: 0;
}

.main-data .prescription-setting .boxed .heading_upload_btn:after {
    content: none;
}

.main-data .prescription-setting .boxed .input_container label {
    border-radius: 4px;
    background-color: #D9D9D9;
    padding: 7px 18px;
    font-weight: 300;
    color: #000000;
    font-size: 15px;
    line-height: 22.5px;
}

.main-data .prescription-setting .boxed .close-img {
    position: relative;
    justify-content: space-between;
}

.main-data .prescription-setting .boxed .close-img img {
    width: 16px;
    height: 14.51px;
    object-fit: contain;
}

.main-data .prescription-setting .boxed .close-img button{
    border: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    right: -22px;
}

.main-data .prescription-setting .col-lg-2 .checkboxes-container .form-check {
    width: auto;
    height: auto;
    padding-left: 0;
}

.main-data .prescription-setting .col-lg-2 .checkboxes-container .form-check-input[type="radio"] {
    position: absolute;
    top: 5px;
    left: 28px;
    width: 30px;
    height: 29px;
}
.main-data .prescription-setting .col-lg-2 .checkboxes-container .form-check {
    background-color: var(--light-dropdown-background);
}

.main-data .prescription-setting .col-lg-12 .boxed{
    min-height: 331px;
    max-height: 100%;
    height: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    position: relative;
    padding: 51px 55px 44px;
    border-radius: 21px;
}

.main-data .prescription-setting .col-lg-12 .boxed p{
    position: absolute;
    font-size: 20px;
    font-weight: 300;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #555554;
}

.main-data .prescription-setting .col-lg-12 .boxed .pdf-container {
    width: 168px !important;
    height: 236px !important;
}

.bg_gray {
    background-color: var(--light-gray-color);
    color: #000000;
    border-radius: 4px;
    width: 137px;
    line-height: 47px;
    border-color: var(--light-gray-color);
}

.bg_gray:hover{
    background-color: #b5b4b4;
    color: #000000;
}

#newModal .modal-dialog{
    width: 1214px;
    max-width: 100%;
}

#newModal .modal-content {
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    padding: 30px 53px 37px;
}

#newModal .boxed{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#newModal .boxed h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    padding: 0 10px 22px;
    position: relative;
    margin: 0;
    color: #000;
}

#newModal .boxed h3::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #959494;
}

#newModal .boxed .btn-outline {
    border: 1px solid #D9D9D9;
    color: #000;
}
#newModal .boxed .btn {
    border-radius: 4px;
    width: 151px;
    font-family: 'Poppins', sans-serif;
    margin-left: 17px;
    color: #FFFFFF;
}

#newModal .boxed .btn-outline {
    border: 1px solid #D9D9D9;
    color: #000;
}

#newModal .boxed .vital {
    margin: 60px 0 0;
}

#newModal .boxed .vital .row {
    gap: 36px 0;
}

#newModal .boxed .vital label {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    font-family: 'Poppins', sans-serif;
}

#newModal .boxed .vital input, #newModal .boxed .vital select {
    width: 90%;
    border: 0.25px solid #8E8E8E !important;
    padding: 12px 24px;
    height: 48px;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
    color: #959494;
    font-size: 15px;
    font-weight: 300;
    border-radius: 100px;
}

#newModal .boxed .vital h5 {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 17px;
    color: #313131;
}

#newModal .boxed .vital .toggle-label {
    position: relative;
    display: block;
    width: 200px;
    height: 40px;
  }
  #newModal .boxed .vital .toggle-label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #newModal .boxed .vital .toggle-label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    border-radius: 4px;
  }
  #newModal .boxed .vital .toggle-label input[type=checkbox]:checked+.back {
    background: #D9D9D9;
  }

  #newModal .boxed .vital .toggle-label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: #fff;
    width: 100px;
    height: 100%;
    border-radius: 4px;
  }
  #newModal .boxed .vital .toggle-label input[type=checkbox]:checked+.back .toggle {
    margin-left: 100px;
  }
  #newModal .boxed .vital .toggle-label .label {
    display: block;
    position: absolute;
    border-radius: 4px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    color: #000;
    font-size: 15px;
  }
  #newModal .boxed .vital .toggle-label .label.on { left: 0px; }
  #newModal .boxed .vital .toggle-label .label.off { right: 0px; }

  #newModal .boxed .vital .switched input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

#newModal .boxed .vital .switched {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

#newModal .boxed .vital .switched h5 {
    margin: 0;
}

#newModal .boxed .vital .switched label {
    cursor: pointer;
    width: 36px;
    height: 20px;
    background: #F2F2F2;
    border: 0.5px solid #959494;
    margin-bottom: 0;
    display: block;
    border-radius: 100px;
    position: relative;
}

#newModal .boxed .vital .switched label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #84D95B;
	border-radius: 90px;
	transition: 0.3s;
}

#newModal .boxed .vital .switched input:checked +  label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

#readingModal .modal-dialog{
    width: 636px;
}

#readingModal .modal-content {
    background-color: #fff;
    border-radius: 4px;
    height: 534px;
    padding: 30px 47px 37px;
}

#readingModal .boxed {
    margin-bottom: 100px;
}

#readingModal .boxed h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    padding: 0 10px 22px;
    position: relative;
    margin: 0;
    color: #000;
}

#readingModal .boxed h3::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #959494;
}

#readingModal .btn {
    border-radius: 4px;
    width: 151px;
    font-family: 'Poppins', sans-serif;
    margin-left: 17px;
    color: #FFFFFF;
}

#readingModal .btn-outline {
    border: 1px solid #D9D9D9;
    color: #000;
    background-color: transparent;
}

#readingModal .boxed .btn-outline {
    border: 1px solid #D9D9D9;
    color: #000;
}

#readingModal .boxed .vital {
    margin: 26px 0 0;
}

#readingModal .boxed .vital label {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    font-family: 'Poppins', sans-serif;
}

#readingModal .boxed .vital input, #readingModal .boxed .vital select {
    width: 90%;
    border: 0.25px solid #8E8E8E !important;
    padding: 12px 24px;
    height: 48px;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
    color: #959494;
    font-size: 15px;
    font-weight: 300;
    border-radius: 100px;
}

#readingModal .boxed .vital h5 {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 17px;
    color: #313131;
}

#readingModal .boxed .vital .toggle-label {
    position: relative;
    display: block;
    width: 200px;
    height: 40px;
}
#readingModal .boxed .vital .toggle-label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
#readingModal .boxed .vital .toggle-label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    border-radius: 4px;
}
#readingModal .boxed .vital .toggle-label input[type=checkbox]:checked+.back {
    background: #D9D9D9;
}

#readingModal .boxed .vital .toggle-label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: #fff;
    width: 100px;
    height: 100%;
    border-radius: 4px;
}
#readingModal .boxed .vital .toggle-label input[type=checkbox]:checked+.back .toggle {
    margin-left: 100px;
}
#readingModal .boxed .vital .toggle-label .label {
    display: block;
    position: absolute;
    border-radius: 4px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    color: #000;
    font-size: 15px;
}
#readingModal .boxed .vital .toggle-label .label.on { left: 0px; }
#readingModal .boxed .vital .toggle-label .label.off { right: 0px; }

.submit-buttons .green-main-btn.tabbtngreen:hover{
    color: #fff
}
#readingModal .boxed .vital .toggle-label .label.on:before {
    z-index: 1;
    content: 'Active';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  #readingModal .boxed .vital .toggle-label .label.off:before {
    z-index: 1;
    content: 'Inactive';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

#readingModal .boxed .vital .switched input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

#readingModal .boxed .vital .switched {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

#readingModal .boxed .vital .switched h5 {
    margin: 0;
}

#readingModal .boxed .vital .switched label {
    cursor: pointer;
    width: 36px;
    height: 20px;
    background: #F2F2F2;
    border: 0.5px solid #959494;
    margin-bottom: 0;
    display: block;
    border-radius: 100px;
    position: relative;
}

#readingModal .boxed .vital .switched label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #84D95B;
    border-radius: 90px;
    transition: 0.3s;
}

#readingModal .boxed .vital .switched input:checked +  label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.lab-reading .filterRow .filtersOptions {
    width: auto;
}

.lab-reading .filterRow form{
    display: inline-block;
    margin-left: 11px;
}

.lab-reading .bg_gray {
    width: auto;
    margin-left: 11px;
}

.medicine-directiory input{
    border-radius: 4px;
    border: 1px solid #959494;
    background: #FFF;
    font-family: Poppins;
    width: 359px;
    padding: 7px 19px;
    height: 34px;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.medicine-directiory nav .pagination{
    justify-content: center;
    margin-top: 1rem;
}

.sms-settings .checkboxes-container {
    gap: 42px;
}

.sms-settings .form-check-label {
    padding-left: 0;
}

.sms-settings .form-check{
    gap: 10px;
}

.ui-widget.ui-widget-content {
    border: none !important;
}

.sms-settings .tab-data .inline .inline2:nth-child(2):before {
    content: none;
}

.settings .tab-data .body-text {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins';
    color: #000;
}

.sms-settings .tab-data .inline-border {
    justify-content: left;
    padding: 0;
}

.settings .tab-data .inline-border .body-text {
    padding: 16px 15px 15px;
}

.settings .tab-data .inline-border .body-text.message {
    border-right: 1px solid #8E8E8E;
    font-weight: 500;
    padding: 21px 15px !important;
}

.sms-settings .checkboxes-container.message-th .form-check {
    gap: 65px;
    padding-left: 1rem;
}

.sms-template .tab-data {
    border-radius: 5px;
}

.sms-template .tab-data .dataTables_wrap{
    padding-top: 26px;
    background-color: var(--white-color);
    border-radius: 5px;
}

.sms-template .tab-data .dataTables_wrap table thead {
    background-color: #F5F6F7;
}

.sms-template .tab-data .dataTables_wrap table thead th{
    padding: 7px 4px 8px 50px;
    color: #31313199;
    font-size: 16px;
    font-weight: 450 !important;
    height: 48px;
    font-family: "CircularStd";
    line-height: 22.77px;
}

.sms-template .tab-data .dataTables_wrap table td{
    padding: 20px 50px ;
    border-bottom: 1px solid #C8C8C8;
    font-size: 16px;
    font-family: "CircularStd";
    font-weight: 300;
    color: #000000;
    line-height: 28.61px;
}

.sms-template .tab-data .dataTables_wrap table td:nth-child(2), .sms-template .tab-data .dataTables_wrap table td:nth-child(1) {
    color: #313131;
}

.settings.sms-template .tab-data {
    height: 460px;
}

.sms-template .tab-data .dataTables_wrap table td .actionsContainer{
    display: inline-flex;
    margin-right: 10px;
}

.sms-template .tab-data .dataTables_wrap table td .actionsContainer .editIcon img {
    width: 40px;
    height: 38px;
    object-fit: contain;
}

.main-data  .sms-template .tab-data .inner-div {
    padding-top: 40px;
}

.editTemplate .modal-dialog .modal-content{
    background: #FFFFFF;
    padding: 0 40px;
}

.editTemplate .modal-dialog{
    width: 1395px;
}

.editTemplate .modal-dialog h5 {
    font-size: 32px;
    color: #118BE2;
    font-family: "CircularStd";
    font-weight: 450;
    margin-bottom: 10px;
    line-height: normal;
}

.editTemplate .modal-dialog .modal-body {
    padding: 30px 0 0;
}

.editTemplate .modal-dialog .modal-body .choose_sms {
    font-size: 16px;
    color: #313131;
    font-weight: 450;
    margin-bottom: 14px;
    line-height: 20.24px;
    font-family: "CircularStd";
}

.editTemplate .modal-dialog .modal-body .dropdown.sms_drop .select_sms {
    border-radius: 6.7px;
    font-family: "CircularStd";
    font-size: 16px;
    color: #5E6366;
}

.editTemplate .modal-dialog .modal-header{
    border-bottom: 0.77px solid #31313166
}

.editTemplate .modal-dialog .modal-body .format-type {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 67px;
}

.editTemplate .modal-dialog .modal-body .body-text {
    margin-bottom: 0;
    font-weight: 450;
    font-family: "CircularStd";
    margin-bottom: 12px;
    font-size: 16px;
    color: #313131;
    line-height: 20.24px;
}

.editTemplate .modal-dialog .modal-body .smsformat-type .format{
    border: 1px solid transparent;
}

.editTemplate .modal-dialog .modal-body .format {
    background: #EFF1F999;
    padding: 6.79px 13.59px 6.79px 13.59px;
    border-radius: 6.79px;
    font-weight: 300;
    color: #5E6366;
    text-align: center;
    width: 160px;
    min-height: 43px;
    display: flex;
    align-items: center;
    font-family: 'CircularStd';
    justify-content: center;
}

.editTemplate .modal-dialog .modal-body .smsformat-type.widget-selected .format{
    border: 1px solid #118BE2;
    color: #118BE2;
}

.editTemplate .modal-dialog .modal-body textarea.form-control {
    height: 113px;
    padding: 16px 26px;
    background: #EFF1F999;
    color: #313131;
    border-radius: 6.79px;
}

.editTemplate .modal-dialog .modal-body .sms_wrapper {
    margin-top: 15px;
}

.editTemplate .modal-dialog .modal-body  button.btn.btn-secondary {
    background-color: transparent;
    border: 1px solid #19B3B5;
    color: #19B3B5;
}

.editTemplate .modal-dialog .modal-body .btn{
    font-size: 18px;
    width: 200px;
    font-weight: 700;
    font-family: "CircularStd";
    border-radius: 7.38px;
    height: 43px;
}

.editTemplate .modal-dialog .modal-body .btn-wrap {
    text-align: center;
    margin: 71px 0 50px;
}

.editTemplate .modal-dialog .modal-body button.btn.btn-primary {
    border: #118BE2;
    background: #118BE2;
    margin-left: 10px;
}

.main-data .prescription-setting .btn-save .green-main-btn {
    background-color: #73C936;
    color: #fff !important;
}

.medication-form .medi-days .medi-rem {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    /* font-family: "Inter", sans-serif; */
    color: rgb(49, 49, 49);
    margin: 0px;
}

.medication-form .medi-days .form-rad {
    display: flex;
    gap: 43px;
}


.invoiceSendPartial .modal-content{
    background-color: #fff;
}

.invoiceSendPartial .modal-body{
    padding: 0 30px;
}

.box-wrap{
    border: 1px solid #F2F9FF;
    background: #F2F9FF73;
    padding: 6px 20px;
}

.fundos {
    background-color: #F2F9FF;
    padding: 3px 23px;
}

.fundos li {
    color: #313131;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-wrap li{
    font-weight: 400;
    font-size: 16px;
    line-height: 22.92px;
    color: #000000;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-wrap li span{
    color: #5E6366;
}

.medication-form .medi-days .form-rad label{
    font-size: 14px;
    color: rgb(49, 49, 49);
    font-weight: 500;
    /* font-family: "Inter", sans-serif; */
    line-height: normal;
}

.medication-form .medi-days .form-rad .form-check input[type="checkbox"] {
    background-color: rgb(255, 255, 255);
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(149, 148, 148);
    border-image: initial;
    margin: 0px 14px 0px 0px;
    padding: 0px;
}

.medication-form .medi-days .form-rad .form-check input[type="checkbox"]: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;
}

.medication-form .medi-days .form-rad .form-check input[type=checkbox]:focus {
    outline: none;
}

.medication-form .medi-days .form-rad .form-check {
    display: flex;
    padding-left: 0;
}

.frequency-modal .modal-dialog {
    width: 924px;
    background-color: #fff;
}

.frequency-modal .modal-dialog .modal-content, .frequency-modal .modal-dialog .modal-content .modal-header {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.frequency-modal .modal-dialog .modal-content, .frequency-modal .modal-dialog .modal-content .modal-title {
    padding-left: 20px;
    color: #6D6E71;
    text-align: center;
    font-size: 16px;
}

.frequency-modal .modal-dialog .modal-content{
    background-color: #fff;
    border-radius: 0;
    padding: 0;
}

.frequency-modal .modal-dialog .modal-body{
    background-color: #fff;
    padding: 20px 30px 40px;
}

.frequency-modal .modal-dialog .modal-body .btn{
    font-size: 18px;
    width: 200px;
    font-weight: 700;
    margin: 0 !important;
    font-family: "CircularStd";
    height: 43px;
}

.frequency-modal .modal-dialog .modal-body .btn.btn-primary {
    border: #118BE2 !important;
    background: #118BE2 !important;
    margin-left: 10px !important;
    border-radius: 7.38px !important;
    min-height: 43px !important;
}

.frequency-modal .modal-dialog .modal-body form label {
    text-align: left;
}

.frequency-modal .modal-dialog .modal-body  button.btn.btn-secondary {
    background-color: transparent;
    border: 1px solid #19B3B5;
    color: #19B3B5;
}

.frequency-modal .modal-dialog .modal-body .reminder-days .form-check{
    width: auto;
    background-color: transparent;
    border-radius: initial;
    height: auto;
    justify-content: end;
}

.frequency-modal .modal-dialog .modal-body .reminder-days .form-check label {
    font-size: 13px;
    color: #000000;
    font-weight: 300;
}

.frequency-modal .modal-dialog .modal-body .reminder-days h6 {
    font-size: 13px;
    font-weight: 300;
    color: #000;
    margin: 0;
    text-align: left;
    line-height: 18.6px;
}

.frequency-modal .modal-dialog .modal-body .reminder-days .form-check input[type="radio"] {
    width: 20px;
    height: 20px;
    outline: none;
    border-radius: 50%;
    border: 0.5px solid #000000;
    appearance: none;
    margin-left: 0;
    margin-bottom: 5px;
    margin-right: 7px;
    cursor: pointer;
    padding: 0;
}

.frequency-modal .modal-dialog .modal-body .reminder-days .form-check .form-check-input[type="radio"]:checked {
    border: 6px solid var(--green-color);
}

.frequency-modal .modal-dialog .modal-body .btn-wrap {
    margin: 100px 0 0;
}

.frequency-modal .modal-dialog .modal-body .tab-data {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 7px;
    padding: 12px 20px;
    margin: 0;
}

.frequency-modal .modal-dialog .modal-body .tab-data p{
    font-size: 13px;
    font-weight: 300;
    color: #000;
    line-height: 19.5px;
}

.frequency-modal .modal-dialog .modal-body .tab-data .inline{
    display: inline-flex;
}

.frequency-modal .modal-dialog .modal-body .tab-data  .timepicker {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    font-weight: 300;
    color: #000;
}

.summary-card .card-subdata img {
    width: 33.703px;
    height: 33.703px;
}

.light.loaded.modal-open .ui-timepicker-container.ui-timepicker-no-scrollbar.ui-timepicker-standard {
    z-index: 9999999 !important;
}

.main-data #sms-setting-form .settings .small-heading{
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins';
}

.main-data #sms-setting-form .settings .inner-div {
    padding-top: 10px;
}

.main-data #sms-setting-form .settings {
    padding: 0;
}

.main-data #sms-setting-form .settings.sms-template .inner-div{
    padding: 25px 0 15px;
}

.main-data #sms-setting-form .settings .inline {
    height: 65px;
}

.main-data #sms-setting-form .settings .tab-data {
    border-radius: 7px;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin-bottom: 18px;
}

.main-data #sms-setting-form .settings .inline .switch{
    width: 47.77px;
    height: 22px;
}

.main-data #sms-setting-form .settings .inline input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.main-data #sms-setting-form .settings .inline .switch .slider:before {
    height: 16px;
    width: 15.92px;
    left: 5px;
    bottom: 3.5px;
}

div#v-pills-tabContent select#institution {
    background-color: #fff !important;
    border: 1px solid #8e8e8e !important;
    border-radius: 50px;
}

.sms-log-new .filtersOptions input, .sms-log-new .filtersOptions select{
    border-radius: 4px;
    border: 1px solid #C8C8C8 !important;
    width: 193px;
    background: #FFF;
    margin-bottom: 0;
    height: 42px;
}

.sms-log-new .nav-link {
    border-radius: 8px;
    background: #EFEFEF;
    color: #000;
    font-size: 17px;
    text-align: center;
    font-style: normal;
    font-weight: 450;
    opacity: 1;
    margin-right: 4px;
    width: 158px;
    height: 46px;
    line-height: 29px !important;
    border: none;
}

.sms-log-new .nav-link.active{
    background: #118BE2;
    color: #FFF;
}

.sms-log-new div.dt-buttons{
    float: initial;
}

.sms-log-new div.dt-buttons .sms-export {
    position: absolute;
    top: 78px;
    right: 20px;
    z-index: 9999999999;
    border-radius: 7px;
    width: 109px;
    border: 1px solid #D9D9D9 !important;
    background: #D9D9D9 !important;
    height: 42px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sms-log-new div.dt-buttons .sms-export span.dt-button-down-arrow {
    display: none;
}

.sms-log-new  div.dataTables_wrapper {
    position: inherit;
}
.reporting-access .tableDoctor td .switch .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 43px;
    height: 20px;
    background: #F2F2F2;
    border: 0.5px solid #959494;
    margin-bottom: 0;
    display: block;
    border-radius: 100px;
}
.reporting-access .tableDoctor td .switch input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.reporting-access .tableDoctor td .switch .slider:before{
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #84D95B;
    border-radius: 90px;
    transition: 0.3s;
}

.reporting-access .filtersOptions{
    padding-top: 0;
}

.reporting-access .filtersOptions input, .reporting-access .filtersOptions select{
    border-radius: 4px;
    border: 1px solid #959494 !important;
    height: 34px;
    padding: 7px 19px;
    width: 200px;
    background: #FFF;
    color: #959494;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.reported .modal-dialog{
    width: 987px;
    max-width: 100%;
}

.reported .boxed .report-access h4{
    color: #118BE2;
    font-family: Poppins;
    font-size: 15px;
    margin-bottom: 9px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reported .nav-tabs {
    border-bottom: none;
}

.reported .nav-tabs .nav-item .nav-link.active input {
    box-shadow: 0px 0px 0px 1px #959494;
    background-color: #0F75BC;
    border: 3.5px solid #fff;
}

.reported .nav-tabs .nav-item input {
    font-size: 3em;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    margin-top: 0;
    background-color: white;
    border: 1px solid #959494;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
}

.reported .nav-tabs .nav-link{
    color: #313131 !important;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    opacity: 1 !important;
    padding-left: 0;
    font-weight: 300;
    line-height: normal;
}

.reported .modal-content {
    background-color: #fff;
    border-radius: 18px;
    height: auto;
    padding: 29px 43px 19px;
}

.reported .boxed .btn {
    border-radius: 4px;
    width: 151px;
    font-family: 'Poppins', sans-serif;
    margin-left: 17px;
    color: #FFFFFF;
}

.reported .boxed #user-save-btn{
    background: #0F75BC;
}

.reported .boxed .btn-outline {
    border: 1px solid #D9D9D9;
    color: #000;
}

.reported .boxed h3{
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    color: #000000;
    margin-bottom: 44px;
}

.reported .boxed .report-access label{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
    color: #313131;
    line-height: 22.5px;
}

.reported .boxed .report-access input::placeholder{
    color: #959494;
}

.reported .boxed .report-access input {
    width: 100%;
    border: 0.25px solid #8E8E8E !important;
    padding: 12px 24px;
    height: 48px;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 15px;
    font-weight: 300;
    border-radius: 100px;
}

.reported .boxed .report-bg {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #EAF3FA66;
    border-radius: 13px;
    margin-bottom: 19px;
    padding: 22px 32px 30px;
}

.reported .boxed .report-bg h5{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 19.36px;
    margin-bottom: 26px;
}

.reported .boxed .report-bg .multiselect {
    width: 361px;
    position: relative;
    margin-bottom: 23px;
}

.reported .boxed .report-bg span.select2 {
    width: 100%;
    background: #FFFFFF;
    height: auto;
    padding: 2px 20px;
    line-height: 19.5px;
    border: 0.25px solid #8E8E8E !important;
    border-radius: 100px;
    background-position: 96% center !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 0 10px !important;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 18px;
    color: #000000;
}

span.select2-dropdown {
    background-color: var(--white-color);
    border-radius: 4px;
}

.reported .boxed .report-bg label input {
    border-radius: 2px;
    border: 1px solid #AAA;
    background: #FFF;
    width: 16px;
    height: 16px;
}

.reported .boxed .report-bg label{
    font-family: Inter;
    font-size: 16px;
    margin-bottom: 11px;
    font-weight: 300;
    line-height: 19.36px;
    color: #000000;
}

div#v-pills-tabContent select#institution {
    background-color: #fff !important;
    border: 1px solid #8e8e8e !important;
    border-radius: 50px;
}

.pending-clinic .pending-modal .inner_tabs_content{
    position: relative;
    top: -40px;
}

.filters_pending{
    width: 100%;
    position: relative;
    left: 20px;
    /* z-index: 0; */
    transform: translateX(0%);
}

.approve_wrapper_wrape .filters_pending{
    left: 50px;
}

.position-index {
    position: relative;
    z-index: 111;
}

#reporting_user_table_filter {
    display: none;
}

.medicines .filterRow.mb-new {
    margin-bottom: 0;
    z-index: 0;
}

.medicines .filterRow.mb-new .simpleBtn.bg_blue{
    min-width: 191px;
    line-height: 28px;
}

.medicines .filterRow.mb-new .filtersOptions.medicine_option {
    padding-left: 0;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingslidedown{
    background-color: var(--white-color) !important;
    border: 0.25px solid #8E8E8E;
    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: 333px;
    height: 45px;
    border-radius: 100px;
    background-position: 95% center !important;
    position: relative;
    padding: 10px 34px;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingslidedown span, .smallbilingModal .pendingslidedown span {
    font-size: 15px;
    font-weight: 300;
    line-height: 22.5px;
    text-align: left;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide, .smallbilingModal .pendingdropdown-slide {
    border-radius: 6px;
    top: 50px;
    left: 0;
    width: 333px;
    padding: 15px 40px 15px 20px;
    height: auto;
    z-index: 1;
    position: absolute;
    background: #FFF;
    border: 1px solid #D9D9D9;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide{
    position: relative;
    top: 0;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide h3, .smallbilingModal .modal-dialog.modal-dialog-centered .modal-body .pendingdropdown-slide h3{
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    line-height: 21px;
    margin-bottom: 11px;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .plan, .smallbilingModal .pendingdropdown-slide .plan{
    margin-left: 6px;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .plan h6, .smallbilingModal .pendingdropdown-slide .plan h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: #0F77C1;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .plan ul li, .smallbilingModal .pendingdropdown-slide .plan ul li {
    display: flex;
    justify-content: space-between;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .plan ul,  .smallbilingModal .pendingdropdown-slide .plan ul {
    margin-right: 15px;
    margin-bottom: 0;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .plan ul li span, .smallbilingModal .pendingdropdown-slide .plan ul li span{
    color: #615D5D;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-control, .smallbilingModal .pendingdropdown-slide .custom-control {
    margin-bottom: 10px;
    border-bottom: 1px dashed #000000;
    padding-bottom: 12px;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-control:last-child,  .smallbilingModal .pendingdropdown-slide .custom-control:last-child{
    border-bottom: none;
    margin-bottom: 0;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-control-label,  .smallbilingModal .pendingdropdown-slide .custom-control-label {
    position: relative;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-radio .custom-control-input:checked~.custom-control-label::after, .smallbilingModal .pendingdropdown-slide .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;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-control-input:checked~.custom-control-label::before, .smallbilingModal .pendingdropdown-slide .custom-control-input:checked~.custom-control-label::before {
    color: transparent;
    background-color: transparent;
    border-color: #8E8E8E;
    top: 2px !important;
}

.pending-clinic .pending-modal .inner_tabs_content .pendingdropdown-slide .custom-control-label::before, .smallbilingModal .pendingdropdown-slide .custom-control-label::before {
    top: 2px !important;
}

.pending-clinic .pending-modal .inner_tabs_content input#attach {
    position: absolute;
    opacity: 0;
}

.pending-clinic .pending-modal .inner_tabs_content .form-control{
    background-color: var(--white);
    border: 0.25px solid #8E8E8E !important;
    height: 40px;
}

/* .daterangepicker.dropdown-menu.ltr.show-calendar {
    max-width: none;
    z-index: 3001;
    left: 85px !important;
    right: 0 !important;
    width: 493px;
} */

.daterangepicker.dropdown-menu.ltr.show-calendar:before {
    top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.openclinics_billing .boxNewBottom{
    position: relative;
    top: 0;
    width: 100%;
    right: 0;
}

.openclinics_billing .filterRow.py-2.filtersBilling{
    margin-bottom: 0;
}

.openclinics_billing .simpleBtn {
    padding: 10px 20px;
}

.sms-setting .nav-tabs .nav-link{
    border-radius: 7px;
    background: #D9D9D9;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding-right: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sms-setting .nav-tabs {
    border-bottom: none;
}

.sms-setting .nav-tabs .nav-link.active{
    background: #118BE2;
    color: #ffffff
}

.sms-setting .tab-pane .filterRow .newDateFull{
    margin-right: 18px;
    border-radius: 3px;
    border: 1px solid #C8C8C8 !important;
    padding: 7px 10px;
    height: 38px;
    width: 235px;
    font-weight: 400;
}

.sms-setting .tab-pane .filterRow .dropdown select{
    margin-right: 18px;
    border-radius: 3px;
    border: 1px solid #C8C8C8 !important;
    padding: 7px 10px;
    height: 38px;
    width: 286px;
    font-weight: 400;
}

.sms-setting .tab-pane .filterRow .newDateFull input {
    color: #000 !important;
    font-family: Poppins;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sms-setting .tab-pane .filterRow .newDateFull input:focus-visible {
    outline: none;
}

.sms-setting .tab-pane .filterRow .form-control:focus {
    background-color: transparent;
}

.sms-setting .sms-log .export {
    border: 1px #D9D9D9;
    background: #D9D9D9;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 7px;
    padding: 9px 22px 11px;
    color: #000000;
    text-align: center;
}

.sms-setting .balance p, .sms-bucket .balance p{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0 2px;
    color: #000000;
}

.sms-setting .sms-log .balance {
    padding-right: 0;
    position: absolute;
    top: 11px;
    right: 44px;
    display: inline-flex;
}

.sms-bucket .balance {
    display: inline-flex;
    padding: 30px 0 15px;
}

.sms-setting .balance p span, .sms-bucket .balance p span {
    color: #000000;
}

.sms-setting .dashboard-table table tr td{
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    font-family: "CircularStd";
    line-height: normal;
}

.sms-setting .sms-templates .select-tier {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sms-setting .sms-templates .select-tier span{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sms-setting .sms-templates .selectBox {
    position: relative;
  }

  .sms-setting .sms-templates  .selectBox select {
    width: 100%;
    font-weight: bold;
  }

  .sms-setting .sms-templates  .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .sms-setting .sms-templates #checkboxes {
    display: none;
    border-radius: 3px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    padding: 12px 13px 0;
    width: 280px;
    position: absolute;
  }

  .sms-setting .sms-templates #checkboxes label {
    display: block;
  }

  .sms-setting .sms-templates #checkboxes label input{
    accent-color: #56a320;
    color: #979797;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

.sms-setting .sms-templates .switch, .sms-setting .sms-bucket .switch {
    width: 41px;
    height: 23px;
}

.sms-setting .sms-templates .switch .slider:before, .sms-setting .sms-bucket .switch .slider:before {
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 2.5px;
}

.sms-setting .sms-templates .switch input:checked+.slider:before, .sms-setting .sms-bucket .switch input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.sms-setting .sms-bucket table.dataTable.display>tbody>tr>td {
    padding-left: 10px !important;
    padding-top: 22px !important;
    padding-bottom: 16px !important;
    border-top: 1px solid #C8C8C8;
    padding-right: 10px !important;
}

.sms-setting .sms-bucket .green-main-btn{
    position: absolute;
    top: 13px;
    right: 13px;
    border-radius: 7px;
    background: #64B62A;
    width: 170px;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    color: #ffffff !important;
    height: 46px;
}

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

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

.updateBucket .updateslidedown{
    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;
}

.smallbilingModal .pendingslidedown{
    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: 0;
    padding: 9px 9px 8px;
}

.updateBucket .updatedropdown-slide .custom-control-input:checked~.custom-control-label::before, .smallbilingModal .pendingdropdown-slide .custom-control-input:checked~.custom-control-label::before{
    color: transparent;
    background-color: transparent;
    border-color: #8E8E8E;
    top: 2px !important;
}

.updateBucket .updateslidedown span, .smallbilingModal .pendingslidedown span {
    font-size: 15px;
    font-weight: 300;
    line-height: 22.5px;
    color: #414254;
    text-align: left;
}

.updateBucket .updatedropdown-slide {
    border-radius: 6px;
    top: 45px;
    left: 0;
    width: 333px;
    padding: 15px 40px 15px 20px;
    height: auto;
    z-index: 1;
    position: absolute;
    background: #FFF;
    border: 1px solid #D9D9D9;
}

.smallbilingModal .pendingdropdown-slide {
    border-radius: 6px;
    top: 0;
    left: 0;
    width: 333px;
    padding: 15px 40px 15px 20px;
    height: auto;
    z-index: 1;
    position: relative;
    background: #FFF;
    border: 1px solid #D9D9D9;
}

.updateBucket .updatedropdown-slide h3, .smallbilingModal .pendingdropdown-slide h3{
    font-size: 17px;
    font-weight: 500;
    margin-top: 0;
    color: #000000;
    line-height: 21px;
    margin-bottom: 32px;
}

.updateBucket .updatedropdown-slide .plan, .smallbilingModal .pendingdropdown-slide .plan{
    margin-left: 6px;
}

.updateBucket .updatedropdown-slide .plan h6, .smallbilingModal .pendingdropdown-slide .plan h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: #0F77C1;
}

.updateBucket .updatedropdown-slide .plan ul li, .smallbilingModal .pendingdropdown-slide .plan ul li{
    display: flex;
    justify-content: space-between;
}

.updateBucket .updatedropdown-slide .plan ul, .smallbilingModal .pendingdropdown-slide .plan ul{
    margin-right: 15px;
    margin-bottom: 0;
}

.updateBucket .updatedropdown-slide .plan ul li span, .smallbilingModal .pendingdropdown-slide .plan ul li span{
    color: #615D5D;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
}

.updateBucket .updatedropdown-slide .custom-control, .smallbilingModal .pendingdropdown-slide .custom-control {
    margin-bottom: 10px;
    border-bottom: 1px dashed #000000;
    padding-bottom: 12px;
}

.updateBucket .updatedropdown-slide .custom-control .custom-control-label, .smallbilingModal .pendingdropdown-slide .custom-control .custom-control-label{
    position: relative;
}


.updateBucket .updatedropdown-slide .custom-control .custom-control-label .recommended{
    position: absolute;
    top: -24px;
    padding: 0 7px;
    left: 0;
    border-radius: 3px;
    background: #E6F3FD;
    color: #124265;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.updateBucket .updatedropdown-slide .custom-control:last-child, .smallbilingModal .pendingdropdown-slide .custom-control:last-child{
    border-bottom: none;
    margin-bottom: 0;
}

.updateBucket .updatedropdown-slide .custom-control-label, .smallbilingModal .pendingdropdown-slide .custom-control-label {
    position: relative;
}

.updateBucket .updatedropdown-slide .custom-control-input:checked~.custom-control-label::before, .smallbilingModal .pendingdropdown-slide .custom-control-input:checked~.custom-control-label::before {
    color: transparent;
    background-color: transparent;
    border-color: #8E8E8E;
    top: 2px !important;
}

.updateBucket .updatedropdown-slide .custom-control-label::before, .smallbilingModal .pendingdropdown-slide .custom-control-label::before{
    top: 2px !important;
}

.updateBucket .updatedropdown-slide .custom-radio .custom-control-input:checked~.custom-control-label::after, .smallbilingModal .pendingdropdown-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;
}

.updateBucket .updatedropdown-slide .custom-control .custom-control-input{
    z-index: 1;
}

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

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

.updateBucket .table>tbody>tr>td p b {
    font-weight: 450;
}

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

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

.updateBucket .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;
}

.updateBucket .modal-content .btn-closed {
    background: #C8C8C8;
    color: #000;
    width: 89px;
    margin-right: 18px;
}

.updateBucket .modal-content .btn {
    border-radius: 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    padding: 6px;
    height: 41px;
    line-height: normal;
}

.updateBucket .modal-content .blue-main-btn{
    background: #118BE2;
    width: 150px;
    color: #FFF;
}

.updateBuc {
    z-index: 22222;
}

.updateBucket {
    z-index: 33333;
}

.sms-bucket table tr td .dropdown .dropdown-toggle::after{
    content: none;
}

.sms-bucket table tr td .dropdown .dropdown-menu {
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    box-shadow: none;
    padding: 0;
    right: 0;
    left: auto;
}
.sms-bucket table tr td .dropdown .dropdown-menu .dropdown-item{
    padding: 8px;
    border-bottom: 1px solid #C8C8C8;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sms-setting table.dataTable thead th {
    color: rgba(49, 49, 49, 0.60) !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: "CircularStd";
}

.sms-setting table.dataTable thead tr {
    background-color: #F5F6F7;
}

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

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

.uploadImage .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: 115px;
    height: 41px;
    line-height: normal;
}

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

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

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

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

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

.uploadImage .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;
}

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

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

.general_settings_wrapper .body-data .blue-overflow-div .top-tab .changing-tabs .nav-link {

    font-size: 18px;
}

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

.uploadImage .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;
}

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

.uploadImage .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;
}

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

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

.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;
}

.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;
}

.viewImage .modal-content {
    padding: 25px 80px 36px;
    background: #FFF;
}

.viewImage .modal-dialog{
    width: 945px;
    border-radius: 25px;
    background: #F5F6F7;
}
.viewImage .modal-dialog .show-image{
    width: 756px;
    height: 546px;
    padding: 40px 150px 44px;
    background: #F2F2F2;
    border-radius: 13px;
    margin-bottom: 30px;
}

.viewImage .modal-dialog .show-image #dynamicModalContent iframe{
    width: 100%;
    height: 100%;
}

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

.smsBucket_admin .simpleBtn.bg_green{
    border-radius: 7px;
    background: #64B62A;
    min-width: 112px;
    height: 41px;
}

.sms-setting div #smsBucketTable_wrapper {
    padding: 0;
}

.sms-setting .sms-bucket table.dataTable.display>tbody>tr>td:last-child{
    width: 8%;
}

.sms-setting table.dataTable thead th:before, .sms-setting table.dataTable thead th:after {
    content: none !important;
}

.source-drop h4{
    color: #000;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 3px;
    line-height: normal;
}

#billing-form .source-drop {
    margin-top: 50px;
}

.source-drop .select2 {
    border-radius: 100px;
    width: 333px !important;
    height: 45px;
    padding: 0 10px;
    border: 0.25px solid #8E8E8E;
    background: #FFF;
}

.source-drop .select2-container--default .select2-selection--single:focus {
    box-shadow: none;
}

.source-drop .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.source-drop .select2-selection--single .select2-selection__rendered :focus-visible {
    outline: none;
}

.light.loaded.modal-open span.select2-container.select2-container--default.select2-container--open span.select2-dropdown {
    border-radius: 10px !important;
    border: 0.25px solid #8E8E8E !important;
    background: #FFF;
    box-shadow: none;
    margin-top: 2px;
    padding: 0;
}

.light.loaded.modal-open span.select2-container.select2-container--default.select2-container--open .select2-results__option[aria-selected="true"] {
    background-color: transparent !important;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.light.loaded.modal-open span.select2-container.select2-container--default.select2-container--open .select2-results__option {
    color: #615D5D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-bottom: .5px solid rgba(0, 0, 0, 0.50);
    line-height: 21px;
}

.export_all {
    background-color: #73c936;
    margin-left: 10px;
    padding: 10px;
    margin-top: 22px;
    color: white;
    border-radius: 5px;
}

.light.loaded.modal-open span.select2-container.select2-container--default.select2-container--open .select2-results__option:last-child {
    border-bottom: none;
}

.light.loaded.modal-open span.select2-container.select2-container--default.select2-container--open .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
}

.select_all_doctor {
    width: 20px;
    height: 20px;
    margin-left: 15px !important;
    accent-color: #41aa0e;
}

.extendTrialModal .modal-dialog.modal-dialog-centered{
    width: 574px;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body h3 {
    text-align: center;
    padding-bottom: 7px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 0;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body p {
    color: #313131;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-top: 64px;
    line-height: normal;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body .trial_bar {
    margin-top: 21px;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body .trial_bar label{
    color: #313131;
    font-weight: 400;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body {
    padding: 39px 44px 35px 89px;
}
.extendTrialModal .modal-dialog.modal-dialog-centered .modal-body .cancel-btn {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    width: 114px;
    margin-right: 10px;
}

.openclinics_billing .card .nav-item .nav-link{
    color: #444444;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border: none;
    line-height: normal;
}
.discount_select {
    display: flex;
    justify-content: space-between;
}
.discount_select .form-check-input[type="radio"]{
    width: 15px;
    height: 15px;
}

.discount_select .form-check-input[type="radio"]:checked{
    border: 3px solid var(--green-color) !important;
}

.discount_select .form-check-inline {
    margin-right: 1rem;
}

.discount_select label.form-check-label.xsmall-text {
    padding-left: 5px;
}
.openclinics_billing .card .nav-tabs {
    border-bottom: none;
}
.openclinics_billing .card ul.nav.nav-tabs {
    margin-top: 10px;
}
.openclinics_billing .card .nav-item a.active {
    border: none !important;
    text-decoration: underline;
    background: #fff !important;
    color: #007bff !important;
}
.trial_bar{
    margin-top: 34px;
}
.trial_bar label{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 300;
    line-height: 22.5px;
    color: #313131;
    cursor: pointer;
    margin: 0;
    display: flex;
    gap: 5px;
    align-items: center;
}
.trial_bar label input{
    width: 21px;
    height: 21px;
    accent-color: #4aa41f;
}

.presccription-reporting .nav-pills .nav-link.active, .presccription-reporting .nav-pills .show>.nav-link {
    color: #118BE2;
    background-color: transparent;
    border-bottom: none;
}

.presccription-reporting .nav-pills {
    border-bottom: 1px solid #8E96A0;
}

.presccription-reporting .nav-pills .nav-link {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    opacity: 1;
    line-height: normal;
}

.presccription-reporting .tab-pane h5{
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.presccription-reporting .tab-pane .form-group label{
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.presccription-reporting .tab-pane .form-group input, .presccription-reporting .tab-pane .form-group select, .presccription-reporting .tab-pane .form-group span.select2{
    border-radius: 10px;
    width: 100%;
    line-height: normal;
    border: 1px solid #BBC3C9 !important;
    background: #FFF;
}

.presccription-reporting .tab-pane .form-group.select-rep span.select2{
    width: 550px !important;
}

.presccription-reporting .tab-pane .form-group.report-sin .select2-container .select2-selection--single .select2-selection__rendered,
.presccription-reporting .tab-pane .form-group.select-rep .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0 !important;
}


.presccription-reporting .tab-pane .form-group.report-sin span.select2{
    width: 200px !important;
}

.presccription-reporting .tab-pane .form-group span.select2 input{
    border-radius: 0;
    width: 100%;
    border: none !important;
    background: transparent;
}

.presccription-reporting .dashboard-table table tr td{
    border-bottom: 1px solid #959494;
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.presccription-reporting .dashboard-table table tr td button{
    color: #118BE2;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    line-height: normal;
}

.presccription-reporting .text-right .btn{
    font-family: "Anek Malayalam";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: 49px;
    border-radius: 10px;
    margin-left: 36px;
    width: 231px;
    line-height: normal;
}

.presccription-reporting .downloadModal .but, .presccription-reporting .saveTemplateModal .but{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.presccription-reporting .downloadModal .btn, .presccription-reporting .saveTemplateModal .btn{
    font-family: "Anek Malayalam";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: 49px;
    border-radius: 20px;
    width: 100%;
    line-height: normal;
}

.presccription-reporting .text-right .btn-blue, .presccription-reporting .downloadModal .btn-blue, .presccription-reporting .saveTemplateModal .btn-blue{
    background-color: #118BE2;
    color: white;

}

.presccription-reporting .text-right .btn-blue-outline, .presccription-reporting .downloadModal .btn-blue-outline, .presccription-reporting .saveTemplateModal .btn-blue-outline{
    border: 1px solid #118BE2;
    color: #118BE2;
}

.presccription-reporting .clickView .close, .presccription-reporting .downloadModal .close, .presccription-reporting .saveTemplateModal .close {
    position: absolute;
    top: -28px;
    right: -16px;
}

.presccription-reporting .clickView .modal-content, .presccription-reporting .downloadModal .modal-content, .presccription-reporting .saveTemplateModal .modal-content {
    border: none;
    border-radius: 15px;
    padding: 25px 31px;
    background: #FFF;
}

.presccription-reporting .clickView .search {
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    padding: 10px 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15 15L10.3333 10.3333M11.8889 6.44444C11.8889 9.45133 9.45133 11.8889 6.44444 11.8889C3.43756 11.8889 1 9.45133 1 6.44444C1 3.43756 3.43756 1 6.44444 1C9.45133 1 11.8889 3.43756 11.8889 6.44444Z' stroke='%23118BE2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 24px;
    background-color: #F2F9FF;
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 14px;
    width: 100%;
    height: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.presccription-reporting .clickView .modal-content h5{
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 16px;
    margin-bottom: 16px;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.presccription-reporting .clickView ul li {
    border-bottom: 1px solid #D9D9D9;
    padding-top: 16px;
}

.presccription-reporting .clickView ul li label{
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.presccription-reporting .clickView ul li label input{
    width: 16px;
    height: 16px;
}

.presccription-reporting .clickView .but {
    text-align: right;
}

.presccription-reporting .clickView .but .btn.btn-secondary{
    border-radius: 10px;
    background: #0F75BC;
    color: #fff;
    font-family: "Anek Malayalam";
    border: none;
    font-size: 16px;
    font-style: normal;
    width: 133px;
    height: 42px;
    font-weight: 500;
    line-height: normal;
}

.presccription-reporting .downloadModal .modal-content h4 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 26px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: normal;
}

.presccription-reporting .saveTemplateModal .modal-content h4 {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 26px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.presccription-reporting .modal-dialog{
    width: 520px;
}

.presccription-reporting .saveTemplateModal h5{
    color: #0F75BC;
    font-family: "Anek Malayalam";
    font-size: 22px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    line-height: normal;
}

#pills-downloads table td:last-child{
    text-align: center;
}

.presccription-reporting .downloadModal .modal-dialog input, .presccription-reporting .saveTemplateModal .modal-dialog input{
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    background: #F2F9FF;
    margin: 25px 0;
    padding: 10px 20px;
    width: 100%;
}

.presccription-reporting .downloadModal .modal-content p{
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    text-align: center;
    font-weight: 300;
    line-height: normal;
}

.reporting-dashboard .box-bg {
    border-radius: 19.696px;
    padding: 13px 20px;
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 0px 1.97px 9.848px 0px rgba(0, 40, 85, 0.10);
}
.reporting-dashboard .box-bg a{
    text-decoration: underline;
    color: #118BE2;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.box-details{
    position: absolute;
    bottom: 12px;
    left: 12px;
    border-radius: 19.696px;
    background: #FFF;
    width: 193px;
    box-shadow: 0px 1.97px 9.848px 0px rgba(0, 40, 85, 0.10);
    padding: 5px 15px 5px 10px;
}

.apexcharts-toolbar {
    display: none !important;
}

.box-details li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reporting-dashboard .box-bg .box-details span{
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.6px;
}

.reporting-dashboard .box-bg h5{
    color: #484C5F;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    border-bottom: none;
    font-weight: 500;
    line-height: 25.6px;
}

.simpleBlueBtn{
    border-radius: 10px;
    width: 170px;
    height: 42px;
    background: #0F75BC;
    padding: 7px;
    line-height: 27px;
    font-size: 16px;
    font-weight: 500;
}


svg {
    transition: transform 0.3s;
}

/* Style for collapsible content */
.collapsible-content {
    padding: 10px;
    display: none;
    margin-top: 0;
}

.collapsible-content table thead th {
    color: #0F75BC !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-right: 1px solid #D3DEE9;
    text-align: left !important;
}

.collapsible-content table li {
    display: flex;
    justify-content: space-between;
}

.collapsible-content table td ul li span {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
}

.collapsible-content table td {
    vertical-align: top !important;
    border-right: 1px solid #D3DEE9;
    border-bottom: 1px solid #D3DEE9;
}

.expanded svg {
    transform: rotate(180deg);
}

.presccription-reporting .tab-pane .form-group #dateRange:disabled{
    background-color: #c3c3c3;
}

ul#target-div {
    height: 400px;
    overflow-y: scroll;
}

@media (max-width: 431px){
    .mobile-view.get-started .blue-div4 .signup-img img {
        top: -35px;
    }
}

@media (max-width: 415px){
    .mobile-view.get-started .blue-div4 .signup-img img {
        top: -40px;
    }
}

.video-list .active-box{
    border-radius: 20px;
    background: rgba(132, 217, 91, 0.20);
    padding: 4px 10px;
    color: #84D95B;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 53px;
    margin-left: auto;
    margin-right: auto;
}

.video-list .inactive-box{
    border-radius: 20px;
    background: rgb(252 85 158);
    padding: 4px 10px;
    color: #fff;
    font-family: "Anek Malayalam";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 65px;
    margin-left: auto;
    margin-right: auto;
}

.video-list .simpleBtn {
    line-height: 45px;
}

.video-list td input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.video-list td input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.video-list td label{
    cursor: pointer;
    width: 36px;
    height: 20px;
    background: #F2F2F2;
    border: 0.5px solid #959494;
    margin-bottom: 0;
    display: block;
    border-radius: 100px;
    position: relative;
}


.video-list td label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #84D95B;
    border-radius: 90px;
    transition: 0.3s;
}

.video-upload label{
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 14.093px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.video-upload .main-green-btn{
    border-radius: 30px;
    background: #84D95B;
    width: 214px;
    margin: 140px auto 20px;
    padding: 19px;
    color: #FFF;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.video-upload #v-pills-tabContent {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    border: none;
    padding: 26px 14px;
}

.video-upload #v-pills-tabContent .custom-control-label::after, .video-upload #v-pills-tabContent .custom-control-label::before{
    top: 0rem !important;
    left: -1.5rem;
}

.video-upload #v-pills-tabContent .form-control {
    border-radius: 13.589px;
    border: 1.007px solid #E2EAF0 !important;
    background: #F2F9FF;
}

.video-upload #v-pills-tabContent .select2-container--default .select2-selection--single:focus {
    box-shadow: none;
}

.video-upload #v-pills-tabContent span.select2{
    height: auto;
    padding: 7.5px;
    border-radius: 13.589px;
    border: 1.007px solid #E2EAF0 !important;
    background: #F2F9FF;
}

.custom-control-input{
    position: relative;
}

.custom-control.custom-radio.custom-control-inline {
    border-radius: 24.159px;
    padding-left: 10px;
    margin-right: 0;
    align-items: center;
    background: #EAF3FA;
    width: 123.814px;
    height: 31.205px;
}

/* .general_settings_wrapper .body-data .blue-overflow-div .top-tab .changing-tabs .nav-link.active{
    color: #0F75BC !important;
    border-bottom: 3px solid #0F75BC;
    padding-bottom: 10px;
} */

.reporting_wrapper.reporting_new .top-tab.top_wrapper_tab {
    background-color: transparent;
}

.reporting_wrapper.reporting_new .top-tab .changing-tabs .nav-tabs {
    gap: 20px;
    border-bottom: 1px solid #ccc;
}

.medication-form .medi-days .form-rad .form-check input[type="checkbox"], .medication-form .medi-days .form-rad .form-check input[type="radio"] {
    background-color: rgb(255, 255, 255);
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(149, 148, 148);
    border-image: initial;
    margin: 0px 14px 0px 0px;
    padding: 0px;
}

.medication-form .medi-days .form-rad .form-check input[type="checkbox"]:checked, .medication-form .medi-days .form-rad .form-check input[type="radio"]:checked{
    box-shadow: var(--blue-color) 0px 0px 0px 2px;
    background-color: var(--blue-color);
    border-width: 3px !important;
    border-style: solid !important;
    border-color: rgb(255, 255, 255) !important;
    border-image: initial !important;
}
.date-picker.form-inline{
    gap: 11px;
}

.date-picker.form-inline .form-group{
    display: flex;
}

.date-picker.form-inline .form-group .date_picker{
    border-radius: 10px;
    border: 0.186px solid #EAF3FA;
    text-align: center;
    color: black;
    width: 58px;
    margin-right: 7px;
    height: 48px;
    background: #F2F9FF;
}

.price_dis {
    display: flex;
        justify-content: end;
    align-items: center;
    gap: 10px;
}

.price_dis p{
    margin: 0;
}

.price_switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 15px;
  }

  .price_switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .price_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

.price_switch .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.price_switch input:checked + .slider {
    background-color: #2196F3;
}

.price_switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.price_switch input:checked + .slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}

.price_switch .slider.round {
    border-radius: 34px;
}

.price_switch .slider.round:before {
    border-radius: 50%;
}

.new_sign_up .custom_heading_sign {
    text-align: left;
    color: #0F75BC;
}

.new_sign_up .custom_heading_sign a img {
    display: none;
}

.toggle_web {
    display: block;
}

.toggle_mobile{
    display: none;
}

.toggle_UI{
    background: #F2F9FF;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

.toggle_UI .toggle_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.toggle_UI .toggle_wrap .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 21px;
    margin-bottom: 0;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 65px;
  user-select: none;
  font-size: 14px;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-checkbox .checkmark {
  position: absolute;
  left: 33px;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #959494;
  border-radius: 2px;
  transition: 0.3s;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: #0F75BC;
  border-color: #0F75BC;
}
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.toggle_UI .toggle_wrap .switch .slider:before {
    height: 17px;
    width: 17px;
    left: 2px;
    bottom: 2px;
}

.toggle_UI .toggle_wrap .switch input:checked+.slider {
    background-color: #ccc;
}

input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.toggle_UI .toggle_wrap p{
    color: #118BE2;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    line-height: normal;
}

.toggle_UI button {
    position: absolute;
    top: 10px;
    right: 9px;
}

.toggle_UI button:hover{
    opacity: 1;
}

.main-data #dashboard .header_old .header.mob-header h2.hk_big{
    display: none;
}

.new_sign_up .main-div .header_img {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_sign_up .main-div .header_img img {
    width: 153px;
    height: 70px;
    object-fit: cover;
}

.new_sign_up .header_img .custom_heading_sign .dot{
    display: none;
}

.dashboard.hk_big {
    display: none;
}

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

.medication_search input {
    background-color: var(--background-color);
    border: none;
    border-radius: 38px;
    font-weight: 400;
    padding-left: 40px;
    background-size: 20px;
    min-width: 190px;
    width: 190px;
    height: 30px;
    font-size: 12.53px;
    background-image: url(../images/Search-Icon.png);
    background-repeat: no-repeat;
    background-position: 15px 5px !important;
    background-size: 17px;
    margin-bottom: 5px;
    transition: 0.5s ease-in-out;
}

@media (max-width: 767px){
    .dashboard.hk_big {
        display: none;
    }
    .toggle_web {
        display: none;
    }

    .list-group-item1 {
        min-height: 68px;
    }

    .main-data .blue-div.blue-height {
        height: 0 !important;
    }

    .main-data #dashboard .header_old .header.mob-header {
        background-color: white;
        border-radius: 0 !important;
        height: 60px;
        box-shadow: 0px 3.84px 18.336px 0px rgba(0, 0, 0, 0.06);
        padding-bottom: 0;
    }

    .main-data #dashboard .header_old .header.mob-header h2.hk_big {
        display: block;
    }

    .main-data #dashboard .header_old {
        padding: 0;
    }

    #dashboard .body-data .main-div {
        margin-left: 0;
    }

    #dashboard .body-data .summary-card-container {
        justify-content: left;
        height: 650px;
        border-radius: 10px;
        background: #FFF;
        flex-direction: column;
        margin: 10px 10px 10px 10px;
        padding: 10px !important;
    }

    #dashboard .blue-overflow-div .summary-card {
        padding: 19px 12px 18px 12px;
        border-radius: 15px;
        min-height: 155px;
        background: #FFF;
        box-shadow: 2px 3px 8px 0px rgba(0, 40, 85, 0.10);
        width: auto;
    }

    #dashboard .main-div {
        padding: 0 !important;
    }

    .header_old .header .search-box {
        top: 20%;
        right: 0;
    }

    .main-data #dashboard .header_old .hk_big{
        font-family: Anek Malayalam;
        font-size: 17.28px !important;
        position: absolute;
        top: 20px;
        left: 45px;
        margin: 0 !important;
        font-weight: 600;
        display: block;
        line-height: 24.75px;
    }

    .toggle_mobile {
        display: block;
        box-shadow: 2px 3px 8px 0px #0028551A;
    }

    .toggle_UI{
        position: relative;
        padding: 8px;
    }

    .toggle_UI .toggle_wrap {
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 10px;
    }

    .toggle_UI .toggle_wrap .switch {
        position: relative;
        display: inline-block;
        width: 37px;
        height: 21px;
        margin-bottom: 0;
    }

    .toggle_UI .toggle_wrap .switch .slider:before {
        height: 10px;
        width: 10px;
        left: 2px;
        bottom: 2px !important;
    }

    .toggle_UI .toggle_wrap .switch .slider.round {
        width: 23.164px;
        height: 13px;
    }

    .toggle_UI .toggle_wrap .switch input:checked+.slider {
        background-color: #ccc;
    }

    .toggle_UI input:checked+.slider:before {
        -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
        transform: translateX(7px);
    }

    .toggle_UI .toggle_wrap p{
        color: #0F75BC;
        font-family: "Anek Malayalam";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        text-align: left;
        margin-bottom: 0;
        width: 80%;
        line-height: 20.06px;
    }

    .toggle_UI button {
        position: absolute;
        top: 10px;
        right: 9px;
    }

    .toggle_UI button:hover{
        opacity: 1;
    }
    .list-group-item1:first-child {
        height: auto;
    }

    .newModal {
        z-index: 9999999999;
    }

    .newModal .search-in {
        border-radius: 18px;
        background: #FFF;
        position: relative;
        height: 34px;
        width: 100%;
    }

    .newModal .modal-dialog .modal-content .search-in img {
        position: absolute;
        top: 10px;
        right: 15px;
        margin-right: 0;
        width: 14px;
        height: 14px;
    }

    .newModal .modal-dialog .modal-content .search_result {
        border-radius: 10px;
        background: #FFF;
        margin: 10px;
        padding: 10px;
    }

    .search_result .search p.no_result {
        height: 85vh;
        margin-bottom: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }

    .search_result .search p.no_result img {
        width: 163px;
        height: 163px;
        margin-right: 0;
        display: block;
    }
    .newModal .modal-dialog .modal-content .search-in input {
        border: 0.5px solid #D3DEE9;
        width: 100%;
        border-radius: 18px;
        height: 34px;
        padding: 0 30px 0 10px;
    }

    .boxed-bg {
        box-shadow: none;
        height: auto;
    }

    .newModal .modal-dialog {
        position: fixed;
        width: 100%;
        height: 100%;
        padding: 0;
        max-width: 100% !important;
    }

    .newModal .modal-dialog .modal-content {
        border-radius: 0;
        height: 100%;
    }

    .newModal .modal-dialog .modal-content h5 {
        color: #0F75BC;
        font-family: "Anek Malayalam";
        font-size: 17.28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .newModal .modal-dialog .modal-content .modal-header .close {
        right: auto;
    }

    .newModal .modal-dialog .modal-content img {
        width: 23px;
        height: 23px;
        margin-right: 9px;
    }

    #searchModal .modal-dialog .modal-content .modal-header {
        margin-right: 9px;
    }

    .newModal .modal-dialog .modal-content .modal-header {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-right: 20px;
        min-height: 60px;
        padding-left: 15px;
        background: #F2F9FF;
        box-shadow: 0px 3.84px 18.336px 0px rgba(0, 0, 0, 0.06);
    }
    .general_settings_wrapper .body-data .blue-overflow-div .top-tab .changing-tabs .nav-link{
        color: white;
        opacity: .5;
    }

    .new_sign_up .main-div .header_img {
        margin-bottom: 15px;
        padding: 12px 17px;
        background-color: white;
        height: 60px;
    }

    .new_sign_up .body-data .main-div {
        margin: 0;
        padding: 0;
    }

    .new_sign_up .main-div .header_img img{
        width: 78px;
        height: 35.69px;
    }

    .new_sign_up .body-data .main-div .custom_heading_sign{
        margin: 0 !important;
        display: flex;
        font-size: 17.28px;
        align-items: center;
    }

    .new_sign_up .body-data {
        padding-left: 0;
    }
    .new_sign_up .header_img .custom_heading_sign .dot{
        display: inline-block;
    }
    .new_sign_up .header_img .custom_heading_sign a img {
        display: block;
        margin-left: 0;
        width: 23.04px;
        height: 23.04px;
    }
    .tab-pane .tab-data .form-button {
        margin: 0 15px;
    }

    .signup-form p.result {
        top: 80px;
    }

    .main-div .inner-div {
        padding: 15px 15px 5px;
    }
    table.dataTable.display>tbody>tr>td {
        padding: 10px !important;
    }
    .general_settings_wrapper .body-data .blue-overflow-div .top-tab .changing-tabs .nav-link.active{
        color: white !important;
        opacity: 1;
    }
    .prescription-setting .nav .nav-item .nav-link {
        font-size: 16px;
    }
    .main-data .prescription-setting .btn-save {
        text-align: center;
    }
    .main-data .prescription-setting .col-lg-12 .boxed p{
        text-align: center;
    }
    .settings-form .checkboxes-container{
        justify-content: center !important;
    }
    ul#checkbox-list {
        list-style-type: none;
    }
    .main-div .top-tab {
        margin-left: 0;
        margin-top: 0;
    }
    #update_prof .body-data .main-div {
        padding: 0 0px 10px 0px !important;
    }
}

.get-started.web-view .started .green-text {
    color: var(--green-color) !important;
}

.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-wrapper .custom-select {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 21px;
    height: 58px;
    background-image: none;
    cursor: pointer;
    border-radius: 130.244px;
    border: none;
    background-color: #FFF;
    width: 100% !important;
}

.custom-select-wrapper .custom-select svg{
    position: absolute;
    top: 24px;
    right: 23px;
    transition: .5s ease-in;
}

.custom-select-wrapper .custom-select.open svg{
    transform: rotate(180deg);
}

.select-placeholder {
    color: #474254;
}

.custom-options {
    display: none;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    background-color: #FBFBFB;
    border-top: none;
    border-radius: 0 0 24px 24px;
    z-index: 999;
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-options li {
    padding: 21.252px;
    cursor: pointer;
    text-align: left;
    color: #474254;
    font-size: 18.595px;
    font-style: normal;
    font-weight: 400;
}

.custom-options li:hover {
    background-color: #F2F9FF;
    color: #0F75BC;
}

.custom-select.open .custom-options {
    display: block;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: none !important;
    box-shadow: none !important;
}
.new_sign_up .main-div .top-tab {
    background-color: transparent;
}

.new_sign_up .general-form {
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 3px 15px 0px #00285533;
}

.new_sign_up .main-div {
    margin: 20px;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup {
    padding: 0 35px 35px;
}

.new_sign_up .main-div .general-form h4 {
    color: #212121;
    font-family: "Anek Malayalam";
    font-size: 24px;
    font-style: normal;
    text-align: left;
    padding: 19px 33px 16px;
    margin-bottom: 35px;
    font-weight: 500;
    border-bottom: 1px solid #D9D9D9;
    line-height: 29.887px;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .xsmall-text {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-control,
.new_sign_up .main-div form.signup-form.form.main_wrape_singup .location_select {
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    background: #F2F9FF;
}

.main_wrape_singup .iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}

.iti__country-name {
    color: black;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .checkboxes-container {
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    padding: 0 24px 0 15px;
    justify-content: space-between;
    background: #F2F9FF;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-check {
    height: 47px;
    display: flex;
    padding-left: 0;
    align-items: center;
    justify-content: flex-start;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-check-input[type="radio"] {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-check 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;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-check input[type="radio"] {
    background: transparent;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    border: 1px solid #E2EAF0;
    border-image: initial;
    appearance: none;
    margin: 0px 12px 0px 0px;
    padding: 0px;
}

.new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-check input[type=radio]:focus {
    outline: none;
}

.new_sign_up .get-started .started{
     padding: 0;
}

.new_sign_up .get-started,
.get-started .started {
    height: 100%;
}

.new_sign_up .main-div .general-form .password_criteria h4 {
    color: #0F75BC;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    padding: 0;
    border-bottom: none;
    font-weight: 500;
    margin: 12px 0 5px;
    line-height: 26px;
}

.new_sign_up .main-div .general-form .password_criteria label {
    color: #313131;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    cursor: pointer;
}

.new_sign_up .main-div .general-form .password_criteria .form-group input {
    display: none;
}

.new_sign_up .main-div .general-form .password_criteria .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #E2EAF0;
    padding: 9.5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
}

.new_sign_up .main-div .general-form .password_criteria .form-group input:checked+label:before {
    border-color: #84D95B;
}

.new_sign_up .main-div .general-form .password_criteria .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 6px;
    height: 12px;
    border: solid #84D95B;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.new_sign_up .main-div .bottom-green-next {
    position: relative;
    width: 237px !important;
    height: 68px !important;
    border-radius: 130px !important;
    background: #0F75BC;
    box-shadow: none;
}

.new_sign_up .main-div .bottom-green-next button {
    padding: 0;
    width: 100%;
    height: 68px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 1;
}

.setup-password {
    color: rgb(17, 139, 226);
    font-size: 22px;
    margin-top: 0px;
    font-weight: 500;
    font-family: "Anek Malayalam";
    text-align: left;
}

.dropdownarea {
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    background: #F2F9FF;
    padding: 0 20px;
    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;
    background-size: 12px;
    background-position: 95% center !important;
    position: relative;
    height: 47px;
}

.dropdownarea .listdown{
    height: 47px;
    line-height: 47px;
    text-align: left;
    font-size: 0.938rem;
    color: var(--body-text-color);
}

.dropdownarea .drop_toggle{
    border-radius: 20px;
    top: 50px;
    left: 0;
    width: 100%;
    min-height: 50px;
    max-height: 200px;
    padding: 16px;
    z-index: 1;
    position: absolute;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 40, 85, 0.10);
    overflow-y: scroll;
}

.dropdownarea .drop_toggle ul{
    list-style-type: none;
    padding: 0;
}

.dropdownarea .drop_toggle ul li label{
    color: var(--body-text-color);
    padding-bottom: 10px;
    padding-left: 23px;
    text-align: left;
    position: relative;
}

.dropdownarea .drop_toggle ul li [type="radio"]:checked + label:before, .dropdownarea .drop_toggle ul li [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.dropdownarea .drop_toggle ul li [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.dropdownarea .drop_toggle ul li [type="radio"]:checked + label:after, .dropdownarea .drop_toggle ul li [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #84D95B;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.dropdownarea .drop_toggle ul li [type="radio"]:checked + label:before{
    border-color: #84D95B;
}

.dropdownarea .drop_toggle ul  li .newarea {
    border-radius: 25px;
    border: 1px solid #F2F9FF;
    background: #F2F9FF;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.dropdownarea .drop_toggle ul  li input{
    appearance: none;
    position: absolute;
}

.dropdownarea .drop_toggle ul  li .newarea input {
    margin: 0 !important;
    padding-left: 0;
    border-radius: 0;
    position: relative;
    background-color: transparent;
    border: none;
}

.dropdownarea .drop_toggle ul  li .newarea button{
    position: relative;
    border-radius: 130px !important;
    background: #0F75BC;
    color: white;
    padding: 5px 12px;
    font-size: 12px;
}

.wrape_all label {
    color: #118BE2;
    font-size: 16px;
}

.wrape_all p {
    width: 70%;
    margin-bottom: 10px;
    color: #000000;
}

.wraper_accc {
    background: transparent;
    width: 120px;
    height: 40px;
    border-radius: 15px;
    border: 1px solid #118BE2;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wraper_accc label {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.wraper_accc input {
    appearance: none;
    position: absolute;
    left: 0;
    right: 0;
    display: none;
}

.otherModal .modal-dialog{
    width: 450px;
}

.otherModal .modal-dialog .close{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
}

.is-invalid {
    border-color: red !important;
    background-color: #ffe6e6;
}

.otherModal .modal-dialog .btn-primary{

}

.otherModal .modal-body{
    padding: 30px;
}

.sidebar_admin .sidebar .sidebar-item .img_dash{
    position: relative;
    top: 0;
    left: 0;
}
.sidebar_admin .sidebar .sidebar-item .img_report{
    position: relative;
    top: 0;
    left: 0;
    width: 30px;
    height: 36px;
}

.token_view .modal-dialog{
    width: 450px;
    min-height: 500px;
}

.token_view .modal-dialog .modal-body{
    padding: 20px;
}

.token_view .modal-dialog img{
    width: 100%;
    height: 470px;
    object-fit: contain;
}

.iti.iti--allow-dropdown.iti--show-flags{
    width: 100% !important;
}

.iti__country-name{
    display: none;
}

.iti__country-list{
    width: 320px;
    border-radius: 20px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel]{
    padding-left: 52px !important;
}

.iti__divider{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.iti.iti--allow-dropdown.iti--show-flags{
    width: 100% !important;
}

.iti__country-name{
    display: none;
}

.iti__country-list{
    width: 320px;
    border-radius: 20px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel]{
    padding-left: 52px !important;
}

.iti__divider{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.is-invalid {
    border-color: red !important;
    background-color: #ffe6e6;
}


.refundModal .fileForm{
    text-align: left;
}

.refundModal .modal-dialog{
    width: 460px;
}

.refundModal .modal-dialog .modal-content {
    background-color: white;
    border-radius: 15.385px;
}

.refundModal .modal-dialog .modal-content .modal-title {
    color: var(--blue-color);
    text-align: left;
    font-size: 20px;
    font-style: normal;
    padding-bottom: 16px;
    font-weight: 500;
    line-height: 23.04px;
    border-bottom: 1px solid #E2EAF0;
}

.refundModal .modal-dialog .modal-body{
    padding: 20px;
}

.refundModal .modal-dialog .modal-body ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0F345A;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 3px;
    font-weight: 400;
    line-height: normal;
}

.refundModal .modal-dialog .modal-body ul li img{
    width: 12px;
    height: 12px;
}

.refundModal .modal-dialog .modal-content h6{
    color: #404040;
    font-size: 12px;
    margin: 0 0 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 10px;
    display: flex;
}

.refundModal .modal-dialog .modal-content h6 img{
    width: 14px;
    height: 14px;
}

.refundModal .modal-dialog .modal-content .form-group{
    width: 200px;
}

.refundModal .modal-dialog .modal-content .remaining{
    color: #0F345A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-align: end;
    line-height: normal;
}

.refundModal .modal-dialog .modal-content h4{
    color: #0F345A;
    font-size: 12px;
    font-style: normal;
    margin-top: 0;
    font-weight: 600;
    line-height: normal;
}

.info-wrap{
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
}

.info-wrap .refund-tooltip{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 9px;
    border-radius: 3px;
    background: #D6DDE4;
    display: none;

}

.info-wrap .info-trigger:hover + .refund-tooltip{
    display: block;
    z-index: 9;
}

.info-wrap .refund-tooltip .rt-title{
    color: #0F345A;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.info-wrap .refund-tooltip .rt-body{
    color: #0F345A;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.after_filter {
    background-color: white;
    margin: 57px 0 0;
    width: 100%;
}

.wait-chan {
    border-bottom: none;
    overflow: hidden;
}

.wait-chan .nav-link.active{
    border: none;
    border-bottom: 4px solid rgba(123, 195, 87, 1);
    background: transparent;
}
.wait-chan .nav-item.active>a:hover{
    border: 4px solid #ddd;
    border-bottom-color: rgba(123, 195, 87, 1);
}

.wait-chan .nav-link{
    font-weight: 400;
    font-size: 20px;
    line-height: 20.64px;
    color: #fff !important;
    opacity: 1;
    padding-left: 30px;
}

.after_filter .waiting-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.after_filter .waiting-buttons .view{
    border: 1px solid rgba(15, 117, 188, 1);
    background: transparent;
    border-radius: 100px;
    color: rgba(15, 117, 188, 1) !important;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 9px 0;
    width: 100px;
    text-transform: uppercase;
}

.after_filter .waiting-buttons .transfer{
    background: rgba(15, 117, 188, 1);
    border-radius: 100px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 9px 0;
    width: 100px;
    text-transform: uppercase;
}

.after_filter .high{
    background: rgba(244, 16, 16, 0.2);
    color: rgba(244, 16, 16, 1);
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
    font-weight: 700;
}

.transferModal .modal-body{
    padding: 24px 26px;
}

.transferModal .modal-body label{
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}

.transferModal .modal-body .transfer{
    background: rgba(15, 117, 188, 1);
    border-radius: 100px;
    color: #fff !important;
    font-size: 20px;
    font-weight: 500;
    padding: 9px 0;
    width: 134px;
}

.transferModal .modal-body .view{
    border: 1px solid rgba(15, 117, 188, 1);
    background: transparent;
    border-radius: 100px;
    color: rgba(15, 117, 188, 1) !important;
    font-size: 20px;
    font-weight: 500;
    padding: 9px 0;
    width: 134px;
}

.transferModal .modal-title{
    font-size: 20px;
    font-weight: 500;
    color: var(--blue-color);
    text-align: left;
    width: 100%;
    border-bottom: 1px solid rgba(226, 234, 240, 1);
    padding-bottom: 10px;
}

.transferModal .modal-body h6{
    color: rgba(15, 117, 188, 1);
}

.transferModal .modal-body .form-check-inline .form-check-input{
    width: 16px;
    height: 16px;
}

.transferModal .modal-body .form-check-inline .form-check-input[type="radio"]:checked{
    appearance: auto;
}

.transferModal .modal-body .line-bottom{
    border: 1px solid rgba(226, 234, 240, 1);
    width: 100%;
    margin: 0px 20px;
}

.transferModal .modal-body .procedure-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.transferModal .modal-body .procedure-item {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    min-width: 22%;
}

.transferModal .modal-body .procedure-item label:before {
  content:'';
  -webkit-appearance: none;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(226, 234, 240, 1);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 1.981px;
  margin-right: 5px;
}

.transferModal .modal-body .procedure-item input{
    appearance: none;
}

.transferModal .modal-body .procedure-item input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 13px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.transferModal .modal-body .procedure-item input:checked + label:before{
    background-color: rgba(132, 217, 91, 1);
    border: 1px solid rgba(132, 217, 91, 1);
}

.transferModal .modal-body  h4{
    font-size: 13px;
    width: 100%;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 0px;
}

.transferModal .modal-body .others-input {
    display: none;
    background: rgba(234, 243, 250, 1);
    border: none;
    margin-left: 40px;
    outline: none;
    border-radius: 20px;
    padding: 6px 12px;
    flex: 1;
}

#appointment div#mainTable_wrapper div#mainTable_filter {
    display: none;
}

@media (max-width: 767px) {
    .new_sign_up .general-form{
        margin: 20px 10px;
    }
    .new_sign_up .main-div .general-form h4{
        font-size: 14px;
        margin-bottom: 0;
        padding: 10px 16px;
    }
    .new_sign_up .main-div form.signup-form.form.main_wrape_singup {
        padding: 0 15px 35px;
        margin-top: 20px;
    }
    .new_sign_up .main-div .general-form .password_criteria label {
        font-size: 14px;
    }
    .new_sign_up .main-div form.signup-form.form.main_wrape_singup .form-control, .new_sign_up .main-div form.signup-form.form.main_wrape_singup .location_select {
        width: 100% !important;
        height: 46px;
    }
    .new_sign_up .main-div .bottom-green-next, .new_sign_up .main-div .bottom-green-next button {
        height: 47px !important;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 18px;
        line-height: normal !important;
    }
}

#waiting-list-search-bar {
    background-color: var(--background-color);
    border: none;
    border-radius: 23.04px;
    font-weight: 400;
    padding-left: 50px;
    min-width: 214px;
    width: 315px;
    height: 40px;
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_859_9079)'%3E%3Cpath d='M12.9555 11.2205H12.3683L12.1602 11.0198C12.8886 10.1725 13.3271 9.07255 13.3271 7.87595C13.3271 5.20773 11.1643 3.04492 8.49606 3.04492C5.82785 3.04492 3.66504 5.20773 3.66504 7.87595C3.66504 10.5442 5.82785 12.707 8.49606 12.707C9.69267 12.707 10.7927 12.2685 11.6399 11.5401L11.8406 11.7482V12.3354L15.5568 16.0441L16.6642 14.9367L12.9555 11.2205ZM8.49606 11.2205C6.64541 11.2205 5.15151 9.7266 5.15151 7.87595C5.15151 6.02529 6.64541 4.53139 8.49606 4.53139C10.3467 4.53139 11.8406 6.02529 11.8406 7.87595C11.8406 9.7266 10.3467 11.2205 8.49606 11.2205Z' fill='%235F6368'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_859_9079'%3E%3Crect width='17.8376' height='17.8376' fill='white' transform='translate(0.645508 0.814453)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px 12px !important;
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

table.dataTable thead th.hidden {
    display: table-cell !important;
}

.patient-search-dropdown-appoitnment-schedule{
    position: absolute;
    z-index: 999;
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    height: 400px;
    width: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.patient-search-dropdown-appoitnment-schedule .patient-search-item-appointment-schedule{
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin-bottom: 7px;
    cursor: pointer;
}

.patient-search-dropdown-appoitnment-schedule .patient-search-item-appointment-schedule .patient-name-appointment-schedule, .patient-search-dropdown-appoitnment-schedule .patient-search-item-appointment-schedule .patient-details-appointment-schedule{
    font-size: 14px;
}