@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body {
    font-family: "Inter", sans-serif !important;
    font-size: 13px;
    background:#ececec !important
}

/*@font-face {
    font-family: "Inter", sans-serif !important;
    src: url('Popins/Poppins-Regular.ttf') format('truetype');
}*/
/*/Global /*/

/*left sidebar & popup header*/
.left_sidebar, .popupHeader, .modal-block-new .popupHeader, .dashboard-left {
    /*background: linear-gradient(90deg, #4D5C95 2.88%, #2F4184 100%) !important;*/
    background:#fff
}

#headerconfig span {
    font-family: "Inter", sans-serif !important;
    margin-right: 0px !important;
    margin-left: 9px;
}
/*tabs & outer header & anchor tag*/
.nav-tabs > li.active > a, .tabs-inner .nav-tabs > li.active > a:focus, .tabs-inner .nav-tabs > li.active > a:hover, .appointment_area_withoutlogin .patientportal_title, .outer_header, .header_title_ptn h4 {
    /*background: linear-gradient(270deg, #334486 2.72%, #697DC7 100%) !important;*/
    background:#fff;
    color:#222!important;
    font-size:14px!important;
    font-weight:500;
    /*border-bottom:3px solid #6DA12C*/
}

/*buttons*/
.btn-all, .dashboard-login, #btnSaveSignUpPatient button, .aptbtn, .status li:hover {
    background: #344588 !important;
}

/*icons*/
.tentative_appointment_icons i, .fa-edit, .fa-save, .fa-long-arrow-left, .outer_back {
    color: #344588 !important;
}
/*/Global /*/



a, a:hover {
    transition: .2s all;
    -o-transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all text-decoration: none;
}

*, ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
}

table thead {
    background: #355776;
}

    table thead th, th {
        color: #fff;
        font-family: "Inter", sans-serif !important;
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: normal;
        padding: 7px 10px;
    }

table tbody td, td {
    color: #1E1E1E;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
}

#lab_reports tbody tr td:nth-child(2), #diagnostic_reports tbody tr td:nth-child(2){
    font-weight:500 !important
}
#lab_reports tbody tr td:nth-child(4),  #diagnostic_reports tbody tr td:nth-child(4){
   color:#2C70A1
}

body {
    font-family: "Inter", sans-serif !important;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mtb {
    margin: 10px 0;
}

.mrl-20 {
    margin: 20px;
    position: relative;
}

.mrl-0 {
    margin: 0px;
    position: relative;
}

.transition {
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.transition-slow {
    transition: .8s all;
    -o-transition: .8s all;
    -moz-transition: .8s all;
    -webkit-transition: .8s all;
}

.dashboard-wrd {
    /*background: #F4F6F9;*/
}

.clr {
    clear: both;
}

.dashboard-left {
    width: 20%;
    float: left;
    /*background: #fff;*/
    /*background: linear-gradient(90deg, #4D5C95 2.88%, #2F4184 100%);*/
    background:#fff;
    text-align: center;
    padding-top: 0px;
    /*min-height: 600px;*/
    /*box-shadow: 1px 8px 10px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: 1px 8px 10px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: 1px 8px 10px rgba(68, 68, 68, 0.2);*/
    /*position: fixed;*/
    height: 100vh;
}
.newHeaderSection {
    background: #fff;
    margin: 20px 0;
    padding: 8px 20px;
    border-radius: 8px;
    color: #1E1E1E;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-height: 79px;
}
.newHeaderSectionbkd {
     padding:15px 20px !important;
}
.headerItemInr {
   text-align:center
}

.headerItemInr h5 {
    font-size:16px;
    font-weight:600;
    color:#222
}
.headerItemInr p {
    font-size:12px;
    font-weight:400;
    color:#222;
    margin:0 !important;
    padding-top: 2px;
}
.headline {
    height:35px;
    width:1px;
    background:#DFDFDF
}
.header_profile_inr .headerItemInr:nth-child(1) p {
    color: #6DA12C;
}

.header_profile_inr .headerItemInr:nth-child(2) p {
    color: #FF9393;
}

.header_profile_inr .headerItemInr:nth-child(3) p {
    color: #E28800;
}

.welcome-sec-rgt-pnl {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.welcome-sec {
    display: flex;
    flex-direction: row;
    gap: 13px;
    align-items: center;
}
.welcome-sec h2{
    font-size:18px;
    font-weight:400
}
.welcome-sec h2 span{
    font-weight:600;
    color:#3D3D3D;
}
#u_uhid{
    font-size:14px;
    color:#04519A !important;
    font-weight:500;
    line-height: 24px;
}

.header_profile_top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.header_profile_top h4 {
     font-size:14px !important;
    font-weight:500;
    color:#3D3D3D !important;
    padding-bottom: 0;
    margin-top:3px
}

.header_profile_inr {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    padding: 10px 13px;
    box-sizing: border-box;
}


.appointmentNewSection {
    padding:20px;
    background:#fff;
    border-radius:10px;
}

.more-actions ul.dashboard_main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
}

.more-actions ul.dashboard_main li.transition-slow {
     background-color: #fff !important;
    border-radius: 12px;
    padding: 0px;
    text-align: center;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);*/
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    /*cursor: pointer;*/
    width: 100% !important;
    margin: 0;
    height: 100%;
}
    .more-actions ul.dashboard_main li.transition-slow i {
        font-size:14px;
        font-weight:500;
        font-style: normal;
    }

.more-actions .dashboard-wrd .mrl-20-- .status {
    padding:0!important
}
.more-actions h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: #222;
    margin-top: 10px;
}
.more-actions .bg_color {
    background:none !important;
    margin:0px 0 30px 0;
}
.more-actions ul.dashboard_main li:hover {
    background: #04519A  !important;
    color:#fff
}

.appointment-section {
    /*background: #f1f1f1;
    padding: 20px;*/
}

.appointment-section h4 {
   font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: #3D3D3D;
    margin-top: 20px;
}
.appointment-info {
    display: flex;
    gap: 10px;
    align-items:center
}
.appointment-cards {
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
    display:flex;
    gap: 16px;
    width: 100%;
    justify-content:flex-start;
}

.appointment-card {
  background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 5px 9px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); */
    width: 100%;
    justify-content: space-between;
    border: 1px solid #DFDFDF;
}
.avatartblmain {
    display:flex;
    gap: 12px;
    align-items: center;
    color: #1E1E1E !important;
}
.doctor-avatar {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #ddd;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.doctor-avatar i{
    color:#fff;
}
.doctor-avatar img {
    width:100%;
   height: fit-content;
    border-radius: 8px;
}
.doctor-avatartbl{
     width: 30px;
    height: 30px;
     border-radius: 8px;
    background: #ddd;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.appointment-info h5 {
    margin: 0;
    font-size: 16px;
    color: #3D3D3D;
    font-weight: 600;
}

.appointment-info .specialty {
   margin: 0px 0;
    font-size: 14px;
    color: #3D3D3D;
    font-weight: 400;
}

.appointment-meta {
    font-size: 12px;
    color: #425BFF;
    display: flex;
    justify-content: end;
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: start;
}

.appointment-meta .date,
.appointment-meta .time {
    font-weight: 500;
}


.dashboard-content {
    width: 79%;
    float: left;
    height: 100vh;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}

.dashboard-left h1 {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0.5px;
}

.logo {
    float: left;
    width: 90%;
    display: block;
    padding: 2px 0px;
    /*background: #fff;*/
    height: 102px;
    display: flex;
    align-items:center;
    justify-content:center
}
    /*.logo {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: inline-block;
    margin: 0- auto;
    background: #fff;
    color: #fff;
    overflow: hidden;
    box-shadow:1px 1px 10px rgba(68, 68, 68, 0.3);
    -moz-box-shadow: 1px 1px 10px rgba(68, 68, 68, 0.3);
    -webkit-box-shadow: 1px 1px 40px rgba(68, 68, 68, 0.3);
    border: 2px solid #fff;
}*/
    .logo img {
       width: 100%;
         height: fit-content;
    }

.dashboard-menu .left-menu li {
    float: left;
    width: 100%;
    /*border-top: 1px solid rgba(68, 68, 68, 0.1);*/
    display: block;
}

    .dashboard-menu .left-menu li.active a {
        margin: 0 !important;
        box-shadow: none !important;
        border: 0;
    }

.dashboard-menu .left-menu > li.active > a, .dashboard-menu .left-menu > li.active > a:focus, .dashboard-menu .left-menu > li.active > a:hover {
    color: #000;
    background-color: #F2F2F2;
    border: 0 !important;
    border-bottom-color: transparent;
    cursor: pointer;
    display: block;
}

.dashboard-menu {
    /*height: calc(100vh - 111px);
    overflow: auto;*/
    z-index: 1;
    /*border: 1px solid #ccc;*/
    padding: 0;
}

    .dashboard-menu .left-menu > li {
        margin-bottom: 0 !important;
    }

        .dashboard-menu .left-menu > li > a:hover {
            border-color: none !important;
            border: 0 !important;
        }

        .dashboard-menu .left-menu > li > a {
            margin-right: 0px;
            border: 0;
            border-radius: 0;
            text-align: left !important;
            /*padding: 8px 36px !important;*/
            padding: 6px 0px 8px 43px !important;
            /*font-family: "Inter", sans-serif !important;*/
            font-size: 14px;
            color: #222;
            display: block;
            font-weight: 500;
        }

.top {
    float: left;
    width: 100%;
    /*background: #183858;*/
    /*box-shadow: 5px -1px 21px rgba(68, 68, 68, 0.5);
    -moz-box-shadow: 5px -1px 21px rgba(68, 68, 68, 0.5);
    -webkit-box-shadow: 5px -1px 21px rgba(68, 68, 68, 0.5);*/
    /*font-family: "Inter", sans-serif !important;*/
    /*position: fixed;*/
    color: #fff;
    padding: 0 20px;
    z-index: 999;
}

.dashboard-link {
    float: left;
}

.dashboard-login {
    float: right;
}

.dashboard-link a {
    padding: 10px 0;
    /*display: inline-block;*/
    display: none;
    /* background: #ddd; */
    color: #fff;
    letter-spacing: 0.5px;
}

.client-name {
    color: #fff;
}

.dashboard-login {
    position: relative;
    /*background: #394a8a;*/
    border-radius: 54%;
    box-shadow: 0px 1px 4px 2px #c1bebeb0;
}

.client-menu {
    position: absolute;
    top: 40px !important;
    background: #fff;
    width: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 240px;
    border-radius:10px
}

.dashboard-login:hover .client-menu {
    opacity: 1;
    visibility: visible;
    top: 42px;
    z-index: 1;
    box-shadow: 0px 1px 4px 2px #f0f0f0b0;
    padding: 5px 10px 4px 10px;
}
.dashboard-login:hover .client-menu::before {
  content: "";
  position: absolute;
  top: -10px; /* position above the box */
  right: 20px; /* adjust horizontally as needed */
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.client-menu a {
    display: flex;
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #3D3D3D;
    background: #fff;
    padding: 8px 0px;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    gap: 7px;
}
.client-menu a:last-child {
    border-bottom: none;
}

    .client-menu a:hover {
        padding-left: 5px;
    }
.btn.active, .btn:active {
    webkit-box-shadow: none; 
    box-shadow: none
}

.dashboard-login {
    padding: 7px 10px;
    display: block;
}

.tab-content {
    float: left;
    width: 100%;
    padding: 10px;
    padding-left: 0px;
}

.dashboard-content-header {
    /*background: #168dff;
    /*height: 65px;*/
    padding: 14px 20px;
    padding-bottom: 0px;
}

.dashboard-content-block {
    margin-top: 40px;
}

.dashboard-content-header h2 {
    /*color: #fff;*/
    font-size: 28px;
    letter-spacing: 1px;
    margin: 0;
    float: left;
    font-family: "Inter", sans-serif !important;
    /*text-transform: uppercase;*/
    font-weight: normal;
    padding-top: 1px;
}

    .dashboard-content-header h2 span {
        display: block;
        font-size: 16px;
        font-family: "Inter", sans-serif !important;
    }

.dashboard-content-header ul {
    float: right;
    background: rgba(255,255,255, 0.3);
    border-radius: 10px;
    padding: 9px 20px;
}

    .dashboard-content-header ul li {
        float: left;
        padding: 0 10px;
    }

        .dashboard-content-header ul li label {
            color: #333;
            margin-right: 10px;
        }

        .dashboard-content-header ul li input, .dashboard-content-header ul li select {
            border-radius: 5px;
            border: 0;
            line-height: 30px;
            width: 150px;
            font-size: 12px;
            padding: 3px 10px;
            height: 30px;
        }

            .dashboard-content-header ul li select option {
                padding: 3px !important;
                line-height: 30px !important;
                width: 150px !important;
            }

label {
    font-size: 14px;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
}

.tab-content.top-margin {
    position: relative;
    top: -10px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.status {
    /*background: #fff;*/
    float: left;
    width: 100%;
    /*height: calc(100vh - 195px);*/
    /*overflow: auto;*/
    padding: 10px;
    /*box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);*/
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

    .status li {
        float: left;
        margin: 12px 14px;
        width: 14%;
        height: 135px;
        padding: 6px 5px;
        margin-bottom: 10px;
        background: #fff;
        text-align: center;
        border-radius: 5px;
        padding-top: 23px;
    }



    .status liAdmin {
        display: none !important;
        float: left;
        margin: 5px;
        width: 24%;
        min-height: 109px;
        padding: 11px 5px;
        margin-bottom: 10px;
        background: #f6f6f6;
        text-align: center;
    }

.status-new {
    /*height: 460px;*/
    overflow: auto;
}

.status li:hover {
    /*background: #efefef;*/
    /*-webkit-box-shadow: 5px 5px #ddd;
    -moz-box-shadow: 5px 5px #ddd;*/
    /*box-shadow: 5px 5px #ddd;*/
}

.status li:nth-child(4n) {
    /*margin-right: 5px;*/
}
/*.bg-b-orange {
    background: #bbd9ee;
}
.bg-b-purple {
    background: #e7e4d3;
}
.bg-b-cyan {
    background: #f1efe2;
}
.bg-b-black {
    background: #e7e7e7;
}*/
.status span {
    /*color: #fff;
    background: #6f696c;
    display: inline-block;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    text-align: center;
    font-size: 28px;
    line-height: 55px;*/
}

.status a {
    /*text-transform: uppercase;*/
    font-size: 14px;
    /*border-top: 1px solid rgba(0,0,0, 0.2);*/
    /*margin-top: 60px;*/
    /*border-bottom: 1px solid rgba(0,0,0, 0.2);*/
    padding: 8.5px 0;
    font-family: "Inter", sans-serif !important;
    /*font-family: 'Oswald', sans-serif;*/
    font-weight: normal;
    color: #697274;
}

    .status a i {
        /*margin-top: 63px;
        display: inline-block;
        font-style: normal;*/
    }

.status p {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin: 0;
}

.feeds-and-stats {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.feeds-block {
    float: left;
    width: 70%;
    background: #fff;
    margin-right: 2%;
    box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    padding: 15px;
}

.stats-block {
    float: left;
    width: 28%;
    background: #fff;
    box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    padding: 15px;
}

h4 {
    font-size: 15px;
    padding: 0 0 10px 0;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
}

.feeds-and-stats td span {
    font-style: italic;
}

.feeds-and-stats td:first-child {
    width: 40px;
    text-align: center;
}

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

    .stats-grph ul {
        text-align: center;
        margin-top: 20px;
    }

    .stats-grph li {
        display: inline-block;
        width: 49%;
        text-align: left;
        vertical-align: middle;
        font-family: 'Josefin Sans', sans-serif;
        margin-bottom: 12px;
    }

        .stats-grph li .bg {
            border: 2px solid #ddd;
            width: 20px;
            height: 20px;
            float: left;
            margin-right: 5px;
        }

.bgone {
    background: #bdf3f5;
}

.bgtwo {
    background: #f9f1d8;
}

.bgthreee {
    background: #efefef;
}

.bgfour {
    background: #ffe0e6;
}

.footer {
    width: 80%;
    text-align: center;
    /*background: #183858;*/
    left: 20%;
    position: fixed;
    bottom: 0;
}
.footerupdtd {
     width: 100% !important;
     left: 0% !important;
     background-color: #E5E5E5 !important;
     padding:3px 20px;
     display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    position:fixed !important;
    bottom:0 !important
}

.footer a {
    padding: 5px 0;
    color: #222;
    font-weight:600;
    display: inline-block;
    font-family: "Inter", sans-serif !important;
}

.left-menu li span {
    margin-right: 10px;
}

.bg-white {
    background: #fff;
    border-radius: 10px;
    /*box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);*/
}

.pd-15px {
    padding: 15px;
}

.fa-times {
    color: #c7254e;
}

.fa-pencil {
    color: #333;
}

.config-ul {
width: 100%;
clear: both;
}

.config-ul li {
margin-bottom: 10px;
}

.config-ul li span {
display: inline-block;
}

.config-ul li span input {
    /*border: 1px solid #ddd;*/
}
.config-ulNew label {
    font-size:12px;
    font-weight:500;
    color:#3D3D3D
}
.config-ulNew li span  {
    width:100%!important
}
.config-ulNew li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.config-ulNew li span input, .config-ulNew li span select {
    padding: 7px 10px !important;
    height: 40px;
    border: 1px solid #DFDFDF !important;
    margin: 0 0px;
    border-radius: 5px;
    width: 100% !important;
}

.config-ul li span .text-input {
    border: 0;
    line-height: 40px;
    width: 150px;
    font-size: 12px;
    padding: 3px 10px;
    height: 30px;
    border: 1px solid #ddd;
    margin: 0 10px;
    border-radius: 5px;
}

.add-another {
    background: #168dff;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 298px;
}

    .add-another:hover {
        background: #6f696c;
    }

.left-menu img {
    width: 19px;
}

fieldset, textarea {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    position: relative;
}

    fieldset h3 {
        position: absolute;
        top: -14px;
        font-size: 14px;
        background: #fff;
        padding: 5px 6px;
        font-family: "Inter", sans-serif !important;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

/*#op-deposit .config-ul li input{
    margin-left:0!important;
}*/
#op-deposit textarea {
    min-height: 200px;
    margin-bottom: 10px;
}

.btn-all {
    /*background: #344588;*/
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    padding: 10px 25px !important;
    display: inline-block;
    border-radius: 5px;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 20px;
    /*padding-top: 12px;*/
    /*text-transform: uppercase;*/
}

.table-btn {
    background: #168dff;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 2px 10px;
    display: inline-block;
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    letter-spacing: 1px;
    width: 72px;
    text-align: center;
}

    .btn-all:hover, .table-btn:hover {
        background: #333;
        color: #fff;
    }

.fl {
    float: left;
    width: 100%;
}

.bill-table {
    height: 61vh !important;
    overflow: auto;
    line-height: 29px;
    /*border: 1px solid #dddddd52;*/
}

#View_Appointment div, #Prescriotionlist h5 {
    text-align: center;
    color: #697274;
    font-size: 14px;
    font-family: "Inter", sans-serif !important;
}

#tblreciptopd {
    text-align: center;
    color: #697274;
    font-size: 14px;
    font-family: "Inter", sans-serif !important;
}

.tabs-inner .left-menu > li a {
    margin-bottom: 0;
    background: #183858;
    border: 0;
    border-radius: 0;
    color: #fff !important;
    font-family: "Inter", sans-serif !important;
    text-transform: uppercase;
    font-weight: normal !important;
    letter-spacing: 1px;
}

.left-menu > li.active > a, .left-menu > li.active > a:focus, .left-menu > li.active > a:hover {
    border: 0;
}

.tabs-inner .left-menu > li.active > a, .tabs-inner .left-menu > li.active > a:focus, .tabs-inner .left-menu > li.active > a:hover {
    color: #fff !important;
    border: 0 !important;
    background: #168dff !important;
}

.tabs-inner .tab-content {
    border: 1px solid #ddd;
    height: 340px;
}

.tabs-inner .left-menu {
    border-bottom: 0;
}

.lable-block label {
    display: block !important;
    color: #697274;
}

.lable-block span {
    margin-right: 10px !important;
}

    .lable-block span:last-child {
        margin-right: 0px !important;
        color: #697274;
    }

    .lable-block span label {
        display: inline-block;
        margin-bottom: 0px;
    }

#showmsgviewcreate li a {
    vertical-align: middle;
    margin-right: 6px;
}

.btn-all {
    /*margin-left:50px;*/
}

select, input[type="text"], input[type="date"], input[type="password"], input[type="number"], input[type="email"] {
    border: 1px solid #ddd !important;
    height: 30px;
    width: 200px !important;
    font-size: 13px;
    font-family: "Inter", sans-serif !important;
    outline: unset;
    border-radius: 4px;
}

.all_set_form select, .all_set_form input[type="text"], .all_set_form input[type="date"], .all_set_form input[type="password"], .all_set_form input[type="number"], .all_set_form input[type="email"] {
    border: 1px solid #ddd0;
    height: 22px;
    /*width: 190px !important;*/
    font-size: 13px;
    font-family: "Inter", sans-serif !important;
    outline: unset;
    border-radius: 8px;
}

.border_hide {
    border: none;
}

input[type="text"], input[type="date"], input[type="number"], input[type="email"] {
    padding: 0 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.fr {
    float: right;
}

.edit.fr {
    margin-top: 10px;
}

.table {
    margin-bottom: 0 !important;
}

table thead th {
    font-family: "Inter", sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 1px;
}

#IP_Deposit label {
    width: 85px;
}

.ipbg_height {
    height: 73vh;
}

.two_btn {
    padding-left: 120px;
}

.feedback-block span {
    float: left;
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}

.feedback-block {
    margin-top: 15px;
    float: left;
    width: 100%;
}

    .feedback-block h6 {
        font-family: 'Teko', sans-serif;
        font-size: 20px;
        font-weight: normal;
    }

    .feedback-block img {
        width: 25px;
        margin-left: 5px;
        margin-right: 30px;
    }

    .feedback-block ul li {
        float: left;
    }

    .feedback-block input {
        position: relative;
        top: 2px;
    }

#feedback fieldset {
    height: 351px;
    overflow: auto;
}

/*login*/
.header-login {
    background-color: #183858;
    /*display: none;*/
    padding: 0;
    height: 32px;
}

    /*.header-login {
    padding: 0;
    height: 32px;
}*/

    .header-login ul {
        text-align: right;
        color: #fff;
        font-family: "Inter", sans-serif !important;
    }

    .header-login li {
        display: inline-block;
        margin: 0 10px;
        letter-spacing: 1px;
        font-size: 15px;
    }

.header-logo {
    /* padding: 10px 0; */
}

.header-logo-block .name {
    font-family: "Inter", sans-serif !important;
    color: #183858;
    float: right;
    display: block;
    position: relative;
    /* top: 10px; */
}

.header-logo-block a {
    font-size: 11px;
    color: #168dff;
    letter-spacing: 1px;
}

.form-login-area {
    position: relative;
    padding-bottom: 20px;
}

.form-login-area-block {
    position: absolute;
    top: 50%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 620px;
    padding: 20px;
    -webkit-box-shadow: -8px 1px 42px 13px #333; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: -8px 1px 42px 13px #333; /* Firefox 3.5 - 3.6 */
    box-shadow: -8px 1px 42px 13px #333;
}

    .form-login-area-block label {
        width: 64px;
        float: left;
    }

#loginwithotp .header_title {
    top: 0px;
}

.form-login-area-block h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #333;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#showuhiddiv ul li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#btn_closeforLogin i {
    color: #979797 !important;
}

#showuhiddiv ul li .fa {
    /*position: relative;
    top: 10px;*/
    position: absolute;
    right: 30px;
}

.form-login-area-block label {
    float: left;
    font-family: "Inter", sans-serif !important;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    width: 80px;
    position: relative;
    top: 4px;
}

.form-login-area-block input, .form-login-area-block select {
    width: 76% !important;
    margin-right: 10px;
    padding: 0 5px;
    float: left;
}

.form-login-area-block .fa.fa-question-circle {
    font-size: 21px;
    color: #168dff;
}

.form-login-area-block .btn-all {
    margin-top: 10px;
}

.header-logo-area {
    background-color: #fff;
}


.botom-part {
    text-align: center;
    color: #fff !important;
    background-color: #001f3e !important;
    width: 100%;
    margin-top: 83px;
    padding-top: 35px;
}

    .botom-part h4 {
        color: #168dff;
        margin: 0;
        font-family: "Inter", sans-serif !important;
        text-transform: uppercase;
        font-weight: normal;
    }

    .botom-part p {
        margin-bottom: 0;
        font-family: "Inter", sans-serif !important;
        font-weight: normal !important;
        letter-spacing: 1px;
    }

    .botom-part .header-logo-block {
        padding-bottom: 0px;
        padding-top: 10px;
        /*border-right: 1px solid #183858;*/
        border-right: 1px solid #ccc;
        height: 200px;
    }

        .botom-part .header-logo-block:last-child {
            border-right: 0 !important;
        }

.form-login-area img {
    width: 100%;
    height: 300px;
}

/*.powerby {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0px;
}*/
.powerby {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*background:#183858;*/
}

#myModal2 .modal-dialog {
    width: 600px;
    margin: 30px auto;
    top: 25%;
}

#myModal3 .modal-dialog {
    width: 600px;
    margin: 30px auto;
    top: 30%;
}

.modal {
    overflow: hidden !important;
}

.modal-title {
    color: #183858;
    font-family: "Inter", sans-serif !important;
    font-size: 20px;
    margin: 0 !important;
}


/*all popup setting CSS*/
.popup-area {
    background-color: #4f484866 !important;
    display: none;
    height: 100%;
    left: -1px;
    position: fixed;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999999999 !important;
    overflow: hidden !important;
}

    .popup-area form {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

.modal-block-new {
    margin: 0 auto;
    max-width: 860px !important;
    position: relative;
    top: 20%;
    overflow-x: hidden;
    box-shadow: 1px 1px 10px #9c9c9c;
    width: 100%;
    background: #eaeaea;
}


    .modal-block-new .popupHeader {
        height: fit-content !important;
        padding: 0 !important;
        line-height: normal;
        min-height: auto;
    }



#openpopupappt .aptbtn {
    /*background: #344588 !important;*/
    float: left;
    margin: 2px 15px 6px 30px;
    list-style: none;
    border: 1px solid #dadada;
    border-radius: 14px;
    height: 36px;
    padding: 8px 25px;
    /* width: 100px; */
    cursor: pointer;
    color: white !important;
}


.popupHeader {
    background: linear-gradient(270deg, #334486 2.72%, #697DC7 100%);
    /* background: #63b2ff; */
    color: #fff;
    text-align: center;
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#forgetopen .header_title {
    position: relative;
    top: 0px;
}

.modal-block-new .popupHeader .header_title {
    position: relative;
    top: 7px;
}

.modal-block-new section {
    background: #fff !important;
    float: left;
    width: 100%;
    padding: 15px;
}

.no-float .modal-block-new section {
    float: none !important;
    width: auto !important;
}

.modal-block-new footer {
    background: #ccc !important;
}

#popup235 {
    max-width: 235px !important;
    margin: 0 auto;
}

#popup280 {
    max-width: 280px !important;
    margin: 0 auto;
}

#popup300 {
    max-width: 300px !important;
    margin: 0 auto;
}

#popup320 {
    max-width: 320px !important;
    margin: 0 auto;
}

#popup350 {
    max-width: 350px !important;
    margin: 0 auto;
    border-radius: 5px;
}

#popup380 {
    max-width: 380px !important;
    margin: 0 auto;
    border-radius: 5px;
}

#popup400 {
    max-width: 400px !important;
    margin: 0 auto;
    border-radius: 5px;
}

#popup450 {
    max-width: 450px !important;
    margin: 0 auto;
    border-radius: 5px;
}

#popup500 {
    max-width: 500px !important;
    margin: 0 auto;
    border-radius: 15px;
}

#popup550 {
    max-width: 550px !important;
    margin: 0 auto;
    border-radius: 5px;
}

#popup570 {
    max-width: 570px !important;
    margin: 0 auto;
}

#popup600 {
    max-width: 600px !important;
    margin: 0 auto;
}

#popup650 {
    max-width: 650px !important;
    margin: 0 auto;
    border-radius: 15px;
}

#popup700 {
    max-width: 700px !important;
    margin: 0 auto;
}

#popup750 {
    max-width: 750px !important;
    margin: 0 auto;
}

#popup800 {
    max-width: 800px !important;
    margin: 0 auto;
}

#popup850 {
    max-width: 850px !important;
    margin: 0 auto;
}

#popup900 {
    max-width: 900px !important;
    margin: 0 auto;
}

#popup950 {
    max-width: 950px !important;
    margin: 0 auto;
}

#popup1000 {
    max-width: 1000px !important;
    margin: 0 auto;
}

#popup1050 {
    max-width: 1050px !important;
    margin: 0 auto;
}

#popup1150 {
    max-width: 1150px !important;
    margin: 0 auto;
}

#popup1180 {
    max-width: 1180px !important;
    margin: 0 auto;
}

#popup1200 {
    max-width: 1200px !important;
    margin: 0 auto;
}

#popup1210 {
    max-width: 1210px !important;
    margin: 0 auto;
}

#popup1250 {
    max-width: 1250px !important;
    margin: 0 auto;
}

#popup1300 {
    max-width: 1300px !important;
    margin: 0 auto;
}

#popup1500 {
    max-width: 1500px !important;
    margin: 0 auto;
}

.top0 {
    top: 0 !important;
}

.top1 {
    top: 1% !important;
}

.top5 {
    top: 5% !important;
}

.top8 {
    top: 8% !important;
}

.top10 {
    top: 10% !important;
}

.top13 {
    top: 13% !important;
}

.top15 {
    top: 15% !important;
}

.top17 {
    top: 17% !important;
}

.top18 {
    top: 18% !important;
}

.top20 {
    top: 20% !important;
}

.top22 {
    top: 22% !important;
}

.top23 {
    top: 23% !important;
}

.top24 {
    top: 24% !important;
}

.top25 {
    top: 25% !important;
}

.top27 {
    top: 27% !important;
}

.top30 {
    top: 30% !important;
}

.top33 {
    top: 33% !important;
}

.top35 {
    top: 35% !important;
}

.top37 {
    top: 37% !important;
}

.top40 {
    top: 40% !important;
}

.popup-icon-top {
    position: absolute;
    right: 0;
    top: 6px;
}

    .popup-icon-top a {
        font-size: 22px !important;
        color: #fff !important;
        opacity: 1 !important;
        margin: 0 10px;
    }

        .popup-icon-top a i {
            color: #222 !important;
        }


.popup-area .popupBody table {
    background: #fff !important;
    width: 100% !important;
}

    .popup-area .popupBody table tbody tr td {
        color: #333 !important;
        font-size: 12px !important;
        font-family: "Inter", sans-serif !important;
        padding: 4px;
        font-weight: normal !important;
    }

.popupBody p {
    text-align: center;
    margin: 0;
    font-family: "Inter", sans-serif !important;
    font-size: 15px;
}

.popup-area footer a {
    color: #333;
    font-weight: normal;
    padding: 0 5px;
    display: inline-block;
}

.popup-fl {
    width: 100%;
    float: left;
}

.popuptable100 {
    height: 100px;
    max-height: 100px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable150 {
    height: 150px;
    max-height: 150px;
    overflow: auto;
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
}

.popuptable170 {
    height: 170px;
    max-height: 170px;
    overflow: auto;
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
}

.popuptable200 {
    height: 200px;
    max-height: 200px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable240 {
    height: 240px;
    max-height: 240px;
    overflow: auto;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable250 {
    height: 250px;
    max-height: 250px;
    overflow: auto;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable300 {
    height: 300px;
    max-height: 300px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable350 {
    height: 350px;
    max-height: 350px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable400 {
    height: 400px;
    max-height: 400px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable450 {
    height: 450px;
    max-height: 450px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popuptable500 {
    height: 500px;
    max-height: 500px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
}

.popupBody {
    color: #333 !important;
}

    .popupBody p {
        text-align: center;
        margin: 0;
        font-family: "Inter", sans-serif !important;
    }

.hgt .popupBody {
    padding: 30px 15px !important;
}

.main-report .popupBody {
    height: 500px;
    overflow: auto;
}

.popup-area footer.popupHeader {
    float: left;
    width: 100%;
}

    .popup-area footer.popupHeader a {
        color: #fff !important;
        padding: 2px 10px !important;
        border-radius: 0 !important;
        margin-top: 4px !important;
        line-height: 23px !important;
        width: 80px !important;
    }

.popup-left {
    float: left;
    width: 100%;
}

    .popup-left span {
        float: left;
        margin-right: 1%;
        width: 32%;
        margin-bottom: 18px;
    }

.w-label {
    width: 150px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}
/*all popup setting CSS*/

.appointment-table tbody span {
    display: inline-block;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0;
}

.appointment-time-Aarea {
    margin-top: 20px;
    overflow: auto;
    height: 277px;
}

    .appointment-time-Aarea #tblAppointment li {
        color: #68686A;
    }

.appointment-time span {
    display: inline-block;
    background: #efefef;
    border-radius: 2px;
    padding: 10px 15.5px;
    font-size: 13px;
    margin-bottom: 3px;
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

    .appointment-time span:hover {
        background: #183858 !important;
        color: #fff !important;
        cursor: pointer;
        transition: .5s all;
        -o-transition: .5s all;
        -moz-transition: .5s all;
        -webkit-transition: .5s all;
    }

.heading-area {
    position: relative;
    width: 100%;
    display: block;
}

    .heading-area h5 {
        position: absolute;
        top: -5px;
        font-size: 14px;
        background: #fff;
        padding: 5px 6px;
        font-family: "Inter", sans-serif !important;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        z-index: 1;
        left: 7px;
    }

.memberSection {
    height:80vh;
    overflow-y:auto
}

.feedback-block textarea {
    margin-bottom: 20px;
}

.uhid-area-popup .btn-all {
    position: relative;
    top: -1px;
    margin-left: 0px;
}

.forgot-password li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0 !important;
}

.forgot-password input {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 30px;
    padding: 0px 5px;
}

.forgot-password fieldset {
    background-color: #fff;
}

.forgot-password label {
    font-family: "Inter", sans-serif !important;
    padding: 0px 0 10px;
    color: #ff0000;
    font-size: 15px;
}

#openpasswordrules .header_title {
    position: relative;
    top: 0px;
}

.rules-area li {
    float: left;
    width: 100%;
}

.rules-area p {
    width: 100%;
    float: left;
    text-align: left !important;
    text-transform: uppercase;
    font-size: 15px;
}

.passwordcontent li {
    text-align: justify;
    margin-bottom: 10px;
}

.verify-number label {
    display: block;
    text-align: center;
    color: #333;
}

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

    .verify-number input {
        width: 30px !important;
        height: 30px !important;
        text-align: center !important;
    }

.span-left-block.verify-area ul {
    text-align: center;
}

    .span-left-block.verify-area ul li {
        display: inline-block;
        float: none !important;
    }

a.btn-all.otp-btn {
    margin-top: 10px;
    /* width: 100px; */
}

.span-left-block.verify-area ul li strong {
    margin-top: 10px;
    display: block;
    font-weight: normal;
    width: 100%;
}

.walletdetail_area {
    float: left;
    width: 100%;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
    padding: 10px;
    min-height: 250px;
    margin-bottom: 10px;
    padding-left: 0px;
}

    .walletdetail_area div {
        float: left;
        width: 100%;
        border-top: 2px solid #F5F5F5;
    }

    .walletdetail_area span {
        float: left;
        width: 33.3%;
        /*margin-bottom: 20px;*/
        color: #697274;
        font-size: 13px;
        padding: 10px;
    }

    .walletdetail_area .wall_heading span {
        font-size: 15px;
        font-family: "Inter", sans-serif !important;
    }

.nav-tabs > li.active > a, .tabs-inner .nav-tabs > li.active > a:focus, .tabs-inner .nav-tabs > li.active > a:hover {
    color: #fff !important;
    border: 0 !important;
    /*background: #168dff !important;*/
}

.nav-tabs > li a {
    margin-bottom: 0!important;
    /*background: #183858;*/
    border: 0;
    border-radius: 3px;
    font-family: "Inter", sans-serif !important;
    /*text-transform: uppercase;*/
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: #B2B2B2 !important;
    padding:5px 15px 11px 15px;
    font-size:14px;
    bottom:-2px;
}

#createApntTab {
    margin-left: 10px;
}

.bg-white h4 {
    color: #222;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

.status-new {
    /*background: #fff;*/
    float: left;
    width: 100%;
    padding: 0px;
    /*box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: -4px 1px 14px rgba(68, 68, 68, 0.2);*/
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

.bg-white .tab-content {
    border: 1px solid #dddddd61;
}

.familbtn-show {
    /*display:flex;
    justify-content:center;
    flex-wrap:wrap;*/
}

.bg-white .tab-family {
    border: 1px solid #ddd;
    height: 397px;
    padding: 50px 10px 10px;
}

.familbtn-show span {
    display: inline-block;
    margin: 0 1.5% 10px 0;
    background: #168dff;
    padding: 7px 14px;
    border-radius: 4px;
    cursor: pointer;
    max-width: 240px;
    width: 100%;
}

    .familbtn-show span label {
        color: #fff;
        font-size: 16px;
        margin-bottom: 0;
        display: block;
        cursor: pointer;
    }

        .familbtn-show span label strong {
            margin-left: 5px;
            font-weight: normal !important;
        }

        .familbtn-show span label:first-child {
            margin-bottom: 5px !important;
        }

.dashboard-menu .left-menu li a img {
    margin-right: 10px;
}

.paymentgateway_area {
    float: left;
    width: 100%;
    padding: 10px;
    min-height: 315px;
    margin-bottom: 10px;
    padding-left: 0px;
}

.pay-div {
    width: 100%;
    float: left;
}

#hdnLocationId fieldset {
    padding-left: 0px;
}

.pay-div span {
    padding-left: 20px;
}

.Please_note label {
    padding-top: 45px;
    color: #697274;
    font-weight: 500;
    font-size: 15px;
}

.paymentgateway_area span {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    color: #697274;
    font-weight: 500;
    font-size: 15px;
    border-right: 1px solid #334486;
    line-height: 28px;
    padding-bottom: 4px;
}

#OP_WalleTree_Deposit_receipt .bill-table {
    height: 340px;
}

#View_VIEWOrders .bill-table {
    height: 340px;
}

.border-rght-hide {
    border-right: unset !important;
    padding-left: 70px;
}

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

.please_note {
    color: #697274;
    font-weight: 500;
    font-size: 15px;
    padding-top: 50px;
}

.patientportal-cmsspan span {
    padding-right: 15px;
}

    .patientportal-cmsspan span input[type="checkbox"] {
        margin-right: 5px;
        float: left;
    }

.patientportal-cmsspan span {
    float: left;
    position: relative;
    top: 7px;
}

    .patientportal-cmsspan span input[type="text"] {
        margin-left: 10px;
    }

    .patientportal-cmsspan span:nth-child(1) {
        top: 0 !important;
    }

    .patientportal-cmsspan span button {
        margin-right: 5px;
    }

.patientportal-cmsspan {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

#dashboard_tab .status ul li a img {
    height: 43px !important;
}

.roles-area {
    height: 430px;
}

.mar-b30 {
    margin-bottom: 30px;
}

.mar-b10 {
    margin-bottom: 10px;
}

.mar-b5 {
    margin-bottom: 5px;
}

.div-full {
    width: 100%;
    float: left;
}

.roles-area .div-full {
    text-align: right;
}

.mobile-app-text {
    color: #494949;
    float: left;
    font: 14px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin-left: 20px;
    text-align: justify;
    width: 730px;
    margin-top: 5px;
}

.services-heading {
    color: #ed1556;
    font-family: Trebuchet MS;
    font-size: 20px;
    margin-left: 20px;
}

/*.colhead {
    float: left;
    width: 40%;
    text-align: right;
    margin-top: 5px;
}*/

.rowtxt {
    width: 180px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #a2b399;
}


.disabledbutton {
    pointer-events: none !important;
    opacity: 0.4 !important;
}

.addnewrol-area input[type="text"] {
    margin-left: 15px;
    margin-right: 15px;
}

.addnewrol-area #addrole, .addnewrol-area #editrole {
    margin-top: 0 !important;
    margin-right: 10px;
}

.patientcms-area .savesuccess_msg {
    margin-top: 0 !important;
}

.patientcms-area .patients-btns {
    top: 0 !important;
}

.savesuccess_msg {
    color: red;
}

.roleslist-table {
    border-collapse: collapse;
    height: 405px;
    width: 100%;
    overflow: auto !important;
}

    .roleslist-table table {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 0 !important;
        background-color: #168dff !important;
    }

.rolefeature .demographic {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .rolefeature .demographic input[type="checkbox"] {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }

    .rolefeature .demographic ul {
        padding: 10px;
    }

.rolefeature-submitbtn {
    float: left;
    padding-left: 10px;
}

.addnewrol-area #heading span label {
    font-size: 20px;
    color: red !important;
}

.addnewrol-area #heading {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

#cke_1_contents {
    height: 170px !important;
}

.patientcms-table table {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.patientcms-table {
    border-collapse: collapse;
    height: 130px;
    width: 100%;
    overflow: auto !important;
    border: 1px solid #ccc;
}

.upload-area .upload-fileinput {
    float: left;
}

#AddressDetail #txt_Tele {
    width: 180px;
}
/*.bg-white{
    height:420px;
    max-height:420px;
    overflow:auto;
}*/
/*#feedback .bg-white {
    height: auto !important;
    max-height: inherit;
}*/

#PatientDocu {
    /*height: 400px;
    max-height: 400px;*/
    overflow: auto;
    /*border: 1px solid #ccc;*/
}

/*#Prescriotionlist {
    height: 350px;
    max-height: 350px;
    overflow: auto;
    border: 1px solid #ccc;
}*/

.Patient-extdoc {
    height: 400px;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #ccc;
    width: 100%;
}



    .Patient-extdoc #PatientExternalDoc {
        width: 100%;
    }

#ddlfacility {
    margin: 0 10px;
    height: 30px;
    border-radius: 5px;
}

#featureslist {
    border-collapse: collapse;
    background-color: #168dff !important;
    height: auto;
    width: 100%;
    margin: 0 0px 0px 0px;
    border: 1px solid;
}

#admindashboard_status .roles-area {
    height: 409px !important;
}

#admindashboard_status .bg-white {
    margin-bottom: 0 !important;
}

.abstractMark {
    margin-bottom: -9% !important;
    margin-left: 23% !important;
    color: red !important;
    /*display:none;*/
}

.form-login-area-admin-block {
    position: absolute;
    top: 50px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    margin: 0 auto;
    right: 0;
    width: 450px;
    padding: 20px;
    -webkit-box-shadow: -8px 1px 42px 13px #333; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: -8px 1px 42px 13px #333; /* Firefox 3.5 - 3.6 */
    box-shadow: -8px 1px 42px 13px #333;
}


.showDemoimg {
    float: right;
    margin-top: -4%;
}

.tentative_appointment {
    width: 100%;
    float: left;
    text-align: center;
}

    .tentative_appointment span {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }

        .tentative_appointment span:last-child {
            margin-bottom: 0 !important;
        }

    .tentative_appointment .tentative_appointment_span {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

        .tentative_appointment .tentative_appointment_span a {
            line-height: 30px;
            padding: 10px 0;
            font-size: 15px;
            font-family: "Inter", sans-serif !important;
            font-weight: normal;
        }

.tentative_appointment_span:hover {
    background: #333;
}

    .tentative_appointment_span:hover a {
        color: #fff !important;
    }

.tentative_appointment ul {
    width: 100%;
    float: left;
}

.tentative_appointment .tentative_appointment_icons a {
    margin-right: 10px;
    /*float: left;*/
    width: 30%;
    text-align: center;
    display: inline-block !important;
}

    .tentative_appointment .tentative_appointment_icons a strong {
        display: block;
        margin-bottom: 10px;
    }

        .tentative_appointment .tentative_appointment_icons a strong:last-child {
            margin-bottom: 0 !important;
        }

    .tentative_appointment .tentative_appointment_icons a:last-child {
        margin-right: 0 !important;
    }

    .tentative_appointment .tentative_appointment_icons a .fa {
        font-size: 40px;
    }

        .tentative_appointment .tentative_appointment_icons a .fa:hover {
            font-size: 40px;
            color: #333;
        }

    .tentative_appointment .tentative_appointment_icons a .fa-calendar-check-o {
        position: relative;
        bottom: 5px;
    }

    .tentative_appointment .tentative_appointment_icons a .fa-archive {
        position: relative;
        bottom: 3px;
    }

.tentative_appointment_icons label {
    width: 100%;
}

.tentative_appointment_area {
    width: 100%;
}

.tentative_appointment_image, .tentative_appointment_image img {
    width: 100%;
}

.tentative_appointment_details {
    width: 355px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: 22%;
    left: 37%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.tentative_detail_span span {
    display: block;
    padding-bottom: 10px;
    width: 100%;
    float: left;
}

    .tentative_detail_span span label {
        width: 150px;
        float: left;
    }

    .tentative_detail_span span:last-child {
        padding-bottom: 0 !important;
    }

    .tentative_detail_span span input[type="text"], .tentative_detail_span span select {
        float: left;
        width: 200px;
        height: 36px;
        padding: 3px;
        border: 1px solid #ccc;
    }

.tentative_appointment_heading {
    width: 100%;
    float: left;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
    text-align: center;
    padding: 3px;
}

.tentative_appointment_nextbtn {
    text-align: right;
}

.patient_appointment_area {
    width: 480px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: 22%;
    left: 33%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.billing_consumable_area {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: 22%;
    left: 30%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.appointment-time-Aarea_table {
    margin-top: 15px;
    overflow: auto;
    height: 200px;
    margin-bottom: 10px;
}

.consumable_billing_table {
    margin-top: 20px;
    overflow: auto;
    height: 260px;
    border: 1px solid #cccccc59;
    margin-bottom: 10px;
    display: block !important;
    border-radius: 4px;
}

.IPDepositWithoutLogin_billing_table {
    margin-top: 20px;
    overflow: auto;
    height: 315px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    overflow: auto;
}

.consumable_billing_btn {
    width: 100%;
    text-align: center;
    float: left;
}

.appointment_area_withoutlogin {
    width: 100%;
}

    .appointment_area_withoutlogin .appointment_footer {
        width: 100%;
        background: white;
    }

    .appointment_area_withoutlogin .appointment-time-Aarea {
        height: 260px !important;
    }

    .appointment_area_withoutlogin .patientportal_title {
        background: linear-gradient(270deg, #334486 2.72%, #697DC7 100%);
        color: #fff;
    }

        .appointment_area_withoutlogin .patientportal_title label {
            margin-bottom: 0;
            line-height: 30px;
            margin-left: 22px;
            font-size: 16px;
        }

.tentative_span {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .tentative_span span {
        float: left;
        padding-right: 15px;
        margin-bottom: 10px;
    }

    .tentative_span_radio input[type="radio"], .tentative_span input[type="checkbox"] {
        float: left !important;
        margin-right: 10px;
        position: relative;
        bottom: 2px;
    }

.tentative_span_radio {
    position: relative;
    top: 34px;
}

    .tentative_span_radio label {
        float: left;
        width: auto !important;
    }

.tentative_span span label {
    display: block;
}

. span input[type="text"], .tentative_span span select {
}

.tentative_span #txt_City {
    width: 315px !important;
}

.tentative_otherlocality {
    margin-right: 72px;
}

.tentative_span #divremarks input[type="text"] {
    width: 509px !important;
}

.tentative_span_textarea {
    width: 100%;
    float: left;
}

    .tentative_span_textarea span {
        width: 100%;
    }

        .tentative_span_textarea span label {
            display: block;
        }

        .tentative_span_textarea span textarea {
            width: 709px !important;
            margin-bottom: 10px;
        }

.tentative_span_nextbtn {
    width: 100%;
    float: left;
    text-align: right;
    padding-right: 30px;
}

.appointment_area_withoutlogin h4 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px !important;
}

.consumable_billing_content select {
    margin-left: 0 !important;
}

.consumable_billing_content .tentative_span span a {
    position: relative;
    top: 25px;
}

.mt15 {
    margin-top: 15px;
}

.dashboard-login span .fa {
    font-size: 22px;
}

.menubar {
    display: none;
    position: absolute;
    left: 16px;
    z-index: 1;
    top: 4px;
}

.header-login {
    position: relative;
}

.menubar a .fa {
    font-size: 35px;
    color: #fff;
}

.menu_barbtn .fa {
    cursor: pointer;
}

.walletree_responsive #walltree {
    margin-top: 0 !important;
}

.patientportal-lab-table {
    height: 340px;
    /*border: 1px solid #dddddd52;*/
    overflow: auto;
}

#discharge_summary1 {
    text-align: left;
    /*color: #697274;*/
    font-size: 12px;
    font-family: "Inter", sans-serif !important;
}

#lab_reports_tab .patientportal-lab-table {
    height: 366px;
}

.Education_Document {
    height: 360px;
    overflow: auto;
}

table {
    width: 100%;
}

    table tbody tr th {
        max-width: 200px;
        min-width: 150px;
        padding: 7px 10px;
    }

        table tbody tr th:first-child {
            max-width: 100px;
            min-width: 70px;
        }

#View_Appointment_apoint table tbody tr th:first-child {
    max-width: 200px;
    min-width: 150px;
}

.patientportal-lab-table table tbody tr td:nth-child(n5) {
    text-align: left !important;
}

table tbody tr td {
    padding: 9px 10px;
}

.patientportal-lab-table table tbody tr td .verifiedreport {
    margin-left: 0 !important;
}

.demographic_spouse {
    position: relative;
    top: 14px;
    width: 100%;
}

    .demographic_spouse strong {
        float: left;
        width: 26%;
    }

        .demographic_spouse strong input[type="checkbox"] {
            float: left;
            margin-right: 10px !important;
        }

        .demographic_spouse strong label {
            float: left;
            width: auto;
            padding-top: 5px;
        }

.demographic_staricon span {
    position: relative;
}

.demographic_staricon .abstractMark {
    position: absolute;
    top: -5px !important;
    margin-left: 0 !important;
    left: 20px;
}

.bill-table table tbody tr:nth-child(1), .prescription_table table tbody tr:nth-child(1), .Patient-extdoc tbody tr:nth-child(1) {
    background: #168dff;
}

    .bill-table table tbody tr:nth-child(1) th, .Patient-extdoc tbody tr:nth-child(1) th {
        background: #168dff !important;
    }

#ddl_Facility {
    margin-left: 10px;
}

.prescription_table {
    height: 70vh;
    border: none;
    overflow: auto;
}

.facility_msg {
    width: 60%;
    float: left;
    /*border:1px solid #ccc;*/
    padding: 8px 6px;
    height: 38px;
    /*width:60%;
    float:left;
    border:1px solid #ccc;
    padding: 8px 6px;
    height:38px;*/
}

.savebtn_feedback {
    width: 40%;
    float: left;
    text-align: right;
}

/*.form-login-area-block {
    top: 10% !important;
}*/

.header-logo-block h4 {
    /*border-bottom:1px solid #4f4f99;*/
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

.header-logo-block p {
    /*border-bottom:1px solid #4f4f99;*/
    /*border-bottom:1px solid #ccc;
    margin-bottom: 3px;*/
    line-height: 20px;
    font-size: 13px;
}

    .header-logo-block p:last-child {
        border-bottom: 0 !important;
    }

.header-logo-block img {
    height: 50px;
}

.tentative_appointment_content {
    width: 100%;
    float: left;
    overflow: auto;
}

#openpopupappt .popupDivText {
    margin-bottom: 20px;
    color: #697274;
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
}

#btn_closepopupappt {
    cursor: pointer;
    ...30000+++++++++++++++++++++++++++.0.0000000000. .;
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #333 !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #222 !important;
    border-bottom:3px solid var(--primary-color) !important;
    font-weight:600 !important;
    border-radius: 0;
    bottom: -2px;
    position: relative;
}

.input[type="text"].required {
    background: rgba(165,210,29,0.35) !important;
}

.input[type="number"].required {
    background: rgba(165,210,29,0.35) !important;
}

#btn_back .fa {
    font-size: 20px;
}

#btn_back {
    padding: 7px 26px;
    height: 37px;
}

.ui-disabled {
    opacity: 0.8 !important;
    cursor: default !important;
    pointer-events: none;
}


/*.ui-disabled_Box{
   display: none !important;
}*/
/*.dashboard_main li{
    display:none !important;
}*/

flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

#vacination_date span {
    background: transparent !important;
    border-radius: 0;
    height: auto !important;
    width: 100% !important;
    line-height: 20px !important;
    border-bottom: 1px solid rgba(0,0,0, 0.2);
    text-align: center !important;
}

    #vacination_date span:nth-child(2) {
        border-bottom: 1px solid rgba(0,0,0, 0);
    }

    #vacination_date span label {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        top: 3px;
        color: #183858 !important;
        font-size: 14px !important;
        font-weight: bold;
    }

input#FollowVisit, input#VacinaDate {
    font-size: 12px !important;
    background-color: rgba(255,255,255, 0) !important;
    border: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: 23px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    color: #000 !important;
}

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

.emergency-tollfree {
    width: 100%;
    float: left;
}

    .emergency-tollfree span label {
        margin-right: 10px;
    }

        .emergency-tollfree span label:first-child {
            color: #fff;
        }

        .emergency-tollfree span label:last-child {
            background: #fbfbfb;
            padding: 3px 10px;
            border-radius: 6px;
            position: relative;
            top: 1px;
            margin-right: 10px;
        }

.logo-center {
    margin-right: 3.5em;
    text-align: right;
    float: right;
}

#vitalsScore {
   height: 61vh;
    /* border: 1px solid #ccc; */
    overflow-y: auto;
    width: 100%;
    /* overflow-x: hidden; */
    padding: 10px 0px;
    border-radius: 5px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#Div2 {
    padding: 0 20px;
    padding-bottom: 10px;
}

.popup-content {
    width: 600px;
    height: 420px;
    border: 1px solid #ccc;
    margin: 0 auto;
    background: #fff;
    color: #333;
    position: relative;
    top: 15%;
    padding: 0 10px;
}

#myChartvital {
    height: 360px !important;
}

.table_chart span {
    margin-right: 10px;
}

    .table_chart span input[type="radio"] {
        position: relative;
        top: 2px;
        margin-right: 5px !important;
    }

.popup-content fieldset {
    margin-bottom: 10px;
}
/*#div_Canvasvitaltable{
    height: 334px;
    border: 1px solid #ccc;
}*/
#div_Canvasvitaltable table tr {
    border-bottom: 1px solid #ccc;
}

.box_btn {
    width: 100%;
    text-align: center;
}

#popup_Vitalop .box_btn a {
    color: #333 !important;
    width: auto !important;
    font-weight: normal !important;
    font-size: 14px !important;
}





.footer_section {
    width: 100%;
    float: left;
    background-color: #001f3e !important;
    /*max-height: 161px;
    height: 161px;*/
    padding: 10px;
}

.footer_three {
    width: 30.5%;
    float: left;
    text-align: center;
    margin-right: 15px;
}

    .footer_three:first-child {
        margin-left: 15px;
    }

    .footer_three h3 {
        color: #fff;
        font-size: 25px;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .footer_three p {
        color: #fff;
        font-size: 13px;
    }

.powered_bytrio {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

    .powered_bytrio a {
        text-decoration: none;
        color: #fff !important;
        font-size: 15px;
    }

.medica_trio {
    background-color: rgb(24, 56, 88);
}

.total-amount {
    width: 100%;
    float: left;
    text-align: right;
}

    .total-amount span {
        padding-right: 15px;
    }

        .total-amount span:last-child {
            padding-right: 0 !important;
        }

        .total-amount span input {
            margin-left: 10px;
        }

.popup-content-vital {
   width: 600px;
    height: 450px;
    border: 1px solid #ccc;
    margin: 0 auto;
    background: #fff;
    color: #333;
    position: relative;
    top: 15%;
    padding: 20px 10px;
    border-radius: 15px;
}


.popup-top {
    position: absolute;
    right: 0;
    top: 2px;
}

    .popup-top a {
        font-size: 22px !important;
        color: #fff !important;
        opacity: 1 !important;
        margin: 0 10px;
    }

        .popup-top a i {
            color: #fff !important;
        }

        .popup-top a i {
            color: #168dff !important;
        }

ul.config-ulconfig_ul_area li {
    display: inline-block;
}

.tentative_span_nextbtnpay {
    width: 100%;
    text-align: right;
    padding-right: 30px;
}

.otpmessage {
    text-align: center;
    color: red;
    margin-top: 1%;
}

.ipdeposit-withoutlog {
    width: auto !important;
}

/*#IPDepositWL_billing_homebtn {
    position: relative;
    top: 25px;
}*/

.ipdeposit-withfacility {
    width: 100%;
    float: left;
}

.ipdeposit-facility {
    width: auto !important;
}

.IPDepositWithoutLogin_billing_table {
    width: 100%;
}

.enteramount-deposit {
    width: 100%;
    text-align: right;
}

    .enteramount-deposit span label {
        margin-right: 10px;
    }

    .enteramount-deposit .tentative_span_nextbtnpay {
        position: relative;
        top: 2px;
        padding-right: 0 !important;
    }

    .enteramount-deposit input[type="text"] {
        margin-right: 10px;
    }

.error-msgdeposit {
    float: left;
    width: 100%;
}

    .error-msgdeposit div {
        color: red;
    }
/*div#errOTP, div#errmsg{
    color:red;
}*/
#btn_login {
    text-align: left !important;
}
/*li#box12{
    display:block !important;
}*/
.header-login.login_header {
    display: none;
}

.dashboard-wrd .header-login {
    display: none;
}

#signuppopupdiv label {
    text-transform: none;
    font-size: 13px;
    top: 0px;
}

#signuppopupdiv span:nth-child(1), #signuppopupdiv span:nth-child(3) {
    width: 20%;
    display: inline-block;
}

#signuppopupdiv span:nth-child(3) {
    text-align: left;
    padding-left: 10px;
}

#signuppopupdiv span:nth-child(2), #signuppopupdiv span:nth-child(4) {
    width: 29%;
    display: inline-block;
}

.m-l-4 {
    margin-left: -4px !important;
}
/*#signuppopupdiv span:nth-child(2) {
    width: 29%;
    display: inline-block;
    margin-left: 2%;
}
#signuppopupdiv span:nth-child(4) {
    width: 29%;
    display: inline-block;
    margin-left: 2%;
}*/




#signuppopupdiv input, #signuppopupdiv select {
    width: 100% !important;
    margin: 0 !important;
}

select#txtsignupPatsex {
    margin-left: -4px !important;
}

#signuppopupdiv label {
    width: 100%;
}

#signuppopupdiv span {
    margin-bottom: 5px;
}

#btnSaveSignUpPatient button {
    /*background: #344588;*/
    color: #fff;
    border: 0;
    padding: 6px 25px;
    border-radius: 13.5px;
    /* width: 80px; */
    text-transform: uppercase;
    font-size: 15px;
}

#openudidrules .header_title {
    position: relative;
    top: 0px;
}


#btnSaveSignUpPatient button:hover {
    background: #333;
}

div#dvCancelPopup, div#dvCancelPopup h1#H1 {
    text-align: center !important;
}

    div#dvCancelPopup .mt10 {
        margin-top: 10px;
    }

.popup-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .popup-center section.popupBody {
        max-height: 500px;
        overflow: auto;
        height: 100%;
        background: #eaeaea !important;
        float: left;
        width: 100%;
        padding: 20px;
    }

        .popup-center section.popupBody p {
            text-align: left !important;
        }

    .popup-center header {
        height: 33px;
    }

    .popup-center .header_title {
        position: relative;
        top: 5px;
    }

    .popup-center .popup-icon-top a i {
        top: 2px !important;
        position: relative;
    }

#hdnLocalityId {
    position: relative;
}

#appendlocalityList {
    position: absolute;
    bottom: 35px;
    max-height: 300px;
    overflow: auto;
    background: #fff;
    width: 180px;
    /*border: 1px solid #ccc;*/
}

    #appendlocalityList li {
        font-weight: normal;
        border-bottom: 1px solid #ccc;
        padding: 2px 2px 2px 5px;
        margin-bottom: 1px !important;
    }

        #appendlocalityList li:last-child {
            border-bottom: 0 !important;
        }

.viewfamily-btn {
    float: right;
}

    .viewfamily-btn span button {
        padding: 4px 10px;
        margin-right: 15px;
        background: #fff;
        border-radius: 4px;
        color: #183858;
        position: relative;
        top: 5px;
    }

        .viewfamily-btn span button .fa {
            margin-right: 5px;
        }

table tbody tr th:first-child {
    /*max-width: 150px;
    min-width: 150px;*/
}

.all_set_form fieldset {
    width: 212px;
    padding: 0px 10px;
    float: left;
    margin-right: 15px;
    border-radius: 22px;
}

.all_set_form legend {
    border-bottom: 1px solid #e5e5e500;
    margin-bottom: 0px;
    font-size: 13px;
    padding: 6px;
    padding-bottom: 0px;
    width: unset;
    color: #697274;
    font-weight: 500;
    font-family: "Inter", sans-serif !important;
}

#showmsgviewcreateappt {
    padding-top: 7px;
}

#btnViewAppointment {
    margin-top: 12px;
}

#showmsgviewcreateappt a {
    vertical-align: middle;
    margin-right: 6px;
    padding: 7px 10px;
}

.appointment-time-Aarea {
    border: 1px solid #ddd0;
    padding: 0px 0px;
}

.left_ptnt_dtls {
    width: 200px;
}

.bg_white tr td {
    background-color: #fff !important;
}

#div_View_Appointment table tbody tr:nth-child(1) th {
    background-color: #fff !important;
    color: #68686A;
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
}

#View_Appointment tr td {
    color: #697274;
    font-size: 13px;
    font-family: "Inter", sans-serif !important;
}

#IPD_Bill {
    margin-left: 10px;
}

#tblreciptopd_refund, #tblreciptipd {
    text-align: center;
}

    #tbl_OpdBill tbody tr th, #tblConsBill thead tr th, #tblreciptopd_refund tbody tr th, #tblreciptipd_refund tbody tr th, #tblIPDepositBill tbody tr th, #tbl_IpdBill tbody tr th, #for_appending_list thead tr th, #tblIPDepositBill tbody tr th, #tblBookHealthCheckuppopup tbody tr th, #View_Appointment tbody tr th, #tblBookHealthCheckup tbody tr th, .patientportal-lab-table tbody tr th, #PatientDocu tbody tr th, #Prescriotionlist tbody tr th, #PatientExternalDoc tbody tr th, #View_VIEW_Orders tbody tr th, #dvExistingPatient .existing-patient-table thead tr th, #tblIPDepositBill thead tr th, #tblreciptopd tbody tr th, #tblreciptipd tbody tr th {
        background: #E7E7E7 !important;
        color: #222;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        /*border-top: 2px solid #F5F5F5;*/
        top: -1px;
        position: sticky;
    }

    #tbl_OpdBill tbody tr td, #tblConsBill tbody tr th, #tblreciptopd_refund tbody tr td, #tblIPDepositBill tbody tr td, #tblreciptipd_refund tbody tr td, #tbl_IpdBill tbody tr td, #for_appending_list tbody tr td, #tblIPDepositBill tbody tr td, #tblBookHealthCheckuppopup tbody tr td, #View_Appointment tbody tr td, #tblBookHealthCheckup tbody tr td, .patientportal-lab-table tbody tr td, #PatientDocu tbody tr td, #Prescriotionlist tbody tr td, #PatientExternalDoc tbody tr td, #View_VIEW_Orders tbody tr td, #dvExistingPatient .existing-patient-table tbody tr td, #tblIPDepositBill tbody tr td {
        background: #fff;
        text-align: center;
        border-top: 2px solid #F5F5F5;
        line-height: 21px;
    }

    #tbl_OpdBill a, #tbl_IpdBill a, #tblConsBill a, #tblreciptopd_refund a, .patientportal-lab-table a, #tblreciptipd_refund a, #tblBookHealthCheckup a, #tblIPDepositBill a, #tblBookHealthCheckuppopup a, #tblreciptopd a, #PatientDocu a, #Prescriotionlist a, #PatientExternalDoc a, #tblreciptipd a {
        box-sizing: border-box;
        /*border: 1px solid #697274;*/
        border-radius: 5px;
        color: #fff !important;
        font-weight: 400;
        font-size: 12px;
        font-family: "Inter", sans-serif !important;
        text-decoration: none !important;
        padding:8px 11px !important;
        background:#04519A;
        text-transform:uppercase
    }

.viewBillA {
    padding: 4px 21px !important;
    margin-left: 0px !important;
}

#diagnosticReportsA, #discharge_summaryA, #Reciptipdivnew, #BookHealthCheckupTab {
    margin-left: 10px;
}

.tentative_appointment a, #Login_Block a {
    font-family: "Inter", sans-serif !important;
}

.demographics_content label {
    color: #697274;
    margin-bottom: 3px !important;
}

.demographics_content input {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    color: #838383;
    background: #fff;
    margin-bottom: 0px;
    width: 144px !important;
    height: 30px;
}

.demographics_content select {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    color: #838383;
    background: #fff;
    margin-bottom: 0px;
    width: 144px !important;
    height: 30px;
}

.demographics_content fieldset {
    border-right: 1px solid #ddd;
    border-radius: 0px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

#txt_MotherMname, #txt_email {
    min-width: 300px !important;
}

.demographic_spouse input {
    width: 20px !important;
    margin-top: 0px;
}

#AddressDetail li {
    margin-bottom: 10px;
}

.right_border_hide {
    border-right: 1px solid #fff !important;
}

.p-r-7 {
    padding-right: 7px;
}

#IP_Deposit fieldset {
    border: 1px solid #fff;
    padding-left: 0px;
}

.ip_deposite li {
    width: 174px;
    float: left;
}

    .ip_deposite li input {
        height: 30px !important;
        border-radius: 5px;
        width: 160px !important;
    }

.ip_deposite .two_btn {
    padding-left: 0px;
    margin: 22px;
}
/*==============Profile==========*/
.profile_upload img {
    text-align: center;
   width: 230px;
    height: 227px;
}

.profile_upload {
    text-align: center;
}

.profile_upload p {
    color: #697274;
    font-size: 15px;
    font-weight: 600;
    font-family: "Inter", sans-serif !important;
    line-height: 45px;
    margin-bottom: 0px;
}
/*==============Profile==========*/

.ip_deposite label {
    padding-left: 9px;
    color: #697274;
}

.PatientExternal_Document {
    height: 388px;
    overflow: auto;
}

#BookHealthCheckup {
    margin-top: 10px;
}

.vital_btn {
    margin-top: 9px;
}

.btn_edit_profile {
    margin-top: 0px;
    float: right;
}

.walletree_responsive fieldset {
    border: unset;
    padding:0px !important
}


/*.dashboard_main li a:hover{
    color:#fff;
    stroke:#fff;
    filter:  brightness(0) invert(1);
}
.dashboard_main li h3:hover{
    color:#fff;
    
}*/
.icon_size_lg {
    font-size: 45px;
}

.small_icon_margin li svg {
    width: 20px;
    margin-right: 14px;
}


.viewBillA {
    padding: 4px 21px !important;
    margin-left: 0px !important;
}



.footer_section {
    width: 100%;
    float: left;
    background-color: #001f3e !important;
    padding: 10px;
    padding-bottom: 0px;
}

.border-right {
    @*width: 49%;
    *@ border-right: 1px solid #626262;
}


element.style {
}

.border-right {
    @*width: 49%;
    *@ border-right: 1px solid #626262;
}

.footer_new {
    padding-top: 5px;
    width: 47.5%;
    float: left;
    text-align: left;
    margin-right: 15px;
    border-right: 1px solid #626262;
}

    .footer_new p {
        color: #fff;
        font-size: 13px;
        text-align: left;
        padding-bottom: 5px;
    }

#ftr_container .container {
    width: 100%;
}

#divBookHealthCheckuppopup {
    padding: 10px;
}

#tblBookHealthCheckupshow {
    overflow-x: hidden;
}

#fieldareasforotp input {
    width: 45px !important;
}

#updatewithotp header span {
    top: 0px;
}

#OPD_Department_Bill .bill-table {
    height: 334px;
}

.width_address {
    width: 65.5%;
    float: left;
    text-align: center;
    margin-right: 15px;
}


    .width_address h3 {
        color: #fff;
        font-size: 21px;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
    }


.tentative_appointment_icons i {
    /*color: #344588*/
}

.header-logo-block .name h2 {
    font-size: 20px;
}

.header_title {
    font-family: "Inter", sans-serif !important;
}

#divcreatepassword {
    width: 174px !important;
}


#txt_Fname, #txt_Lname {
    width: 187px !important;
}

.dashboard-menu .dashboard a {
    color: #222 !important;
    background-color: #f2f2f200 !important;
}

#txt_gender, #Marital_Status {
    /*width: 120px !important;*/
}

#divAge input {
    width: 70px !important;
}

#txt_Mobno {
    /*width: 130px !important;*/
}

#title {
    width: 67px !important;
}

#EmailId {
    width: 227px !important;
}

.EnterPin {
    max-width: 95px !important;
}



/*=================Login Screen Mobile view =====================*/
@media only screen and (max-width: 768px) {

    .newHeaderSection {
        flex-direction:column;
        align-items:flex-start
    }

    .bottom_content {
        clear: both;
        position: unset !important;
        bottom: 40px;
        width: 100%;
    }

    .m-width {
        min-width: 100%;
    }

    .topHeader {
        display: unset !important;
    }

    .nav_bar {
        height: auto !important;
    }

    .d-center {
        justify-content: left !important;
        margin-bottom: 10px;
        text-align: left;
        column-gap: 0px;
    }

    .topHeader .nav_bar {
        border-radius: 25px;
        padding: 15px;
        margin: 0px;
        margin-top: 16px;
    }

    .hospitalBuilding {
        text-align: left;
    }

        .hospitalBuilding img {
            max-width: 50%;
            margin-top: -85px;
        }

    .logo_right img {
        float: right;
        max-width: 120px;
        max-height: 50px;
        margin-top: 50px;
    }

    .yourCredentials {
    }

    .login_section .form-login-area-block {
        left: 0% !important;
    }

    .login_section {
        height: 65%;
    }

    .bgcolor .col-md-1 {
        min-width: 30%;
        float: left;
        margin-bottom: 60px;
    }

    .bgcolor img {
        width: 70px;
    }

    .bgcolor .m-t30 {
        margin-top: -30px !important;
    }

    .bgcolor {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 10px !important;
    }

    .socialMediaUrl {
        padding-top: 14px !important;
        text-align: center;
    }

    #signuppopupdiv span:nth-child(1), #signuppopupdiv span:nth-child(3) {
        width: 30%;
        display: inline-block;
    }

    #signuppopupdiv span:nth-child(2), #signuppopupdiv span:nth-child(4) {
        width: 64%;
        display: inline-block;
    }

    #popup650 {
        margin: 6%;
        max-width: 87% !important;
    }

    .form-login-area-block .btn-all {
        margin: 5px 2px !important;
    }

    .footer_label {
        position: unset !important;
        padding: 7px 0px 0px 7px;
    }

    .BgFull {
        background-size: cover;
    }

    .links_social img {
        border-radius: 13% !important;
    }
}


/*=================Login Screen Mobile view =====================*/
@media only screen and (max-width: 466px) {

    .bottom_content {
        clear: both;
        position: unset !important;
        bottom: 40px;
        width: 100%;
    }

    .m-width {
        min-width: 100%;
    }


    .nav_bar .d-center {
        justify-content: left !important;
        margin-bottom: 6px;
        text-align: left;
        column-gap: 0px;
    }

    .d-center span {
        padding: 3px 5px;
        border-radius: 5px;
        color: white;
        font-size: 10px !important;
    }

    .topHeader .nav_bar {
        border-radius: 9px;
        padding: 3px;
        margin: 0px;
        margin-top: 15px;
    }

    .hospitalBuilding {
        text-align: left;
    }

        .hospitalBuilding img {
            max-width: 50%;
            margin-top: -80px;
        }

    .logo_right img {
        float: right;
        width: 194px;
        height: 88px;
        margin-top: 70px;
    }


    .login_section {
        height: 65%;
    }

    .bgcolor .col-md-1 {
        min-width: 30%;
        float: left;
        margin-bottom: 60px;
    }

    .bgcolor img {
        width: 70px;
    }

    .bgcolor .m-t30 {
        margin-top: -30px !important;
    }

    .bgcolor {
        margin-left: 1px;
        margin-right: 1px;
        border-radius: 10px !important;
    }

    .socialMediaUrl {
        padding-top: 14px !important;
        text-align: center;
    }

    #signuppopupdiv span:nth-child(1), #signuppopupdiv span:nth-child(3) {
        width: 30%;
        display: inline-block;
    }

    #signuppopupdiv span:nth-child(2), #signuppopupdiv span:nth-child(4) {
        width: 64%;
        display: inline-block;
    }

    #popup650 {
        margin: 6%;
        max-width: 87% !important;
    }

    .form-login-area-block .btn-all {
        margin: 5px 2px !important;
    }

    .footer_label {
        position: unset !important;
        padding: 7px 0px 0px 7px;
    }

    .BgFull {
        background-size: cover;
    }

    .links_social img {
        border-radius: 13% !important;
    }


    .nav_bar label {
        font-size: 11px;
    }

    .form-login-area-block {
        min-width: 100% !important;
    }

    .tentative_appointment .tentative_appointment_icons a .fa {
        font-size: 28px;
    }

    .login_section .form-login-area-block {
        top: 80%;
        padding: 13px 7px;
    }

    .login_section .btn-all {
        font-size: 12px;
        padding: 3px 14px;
        border-radius: 11px;
        line-height: 20px;
    }

    .BgFull .container, .BgFull .container-fluid {
        padding-left: 6px;
        padding-right: 6px;
    }

    .bottom_content label {
        font-size: 12px;
    }

    .login_section {
        padding-left: 1px;
        padding-right: 1px;
    }
}


.listScroll {
    float: left;
    height: 80vh;
    overflow-y: auto;
    width: 100%;
}

::-webkit-scrollbar {
    width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #334486;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#phoneNumberField {
    width: 298px !important;
}





/*Added by  Rupesh form Raja Giri Mobile view 12-10-23*/
/*@media only screen and (max-width: 420px){
.nav-tabs .regular_tele_appointment {
    min-width: 60% !important;
}
.status, .tab-content {
    
    padding: 4px;
}
 .fa-bars:before {
    content: "\"";
}
.sidemenubar{
    box-shadow: 0px 7px 5px -6px #989191;
    margin-bottom: 9px;}
.dashboard-login span .fa {
    font-size: 16px;
}
}*/

/*Add By Rupesh 04-03-2024*/

#KioskList tbody tr td {
    background-color: #fff !important;
    border-top: 2px solid #F5F5F5;
    text-align: center;
}

.form_test {
       margin: 10px 0px;
}

#KioskList {
    border: 1px solid #ebebeb;
}

#KioskSavebtn {
    border: none;
    margin-top: 30px;
}
.form_test span  {
    float: left;
}
.form_test span label {
    float: left;
    margin-right: 9px;
    margin-top: 5px;
}

.form_test span select, .form_test span input {
       min-width: 240px;
    float: left;
    margin-right: 10px;
}

.form_test span a i {
    font-size: 22px;
    color: #394a8a;
}
.selection{
    width: 100%;
}
.select2-container--default .select2-selection--single {
    max-width: 100%;
}
.select2-selection{
width: 100%;
}
.select2-container {
    margin-right: 10px !important;
}
    /*.tentative_spanPhy span {
    float: left !important;
    padding-right: 15px !important;
    margin-bottom: 10px !important;
}*/



/* new ui css applied from here==============================*/

.dashboard-left {
    background: #fff !important;
}

.btn-all, .dashboard-login, #btnSaveSignUpPatient button, .aptbtn, .status li:hover {
    background: #04519A !important;
}

.btn-all {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}


.btn-all:hover, .table-btn:hover {
    background: #04519A;
    color: #fff;
}


.nav-tabs > li.active > a, .tabs-inner .nav-tabs > li.active > a:focus, .tabs-inner .nav-tabs > li.active > a:hover, .appointment_area_withoutlogin .patientportal_title, .outer_header, .header_title_ptn h4 {
    background:#fff !important;
}
.logo {
    background: #fff;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo img {
    width: 55%;
    height: fit-content;
}

.botom-part {
    color: #fff !important;
    
}

    .botom-part h4 {
        color: #fff;
    }

.apontmentsecitonView {
    border-radius:10px;
}
.apontmentsecitonView h4{
    margin-top: 0px;
}

.apontmentsecitonViewbknd {
    position:relative;
}
.head-dropdownsbknd {
    position: absolute;
    top: 11px;
    right: 8px;
    width:40%!important
}
@media (max-width: 1172px) {
    .status, .tab-content {
        /*background: #fff!important;*/
    }
}

@media only screen and (max-width: 1066px) {
    .head-dropdownsbknd {
        position: relative;
        top: 0;
        right: 8px;
        width: 100% !important;
    }
}



@media only screen and (min-width: 1390px) and (max-width: 1920px)  {
     /*.dashboard-content {
        width: 83% !important;
    }*/
     .dashboard-contentupdated {
          width: 83% !important;
     }
}
@media only screen and (min-width:1245px) and (max-width: 1390px)  {
     /*.dashboard-content {
        width: 81% !important;
    }*/
}

@media only screen and (max-width: 1166px) {
    /*.dashboard-content {
        width: 98% !important;
    }*/
}

.navbackarrow {
    display:flex;
    align-items:center
}
.subarowback {
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    background:#EAEAEA;
    width:18px;
    height:23px;
    margin-right:8px;
    cursor:pointer
}
.subarowback img {
    /*width:4px;
    height:8px*/
}

.sidenav {
  width: 0;
  transition: width 0.3s ease;
}

.sidenav.open {
  width: 250px;
}

@media (min-width: 992px) {
  .sidenav {
    width: 250px;
  }

  .sidenav.closed {
    width: 0;
  }
}




/* Generic table spacing for card layout */
table {
  border-collapse: separate;
  border-spacing: 0 7px !important; /* vertical spacing between cards */
  width: 100% ;
}

/* Header styling */
table th {
  background: #f5f5f5;
  text-align: left;
  padding: 10px;
  font-weight: bold;
}

/* Remove shadow & radius from header row if needed */
table thead tr {
  box-shadow: none;
}

/* Card-like row styling on tbody rows */
table tbody tr {
  background: #fff;
}

/* Apply border-radius and border to first and last td for rounded corners and border look */
table tbody tr td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

table tbody tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Middle td borders */
table tbody tr td:not(:first-child):not(:last-child) {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Data cell styling */
table td {
  padding: 10px;
  vertical-align: middle;
  border: none; /* remove default table borders */
}

/* If first td has an image + text (doctor design) */
table td:first-child {
  /*display: flex;
  align-items: center;
  gap: 10px;*/
}

/* Image inside first td styling */
table td:first-child img {
  width: 30px;
  height: 30px;
  border-radius:8px;
  margin-right:5px
}

/* Action buttons styling (if you have buttons inside td) */
table td button {
  border: none;
  border-radius: 4px;
  padding: 9px 8px !important;
  margin: 0 2px;
  color: white;
  cursor: pointer;
}

/* Example button colors */
table td button.green { background: #4caf50; }
table td button.orange { background: #ff9800; }
table td button.red { background: #f44336; }

/* Remove table borders completely for clean card look */
table, 
table th, 
table td {
  border: 1px solid #ddd;
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:none
}


.days-dropdown-container {
    position: absolute;
}

.days-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    max-height: 210px;
    overflow-y: auto;
    min-width: 150px;
}

.days-dropdown label {
    display: flex;
    padding: 0px 0;
    cursor: pointer;
    font-size: 13px;
    gap: 2px;
    align-items: center;
}
.days-dropdown button {
    border: none;
    border-radius: 4px;
    padding: 5px 8px !important;
    margin: 0 2px;
    color: white;
    cursor: pointer;
    background: #c83c65;
}

.sidenav {
  width: 250px;
  transition: width 0.3s ease;
  overflow: hidden;
}

.sidenav.collapsed {
  width:46px !important;
}

.sidenav .menu-text {
  display: inline-block;
  transition: opacity 0.3s ease;
}

.sidenav.collapsed .menu-text {
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.dashboard-content {
  transition: margin-left 0.3s ease, width 0.3s ease;
}

@media (min-width: 992px) {
  .dashboard-content.expanded {
    width: calc(100% - 250px) !important;
  }

  .dashboard-content.collapsed {
    width: calc(100% - 46px)!important;
  }
}

#mySidenav {
    transition: width 0.3s ease;
}

/* Default: closed for mobile */
@media (max-width: 1174px) {
    #mySidenav {
        position: fixed;
        width: 0;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #fff; /* adjust as needed */
        z-index: 999;
    }

    #mySidenav.open-mobile {
        width: 250px !important;
    }

    #mySidenav.close-mobile {
        width: 0 !important;
    }
}


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

.aptbtn {
    border: none;
    border-radius: 5px;
    padding: 0px;
    color: white;
    cursor: pointer;
    width:27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aptbtnbtn-green {
  background-color: #6EB972 !important; /* Green */
}

.aptbtnbtn-orange {
  background-color: #DE9C37 !important; /* Orange */
}

.aptbtnbtn-red {
  background-color: #F45353 !important; /* Red */
}

.aptbtn:hover {
  opacity: 0.8;
}

.View_AppointmentTbl {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 10px !important; /* gap between rows */
}

.View_AppointmentTbl tr {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 10px;
  overflow: hidden;
}

.View_AppointmentTbl tr td,
.View_AppointmentTbl tr th {
  padding:2px 10px;
}

.View_AppointmentTbl tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.View_AppointmentTbl tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


.PatientDetailUpdtUi{
    display:flex;
    gap: 30px;
    padding: 15px;
}



@media (max-width: 1172px) {
    .logo {
       height: auto !important;
        margin: 11px;
    }
}
#mySidenav.collapsed .app-sidebar-nav li:hover,
#mySidenav.collapsed .app-sidebar-nav li.active {
   width: 100%;
}

.demographic_spouseUpdste {
    display: flex !important;
    justify-content: flex-start;
    align-items: self-start;
    gap: 30px
}
.demographicItem {
     display: flex !important;
    justify-content: flex-start;
    align-items: self-start;
     gap: 10px
}
.demographicItem strong input {
    width:20px !important
}

.latestHeadingReminder {
    display: flex;
    justify-content: space-between;
    gap:10px;
    margin-bottom: 15px;
}
.latestHeadingReminder .vital-card {
   width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
        margin-bottom: 0!important;
}

.vital-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
}

.vital-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vital-name {
    font-weight: 600;
}

.vital-unit-range {
    font-size: 12px;
    color: #999;
}

.vital-date {
    font-size: 12px;
    color: #AF1F56;
}

.vital-value-display {
    margin-top: 10px;
}

.vital-value {
    font-weight: 600;
    color: #AF1F56;
    font-size: 16px;
}

.vital-placeholder {
    color: #AF1F56;
}

.vital-input-wrapper {
    margin-top: 10px;
    display: none;
}

.vital-input-editable {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
}

.vital-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
}

@media (max-width: 1200px) {
    .vital-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .vital-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .vital-grid {
        grid-template-columns: 1fr;
    }
}

.vital-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}

.vital-cardItem {
    display:flex;
    justify-content:space-between
}

.fw_bold {
    font-size:14px;
    font-weight:600;
    color:#3D3D3D;
    margin-top:0px
}

.vitalheadsection {
    display:flex;
    justify-content:space-between;
    align-items:center;
        border-bottom: 1px solid #DFDFDF;
}

.vitalmainbtn {
    font-size:18px;
    font-weight:600;
    color:#04519A;
    text-transform:uppercase
}

.tr-rounded td {
  border: 1px solid #ccc; /* your border */
  background: #fff; /* or your bg */
}

.tr-rounded td:first-child, #View_Appointment tr td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid #ccc;
}

.tr-rounded td:last-child, #View_Appointment tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid #ccc;
}