/*//////////////////////////////////////////////////////////////////
[ FONT ]*/
/*@font-face {
    font-family: 'Poppins', sans-serif !important;
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
/* ////////////////////////////////////////////////////////////////// */
*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0px;
}


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

*:focus {
    outline: none;
}

md-input-container .md-errors-spacer {
    min-height: 0px !important;
}

html.md-default-theme, html, body.md-default-theme, body {
    background-color: #f4f4f6 !important;
}

button, html, input, select, textarea {
    font-family: 'Poppins', sans-serif !important;
}
html{
    font-size:100% !important;
}
body {
    background-color: transparent !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    min-width: 768px;
    font-weight: 400;
    /*position: initial !important;
top: initial !important;
overflow: initial !important;
outline: none;*/
    letter-spacing: 0.4px;
}

/*.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.2 !important;
}*/

button, h1, h2, h3, h4, h5, h5, h6, span, label, p, a, article, b, strong, select, option, input, textarea {
    font-family: 'Poppins', sans-serif !important;
}

p {
    font-weight: 400;
}

.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    border-radius: 3px !important;
}

label {
    outline: none;
    font-weight: 500;
    color: #000;
    font-size: 12px;
}

.o-style {
    outline-style: none !important;
}

html {
    overflow: initial !important;
}

a:link {
    outline-style: none;
    font-size: 12px;
    color: #07a0d4;
}

a {
    cursor: pointer;
    text-decoration: none;
}

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

strong {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    color: #212121;
}

b {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    color: #212121;
}

html input[disabled], html select[disabled] {
    cursor: no-drop !important;
}

header {
    height: 64px;
    background: #1D5558;
    /*background: linear-gradient(to right, #0f6860,#2bbb94);*/
    /*border-bottom: 2px solid #8fd5db;*/
    /*box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.10);*/
}
/*input[type="file"].custom-file-eh::after {
    width: 94px;
    height: 23px;
    background-color: #0f6860;
    content: "Choose File";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    line-height: 2;
    text-align: center;
}*/
.timeSlots-Calendar > thead > tr > th,
.time-slots-leave-calc > thead > tr > th {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    background-color: #EFEFF9;
    color: #1a1a1a !important;
    height: 60px !important;
}

.timeSlots-Calendar > tbody > tr > td,
.time-slots-leave-calc > tbody > tr > td {
    cursor: pointer;
    margin: 0 auto;
    line-height: 1.6;
    position: relative;
    height: 70px !important;
    padding: 5px 7px !important;
    vertical-align: top !important;
}

    .timeSlots-Calendar > tbody > tr > td > div > div.cald-day > p,
    .time-slots-leave-calc > tbody > tr > td > div > div.cald-day > p {
        margin: 0;
        line-height: 23px;
        font-size: 15px;
        color: #484848;
        font-weight: 600;
        /*position: absolute;
    top: 5px;
    left: 10px;*/
    }

.cal-day-holiday {
    width: 100%;
    font-size: 10px;
    line-height: 13px;
    vertical-align: middle;
    display: block;
    color: rgb(63,81,181);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 100px;
    padding: 2px 5px;
    line-height: 12px;
    margin-top: 5px;
}

.timeSlots-Calendar > tbody > tr > td:hover,
.timeSlots-Calendar > tbody > tr > td:focus {
    background-color: #41a6c2;
    color: #fff;
    border-radius: 5px;
}
/*.time-slots-leave-calc > tbody > tr > td:hover,
.time-slots-leave-calc > tbody > tr > td:focus {
    background-color: #eea236;
    color: #fff;
    border-radius: 0 !important;
}*/
.timeSlots-Calendar,
.time-slots-leave-calc {
    border: 1px solid #ddd;
    padding: 5px;
    table-layout: fixed;
}

    .timeSlots-Calendar > tbody {
        border-bottom: 1px solid #EFEFF9;
        border-left: 1px solid #EFEFF9;
        border-right: 1px solid #EFEFF9;
        /*box-shadow: 1px 1px 5px #EFEFF9;*/
    }

.tileslots-arrow {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    left: 0;
    vertical-align: middle;
}

    .tileslots-arrow > span {
        background-color: #41a6c2;
        color: #fff;
        border-radius: 100px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 2.2;
        cursor: pointer;
        margin: auto 10px;
        display: inline-block;
    }

.dayweekmonth-slots > ul > li {
    padding: 5px 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #000;
    line-height: inherit;
    vertical-align: middle;
    border-radius: 100px;
}

    .dayweekmonth-slots > ul > li:hover,
    .dayweekmonth-slots > ul > li:focus {
        background-color: #1abc9c;
        color: #fff;
        outline: none;
    }

    .dayweekmonth-slots > ul > li.active {
        background-color: #0f6860;
        color: #fff;
    }

.start-slot-eh {
    background-color: #41a6c2;
    color: #fff !important;
    /*border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;*/
}

.end-slot-eh {
    background-color: #41a6c2;
    color: #fff !important;
    /*border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;*/
}

.center-slot-eh {
    /*background-color: #b2dbe6;*/
    color: #fff;
    border-radius: 0px !important;
}

.custom-file-eh {
    position: relative;
}
/*Hover*/
/*.start-slot-eh:hover,
.end-slot-eh:hover {
    background-color: transparent;
    cursor: context-menu !important
}*/
/*.timeSlots-Calendar > tbody > tr > td.start-slot-eh:hover,
.time-slots-leave-calc > tbody > tr > td.start-slot-eh:hover {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.timeSlots-Calendar > tbody > tr > td.end-slot-eh:hover,
.time-slots-leave-calc > tbody > tr > td.end-slot-eh:hover {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}*/
/*.timeSlots-Calendar > tbody > tr > td.center-slot-eh,
.time-slots-leave-calc > tbody > tr > td.center-slot-eh {
    background-color: #b2dbe6;
    color: #484848 !important;
    cursor: context-menu !important;
}*/
/*.time-slots-leave-calc > tbody > tr > td:hover.center-slot-eh,
.time-slots-leave-calc > tbody > tr > td.leave-slot-eh {
    background-color: #eea236;
    color: #fff !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}*/
.timeSlots-Calendar > tbody > tr > td.holiday-calc,
.time-slots-leave-calc > tbody > tr > td.holiday-calc {
    background-color: #019B6E;
    color: #fff;
    cursor: context-menu;
}

    .timeSlots-Calendar > tbody > tr > td.holiday-calc > span,
    .time-slots-leave-calc > tbody > tr > td.holiday-calc > span {
        background-color: #fff;
        font-size: 7px;
        border-radius: 3px;
        text-align: right;
        color: #000;
        padding: 1px 2px;
        display: block;
        margin-left: auto;
        white-space: nowrap;
        width: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.disable-slot-eh {
    color: #aaa !important;
}

.timeSlots-Calendar > tbody > tr > td.disable-slot-eh:hover,
.time-slots-leave-calc > tbody > tr > td.disable-slot-eh:hover {
    background-color: transparent;
    cursor: context-menu;
}
/*Doctor Profile*/
.indent_title_in {
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
}

.wrapper_indent {
    padding-left: 60px;
}

.indent_title_in i {
    font-size: 40px;
    position: absolute;
    left: 0;
    color: #3f4079;
    top: 0;
}

.indent_title_in h3 {
    margin-bottom: 5px;
    font-size: 21px;
    color: #000;
}

.indent_title_in p {
    color: #4b4b4b;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

.wrapper_indent p {
    color: #555;
    font-size: 14px;
}

.wrapper_indent h6, .hfonttsix {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
}

ul.bullets li {
    position: relative;
    margin-left: 20px;
    font-size: 14px;
    line-height: 25px;
    list-style: none;
}

    ul.bullets li:before {
        font-style: normal;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        font-size: 12px;
        content: "\f192";
        color: #ccc;
        position: absolute;
        left: -20px;
        top: 0;
    }

.doctor-content > ul > li > label {
    font-size: 11px;
    color: #999;
}

.doctor-profile > img {
    display: block;
    object-fit: cover;
    width: 95px;
    height: 95px;
    padding: 5px;
    border: 1px solid #ddd;
}

.doc-ehp {
    width: 40px;
    height: 40px;
    display: block;
}

.eh-basic-user {
    background-image: url("../img/new-icons/user.svg");
    object-fit: contain;
    background-position: center;
}

.eh-basic-certificate {
    background-image: url("../img/new-icons/certificate.png");
    background-size: contain;
    background-position: center;
}

.user-profile-table > thead > tr > th {
    border: none;
    border-bottom: 1px solid #e8e9ef;
    color: #868e96;
    font-size: 12px;
    font-weight: 400;
    padding: .75em 1.25em;
    text-transform: uppercase;
}

.user-profile-table > tbody > tr > td {
    color: #343a40;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    vertical-align: middle;
    border-bottom: 1px solid #e8e9ef;
}

    .user-profile-table > tbody > tr > td.doctor-imgname > img {
        width: 50px;
        height: 50px;
        display: inline-block;
        border-radius: 100px;
        border: 1px solid #ddd;
        padding: 1px;
        object-fit: cover;
        margin-right: 10px;
    }
.doctor-imgname > img {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #ddd;
    padding: 1px;
    object-fit: cover;
    margin-right: 10px;
}

    .user-profile-table > tbody > tr > td > p {
        font-size: 13px;
        margin: 2px 0;
    }

    .user-profile-table > tbody > tr > td > span,
    .user-profile-table > tbody > tr > td > a {
        border-radius: 100px;
        padding: 3px 10px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }

.doctor-leave {
    background-color: rgba(240, 173, 78, 0.1);
    color: #f0ad4e;
}

.doctor-active {
    background-color: rgba(0, 255, 0, 0.1);
    color: #5cb85c;
    cursor: pointer;
}

.doctor-inactive {
    background-color: rgba(121, 122, 124, 0.1);
    color: #8f8f8f;
    cursor: pointer;
}

.doctor-more {
    background-color: #4ba0ca;
    color: #fff !important;
    cursor: pointer;
}
.doctor-more > a{
    color: #fff !important;
}

    .editdoc-more {
        background-color: #3db29f;
        color: #fff !important;
        cursor: pointer;
        /*border-radius: 100px;*/
        padding: 3px 10px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }

.upload-photo-avatar {
    width: 100%;
    height: 83px;
    display: block;
    background-color: #ddd;
    position: relative;
}

    .upload-photo-avatar > i {
        text-align: center;
        display: block;
        line-height: 1.5;
        font-size: 50px;
    }

    .upload-photo-avatar > span {
        font-size: 11px;
        line-height: 5;
        color: #484848;
    }

    .upload-photo-avatar > input {
        width: 100%;
        height: 83px;
        background-color: transparent;
        border: none;
        box-sizing: border-box;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        cursor: pointer;
    }

    .upload-photo-avatar > img {
        width: 100%;
        height: 100%;
        background-size: cover;
        display: block;
        object-fit: cover;
        background-position: bottom;
        border: 1px solid #ddd;
        padding: 3px;
    }

.lefttabs-user > li {
    display: block;
    width: 100%;
}

    .lefttabs-user > li.active > a,
    .lefttabs-user > li > a:focus,
    .lefttabs-user > li > a:hover {
        color: #fff !important;
        background-color: #0f6860 !important;
    }

    .lefttabs-user > li > a {
        display: block;
        width: 100%;
        background-color: #fff;
        padding: 5px 10px !important;
        color: #000;
        /*font-weight: 600;*/
        font-weight: 500;
        /*border-radius: 0 !important;*/
        border-radius: 10px !important;
        text-align: left;
        /*margin: 10px 0;*/
        margin: 5px 0;
        border: 1px solid #d9d9d9 !important;
    }

.experiance-adding {
    flex-wrap: wrap;
    flex-direction: row;
}

    .experiance-adding > li {
        border: 1px solid #ddd;
        margin: 5px 5px 0 0;
        padding: 5px 10px;
        list-style: none;
        position: relative;
        display: flex;
    }

        .experiance-adding > li > span {
            color: #000;
            font-weight: 600;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 80%;
            display: inline-block;
        }

        .experiance-adding > li > a {
            position: absolute;
            right: 5px;
            top: 0;
            bottom: 0;
            margin: auto 0;
            font-size: 10px;
            background-color: red;
            padding: 0;
            width: 15px;
            height: 15px;
            line-height: 17px;
            border-radius: 100px;
            color: #fff;
            text-align: center;
            cursor: pointer;
        }
/*------------------------------------------------OLD---------------------------------------*/
.dashboard-PAT {
    border: 2px solid #13a89e;
    width: 19px;
    height: 20px;
    border-radius: 17%;
}

.headermainscroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.instructionBottom {
    border-bottom: 1px solid #ddd;
}

.logo-optha {
    /*line-height: 60px;*/
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0px;
    position: relative;
    width: 5%;
    background-color: #1D5558;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.10);
    border-bottom: 2px solid #1D5558;
    border-right: 1px solid #266f73;
    display: block;
    text-align: center;
}

    .logo-optha img {
        /*margin-left: 13px;*/
        position: relative;
        top: -3px;
    }

.br-radius input {
    border-radius: 4px;
}

.invstg-pop {
    max-height: 450px;
    overflow-y: scroll;
    padding-top: 0;
}

.doasageType {
    position: relative;
    top: 5px;
    left: 4px;
    color: #ff9800;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-state-active,
.ui-state-focus {
    color: #23527c;
    background-color: #eeeeee;
}

.consent-form-image label {
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-Index {
    z-index: 1 !important;
}

.header-diff {
    border-left: 1px solid;
    padding-left: 10px;
    color: #FFF;
}

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

    .no-record-wrap img, .billing-cominsoon img, .dash-features img {
        /*width: 210px;*/
        /*margin-bottom: 15px;*/
        width: 150px;
        margin-bottom: 0px;
    }

.follow-up-Date {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 21px;
}

.follow-up-Text {
    width: 35px !important;
    float: left;
    padding: 3px !important;
}

.followup-icon {
    font-size: 16px;
    position: relative;
    /*top: 2px;*/
    border: 1px solid #f1f1f1;
    box-shadow: 0px 1px 1px #484848;
    padding: 5px;
    border-radius: 50px;
}

.text-Follwpink {
    color: #017BAC !important;
}

.follow-up-span {
    position: relative;
    margin-left: 3px;
    bottom: 3px;
}

.btn-add {
    padding: 0px 5px !important;
    line-height: 15px !important;
    font-size: 11px !important;
    margin-top: 3px !important;
}

.ng-hide:not(.ng-hide-animate) {
    display: none;
}

.mainsearch-App i {
    font-size: 13px;
    position: relative;
    top: 1px;
    left: 0px;
}

.inve-visipopup thead th {
    background-color: #495165;
    border: none;
    color: #fff;
}

.inve-visipopup tbody tr th {
    background-color: #ebebef;
}

.profile {
    float: right;
    margin-right: -15px;
    /*    width: 250px !important*/
}

    .profile > a {
        text-decoration: none;
        padding: 8px 15px;
        display: block;
        height: 58px;
    }

        .profile > a:hover {
            text-decoration: none;
        }

    .profile .user-photo {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        float: left;
        margin: 5px 0 0;
        transition: background 200ms, border 200ms, box-shadow 200ms, color 200ms;
        -webkit-transition: .5s ease-in;
        transition: .5s ease-in;
    }

    .profile > a:hover .user-photo {
        box-shadow: 0 0 0 4px #f37224;
    }

    .profile .name {
        display: block;
        color: #fff;
        /*padding-right: 15px;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        line-height: normal;
        font-size: 12px;
        text-align: left;
    }

    .profile:after {
        /*content: '';*/
        color: #e3e5e8;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px dashed;
        display: inline-block;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        width: 0;
        position: absolute;
        right: 7px;
        top: 33px;
    }

md-content {
    background-color: #fff;
}

.text-pres {
    font-size: 12px !important;
    font-weight: 400;
}

.profile-info {
    float: left;
    margin: 8px 10px 0 0;
}

.profile .speciality {
    display: block;
    white-space: nowrap;
    color: #fff;
    text-align: right;
    /*padding-right: 45px;*/
}

.case-print-icon {
    font-size: 13px;
    position: absolute;
    /* top: 0px; */
    right: 9px;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 1px 1px #484848;
    padding: 5px;
    border-radius: 50px;
    margin-top: -25px;
}

.submenuParent .submenu {
    position: absolute;
    left: 100%;
    top: -90px;
    margin-top: 0;
    margin-left: 0px;
}

.left-navigation ul {
    margin: 61px 0 0 0;
    padding: 0;
    list-style: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .left-navigation ul::-webkit-scrollbar {
        width: 5px;
    }

    .left-navigation ul li {
        position: relative;
        list-style: none;
        /*border-top: 1px solid #dee2e6;*/
        /*border-bottom: 1px solid #dee2e6;*/
        vertical-align: middle;
        padding: 0 5px;
    }

        .left-navigation ul li:nth-child(1) {
            border-top: none;
            padding-top: 0px;
        }

.left-navigation li a {
    /*padding: 6px 0px;*/
    padding: 2px 0px;
    font-size: 13px;
    border-radius: 5px;
    display: block;
    color: #fff;
    text-align: center;
    /* font-family: 'Poppins', sans-serif !important;*/
    /*background: #ffffff;*/
    text-decoration: none;
    transition: all 500ms ease-out;
    /*border-bottom: 1px solid #eee;*/
    /*border-left: 5px solid #fff;*/
}

.left-navigation ul li a span {
    display: inline-block;
    width: 95px;
    text-align: left;
    padding: 0 0 0 5px;
    vertical-align: middle;
}

.left-navigation ul li a i {
    height: auto;
    width: auto;
    color: black;
    display: inline-block;
    vertical-align: middle;
}

.lefticon-nav ul > li > a > i.aside-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 4px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

.lefticon-nav ul > li > a > i.accounts-ehnote {
    background: url('../img/side-menu/accounts-ehnote.svg');
}
.lefticon-nav ul > li > a > i.viet-nam-currency-accounts {
    background: url('../img/side-menu/viet-nam-currency-accounts.svg');
}

.lefticon-nav ul > li > a > i.more-ehnote {
    background: url('../img/side-menu/more.svg');
}

.lefticon-nav ul > li > a > i.dashboard-ehnote {
    background: url('../img/side-menu/dashboard.svg');
}

.lefticon-nav ul > li > a > i.outpatient-ehnote {
    background: url('../img/side-menu/outpatient-ehnote.svg');
}

.lefticon-nav ul > li > a > i.ot-ehnote {
    background: url('../img/side-menu/ot-ehnote.svg');
}

.lefticon-nav ul > li > a > i.counsellor-ehnote {
    background: url('../img/side-menu/counsellor-ehnote.svg');
}

.lefticon-nav ul > li > a > i.tally-ehnote {
    background: url('../img/side-menu/tally.svg');
}
.lefticon-nav ul > li > a > i.tally-gst {
    background: url('../img/side-menu/gst.svg');
}

.lefticon-nav ul > li > a > i.inventory-ehnote {
    background: url('../img/side-menu/inventory-ehnote.svg');
}

.lefticon-nav ul > li > a > i.opticals-ehnote {
    background: url('../img/side-menu/opticals-ehnote.svg');
}

.lefticon-nav ul > li > a > i.settings-ehnote {
    background: url('../img/side-menu/settings-ehnote.svg');
}

.lefticon-nav ul > li > a > i.sms-ehnote {
    background: url('../img/side-menu/sms-ehnote.svg');
}

.lefticon-nav ul > li > a > i.admin-ehnote {
    background: url('../img/side-menu/admin-ehnote.svg');
}

.lefticon-nav ul > li > a > i.audit-ehnote {
    background: url('../img/side-menu/audit-ehnote.svg');
}

.lefticon-nav ul > li > a > i.insurance-ehnote {
    background: url('../img/side-menu/insurance-ehnote.svg');
}

.lefticon-nav ul > li > a > i.referal-ehnote {
    background: url('../img/side-menu/referal-ehnote.svg');
}
.lefticon-nav ul > li > a > i.Help-ehnote {
    background: url('../img/side-menu/Help-ehnote.svg');
}

.lefticon-nav ul > li > a > i.crm-ehnote {
    background: url('../img/side-menu/crm-ehnote.svg');
}

.lefticon-nav ul > li > a > i.pharmacy-icon {
    background: url('../img/side-menu/pharmacy-icon.svg');
}
/*disable*/
.lefticon-nav ul > li > a > i.dashboard-disable {
    background: url('../img/side-menu/disable/dashboard-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.op-disable {
    background: url('../img/side-menu/disable/op-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.ot-disable {
    background: url('../img/side-menu/disable/ot-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.inventory-disable {
    background: url('../img/side-menu/disable/inventory-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.opticals-disable {
    background: url('../img/side-menu/disable/optical-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.settings-disable {
    background: url('../img/side-menu/disable/setting-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.sms-disable {
    background: url('../img/side-menu/disable/sms-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.admin-disable {
    background: url('../img/side-menu/disable/admin-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.audit-disable {
    background: url('../img/side-menu/disable/audit-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.referal-disable {
    background: url('../img/side-menu/disable/referral-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.crm-disable {
    background: url('../img/side-menu/disable/crm-disable.svg');
    cursor: no-drop;
}

.lefticon-nav ul > li > a > i.pharma-disable {
    background: url('../img/side-menu/disable/pharma-disable.svg');
    cursor: no-drop;
}
/*disable*/
/*-----------------------Active Icon----------------------------------------*/
.lefticon-nav ul > li.active > a > i.counsellor-ehnote {
    background: url('../img/side-menu/counsellor-ehnote-active.svg');
}
.lefticon-nav ul > li.active > a > i.tally-ehnote {
    background: url('../img/side-menu/Tally-ehnote-active.svg');
}
.lefticon-nav ul > li.active > a > i.tally-gst {
    background: url('../img/side-menu/gst-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.insurance-ehnote {
    background: url('../img/side-menu/insurance-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.accounts-ehnote {
    background: url('../img/side-menu/accounts-ehnote-active.svg');
}
.lefticon-nav ul > li.active > a > i.viet-nam-currency-accounts {
    background: url('../img/side-menu/viet-nam-currency-accounts-white.svg');
}

.lefticon-nav ul > li.active > a > i.more-ehnote {
    background: url('../img/side-menu/more-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.dashboard-ehnote {
    background: url('../img/side-menu/dashboard-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.pharmacy-icon {
    background: url('../img/side-menu/pharmacy-icon-active.svg');
}

.lefticon-nav ul > li.active > a > i.outpatient-ehnote {
    background: url('../img/side-menu/outpatient-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.ot-ehnote {
    background: url('../img/side-menu/ot-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.inventory-ehnote {
    background: url('../img/side-menu/inventory-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.opticals-ehnote {
    background: url('../img/side-menu/opticals-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.settings-ehnote {
    background: url('../img/side-menu/settings-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.sms-ehnote {
    background: url('../img/side-menu/sms-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.admin-ehnote {
    background: url('../img/side-menu/admin-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.audit-ehnote {
    background: url('../img/side-menu/audit-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.referal-ehnote {
    background: url('../img/side-menu/referal-ehnote-active.svg');
}

.lefticon-nav ul > li.active > a > i.crm-ehnote {
    background: url('../img/side-menu/crm-ehnote-active.svg');
}


.TopMenu .aside-past-records i {
    background: url(../img/nav-icons/medical-recordsHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-history i {
    background: url(../img/nav-icons/medical-historyHover.svg) no-repeat center center;
}


.TopMenu .aside-medical-notes i {
    background: url(../img/nav-icons/notepadHover.svg) no-repeat center center;
}


.TopMenu .aside-ophthalmology i {
    background: url(../img/nav-icons/dark-eyeHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-consents i {
    background: url(../img/nav-icons/ConsentsHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-treatment i {
    background: url(../img/nav-icons/pulseHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-test i {
    background: url(../img/nav-icons/microscopeHover.svg) no-repeat center center;
}


.TopMenu .aside-medical-care i {
    background: url(../img/nav-icons/doctorHover.svg) no-repeat center center;
}


.TopMenu .aside-medical-billing i {
    background: url(../img/nav-icons/rupee-indianHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-summary i {
    background: url(../img/nav-icons/invoiceHover.svg) no-repeat center center;
}

.TopMenu .aside-medical-easymode i {
    background: url(../img/nav-icons/easymode.svg) no-repeat center center;
}

.TopMenu .aside-icon-EasyMode i {
    background: url(../img/nav-icons/icon-stethoscope.svg) no-repeat center center;
}

.TopMenu .aside-icon-Surgeon i {
    background: url(../img/nav-icons/icon-surgeon.svg) no-repeat center center;
}


.left-navigation ul li a:hover {
    background-color: #edebe9;
    color: #fff;
    /*border-left: 5px solid #1e977c;*/
}

.left-navigation ul li.active a {
    /*border-left: 5px solid #1D5558;*/
    /*color: #fff !important;*/
    /*background-color: #07a0d4;*/
}

    .left-navigation ul li.active a > label {
        color: #fff;
    }

.form-control {
    display: block;
    letter-spacing: inherit;
    width: 100%;
    height: 26px;
    min-height: 26px;
    padding: 1px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #afafaf;
    border-radius: 3px !important;
    box-shadow: none;
    /*overflow: hidden;*/
    font-weight: 600;
    -webkit-appearance: textfield;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

    .form-control.small {
        width: 150px;
    }

.ddl-pad {
    padding: 2px 6px !important;
}

.btn.small {
    height: 38px;
    font-size: 13px;
    margin: 10px 0 0;
    float: right;
}

.care-team-header .right-addon .glyphicon {
    padding: 0;
    font-size: 18px;
    top: 12px;
    right: 17px;
}

.btn-primary:focus,
input[type=text]:focus,
input[type=radio]:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none;
}

.btn-radio-group:hover,
.btn-radio-group:focus,
.btn-radio-group:active,
.btn-radio-group.active,
.open .dropdown-toggle.btn-radio-group {
    color: #FFF;
    background-color: #00b0ff;
    border-color: #00b0ff;
}

.btn-radio-group:active,
.btn-radio-group.active,
.open .dropdown-toggle.btn-radio-group {
    background-image: none;
}

.btn-radio-group.disabled,
.btn-radio-group[disabled],
fieldset[disabled] .btn-radio-group,
.btn-radio-group.disabled:hover,
.btn-radio-group[disabled]:hover,
fieldset[disabled] .btn-radio-group:hover,
.btn-radio-group.disabled:focus,
.btn-radio-group[disabled]:focus,
fieldset[disabled] .btn-radio-group:focus,
.btn-radio-group.disabled:active,
.btn-radio-group[disabled]:active,
fieldset[disabled] .btn-radio-group:active,
.btn-radio-group.disabled.active,
.btn-radio-group[disabled].active,
fieldset[disabled] .btn-radio-group.active {
    background-color: #FFF;
    border-color: #DCDCDC;
}

.btn-radio-group .badge {
    color: #FFF;
    background-color: #222;
}

.btn-meal-inline {
    white-space: normal !important;
    width: 45%;
    padding: 0 !important;
}

.btn-meal-group {
    color: #4f5153;
    background-color: #e9eef3;
    border-color: #bccbda;
    margin: 21px 0 0;
    font-size: 12px;
    float: left;
    padding: 3px 5px !important;
}

    .btn-meal-group:hover,
    .btn-meal-group:focus,
    .btn-meal-group:active,
    .btn-meal-group.active,
    .open .dropdown-toggle.btn-meal-group {
        color: #fff;
        background-color: #2C2E2D;
        border-color: #2C2E2D;
    }

    .btn-meal-group:active,
    .btn-meal-group.active,
    .open .dropdown-toggle.btn-meal-group {
        background-image: none;
    }

    .btn-meal-group.disabled,
    .btn-meal-group[disabled],
    fieldset[disabled] .btn-meal-group,
    .btn-meal-group.disabled:hover,
    .btn-meal-group[disabled]:hover,
    fieldset[disabled] .btn-meal-group:hover,
    .btn-meal-group.disabled:focus,
    .btn-meal-group[disabled]:focus,
    fieldset[disabled] .btn-meal-group:focus,
    .btn-meal-group.disabled:active,
    .btn-meal-group[disabled]:active,
    fieldset[disabled] .btn-meal-group:active,
    .btn-meal-group.disabled.active,
    .btn-meal-group[disabled].active,
    fieldset[disabled] .btn-meal-group.active {
        background-color: #FFF;
        border-color: #DCDCDC;
    }

    .btn-meal-group .badge {
        color: #FFF;
        background-color: #222;
    }

.meal-group {
    width: 100%;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #029393;
    border-color: #029393;
}

.btn-primary .badge {
    color: #029393;
    background-color: #fff;
}

table.medicine-table td {
    padding: 10px 2px 2px 2px;
    vertical-align: top;
    border-bottom: 1px solid #EFEFEF;
}

table.medicine-table h3 {
    font-size: 15px;
    margin: 0 0 5px;
}

table.medicine-table h4 {
    font-size: 16px;
    margin: 0 0 5px;
}

table.medicine-table p {
    color: #888;
}

table.medicine-table a.delete-link:hover {
    text-decoration: none;
}

table.medicine-table span.num {
    background-color: #F1F1F1;
    color: #000;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    display: inline-block;
    line-height: 14px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif !important;
}

#calendar {
    padding: 20px 0;
}

    #calendar .fc-state-default.fc-state-active,
    #calendar .fc-state-default:hover {
        color: #FFF;
        background: #09B0B0;
        border-color: #09B0B0;
    }

    #calendar .fc-state-default {
        color: #222;
        background: #FFF;
        border-color: #DCDCDC;
        height: 50px;
        font-size: 20px;
        padding: 6px 20px;
        font-weight: 400;
    }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 1100px) {
    .templadd-more ul.vitals-ul li {
        width: 50%;
    }

    .vision-head h3 {
        width: 140px;
    }

    .setting-checkb li {
        display: inline-block;
        list-style: none;
        vertical-align: -webkit-baseline-middle;
        width: 30%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
    .setting-checkb li {
        display: inline-block;
        list-style: none;
        vertical-align: -webkit-baseline-middle;
        width: 35%;
    }

    .templadd-more ul.vitals-ul li {
        list-style: none;
        width: 50%;
        display: inline-block;
        float: left;
        padding: 1px;
        height: 61px;
    }

    .vision-head h3 {
        font-size: 11px;
    }

    .tile-header h1 {
        font-size: 12px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1300px) {
    .setting-checkb li {
        display: inline-block;
        list-style: none;
        vertical-align: -webkit-baseline-middle;
       /* width: 26%;*/
        width: 23%;
    }

    .templadd-more ul.vitals-ul li {
        list-style: none;
        width: 33%;
        display: inline-block;
        float: left;
        padding: 1px;
        height: 61px;
    }

    .tile-header h1 {
        padding: 0;
        margin: 0;
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
        color: #28465a;
        line-height: 26px;
    }

    .vision-head h3 {
        font-size: 11px;
        font-weight: 400;
        float: left;
        margin: 0;
        line-height: 20px;
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.vision-head h3 {
    font-size: 11px;
    font-weight: 400;
    float: left;
    margin: 0;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

@media (min-width: 1200px) {
    .tile-header h1, .admission-panel > h1 {
        padding: 0;
        margin: 0;
        display: inline-block;
        font-weight: 700;
      /*  font-size: 16px;*/
        font-size: 14px;
        /*color: #28465a;*/
        color: #000;
        line-height: 0px;
    }

    .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
        float: left;
    }

    .col-lg-5th-5 {
        float: left;
        width: 100%;
    }

    .col-lg-5th-4 {
        width: 80%;
    }

    .col-lg-5th-3 {
        width: 60%;
    }

    .col-lg-5th-2 {
        width: 40%;
    }

    .col-lg-5th-1 {
        width: 20%;
    }

    .col-lg-5th-pull-5 {
        right: 100%;
    }

    .col-lg-5th-pull-4 {
        right: 80%;
    }

    .col-lg-5th-pull-3 {
        right: 60%;
    }

    .col-lg-5th-pull-2 {
        right: 40%;
    }

    .col-lg-5th-pull-1 {
        right: 20%;
    }

    .col-lg-5th-pull-0 {
        right: auto;
    }

    .col-lg-5th-push-5 {
        left: 100%;
    }

    .col-lg-5th-push-4 {
        left: 80%;
    }

    .col-lg-5th-push-3 {
        left: 60%;
    }

    .col-lg-5th-push-2 {
        left: 40%;
    }

    .col-lg-5th-push-1 {
        left: 20%;
    }

    .col-lg-5th-push-0 {
        left: auto;
    }

    .col-lg-5th-offset-5 {
        margin-left: 100%;
    }

    .col-lg-5th-offset-4 {
        margin-left: 80%;
    }

    .col-lg-5th-offset-3 {
        margin-left: 60%;
    }

    .col-lg-5th-offset-2 {
        margin-left: 40%;
    }

    .col-lg-5th-offset-1 {
        margin-left: 20%;
    }

    .col-lg-5th-offset-0 {
        margin-left: 0%;
    }

    .b-0 {
        border: none !important;
    }
}

@media (min-width:768px) {

    .profile .name,
    .profile .speciality {
        display: none;
    }

    .form-inline .form-group {
        margin-bottom: 20px;
    }

    .form-control.small {
        width: 473px;
    }
}

@media (min-width:992px) {

    .profile .name,
    .profile .speciality {
        display: block;
    }

    .profile:after {
        right: 20px;
        top: 24px;
    }

    .form-control.small {
        width: 309px;
    }
}

@media (min-width:1170px) {
    .form-control.small {
        width: 150px;
    }
}

.tab-panel {
    margin-bottom: 20px;
}

.textfield-wrapper,
.appointment-and-duration,
.chiefcomplaint {
    position: relative;
    padding-bottom: 20px;
}

    .textfield-wrapper .glyphicon-search {
        color: #747474;
        position: absolute;
        padding: 10px;
        top: 0;
        right: 0;
    }

.duration {
    display: inline-block;
    vertical-align: top;
    width: 90px;
}


.add-dr-btn:hover {
    background: #1f8483;
    color: #fff;
}

.setting-wrap {
    background: #fff;
    border: 1px solid #dcdcdc;
}

    .setting-wrap h4 {
        margin: 10px 0 0;
    }

    .setting-wrap h4,
    #billing-form label,
    .list-option li label,
    #bill-visit-reason label,
    #bill-diagnosis label {
        /* font-family: 'Poppins', sans-serif !important;*/
        /* font-weight: 500;*/
        font-size: 12px;
    }

.frequentlyused ul .type-medicine {
    width: auto;
    display: -webkit-inline-box !important;
}

    .frequentlyused ul .type-medicine a {
        padding: 6px 6px;
    }

.nav-pres {
    border-bottom: 1px solid #e5e5e5;
}

.pres-template {
    position: absolute;
    right: 73px;
    top: 0px;
    z-index: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.pres-Newtemplate {
    position: absolute;
    right: 192px;
    top: 7px;
    z-index: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.frequentlyused li.active a {
    color: #495057;
    border-bottom: 2px solid #f57104;
}

#billing-form td,
.table-visit-reason td,
.table-diagnosis td {
    font-family: 'Poppins', sans-serif !important;
    /* font-weight: 300;*/
    font-family: 'Poppins', sans-serif !important;
}

.start-new-conslut:hover {
    background: #e9720b;
    color: #fff;
}

.setting-wrap .row {
    /*border-bottom: #d9d9d9 solid 1px;*/
    margin: 0 -15px;
    padding: 10px 10px;
}


.divider {
    border: 0.5px solid #d1d1d1;
    /* padding: 0 10px; */
    margin-top: 5px;
}


.search-patient .form-control {
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    color: #272727;
    padding: 20px 40px !important;
}

    .search-patient .form-control::-webkit-input-placeholder {
        color: #d2d2d2;
        font-size: 14px !important;
    }

    .search-patient .form-control:-moz-placeholder {
        color: #999;
    }

    .search-patient .form-control::-moz-placeholder {
        color: #999;
    }

    .search-patient .form-control:-ms-input-placeholder {
        color: #999;
    }

.search-patient .nopad {
    padding-left: 0px !important;
}


.patientlist-ltime span {
    display: inline-block;
    color: #c4c4c4;
    font-size: 12px;
}


.notes .vitals {
    border: 1px solid #ccc;
}

.keypad-holder {
    position: relative;
    overflow: visible;
}

.vitals {
    padding: 20px 0 !important;
    background: #fff;
    box-shadow: 0 0 5px #d1d8e2;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 3px;
}

    .vitals .temp {
        background: url(../img/icon-temp.png) no-repeat 0 0;
        height: 21px;
        width: 118px;
        margin: 0 auto;
        padding: 0 0 0 30px;
    }

    .vitals .bp {
        background: url(../img/icon-bp.png) no-repeat 0 0;
        height: 21px;
        width: 50px;
        margin: 0 auto;
        padding: 0 0 0 30px;
    }

    .vitals .fasting-pp {
        background: url(../img/icon-fpb.png) no-repeat 0 0;
        height: 21px;
        width: 100px;
        margin: 0 auto;
        padding: 0 0 0 30px;
    }

.show-more a {
    display: block;
    color: #029393;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.vitals .blood-group {
    background: url(../img/icon-bg.png) no-repeat 0 0;
    height: 21px;
    width: 115px;
    margin: 0 auto;
    padding: 0 0 0 30px;
}

.vitals .weight {
    background: url(../img/icon-weight.png) no-repeat 0 0;
    height: 21px;
    width: 76px;
    margin: 0 auto;
    padding: 0 0 0 30px;
}

.vitals .height {
    background: url(../img/icon-height.png) no-repeat 0 0;
    height: 21px;
    width: 80px;
    margin: 0 auto;
    padding: 0 0 0 30px;
}

.vitals h6 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 20px;
}

.box-enter {
    position: relative;
    text-align: center;
}

.vitals span {
    font-size: 13px;
    padding-bottom: 5px;
    display: block;
}

.vitals .temp-box {
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 65px;
    margin: 0 auto;
    height: 35px;
}

.bo-bp .temp-box {
    float: left;
}

#report {
    border-collapse: collapse;
}

    #report h4 {
        margin: 0px;
        padding: 0px;
    }

    #report img {
        float: right;
    }

    #report ul {
        margin: 10px 0 10px 40px;
        padding: 0px;
    }

    #report th {
        background: #7CB8E2 url(header_bkg.png) repeat-x scroll center left;
        color: #fff;
        padding: 7px 15px;
        text-align: left;
    }

    #report td {
        background: #C7DDEE none repeat-x scroll center left;
        color: #000;
        padding: 7px 15px;
    }

    #report tr.odd td {
        background: #fff url(row_bkg.png) repeat-x scroll center left;
        cursor: pointer;
    }

    #report div.arrow {
        background: transparent url(arrows.png) no-repeat scroll 0px -16px;
        width: 16px;
        height: 16px;
        display: block;
    }

    #report div.up {
        background-position: 0px 0px;
    }

.reports-back:before {
    content: " ";
    background: url('../img/left-arrow-green.png');
    margin: 2px 10px 10px 0px;
    display: inline-block;
    width: 10px;
    height: 18px;
    vertical-align: top;
}

.reports-back {
    font-size: 15px;
    color: #26a792;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    vertical-align: middle;
}

.title.about {
    background: rgba(0, 0, 0, 0) url("../img/info-ico.png") no-repeat scroll 0 10px;
}

.head .title {
    color: #029393;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 10px 10px 40px;
}

.error-msg {
    color: #f00;
    margin-top: 6px;
    display: inline-flex;
    /* font-weight: 300;*/
    font-family: 'Poppins', sans-serif !important;
}

.pad-tb {
    padding-top: 25px;
    padding-bottom: 25px;
}

.model-popup-header h4 {
    font-weight: 400 !important;
    font-size: 14px;
}

span.req {
    color: #f00;
    font-size: 20px;
    display: inline-block;
    margin: -3px 0 0;
}

.form-inline #dosage.form-control {
    width: 75px;
    text-align: center;
    height: 40px;
}

.pg-prescription .btn-group {
    min-width: 100%;
}

.btn-group span {
    display: inline-block;
    float: left;
    width: auto;
}

    .btn-group span.active button {
        background: #00b0ff;
        color: #fff;
        border-color: #00b0ff;
    }

/*    .btn-group span:last-child {
        border-right: 1px solid #ccc;
    }*/

.dosage-wrap a:hover {
    background: #fff;
    text-decoration: none;
}

.dosage-wrap {
    margin-bottom: 20px;
}

.dosage-minus {
    float: left;
    background: #ebeff4;
    border: 1px solid #bccbda;
    font-size: 25px !important;
    text-align: center;
    color: #617381;
    width: 25px;
    height: 35px;
    line-height: 32px;
    border-right: none;
}

.dosage-count {
    float: left;
    background: #fff;
    height: 35px;
    width: 40px !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color: #707070;
    border-radius: 0;
    padding: 0 !important;
    border: 1px solid #bccbda;
}

.dosage-plus {
    float: left;
    background: #ebeff4;
    border: 1px solid #bccbda;
    font-size: 25px !important;
    text-align: center;
    color: #617381;
    width: 25px;
    height: 35px;
    line-height: 32px;
    border-left: none;
}

    .dosage-plus:hover {
        background: #f6f6f6;
    }

    .dosage-plus:focus,
    .dosage-minus:focus {
        text-decoration: none;
    }

table.medicine-table {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}


.meal-group span.active button {
    background: #00b0ff;
    border-color: #00b0ff;
    color: #fff;
}

.meal-group span {
    display: inline;
}

.meal-group button {
    border-radius: 0px;
}

.select-pharmacy-list {
    width: 100%;
    padding: 5px 10px 6px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.text-placeholder {
    color: #b1b1b1 !important;
}

.summary-table-inner .table-header {
    padding: 15px 15px;
    font-size: 20px;
    background: #039394;
    border: 1px solid #5abebe;
    color: #fff;
    margin: 0;
}

.no-margin {
    margin: 0 !important;
}


.follow-up {
    color: #777;
    font-size: 15px;
    display: inline-block;
    line-height: 31px;
    line-height: 100%;
}

.summary-table-inner {
    background: #fff;
    margin-bottom: 20px;
}

th {
    background: #fbfbfb;
}

.summary-table-inner td,
.summary-table-inner th {
    border: 1px solid #ddd;
}

.summary-table-inner table {
    margin-bottom: 0;
}

.addPatient {
    display: none;
    max-width: 450px;
    margin: 0px auto;
    background: #fff;
}

.overlay {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.meal-group .btn:hover {
    background: #00b0ff;
    border-color: #00b0ff;
}
/*checkbox*/
input.checkbox[type="checkbox"]:checked,
input.checkbox[type="checkbox"]:focus,
input.radio[type="radio"]:checked,
input.radio[type="radio"]:focus {
    outline: medium none !important;
}

input.checkbox[type="checkbox"] {
    cursor: pointer;
    height: 25px;
    opacity: 0;
    position: absolute;
    width: 25px;
    z-index: 12;
}

    input.checkbox[type="checkbox"]:checked ~ .lbl::before,
    input.radio[type="radio"]:checked ~ .lbl::before {
        background-position: 1px 2px;
        border: 1px solid #039e9f;
        content: " ";
        display: inline-block;
    }

    input.checkbox[type="checkbox"]:checked ~ .lbl::before {
        background-color: #039e9f;
        background-position: -16px 0;
    }

    input.checkbox[type="checkbox"] ~ .lbl::before {
        background: url("img/checkbox.png") no-repeat scroll 0 0;
        border: 1px solid #d4d6de;
        content: " ";
        display: inline-block;
        height: 25px;
        min-width: 25px;
        vertical-align: middle;
    }

    input.checkbox[type="checkbox"] ~ .lbl {
        display: inline-block;
        font-size: 13px;
        margin: 0;
        min-height: 16px;
        min-width: 16px;
        position: relative;
        vertical-align: top;
        z-index: 11;
    }

label > input[type="checkbox"] + span.lbl {
    cursor: pointer;
}

.left-navigation ul li label {
    text-align: center;
    display: block;
    font-size: 8px;
    color: #7a7a7a;
    line-height: 25px;
    font-weight: 400;
}

label.applabel {
    position: relative;
    right: 0px;
}

.main-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

#content_wrapper {
    position: absolute;
    left: 0;
    margin-left: 0%;
    height: 100%;
    width: 100%;
}

.inner-content-wrapper {
    padding: 15px 15px;
    /*background-color: #eeeeee !important;*/
}

.save-t {
    overflow: hidden;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 5px;
}

.save-t-text {
    line-height: normal;
    font-size: 16px;
    clear: both;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.panel-body th,
.panel-body td {
    /*text-align: left;*/
    /*border: 1px solid #ccc;*/
}

.medicine-text {
    color: #585858;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 15px;
}

/*Patient */

.well {
    box-shadow: none;
}

.vital h6 {
    text-transform: capitalize;
    color: #c1b9b9;
    font-size: 13px;
}

.vital .form-control {
    font-size: 13px;
    height: 35px;
}

.summary-reports .panel-body {
    background: #F9F9F9;
}

.table.pr-thead {
    margin-bottom: 0;
}

.pr-thead {
    border: 1px solid #d3c7bb !important;
}

    .pr-thead th {
        text-align: left;
        /*padding: 10px 8px !important;
border: 1px solid #d3c7bb !important;
background: #e9e6df;
color: #918d84;*/
    }

.read-more a {
    margin: 15px 0 0;
    display: block;
}

.panel-title > a {
    display: block;
    text-align: center;
}

.case-history .panel-title > a {
    text-align: left;
    padding-left: 20px;
}

.case-history .panel-default {
    border: 0px none;
    /*margin-bottom: 10px;*/
}

    .case-history .panel-default > .panel-heading {
        color: #646464;
        /*background: #fff url('../img/expand-green.png') no-repeat 99% center;*/
        background: #fff !important;
        border-radius: 0px;
        padding: 7px 15px;
        cursor: pointer;
        border: 1px solid #ddd;
    }

.case-history .panel-group {
    margin-bottom: 5px;
}

.case-history .panel-open > .panel-heading {
    /*background: #eaf1fb url('../img/collapse-white.png') no-repeat 98% center;*/
    background: #eaf1fb !important;
    color: #646464;
}

/*.case-history .panel > .panel-heading:hover {
    background-color: #FECFA9;
}*/

.no-wrapappt {
    white-space: nowrap;
    max-width: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.no-patiwid {
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin: auto;
}

.case-history .panel-body {
    border-top: 0px none;
}

    .case-history .panel-body table th,
    .case-history .panel-body table td {
        border: 1px solid #ebebeb;
    }

    .case-history .panel-body td {
        color: #868686;
        /* font-weight: 300;*/
        /*font-family: 'Poppins', sans-serif !important;*/
    }

.case-history .panel-collapse {
    background: #fcfcfc;
    border: 1px solid #ccc;
    border-top: none;
}

.panel-title > a:hover,
.panel-title > a:focus {
    text-decoration: none;
}

#allrow .panel-heading {
    background-color: #eaf1fb;
    padding: 10px;
}

    #allrow .panel-heading span {
        font-size: 13px;
    }

#allrow .panel-title > a {
    padding: 10px 10px;
    font-size: 13px;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6;
}
/*pres*/
.lab-text-head h3 {
    margin: 2px 0 0 10px;
    display: inline-block;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    width: 80%;
    overflow: hidden;
}

.lab-text-head span {
    /**background-color: #7f7f7f;
color: #fff;**/
    background-color: #EAE7E7;
    color: #4E4E4E;
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 12px;
    text-align: center;
    padding: 5px;
    float: left;
    line-height: 14px;
}

.lab-test-reports-inner .form-control {
    height: 35px;
    font-size: 13px;
    margin: 10px 0 0 19px;
}

.lab-abt-text {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    padding-left: 34px;
}

.prt {
    border-bottom: 1px solid #cfc6bf;
    margin-bottom: 20px;
}

    .prt .table {
        margin-bottom: 0;
    }

    .prt th {
        background: #cae8ec;
        color: #000;
        border-bottom: none !important;
        font-size: 16px;
        font-weight: 500;
    }

    .prt td {
        border-bottom: none;
        background: #fff;
        color: #7f8583;
    }

    .prt th,
    .prt td {
        text-align: left;
        padding: 10px 15px !important;
    }

.lab-tright {
    margin-bottom: 20px;
    overflow: auto;
    height: 273px;
    overflow-x: hidden;
    background: #fff;
    padding: 19px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.lab-test-reports th,
.lab-test-reports td {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.tabs-header {
    background-color: #FFF !important;
}

    .tabs-header .nav-tabs {
        border-bottom: none;
    }

        .tabs-header .nav-tabs li {
            /*margin: 0 15px 0 0;*/
        }

        .tabs-header .nav-tabs > li > a:hover {
            transition: background 0.5s linear;
        }
/*Hover*/
.apptlist-calendar li:first-child:hover > a {
    background-color: #41a6c2;
    color: #fff;
    border-radius: 50px 0px 0px 50px;
}

.apptlist-calendar li:last-child:hover > a {
    background-color: #41a6c2;
    color: #fff;
    border-radius: 0px 50px 50px 0px;
}
/*active*/
.apptlist-calendar li:first-child.active > a {
    background-color: #41a6c2;
    color: #fff;
    border-radius: 50px 0px 0px 50px;
}

.apptlist-calendar li:last-child.active > a {
    background-color: #41a6c2;
    color: #fff;
    border-radius: 0px 50px 50px 0px;
}
/*/*/
.tabs-header .nav-tabs > li.active > a {
    background-color: #41a6c2;
    color: #fff;
    /*box-shadow: inset 0 -3px #FFA500;
-moz-box-shadow: inset 0 -3px #FFA500;
-webkit-box-shadow: inset 0 -3px #FFA500;*/
}

.tabs-header .nav-tabs > li a:hover {
    background-color: #41a6c2;
    color: #fff;
    /*box-shadow: inset 0 -3px #FFA500;
-moz-box-shadow: inset 0 -3px #FFA500;
-webkit-box-shadow: inset 0 -3px #FFA500;*/
}

.tabs-inner {
    padding: 25px 20px 20px;
    padding: 0;
    background: #f5f5f6;
}

    .tabs-inner .tab-body {
        padding: 20px 0;
        display: block;
    }

    .tabs-inner .tab-panel {
        margin: 0;
    }

        .tabs-inner .tab-panel .calendar_default_colheader,
        .tabs-inner .tab-panel .calendar_default_corner,
        .tabs-inner .tab-panel .calendar_default_cornerright {
            height: 30px !important;
        }

        .tabs-inner .tab-panel .calendar_default_corner_inner {
            border-color: #fff;
        }

        .tabs-inner .tab-panel .calendar_default_colheader .calendar_default_colheader_inner {
            background-color: #000;
            padding-top: 5px;
            color: #fff;
            border-left-color: #fff;
            border-right-color: #fff;
        }

        .tabs-inner .tab-panel .calendar_default_corner_inner,
        .tabs-inner .tab-panel .calendar_default_cornerright_inner,
        .tabs-inner .tab-panel .calendar_default_rowheader_inner {
            background-color: #000 !important;
            border-left-color: #fff;
            border-right-color: #fff;
            color: #fff;
        }

        .tabs-inner .tab-panel .calendar_default_rowheader_inner {
            padding-top: 1px;
            text-align: center;
        }

.data-grid {
    overflow-x: auto;
    margin: 0 15px;
}

#ui-datepicker-div {
    overflow: hidden !important;
    /*z-index: 3 !important;*/
    z-index: 99999 !important;
}

.data-grid tr th {
    background: #d6d6d6;
    padding: 5px 10px !important;
    border: none !important;
    font-size: 11px;
    font-weight: bold;
    color: #4b4b4b;
    text-align: left;
}

.data-grid tr td {
    padding: 8px 5px;
    font-size: 13px;
    font-weight: 500;
}

.modal-calendar .form-control {
    height: 34px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    resize: none;
}

.modal-calendar select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.modal-calendar {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    .modal-calendar .tabs-header {
        margin: -20px -20px 0;
    }

    .modal-calendar .tab-content {
        padding: 20px 15px;
    }

        .modal-calendar .tab-content textarea.form-control {
            min-height: 70px;
        }

    .modal-calendar .addPatient {
        max-width: 100%;
    }

    .modal-calendar .addnew-patient {
        display: none;
        background-color: #fff;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

.addnew-patient .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #3a647f;
    color: white;
    text-align: center;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    border: 1px solid rgba(86, 61, 124, .2);
}
/*Settings*/
.form-group {
    position: relative;
    margin-bottom: 5px;
}

.billing-setting th {
    text-align: left;
}

.cur-poiter {
    cursor: pointer;
}

.bill-add-btn,
.bill-print-btn {
    background: #333;
    padding: 5px 12px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0 0;
    text-decoration: none;
    border-radius: 3px;
    display: inline;
    transition: background-color 0.5s ease;
    border: none;
}

/*.mini-charts-item {
    position: relative;
    padding: 0 5px;
    margin-bottom: 15px;
}*/

.mini-charts-item.custom-item {
    margin-bottom: 13px;
}

.mini-charts-item .chart {
    float: left;
    padding: 15px 0px;
    min-width: 50px;
    text-align: center;
    /*background-color: #cee8fa;*/
}

/*vitals*/
.vitals-icons {
    background: #fff;
    box-shadow: 1px 1px 3px rgba(47, 83, 107, 0.3);
    padding: 10px 0;
    border-radius: 3px;
    height: 75px;
    margin-bottom: 15px;
}

    .vitals-icons .count {
        overflow: hidden;
        color: rgba(255, 255, 255, 0.9);
        padding: 0 5px;
    }

        .vitals-icons .count > .dis-flex > input.form-control:first-child {
            border-bottom-right-radius: 0px !important;
            border-top-right-radius: 0px !important;
        }

        .vitals-icons .count > .dis-flex > input.form-control:last-child {
            border-bottom-left-radius: 0px !important;
            border-top-left-radius: 0px !important;
        }

    .vitals-icons .chart {
        float: left;
        padding: 10px 0px;
        min-width: 60px;
        text-align: center;
    }

        .vitals-icons .chart img {
            width: 35px;
            height: 35px;
        }

.vital-hgt {
    height: 70px;
    margin-bottom: 15px;
}

.bg-global {
    background: #fff;
    /*border: 1px dotted #e8e8e8;*/
    box-shadow: 1px 1px 3px rgba(47, 83, 107, 0.3);
}

.mini-charts-item .chart-easymode {
    float: left;
    padding: 30px 10px 18px;
    min-width: 40px;
    text-align: center;
    background-color: #cee8fa;
}

.eheasy-charts {
    background-color: #d4f7ef;
}

.mini-charts-item .count {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    padding: 0 12px;
}

.custom-item .count {
    color: #000;
}

.mini-charts-item .count > h2 {
    font-size: 12px;
    margin: 0;
}

.mini-charts-item .count > small {
    margin-bottom: 4px;
    display: block;
}

small {
    font-size: 12px;
}

.mini-charts-item .form-control {
    height: 30px;
    /*border: none;*/
    border-radius: 0;
    box-shadow: none;
}

#getDateValueList {
    height: 34px !important;
    position: relative;
    color: #717171;
    /**top: 9px;
left:12%;**/
}

    #getDateValueList::-webkit-input-placeholder {
        color: #d2d2d2;
    }

    #getDateValueList:-moz-placeholder {
        color: #d2d2d2;
    }

    #getDateValueList::-moz-placeholder {
        color: #d2d2d2;
    }

    #getDateValueList:-ms-input-placeholder {
        color: #d2d2d2;
    }

.docDateTextBox {
    display: grid;
    position: relative;
    vertical-align: middle;
}

.dob {
    /* font-family: 'Poppins', sans-serif !important;*/
    font-weight: 300;
}

.appointmentTableThBg thead tr th, .appointment-actions {
    background-color: #e7e8f0;
    border-top: none !important;
    border-bottom: none !important;
    color: #000;
    /* font-family: 'Poppins', sans-serif !important; !important;*/
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}

.appointmentTableThBg.appointmentlist.table > tbody + tbody {
    border: none !important;
}

.appointment-actions {
    padding: 10px 5px !important;
}

/*.appt-actions {
    border: none !important;
}*/
.Appt-inside-table > tbody > tr.actions-accbdr > td {
    background-color: #eff6f6;
}

.appointmentTableThBg tbody tr.expandtr td, .appointmentTableThBg tbody tr.expandtr:hover td {
    background-color: #e9fcf8 !important;
    border-top: 1px solid #1abc9c !important;
}

.appointmentTableThBg tbody tr.expandtr {
    border-top: 1px solid #1abc9c !important;
    border-left: 1px solid #1abc9c !important;
    border-right: 1px solid #1abc9c !important;
    border-bottom: 1px solid transparent !important;
}

.actions-accbdr {
    border-left: 1px solid #1abc9c !important;
    border-right: 1px solid #1abc9c !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid #1abc9c !important;
}

    .actions-accbdr > td:hover {
        background-color: #fff !important;
    }

.appointmentTableThBg tbody tr td {
    vertical-align: middle;
    font-size: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.otappointmentactive > td {
    background-color: #d9f1f2;
    color: #000;
    cursor: pointer;
}

.otappointmentactive:hover > td {
    background-color: #d9f1f2 !important;
    cursor: initial
}

.appointmentlist tr.active td {
    background: #0f6860 !important;
    color: #fff !important;
}

    .appointmentlist tr.active td span {
        color: #fff !important;
    }

.appointmentlist .app-pa-name {
    max-width: 190px;
    vertical-align: middle;
}

span.appointment-booked {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    /*background-color: #fff !important;*/
    border-radius: 3px;
    color: #3ec192;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-booked:after {
        content: "";
        border-radius: 100%;
        background-color: #3ec192;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

span.appointment-adviced {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    /*background-color: #fff !important;*/
    border-radius: 3px;
    color: #56BAEC;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-adviced:after {
        content: "";
        border-radius: 100%;
        background-color: #56BAEC;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

span.appointment-incomplete {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    /*background-color: #fff !important;*/
    border-radius: 3px;
    color: #FFB366;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-incomplete:after {
        content: "";
        border-radius: 100%;
        background-color: #FFB366;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

span.appointment-started {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    background-color: #fff !important;
    border-radius: 3px;
    color: #f3a962;
    /*font-size: 12px;*/
    font-size: 10px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-started:after {
        content: "";
        border-radius: 100%;
        background-color: #f3a962;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

.appointment-checked {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    background-color: #fff !important;
    border-radius: 3px;
    /* border: 1px solid #69b3e7;*/
    color: #69b3e7;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}
.appointment-councller {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    background-color: #fff !important;
    border-radius: 3px;
    /* border: 1px solid #69b3e7;*/
    color: #f0ad4e;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}
.ot-appointment  {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    background-color: #fff !important;
    border-radius: 3px;
    /* border: 1px solid #69b3e7;*/
    color: #000;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

span.appointment-cancelled {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    background-color: transparent;
    border-radius: 3px;
    color: #ff0000;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-cancelled:after {
        content: "";
        border-radius: 100%;
        background-color: #ff0000;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

span.appointment-completed:after {
    content: "";
    border-radius: 100%;
    background-color: #b0bdbe;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

span.appointment-completed {
    display: inline-block;
    margin: 0;
    padding: 0px 5px;
    /*background-color: #fff !important;*/
    border-radius: 3px;
    color: #b0bdbe;
   /* width: 90px;*/
    width: 100px;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

.todayButtonAppointment {
    vertical-align: middle;
    margin-top: 8px;
    border-radius: 0px;
    background: #039394 !important;
}

.patient-displayTable table {
    background: #e9eef3;
    margin-top: 10px;
    border: 1px solid #dedede;
    margin-bottom: 0px;
}

.patient-displayTable {
    margin-bottom: 10px;
}

    .patient-displayTable table tr th {
        border-top: none;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        font-size: 13px;
        color: #000000;
        /*background: #cee8fa;*/
        padding: 4px;
    }

.pl-popup .modal-footer {
    padding: 15px 0 0 0;
}

.patient-displayTable table tr td {
    text-align: left;
    border-top: 0px none;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
}

.light-label {
    color: #585858;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 3px !important;
    display: inline-block;
}

.textfield-wrapper .clearfix .dropdown-menu {
    width: 100%;
    max-width: 100%;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#sidebar_right {
    position: fixed;
    width: 16%;
    height: 100%;
    right: 0px;
    top: 60px;
    background-color: transparent;
    z-index: 9999;
}

.am-right-sidebar .sb-content {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.am-right-sidebar .user-info {
    text-align: center;
    padding: 30px 20px;
    border-bottom: 1px solid #fff;
    background-color: #08a5ec;
}

    .am-right-sidebar .user-info img {
        border-radius: 50%;
        width: 76px;
        height: 76px;
        margin-bottom: 20px;
    }

    .am-right-sidebar .user-info span.name {
        color: #e1e1e1;
        font-size: 13px;
    }

    .am-right-sidebar .user-info span {
        display: block;
        font-family: Raleway, sans-serif;
    }

        .am-right-sidebar .user-info span.name .status {
            border-radius: 50%;
            height: 7px;
            width: 7px;
            background-color: #00b777;
            display: inline-block;
            margin-left: 8px;
            position: relative;
            top: -1px;
        }

        .am-right-sidebar .user-info span.position {
            color: #aaa;
            font-size: 13px;
        }

.am-right-sidebar .tab-navigation .nav-tabs {
    background-color: #424141;
    border-bottom: 0;
    padding: 0 10px;
}

.am-right-sidebar .nav-tabs li a:hover {
    color: #6bc3b0;
    border-bottom: 2px solid #F37224 !important;
}

.am-right-sidebar .nav-tabs li.active a {
    border-bottom: 2px solid #F37224 !important;
}

.am-right-sidebar .nav-tabs .active a:hover {
    border-bottom: 2px solid #F37224 !important;
    border: none;
    background: none;
}

.am-right-sidebar .nav-tabs > li.active > a,
.am-right-sidebar .nav-tabs > li a:hover {
    background: none !important;
    color: #fff;
    border: none;
}

.am-right-sidebar .nav-tabs > li > a {
    margin-right: 0;
    line-height: normal;
    border: none;
    border-radius: 0;
    color: #fff;
}

.am-right-sidebar .nav-tabs {
    border-bottom: 1px solid #fff;
}

.load-more-btn {
    color: #000;
}

.add-new-patinet {
    margin-top: 2% !important;
}

.form-header {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

#wrapper {
    background-color: #fff;
    margin: 0px auto;
    width: 640px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

    #wrapper .inner-wbg {
        background: none;
        box-shadow: none;
        padding: 30px;
    }

.add-np {
    /* margin: -2px 0 20px; */
    background-color: #1e977c;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.patient-contact-action {
    margin: 20px 0 0;
}

    .patient-contact-action .load-more-btn,
    .patient-contact-action .cancel-btn {
        margin-bottom: 20px;
    }

/*Dropdown*/
.dropdown-menu {
    min-width: 100% !important;
    background:#fff;
}

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #333;
        text-decoration: none;
        background-color: #e9eef3 !important;
        outline: 0;
    }

[class^="guide-"],
[class*=" guide-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'guide' !important;
    speak: none;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.panel-default > .panel-heading {
    font-weight: 600;
}

.panel-default > .panel-heading {
    color: #000 !important;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
}

.panel-surgery > .panel-heading {
    color: #333;
    background-color: #BB2B3E !important;
    border-color: #ddd !important;
}

.tabs_background {
    background: #F5F5F6 !important;
}

#wrapper .l-input {
    width: 100%;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff;
    background: none;
    padding: 12px 3px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

    #wrapper .l-input:focus {
        outline: none;
    }

#wrapper .form-group {
    margin-bottom: 30px;
}

#headerdiv {
    position: fixed;
    width: 100%;
    z-index: 9999;
    right: 0;
    /*display: none;*/
}

.view-frame {
    padding-top: 64px;
}

code {
    font-size: 1.2em;
    color: #069;
}

.important {
    background-color: #F5FCC8;
    padding: 2px;
}

code span {
    color: green;
}
/* Feedback Button */

.feedback_btn,
.feedback_btn:hover {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    position: fixed !important;
    right: -54px;
    text-align: center;
    top: 142px;
    transform: rotate(270deg) !important;
    transition-duration: 0.5s !important;
    background: #F57104;
    border: 0px;
}

    .feedback_btn .bottom-star {
        position: relative;
        width: 10px;
        right: 4px;
        top: 0;
    }

    .feedback_btn .bottom-top {
        position: relative;
        width: 10px;
        right: -4px;
        top: 0;
    }

.feedback_btn1 {
    cursor: pointer;
    font-size: 2em;
    font-weight: 500;
    position: fixed;
    right: 215px;
    text-align: center;
    top: 8%;
    text-align: center;
    transition-duration: 0.5s;
    display: none;
    color: #fff;
    z-index: 9999;
}

.well.enter-medicine {
    height: 434px;
    overflow-y: auto;
    /*background-image: url('../img/new-icons/prescription-icon.png');*/
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.daysposition {
    position: relative;
}

.well_bg_white {
    background: #fff !important;
}

.labmainpreviewheight {
    height: 425px;
    overflow-y: auto;
    /*   background-image: url('../img/new-icons/lab-test-icon.png'); */
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

a.app:hover:after {
    /*content: "View / Create your patient appointments";*/
    padding: 1px 10px 3px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 20;
    white-space: nowrap;
    border-radius: 2px;
    background: #000;
    text-transform: capitalize;
}

a.dash:hover:after {
    /*content: "View your cutting edge Analytics ";*/
    padding: 1px 10px 3px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 20;
    white-space: nowrap;
    border-radius: 2px;
    background: #000;
    text-transform: capitalize;
}

a.pat:hover:after {
    /*content: "Search your Patients / Start Consultation / View Past Records";*/
    padding: 1px 10px 3px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 20;
    white-space: nowrap;
    border-radius: 2px;
    background: #000;
    text-transform: capitalize;
}

a.appList:hover:after {
    /*content: "View all booked Appointments ";*/
    padding: 1px 10px 3px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 20;
    white-space: nowrap;
    border-radius: 2px;
    background: #000;
    text-transform: capitalize;
}

.form-control[readonly] {
    background-color: #fff;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    /*background-color: #f5f5f5;*/
    background-color: rgb(218, 212, 212);
}
.form-admission[disabled],
fieldset[disabled] .form-admission {
    /*background-color: #f5f5f5;*/
    background-color: rgb(218, 212, 212);
}
.form-group [disabled],
fieldset[disabled] .form-group {
    /*background-color: #f5f5f5;*/
    background-color: rgb(218, 212, 212);
}

.form-control::-webkit-input-placeholder {
    color: #d2d2d2;
    font-family: 'Poppins', sans-serif !important;
}

.form-control:-moz-placeholder {
    color: #d2d2d2;
    font-family: 'Poppins', sans-serif !important;
}

.form-control::-moz-placeholder {
    color: #d2d2d2;
    font-family: 'Poppins', sans-serif !important;
}

.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder {
    color: #aaa;
    font-family: 'Poppins', sans-serif !important;
}

.form-control[disabled]:-moz-placeholder,
.form-control[readonly]:-moz-placeholder {
    color: #aaa;
    font-family: 'Poppins', sans-serif !important;
}

.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder {
    color: #aaa;
    font-family: 'Poppins', sans-serif !important;
}

.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder {
    color: #aaa;
    font-family: 'Poppins', sans-serif !important;
}

.btn-save {
    background: #FFF;
    font-size: 16px;
    color: #26A792;
}

    .btn-save img {
        margin-right: 6px;
        vertical-align: top;
    }

.empty-line {
    height: 8px;
}

.cboth {
    clear: both;
}

.modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 99 !important;
    /*z-index: 3 !important;*/
}

.modal-common {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*z-index: 4 !important;*/
    z-index: 99 !important;
    outline: 0;
    margin: auto;
}

.bg-white {
    background-color: #fff !important;
}

.modal-common-dialog {
    background-color: transparent;
    margin: auto !important;
    top: 20%;
    position: relative;
    border: none;
    border-radius: 13px;
}

.sms-template {
    background-color: #fff;
    width: 600px;
    margin: 70px auto 20px;
    top: 25px;
    position: relative;
    /*padding: 20px;*/
    border: none;
    /*border-radius: 5px;*/
}

.modal-common-dialog.book-app-popup {
    top: 140px;
    width: 800px;
}

.right-icons {
    min-width: 60px;
}

.summary-table {
    margin-bottom: 0;
    background-color: #f6f6f6;
}
.summary-table > thead > tr > th,
.summary-table > tbody > tr > td, 
.summary-table > tbody > tr > th {
    padding: 4px !important;
    text-align: center;        
}
.summary-table > tbody > tr > td {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000;
    background-color: #fff;
}
.summary-table > thead > tr > th,
.summary-table > tbody > tr > th {
    background-color: #f6f6f6;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.summary-header {
    font-size: 15px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    padding: 10px 20px;
}

.appointment-row .strt-appoinmt {
    /*visibility: hidden;*/
}

.appointment-row:hover .strt-appoinmt {
    /*visibility: visible*/
}

.list-option {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.settingsData {
    padding: 10px;
    background-color: #fff !important;
    border-radius: 0 !important;
    margin-bottom: 10px;
}

    /*.header-status {
    background: #fff;
    color: black;
    border-bottom: 1px solid #e5e5e5;
}

    .header-status h4 {
        font-size: 12px;
    }*/

    .settingsData label {
        width: 100%;
    }

.list-option li label .lbl {
    float: right;
}

.fa-plus:before {
    content: "\f067";
}

.list-option li .history {
    /*    background-color: #fff;
display: block;
cursor: pointer;
margin: 0;
padding: 10px 15px 7px;
border-bottom: 1px solid #F1F1F1;
line-height: 28px;
color: #000;*/
    border-bottom: 1px solid #f5f5f6;
    width: 50%;
    float: left;
    padding: 8px 8px 8px 15px;
}

    .list-option li .history span {
        font-size: 15px;
        color: #515151;
        width: 84%;
        float: left;
    }

    .list-option li .history:last-child {
        margin-bottom: 15px;
        border-bottom: none;
    }

.add-new-patinet .form-group {
    margin-bottom: 20px !important;
}

.add-new-patinet label {
    font-size: 13px;
}

    .add-new-patinet label em {
        color: #f00;
    }

.add-new-patinet .form-control {
    font-size: 13px;
    border: 1px solid #ccc;
    height: 32px;
}

.view-vitals-popup {
    background: #26a792;
    float: left;
    font-size: 13px;
    margin-right: 10px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

    .view-vitals-popup:hover {
        color: #fff;
    }

.appointment-row .view-vitals-popup {
    /*visibility: hidden;*/
}

.appointment-row:hover .view-vitals-popup {
    visibility: visible;
}

.model-popup-header {
    /*margin: -20px -20px 20px;*/
    background: #13a89e;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    /*margin-bottom: 18px;*/
}

    .model-popup-header span {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        /*text-align: center;*/
        margin-bottom: 20px;
    }

.history .lbl,
.history .lbl-not {
    z-index: 0 !important;
}

.pg-prescription .dropdown-menu img {
    vertical-align: bottom;
}

.print-gc-pr {
    background: url(../img/icon-print.png) no-repeat center center orange;
    margin: -5px 6px 10px 0;
    float: right;
    text-indent: -9999px;
    padding: 7px 5px;
    width: 35px;
    border-radius: 5px;
}

.pres-past-medicine {
    background: #a4a4a4;
    padding: 0px 10px;
    border-radius: 5px;
    /* margin: 0 0 0px -55px; */
    overflow: hidden;
    /* text-align: center; */
    font-size: 13px;
    color: #fff;
    padding: 5px 11px 5px 10px;
    border-radius: 16px;
    background-color: #a4a4a4;
    margin-bottom: 5px;
    margin-right: 5px;
}

    .pres-past-medicine a {
        text-transform: uppercase;
        color: #FFF;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        line-height: 2em;
        font-size: 12px;
    }

    .pres-past-medicine span {
        float: left;
        line-height: 15px;
        margin-right: 5px;
        height: 16px;
        overflow: hidden;
    }

    .pres-past-medicine h5 {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 300;
        margin: 0;
    }

    .pres-past-medicine h4 {
        font-size: 13px;
        color: #bcbcbc;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 300;
        margin: 5px 0 0 -15px;
    }

.pre_medicine_blockset {
    position: relative;
    top: -16px;
    left: 20px;
    margin-bottom: -21px;
    width: 99%;
}

.number {
    font-size: 24px;
}

.tabcontent {
    margin: 0 auto;
    clear: both;
    background-color: #FFF;
    text-align: center;
}

.tabcontent1 {
    margin: 0 auto;
    clear: both;
    background-color: #FFF;
}


/*.left {
    float: left;
    padding: 20px;
}*/

.container {
    color: #1e1e1e;
}

.inner-addon {
    position: relative;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-calendar {
    background: url(../img/icon-calendarnew.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 13px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 9px;
}

.calendar {
    padding-left: 10px;
    float: left;
}

.vitals-label {
    outline: none;
    font-weight: 600;
    color: #09A0A0;
    font-size: 13px;
    top: 2px;
    position: relative;
}

.txtred {
    color: #ff0000;
    font-size: 13px;
}

.accessRights {
    background-color: #26a792 !important;
}

.dataTables_paginate {
    position: relative;
}

/*.bottom {
    height: 50px;
    background-color: #F1F1F1;
    padding: 8px;
}*/

header .dropdown-menu {
    top: 70px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 6px 12px #e8e8e8;
    right: 14px;
    left: inherit;
}

    header .dropdown-menu:before {
        background: #fff;
        border: 1px solid #e8e8e8;
        border-width: 1px 0 0 1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        height: 14px;
        /*left: 50%;*/
        right: 7px;
        position: absolute;
        top: -8px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        width: 14px;
        z-index: -10;
    }
/*Remove tooltips from tabs*/

.nav-tabs li a:hover:after {
    display: none !important;
}

.dr-pro-info {
    display: inline-block;
    margin-left: 10px;
    width: 475px;
}

    .dr-pro-info h5 {
        margin: 0 0 3px;
        color: #40ae9b;
    }

    .dr-pro-info span {
        color: #888;
    }

    .dr-pro-info p {
        font-size: 13px;
        font-family: 'gt_walsheimlight';
        color: #000;
        margin: 0;
    }

.ct-add-dr {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #79d3c4;
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-family: 'gt_walsheimlight';
    line-height: 36px;
}

    .ct-add-dr:hover {
        color: #fff;
    }

li.last-ct {
    background: #daf9f2;
    border-radius: 0 0 5px 5px;
    margin: 5px 0 0;
    padding: 10px;
}

.ct-find-dr {
    padding: 0 5px;
    text-align: center;
}

    .ct-find-dr p {
        display: inline-block;
        font-size: 16px;
        margin: 0;
        padding: 5px 0;
        font-family: 'gt_walsheimlight';
    }

    .ct-find-dr a {
        /* background: #41a6c2;
color: #fff;
float: right;
padding: 5px 20px 6px;
border-radius: 4px;*/
        font-family: 'gt_walsheimlight';
        font-size: 16px;
        color: #000;
    }

.show-all-filter {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    .show-all-filter ul {
        padding: 0;
        clear: both;
    }

    .show-all-filter li {
        list-style: none;
        display: inline-block;
        width: 25%;
        overflow: hidden;
        margin: 0 10px 0 0;
    }

        .show-all-filter li a {
            display: block;
            border: 1px solid #ccc;
            padding: 5px 20px;
            border-radius: 5px;
            text-align: center;
            background: #eee;
            color: #333;
        }

    .show-all-filter button {
        background: #41a6c2;
        border: 1px solid #41a6c2;
        color: #fff;
        border-radius: 5px;
        font-family: 'gt_walsheimlight';
        font-size: 16px;
        padding: 4px 20px;
        width: 100%;
    }

.searchByResultTEst {
    border-bottom: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 30px;
    border-bottom-width: 0px !important;
}

.photo-circle {
    border-radius: 20px;
}

.InputAddButton {
    float: right;
    color: white;
    background-color: #08a5ec;
    border: 2px solid;
    border-radius: 40px;
    color: white;
    font-size: 22px;
    border: 2px solid #08a5ec;
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-weight: 400;
    font-family: 'gt_walsheimlight', sans-serif;
}

    .InputAddButton:hover {
        color: #08a5ec;
        background-color: #ccc;
        border: 2px solid #ccc;
    }

.SearchMoreResults {
    background: #daf9f2;
    padding: 15px;
    font-size: 13px;
    text-align: center;
}

.Degree {
    font-family: 'gt_walsheimlight', sans-serif;
}

.tableheading {
    height: 46px !important;
    font-size: 13px;
}

.nav-tabs > li {
    margin-bottom: 0px !important;
}

.add-dr-btn {
    background: #F58220;
    width: 135px !important;
    height: 35px !important;
    font-size: 15px !important;
    float: right;
    /*margin: 0 15px 0 0;*/
    background: #029493;
    border: none;
    color: #fff;
}

.searchrow {
    width: 542px;
}

.LabTemplate {
    color: #888888;
    padding-left: 30px;
    padding-top: 0px;
}

    .LabTemplate .LabName {
        margin-left: 0px;
        color: #26a792;
        padding-top: 0px !important;
    }

    .LabTemplate .LabAddress1 {
        margin-left: 0px;
        white-space: normal;
        padding-top: 0px !important;
    }

    .LabTemplate .LabAddress2 {
        padding-top: 0px !important;
    }

.PharmaName {
    margin-left: 0px;
    padding-top: 0px !important;
    color: #26a792;
}

.form_wrapper {
    padding: 0px 15px;
}

em {
    color: red;
}

.searchByResultTEst span {
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: left;
    display: inline-block;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 31% !important;
}

.fclosepopup {
    font-size: 26px;
    margin-top: -28px;
    margin-right: -14px;
    color: white;
}

.gender {
    float: left;
    margin-right: 10px;
}

.norecords {
    color: #b3b3b3;
    font-size: 15px;
    margin-top: 50px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    /* font-weight: 300;*/
}

    .norecords img {
        margin-bottom: 10px;
    }

a#close_popup_2 {
    position: absolute;
    top: 11px;
    right: 0px;
}

.browse-btn-label {
    overflow: hidden;
    position: relative;
    padding: 10px;
    background-color: #eeeeee;
    color: #259a9a;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}

    .browse-btn-label [type=file] {
        cursor: inherit;
        display: block;
        font-size: 999px;
        filter: alpha(opacity=0);
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.btn-clear-all:hover {
    color: #fff;
}

.tabs-header.new-tabs {
    text-align: left;
    position: static !important;
    padding: 0;
}

.apptlist-calendar li {
   /* width: 160px !important;*/
    width: 100px !important;
}

.tabs-header.new-tabs li {
    float: none;
    display: inline-block;
    margin: 0px;
    width: auto;
    max-width: 100%;
    clear: both;
    border: 1px solid #e7e7e7;
    text-align: center;
    background-color: #fff !important;
    border-radius: 2px;
}

    .tabs-header.new-tabs li.active {
        /*border: 1px solid #ddd;*/
        /*border-top: 2px solid orange;*/
        border-bottom: 1px solid #fff;
    }

.moreinvestigation li {
    width: 100% !important;
}

.findinds-dropdown {
    max-width: 192px !important;
}

.tabs-header.search-pat li a {
    padding: 10px 19px !important;
}

.tabs-header.new-tabs li a {
    padding: 5px 14px;
   /* padding: 10px 14px;*/
    transition-duration: .2s;
    margin-right: 0px;
    font-size: 12px;
    color: #2b2b2b;
    border: none !important;
    border-radius: 0;
    font-weight: 600;
    border-right: 1px solid #e7e7e7;
    display: block;
    /*background-color: #428bca;*/
}

.tabs-header.new-tabs li:hover {
    background-color: #6ae2c8;
    color: #484848;
    font-weight: 600;
    /*border-top: 2px solid orange;
border-bottom: 1px solid #ddd;*/
    /*border-bottom: 2px solid #FFA500 !important;
box-shadow: inset 0 -3px #08a5ec;
-moz-box-shadow: inset 0 -3px #08a5ec;
-webkit-box-shadow: inset 0 -3px #08a5ec;*/
}

.tabs-header.new-tabs ul {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.tabs-header.new-tabs li.active > a {
    background-color: #0f6860;
    color: #fff;
    font-weight: 600;
    /*border-bottom: 2px solid #6899ac !important;
border-top: none !important;*/
    /*box-shadow: inset 0 -3px #08a5ec;
-moz-box-shadow: inset 0 -3px #08a5ec;
-webkit-box-shadow: inset 0 -3px #08a5ec;*/
}

.tabs-header.new-tabs .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
    box-shadow: none;
    padding-top: 10px;
    position: relative;
}

.icon-app-cancel:before {
    content: "\e901";
    font-size: 12px;
}

.icon-Settings:before {
    content: "\e90d";
}

.icon-app-start:before,
.icon-app-billing:before {
    font-size: 16px;
}

.app-td-icon,
.app-td-sp-icon,
.app-td-cl-icon,
.app-td-bg-icon {
    float: left;
    border: 1px solid #13a89e;
    width: 30px;
    height: 30px;
    line-height: 32px;
    color: #13a89e;
    font-size: 14px;
    border-radius: 50%;
    font-weight: bold;
    background: #fff;
    transition: background 200ms, border 200ms, box-shadow 200ms, color 200ms;
    margin: 0 0 0 5px;
    text-align: center;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}

#close_popup,
#close_popup_2 {
    width: 30px;
    height: 30px;
    line-height: 36px;
    color: #fff;
    margin: 0;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

    #close_popup .icon-app-cancel:before {
        font-size: 16px;
    }

.appmain-icon i {
    font-size: 16px !important;
}

.app-td-icon i {
    line-height: 28px;
    vertical-align: middle;
    display: block;
}

.ap-iv {
    padding: 0;
    line-height: 29px;
}

.app-pa-name {
    text-align: left !important;
}

    .app-pa-name a {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600;
        color: #000;
        display: block;
        -webkit-transition: .5s ease-in;
        transition: .5s ease-in;
    }

        .app-pa-name a:hover {
            color: #08a5ec;
        }

.appintment_view_pane {
    padding: 10px;
    /*background: #fff;*/
    /*border: 1px solid #e1e1e1;*/
    border-radius: 5px;
    padding-left: 0;
    padding-right: 0;
}

.dropdown-menu a i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.sel-hos-box {
    /*width: 50%;*/
    float: left;
}

.app-date {
    position: relative;
    float: left;
    /*  width: 49%;*/
    /*margin-left: 2%;*/
}

    /*.sel-doc-box {
    float: left;
    margin-left: 2%;
}
*/
    .app-date i.icon-Calendar {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #b2b2b2;
        font-size: 19px;
    }

/*radio buttons*/
.genderradio input[type="radio"] {
    position: absolute;
    right: 9000px;
}

.genderradio span {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 14px;
}

.genderradio input[type="radio"] + .label-text:before {
    content: "\";
    font-family: "Font Awesome 5 Free";
    speak: none;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

.head-default-eh {
    background-color: #ddd;
    font-weight: 600;
    color: #434343;
}

    .head-default-eh:hover {
        background-color: #ddd !important;
        cursor: context-menu;
        color: #434343 !important;
    }

.genderradio input[type="radio"]:checked + .label-text:before {
    content: "\f192";
    color: #13a89e;
    animation: effect 250ms ease-in;
    font-weight: 500;
}

.cal-day-box .cal-row-fluid:hover {
    background-color: #3a647f !important;
}

[class*=cal-cell]:hover {
    background-color: #3a647f !important;
    color: #ffffff !important;
}
/*billing table*/

.billing-table thead tr {
    background-color: #7b8e9f;
}

.popover-editbill > .popover {
    width: 400px;
    margin-top: 0 !important;
    bottom: 0;
    max-width: 400px;
}

.billing-table thead tr th {
    background-color: #3a647f;
    border-bottom: none;
    color: #fff !important;
    padding: 8px 10px !important;
    /*text-align: left !important;*/
}

.billing-table tbody > tr > td {
    padding: 15px;
    text-align: left !important;
}

.billing-table .form-control {
    display: inline-block;
    /*width: 50%;*/
    height: 30px;
    padding: 0 12px;
}

.billing-table > tbody + tbody {
    border-top: 1px solid #ddd;
}

.setting-wrap select.form-control {
    height: 34px;
    font-size: 13px;
    padding: 0 5px;
    border: 1px solid #dedede;
    box-shadow: none;
    color: #646464;
    width: 100%;
}

.c-pwd-wrap {
    background: #fff !important;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 20px 0;
}

    .c-pwd-wrap h4 {
        font-size: 13px;
        margin: 0 0 20px;
        /*font-family: 'Poppins', sans-serif !important;*/
        font-weight: 500;
    }

    .c-pwd-wrap .error-msg {
        margin: 0 0 10px;
    }

textarea {
    resize: none;
}

.add-np h3 {
    padding: 15px;
    margin: 0;
    font-size: 15px;
    color: #fff;
}

.cal-row-head {
    border-bottom: none !important;
}

.cal-day-box .cal-row-head {
    border: none !important;
}

.app-row .form-group {
    margin-bottom: 0;
}


.meal-group .btn:focus,
.switch-toggle input:focus,
.pg-prescription .btn-group .btn {
    outline: none !important;
}

.profile-avatar-image img, .profile-avatar-image > div > img {
    border-radius: 50%;
    width: 30px;
    display: block;
    height: 30px;
    background-size: cover;
    object-fit: contain;
    border: 1px solid #d1bbbb;
}

.profile-avatar-image {
    border-radius: 100px;
    color: #fff;
    display: inline-table;
    /*float: left;*/
    height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

    .profile-avatar-image span {
        display: table-cell;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        vertical-align: middle;
        border-radius: 50%;
        line-height: normal;
    }

.profile-show {
    min-height: 30px;
    display: flex;
    padding: 5px;
    align-items: center;
}

.profile-head {
    height: 55px !important;
}

.profile-show span {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 1;
    font-weight: 600;
    position: relative;
}

.apptlist-calendar li:first-child {
    margin-left: 0;
    background-color: #fff;
    border-radius: 50px 0px 0px 50px;
    border-right: 1px solid #e7e7e7;
}

.apptlist-calendar li:last-child {
    margin-left: 0;
    background-color: #fff;
    border-radius: 0px 50px 50px 0px;
    border-right: 1px solid #e7e7e7;
}


.cal-day-box .day-highlight.dh-event-info {
    color: #fff !important;
    border: 1px solid #fff !important;
    background: #6bcb66 !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.event-item {
    color: #fff;
}

.cal-slide-content ul li a i {
    color: #08a5ec !important;
}

::-webkit-input-placeholder {
    color: #969191;
    font-weight: 400;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #969191;
    font-weight: 400;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #969191;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #969191;
    font-weight: 400;
}

/*Browse Btn*/
button.btn-browse,
a.btn-browse,
input.btn-browse {
    border: 1px solid #dbe0e2;
    color: #000000;
    background-color: #fff;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
}

.btn-browse:before {
}

.btn-browse:hover,
.btn-browse:focus,
.btn-browse:active {
    color: #08a5ec;
    background: #edf3f7 !important;
}

.btn-primary:before {
    /*content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ff831b;
border-radius: 4px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;*/
}

button.btn-grey,
input.btn-grey,
a.btn-grey {
    /*color: #FFF;
border-radius: 4px;
background: #c6c6c6 !important;
border-color: #c6c6c6;
border: 0px !important;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;*/
    border: 2px solid #e45633;
    background: #fff;
    color: #e45633;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 6px 15px 4px;
    min-width: 100px;
}

.btn-grey:before {
    /*content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #B3B3B3;
border-radius: 4px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;*/
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active {
    color: #fff;
    background-color: #e45633;
}

.appoint-status {
    color: #000;
    text-decoration: none;
}

    .appoint-status:hover {
        color: #000;
    }

.form-lable .control-label {
    margin-top: 5px !important;
}

.select-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    padding-right: 15px !important;
    height: 26px;
    font-weight: 600;
}

    .select-dropdown:after {
        background-image: url("../img/icon-drop-arrow.png");
        content: "";
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        right: 5px;
        width: 15px;
        height: 15px;
        top:5px;
    }


.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

    .checkbox-custom + .checkbox-custom-label:before {
        content: '';
        background: #fff;
        border: 1px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        padding: 2px;
        margin: -4px 0 0;
        text-align: center;
    }

    .checkbox-custom:checked + .checkbox-custom-label:before {
        background: #F37426;
        box-shadow: inset 0px 0px 0px 4px #fff;
    }


.tabs-header h5 {
    /*font-family: 'Poppins', sans-serif !important;*/
    /*color: #666;*/
    font-size: 13px;
    font-weight: 600;
    margin: 20px 0 0 0;
}

.tabs-header h6 {
    font-size: 12px;
    margin: 7px 0 15px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.modal-header {
    border-bottom: none !important;
}

.modal-title {
    font-size: 15px;
    line-height: 30px;
}

.modal-content > .modal-header, .modal-content > editpatient-directive > .modal-header {
    background: #13a89e;
    padding: 5px 20px;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-footer {
    margin-top: 0;
    padding: 10px 15px 10px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
}

.mw-100 {
    min-width: 100px;
}

input.btn-filled,
button.btn-filled,
a.btn-filled {
    border: 2px solid #1abc9c;
    background: #fff;
    color: #1abc9c;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 8px 15px 6px;
    min-width: 100px;
    line-height: normal;
}

    input.btn-filled:hover,
    button.btn-filled:hover,
    a.btn-filled:hover {
        color: #fff;
        background-color: #1abc9c;
        border-color: #1abc9c !important;
    }

.event {
    width: 10px;
    height: 10px;
}

.modal-dialog {
    /*width: 600px;*/
    /*margin: 120px auto !important;*/
    margin-top: 80px !important;
}

.pr-header a {
    margin-right: 18px;
}

[class*="ctrl-"] {
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #00b0ff;
}

.medicine-frequencysearch .dropdown-menu {
    height: auto;
    overflow-y: scroll;
    max-height: 300px;
}

.pg-prescription .dropdown-menu {
    height: 300px;
    overflow-y: scroll;
}

    .pg-prescription .dropdown-menu a {
        text-overflow: ellipsis;
        width: 99%;
        overflow: hidden;
        white-space: nowrap;
    }

body .cal-week-box.cal-day-box .cal-row-head {
    padding-left: 106px !important;
}

.pop-st-head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #3a647f;
    color: #fff;
    font-size: 16px;
    padding: 12px;
    margin: 0;
    text-align: left;
}

.tab-line {
    border-bottom: 1px solid #dbdbdb;
    margin: 0 15px;
}

.form-control:-ms-input-placeholder {
    color: #f00;
    font-family: 'Poppins', sans-serif !important;
    color: #d2d2d2;
}

#example td.edit-hide {
    cursor: default;
    background: transparent !important;
}

.text-white {
    color: #fff !important;
}

.Popudate-details p strong {
}


.flight {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 16px;
}

.lab-test-reports-inner table {
    table-layout: fixed;
}

.t-sheet {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.no-record-wrap {
    margin: 50px 0 0;
    text-align: center;
}


.pa-vital-info {
    font-weight: bold;
    color: #56799e;
}

.pa-me-cell {
    padding-bottom: 6px;
    overflow: hidden;
    margin: 0 15px;
}

    .pa-me-cell:nth-child(1) {
        border: none;
    }

    .pa-me-cell:nth-child(2) {
        border-top: 1px solid #e7e7e7;
    }

    .pa-me-cell:nth-child(3) {
        border-top: 1px solid #e7e7e7;
    }

    .pa-me-cell:nth-child(4) {
        border-top: 1px solid #e7e7e7;
    }

    .pa-me-cell:nth-child(5) {
        border-top: 1px solid #e7e7e7;
    }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

#maineHnoteLoader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: transparent;
    opacity: 1;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    /* -1 * image width / 2 */
    margin-top: -32px;
    /* -1 * image height / 2 */
    display: block;
    width: 55px;
}

.re-cash-total {
    font-size: 20px;
    font-weight: bold;
}

.pg-prescription .dropdown-menu,
.lab-main-wrap .dropdown-menu {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
}

    .pg-prescription .dropdown-menu a,
    .lab-main-wrap .dropdown-menu a {
        text-overflow: ellipsis;
        width: 99%;
        overflow: hidden;
        white-space: nowrap;
    }
/*alertify confirm*/

.txt-centre {
    display: block;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    font-weight: 500;
    background-color: #1C313F;
    color: #FFF;
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #3a647f;
    color: white;
    text-align: center;
}

.txt-body-centre {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    text-align: center;
    color: #000000;
    margin: 20px 0px;
    padding: 5px;
    line-height: 20px;
}

.alertify .dialog nav {
    text-align: center;
    padding: 15px;
}

.app-name-pp h6 {
    font-size: 16px;
}

.app-res-date {
    position: relative;
}

    .app-res-date i {
        left: 140px;
        top: 29px;
        position: absolute;
    }

.not-available {
    font-size: 12px;
    color: #ccc;
}



.checkbox-custom-label {
    float: left;
    font-weight: normal !important;
    position: relative;
    margin: 0px 0 0;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 5px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.next-tocir {
    border-radius: 100px !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    vertical-align: middle !important;
    text-align: center !important;
    outline-style: none !important;
    /*background-color: #1BB3B4 !important;*/
    border: 1px solid #1BB3B4;
}

    .next-tocir:hover {
        border: 1px solid #2bbb94;
        color: #2bbb94;
        transition-duration: 0.4s;
        background-color: #fff;
        transition-delay: 0.2s;
    }

    .next-tocir i {
        font-size: 16px;
        line-height: 28px;
        position: relative;
        left: 1px;
    }

.radio-custom:checked + .radio-custom-label:before {
    background: #f57104;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.nlyforscrool::-webkit-scrollbar {
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 6px 10px;
    vertical-align: middle;
    position: relative;
    color: #000;
    font-weight: 600;
}

.indiv_form .asterick,
.asterick {
    color: red !important;
}

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

.font-weight-400 {
    font-weight: 400;
}

.app-ref-btn {
    color: #000;
    font-size: 13px;
    display: inline-block;
    margin-left: 3px;
}

.no-data span {
    display: block;
    margin-top: 5px;
}

.vision-height {
    height: 100px;
    min-height: 150px;
}
/* Register Patient */
.global-white-bg {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    /*margin: 0 197px 20px 197px;
padding: 25px 30px 20px 25px;*/
    /*width: 900px;
margin: 0 auto;*/
    padding: 25px 25px;
}

    .global-white-bg .add-membership-box {
        /* border: 1px solid #e6e6e6; */
        /* height: 444px; */
        background: #fafafa;
    }

        .global-white-bg .add-membership-box h5 {
            color: #505050;
            margin-top: 0;
            /*font-family: 'Poppins', sans-serif !important;*/
            font-weight: 500;
        }

        .global-white-bg .add-membership-box .pa-reg-name {
            width: 65%;
            float: left;
        }

    .global-white-bg .memb-pro-photo {
        position: absolute;
        top: -10px;
        border-radius: 100%;
        width: 56px;
        border: 2px solid #22ae81;
        height: 56px;
        right: 55px;
        background: #ffffff;
    }

    .global-white-bg .photo-upload {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .global-white-bg .memb-pro-photo .profile-avatar img {
        width: 50px;
        height: 50px;
    }

    .global-white-bg .profile-avatar img {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        margin: 1px;
    }

    .global-white-bg .photo-upload-label {
        background: url("../img/new-img/icon-edit.png") no-repeat 0 0;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .global-white-bg .vip-txt {
        position: absolute;
        left: -20px;
        top: 17px;
        background: #ffdd00;
        color: black;
        border-radius: 4px;
        padding: 2px 5px;
        font-weight: bold;
        font-size: 12px;
        line-height: normal;
    }

    .global-white-bg .photo-upload-input {
        position: absolute;
        left: 0;
        top: 2px;
        right: 0;
        bottom: 0;
        font-size: 1px;
        width: 0;
        opacity: 0;
        height: 16px;
        width: 16px;
        cursor: pointer;
    }

    .global-white-bg .form-wrap {
        /*  overflow: hidden; */
        margin-bottom: 10px;
    }

    .global-white-bg .add-membership-box label {
        display: block;
        font-size: 12px;
        color: #000000;
        padding-bottom: 2px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        left: 5px;
        /*top: 33px;*/
    }

    .global-white-bg .add-membership-box .viplbl {
        display: inline;
        font-size: 13px;
        color: #777;
        padding-bottom: 5px;
        /*font-family: 'Poppins', sans-serif !important;*/
        font-weight: 500;
    }

    .global-white-bg .add-membership-box .pa-title {
        width: 15%;
        float: left;
        margin-right: 5px;
    }

    .global-white-bg .form-input {
        display: block;
        padding: 5px 10px 4px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #000000;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        width: 100%;
    }

    .global-white-bg .select-dropdown {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        padding-right: 30px;
        outline: none;
        width: 100%;
        height: 32px;
        font-size: 13px;
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background-image: url("../img/icon-drop-arrow.png");
        background-repeat: no-repeat;
        background-position: right center;
    }

    .global-white-bg .add-vip-member {
        float: left;
        margin: 6px 0 0 10px;
    }

    .global-white-bg .common-checkbox input[type="checkbox"] {
        display: none;
    }

    .global-white-bg .patient-member {
        background-color: #fff4e5;
        padding: 15px;
        margin-bottom: 11px;
    }

    .global-white-bg .add-family-member {
        background-color: #fff4e5;
        padding: 15px;
        margin-bottom: 11px;
    }

    .global-white-bg .registration-accordion .registration-radio {
        display: none;
    }

    .global-white-bg .patient-member h3 {
        color: #777777;
        font-size: 13px;
        margin: 0;
        margin-bottom: 15px;
    }

    .global-white-bg .common-radio-button ul {
        list-style: none;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .global-white-bg .common-radio-button ul li input[type="radio"] {
            position: absolute;
            visibility: hidden;
            margin-top: 0;
            width: 16px;
            height: 16px;
        }

        .global-white-bg .common-radio-button ul li label {
            background-color: transparent !important;
            cursor: pointer;
            color: #777777;
            display: block;
            font-family: 'Poppins', sans-serif !important;
            position: relative;
            padding: 0 15px 0 24px;
            margin: 0px auto;
            height: 16px;
            font-size: 13px;
            line-height: 18px;
            -webkit-transition: all 0.25s linear;
            text-transform: capitalize;
            z-index: 9;
        }

        .global-white-bg .common-radio-button ul li .check {
            background-color: #fff;
            display: block;
            position: absolute;
            border: 2px solid #d3d3d2;
            border-radius: 100%;
            height: 16px;
            width: 16px;
            top: 0;
            left: 0;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .global-white-bg .common-radio-button ul li {
            position: relative;
            float: left;
        }

    .global-white-bg .registration-accordion input:checked + label {
        background: #f5f5f5;
    }

    .global-white-bg .registration-accordion label:first-child {
        margin-top: 0px !important;
    }

    .global-white-bg .registration-accordion label {
        color: #777777;
        display: block;
        line-height: 21px;
        font-size: 13px;
        font-weight: 500;
        background: #f5f5f5;
        cursor: pointer;
        text-transform: uppercase;
        /*position: relative;*/
        /*font-family: 'Poppins', sans-serif !important;*/
        padding: 12px 20px;
    }

        .global-white-bg .registration-accordion label:after {
            background-image: url("../img/new-img/accordion-arrow.png");
            background-repeat: no-repeat;
            content: '';
            position: absolute;
            width: 13px;
            height: 9px;
            top: 50%;
            right: 20px;
            margin-top: -4.5px;
            transition: .7s transform;
        }

    .global-white-bg .registration-accordion input:checked + label:after {
        transform: rotate(180deg);
    }

    .global-white-bg .registration-accordion label:last-child {
        margin-right: 0;
    }

    .global-white-bg .registration-accordion article {
        height: 0;
        /*overflow: hidden;*/
        position: relative;
        margin-bottom: 0;
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        /*  -webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out; */
        visibility: hidden;
        filter: alpha(opacity=0);
    }

    .global-white-bg .registration-accordion div > input:checked {
        padding-bottom: 15px;
    }

    .global-white-bg .registration-accordion div {
        /* margin-bottom: 10px; */
    }

        .global-white-bg .registration-accordion div > input:checked ~ article {
            height: auto;
            opacity: 1;
            visibility: visible;
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            filter: alpha(opacity=100);
        }

    .global-white-bg .registration-accordion .accordion-content {
        border-bottom: 2px solid #f5f5f5;
        border-left: 2px solid #f5f5f5;
        border-right: 2px solid #f5f5f5;
        padding: 15px 12px;
        margin-bottom: 0;
        background: #fafafa;
    }

    .global-white-bg .accordion-content h5 {
        color: #777777;
        margin-bottom: 8px;
        margin-top: 0;
    }

    .global-white-bg .accordion-form {
        margin-bottom: 18px;
    }

        .global-white-bg .accordion-form:last-child {
            margin-bottom: 0;
        }

    .global-white-bg .accordion-addrow {
        position: relative;
        margin-bottom: 11px !important;
        /*  margin-right: 25px; */
    }

        .global-white-bg .accordion-addrow:last-child {
            margin-bottom: 0 !important;
        }

        .global-white-bg .accordion-addrow img {
            position: absolute;
            right: -25px;
            top: 50%;
            margin-top: -7px;
        }

    .global-white-bg .page-header {
        margin: 0;
        background-color: #08a5ec;
        color: white;
        padding: 1px 15px;
        border: 1px solid #08a5ec;
    }

        .global-white-bg .page-header h4 {
            font-size: 12px;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 500;
        }

    .global-white-bg .panel-body {
        color: #fafafa;
        border: 2px solid #f5f5f5;
    }

    .global-white-bg .pa-lline,
    .pa-stdcode,
    .pa-eno {
        float: left;
        margin-left: 2%;
    }

    .global-white-bg .pr-w-45 {
        width: 45%;
    }

    .global-white-bg .pr-w-10 {
        width: 10%;
    }

    .global-white-bg .pr-w-25 {
        width: 25%;
    }

    .global-white-bg .memb-dob i.fa-date {
        position: absolute;
        right: 20px;
        top: 33px;
    }

    .global-white-bg .fa-date {
        background: url(../img/icon-calendarnew.png) no-repeat 0 0;
        height: 18px;
        width: 18px;
    }

    .global-white-bg .fa-name {
        background: url(../img/new-img/name.png) no-repeat 0 0;
        float: left;
        width: 20px;
        height: 21px;
        position: relative;
        top: 25px;
        right: -10px;
    }

    .global-white-bg .fa-dob {
        background: url(../img/new-img/dob.png) no-repeat 0 0;
        float: left;
        width: 23px;
        height: 21px;
        position: relative;
        top: 25px;
        right: -10px;
    }

    .global-white-bg .fa-gender {
        background: url(../img/new-img/gender.png) no-repeat 0 0;
        float: left;
        width: 21px;
        height: 21px;
        position: relative;
        top: 25px;
        right: -10px;
    }

    .global-white-bg .fa-blood {
        background: url(../img/new-img/blood.png) no-repeat 0 0;
        float: left;
        width: 21px;
        height: 21px;
        position: relative;
        top: 25px;
        right: -20px;
    }

    .global-white-bg .fa-number {
        background: url(../img/new-img/number.png) no-repeat 0 0;
        float: left;
        width: 20px;
        height: 21px;
        position: relative;
        top: 25px;
        right: -10px;
    }

    .global-white-bg .fa-email {
        background: url(../img/new-img/email.png) no-repeat 0 0;
        float: left;
        width: 21px;
        height: 21px;
        position: relative;
        top: 27px;
        right: -10px;
    }

    .global-white-bg .acc-lbl-conadress {
        background: #e8f8f6 !important;
    }

    .global-white-bg .acc-lbl-addetails {
        background: #ffeded !important;
    }

    .global-white-bg .acc-lbl-emg {
        background: #ebf3fb !important;
    }

    .global-white-bg .accordion-addrow input,
    .global-white-bg .accordion-addrow select,
    .global-white-bg .accordion-addrow textarea {
        width: 100%;
    }

    .global-white-bg .phne-add-btn {
        color: #63c29c;
        font-size: 25px;
        font-weight: bold;
        /* padding: 5px 10px;
margin: 2px; */
    }

    .global-white-bg .lbl-or {
        color: #000 !important;
        position: relative;
        top: 30px;
        right: 0px;
    }

    .global-white-bg .reg-req-fields {
        text-align: right;
        font-style: italic;
        font-size: 12px !important;
        color: #777777 !important;
        font-family: 'proxima_novaregular' !important;
    }

    .global-white-bg h3.reg-header {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        margin: -10px 0 10px;
        font-size: 18px;
    }

    .global-white-bg .reg-patient-grey-txt {
        font-size: 12px;
        color: #777777;
        text-align: center;
    }

    .global-white-bg .txt-center {
        text-align: center;
    }

    .global-white-bg .accordion-content span {
        text-transform: uppercase !important;
        font-size: 12px;
        color: black;
        padding-bottom: 5px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
    }

    .global-white-bg .emg-contact-acc .row {
        margin-bottom: 0px !important;
    }

    .global-white-bg .emg-contact-acc .phne-add-btn {
        color: #63c29c;
        font-size: 25px;
        font-weight: bold;
        padding: 5px 10px;
        margin: 2px;
    }

    .global-white-bg .registration-right-side .emg-contact-acc .phne-add-btn {
        padding: 5px 2px;
        margin: 2px;
    }

    .global-white-bg .reg-pat-btn {
        margin: 50px 0px 0px 0px;
    }

    .global-white-bg .popover.top > .arrow {
        bottom: 41px;
        left: 24%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: #ff6a6a;
        border-bottom-width: 0;
        transform: rotate(178deg);
    }

    .global-white-bg .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

    .global-white-bg .popover > .arrow,
    .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .global-white-bg .popover {
        position: absolute;
        top: 0;
        left: 0;
        /*  z-index: 1060; */
        z-index: 99;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        background-color: #ff6a6a;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgb(255, 106, 106);
        border-radius: 2px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        line-break: auto;
        left: 185px;
        display: block;
        top: 121px;
    }

        .global-white-bg .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #ff6a6a !important;
            border-bottom-width: 0;
        }

    .global-white-bg .popover-content {
        padding: 3px 7px;
        background: #ff6a6a;
        color: white;
        font-size: 12px;
    }

.acc-lbl-conadress,
.acc-lbl-addetails,
.acc-lbl-emg {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #000000 !important;
    font-weight: 500;
}

.global-white-bg .popover-inner:after {
    content: " ";
    top: -7px;
    left: 8px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff6a6a;
}

.global-white-bg .popover-inner {
    position: relative;
}

.global-white-bg input:focus,
.global-white-bg textarea:focus {
    /*  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(253, 250, 168); */
    background: #f4f4f4;
    transition: all 0.8s;
}

.global-white-bg input:focus,
.global-white-bg textarea:focus,
.global-white-bg select:focus {
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(253, 250, 168);  */
    background: #f4f4f4;
    transition: all 0.8s;
    outline: none;
}

.global-white-bg .registration-accordion .first-tab,
.global-white-bg .registration-accordion .second-tab {
    margin-bottom: 10px;
}

.global-white-bg input.checkbox[type=checkbox]:checked ~ .lbl:before,
input.radio[type=radio]:checked ~ .lbl:before {
    border: 1px solid #22ae81;
    background-color: #ffffff !important;
    background: url(../img/new-img/checked.png) 12px 12px no-repeat #22ae81;
    background-position: 3px 4px !Important;
    height: 17px !important;
    min-width: 17px !important;
}

.global-white-bg input.checkbox[type=checkbox]:checked ~ .lbl:before {
    background-color: #ffffff;
}

.global-white-bg input.checkbox[type=checkbox] ~ .lbl:before,
input.radio[type=radio] ~ .lbl:before {
    height: 17px !important;
    min-width: 17px !important;
    border: 1px solid #22ae81;
}

.global-white-bg select:focus option:checked:hover {
    background-color: rgb(53, 140, 61) !important;
}


.global-white-bg option {
    font-family: 'proxima_novaregular' !important;
    line-height: 20px;
    border-bottom: 1px solid grey !important;
}



.re-up-photo-info {
    width: 100%;
    height: 260px;
    background-color: #e9eef2;
    border: 1px dashed #92a1af;
    text-align: center;
}

    .re-up-photo-info p {
        color: #a5a8ab;
        padding: 130px 0;
        font-size: 12px;
    }

.global-white-bg .registration-right-side .third-tab .pa-reg-name {
    border-left: 0px;
}

.medicine-setting {
    /*padding: 20px 0;*/
}

    .medicine-setting th {
        text-align: left;
    }

.med-set-page table th {
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    left: -4px;
}

.med-set-page .add-plus-button a {
    color: #fff;
    height: 31px;
    padding: 0 20px;
    line-height: 32px;
    font-size: 16px;
}

.med-set-page .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #ff6a6a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgb(255, 106, 106);
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto;
    top: 133px;
    left: 121px;
}

    .med-set-page .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #ff6a6a;
        border-bottom-width: 0;
    }

    .med-set-page .popover > .arrow,
    .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .med-set-page .popover.top > .arrow {
        bottom: 20px;
        left: 19%;
        margin-left: -28px;
        border-top-color: #ff6a6a;
        border-bottom-width: 0;
        transform: rotate(178deg);
    }

    .med-set-page .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.med-set-page .popover-content {
    padding: 3px 7px;
    background: #ff6a6a;
    color: white;
    font-size: 12px;
}

.med-set-page .popover-inner:after {
    content: " ";
    top: -7px;
    left: 8px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff6a6a;
}

.med-set-page .popover-inner {
    position: relative;
}

.med-set-page input:focus,
.med-set-page textarea:focus {
    background: #f4f4f4;
    transition: all 0.8s;
}

.med-set-page .set-med-search {
    padding: 10px 10px;
    font-size: 15px;
}

.medicine-setting .form-lable {
    margin-bottom: 5px;
}

.a-popup {
    text-align: center;
    display: inline-block;
    padding: 2px 0px 0;
    color: #f37224;
    position: absolute;
    top: -30px;
    right: 0;
    border-bottom: 1px solid #f37224;
}

    .a-popup:hover {
        color: #f37224;
    }

.abt-test-pop {
    text-align: center;
    display: inline-block;
    padding: 2px 0px 0;
    color: #f37224 !important;
    position: absolute;
    top: -30px;
    right: 0;
    border-bottom: 1px solid #f37224;
}

    .abt-test-pop:hover,
    .abt-test-pop:visited,
    .abt-test-pop:focus {
        color: #f37224 !important;
    }

    .abt-test-pop:focus {
        text-decoration: none;
    }

.lab-prev-inner {
    height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px 0 0;
    margin-right: -10px;
}

.position-btm {
    border-top: 1px solid #ededed;
    position: absolute;
    bottom: 0;
    width: 94%;
    height: 65px;
}

    .position-btm button {
        margin-top: 15px;
    }


.pg-prescription .btn-group .btn {
    border-radius: 0;
    float: left;
    padding: 6px 15px;
    border-right: none;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .pg-prescription .btn-group .btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #08a5ec;
        border-radius: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .pg-prescription .btn-group .btn:hover,
    .pg-prescription .btn-group .btn:focus,
    .pg-prescription .btn-group .btn:active {
        color: white;
    }

        .pg-prescription .btn-group .btn:hover:before,
        .pg-prescription .btn-group .btn:focus:before,
        .pg-prescription .btn-group .btn:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

/*.input-group-btn > .btn {
    padding: 2px 5px !important;
}*/

.btn {
    /*display: inline-block;*/
    padding: 1px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-image: none;
border: 1px solid transparent;*/
    border-radius: 3px;
    opacity: .999;
    position: relative;
    opacity: .999;
}



.meal-group .btn:hover {
    background: #00b0ff;
    border-color: #00b0ff;
}

.meal-group span.active button {
    background: #00b0ff;
    border-color: #00b0ff;
    color: #fff;
}

.btn-meal-group:hover,
.btn-meal-group:focus,
.btn-meal-group:active,
.btn-meal-group.active,
.open .dropdown-toggle.btn-meal-group {
    color: #fff;
    background-color: #2C2E2D;
    border-color: #2C2E2D;
}

.meal-group .btn-meal-group {
    color: #4f5153;
    background-color: #e9eef3;
    border-color: #bccbda;
    margin: 22px 0 0;
    font-size: 11px;
    float: left;
    padding: 7px 5px !important;
}

.btn-meal-inline {
    white-space: normal !important;
    width: 45%;
    padding: 0 !important;
}

.btn-clear-all {
    float: right;
    font-size: 12px;
    color: #f00;
    border-bottom: 1px solid #f00;
}

    .btn-clear-all:hover,
    .btn-clear-all:focus {
        color: #f00;
        text-decoration: none;
    }

table.medicine-table h3 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 5px;
}

.presc-inner {
    height: 350px;
    overflow-y: auto;
    padding: 0 10px 0 0;
}

.presctemp {
    height: 434px;
    background-color: #fff;
    position: relative;
}

.norecords-found {
    color: #b3b3b3;
    font-size: 15px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.labtemplatetab {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.testnamesearchbox {
    padding-right: 35px;
}

.presc-position-btm {
    border-top: 1px solid #ededed;
    position: absolute;
    padding: 10px 0 13px;
    bottom: 25px;
    width: 87%;
}


.medicine-text img {
    height: auto !important;
    width: 150px !important;
}

.dosage-plus,
.dosage-minus {
    width: 22px !important;
}

.select-dr {
    float: left;
    margin-left: 10px;
}

.report-details-wrap td {
    font-size: 12px !important;
}

.careteam-lab-address {
    width: 20%;
}

.blood-grp-select {
    width: 155px !important;
}


.email-error {
    left: 71px !important;
    top: 412px !important;
}

.reg-num-error {
    left: 288px !important;
    top: 330px !important;
}

.occ-error {
    top: 64px !important;
    left: 17px !important;
}

.emg-con-errormsg {
    top: 195px !important;
    left: 150px !important;
}


.emg-relation-err {
    top: 138px !important;
    left: 15px !important;
}

.emg-name-error {
    top: 80px !important;
    left: 118px !important;
}

.contactadd-add-error {
    top: 100px !important;
    left: 15px !important;
}

.add-edu-error {
    top: 66px !important;
    left: 15px !important;
}

.add-marital-error {
    top: 65px !important;
    left: 16px !important;
}

.add-referal-error {
    top: 65px !important;
    left: 17px !important;
}

.reg-patname-error {
    left: 172px !important;
    top: 128px !important;
}

.third-tab .accordion-content {
    height: 212px;
}

.reg-mnth-drpdwn {
    width: 100% !important;
}

.global-white-bg em {
    color: red;
    font-size: 16px;
    vertical-align: inherit;
}

.global-white-bg .reg-req-fields em {
    color: red;
    font-size: 16px !important;
    vertical-align: inherit;
}

.photo-lbl-popup {
    color: white !important;
    margin: 15px 0px;
    font-size: 14px !important;
    text-transform: capitalize !important;
    font-weight: 500;
    position: relative;
    top: 0px;
    /*left: 81px !important;*/
}

.photo-input-popup {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 16px;
    left: 66px;
    z-index: 999;
    cursor: pointer;
}

.upload-icon {
    position: absolute;
    top: 138px;
    left: 155px;
}

.take-photo-btn {
    width: 50px;
    height: 50px;
    background: #E06317;
    display: block;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 99;
    margin-left: -25px;
}

.choose-local-storage {
    margin-bottom: 5px;
}

.form-input {
    display: block;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
    border: 1px solid #b1b1b1;
    width: 100%;
    height: 30px !important;
}

    .form-input:focus {
        background: #f4f4f4;
        transition: all 0.8s;
        outline: none;
    }

.set-inner-wrap {
    position: relative;
    padding: 15px 10px 15px 0;
    background: #fff;
    margin: 15px auto;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    overflow: hidden;
}

.set-inner-box ul {
    padding: 0 10px;
    margin: 0;
}

.set-inner-box li {
    padding: 10px 10px 10px;
    margin: 0;
}

.set-inner-box .settingsData:last-child {
    border-bottom: none;
}


.set-add-new {
    margin-bottom: 20px;
}

    .set-add-new h4 {
        margin-top: 0;
        color: #666;
    }

.set-add-btn {
    width: 100%;
    font-size: 13px;
    padding: 6px 12px 5px !important;
}

.form-inline .form-input {
    display: grid;
    width: auto;
    vertical-align: middle;
}

/*Patients - No records found */
.norecords-found-patients .goback-search {
    text-decoration: underline;
    color: #3db29f;
    margin-top: 20px;
}

.goback-text {
    color: #909090;
    /*font-size: 13px;*/
    /*margin: 20px 0 5px 0;*/
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
}

.goback-text-line1 {
    color: #909090;
    /*font-size: 15px;*/
    font-size: 13px;
    margin: 20px 0 5px 0;
    font-weight: 500;
}

.goback-text-line2 {
    color: #909090;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    /*font-weight: 300;*/
}

.norecords-found-patients img {
    width: 150px !important;
}

.norecords-found-patients {
    margin-bottom: 10px;
    color: #888888;
    font-size: 15px;
    /*margin-top: 100px;*/
    font-weight: 500;
}

.clearfield {
    background: white;
    border: 1px solid #dedede !important;
    border-left: 0px !important;
    border: 1px solid #dedede !important;
    border-left: 0px !important;
}

.patient-search-input:focus,
.search-input:focus {
    border-color: #dedede;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgb(250, 250, 250);
}

.search-patient-field:focus {
    border-color: #ccc;
}

.search-patient-field input:focus {
    background: #f4f4f4;
    transition: all 0.8s;
    outline: none;
}

.search-patient-clearfield {
    position: absolute;
    top: 9px;
    right: 9px;
    background: url(../img/remove-icon.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 9999;
    width: 12px;
    /* margin-left: -40px; */
    text-align: center;
    /* margin-top: -6px; */
    height: 12px;
}

.search-patient-page {
    padding: 25px 0 20px 0;
}

    .search-patient-page .search-input {
        width: 355px;
    }

    .search-patient-page i {
        color: #bdbdbd;
    }

    .search-patient-page .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .3em;
        vertical-align: middle;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
    }

.search-patient-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 13px;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.search-patient-dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.search-patient-page .input-group {
    position: relative;
    width: 100%;
    display: table;
    border-collapse: separate;
}
/*add investigation thumb*/
.invsgtthumb {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 10px;
    width: 150px;
    height: 150px;
    margin-left: 15px;
}

    .invsgtthumb img {
        width: 100%;
        height: auto;
        max-height:130px;
    }

    .invsgtthumb i {
        position: absolute;
        right: 5px;
        bottom: 5px;
        border: 1px solid #868e96;
        background-color: #fff;
        font-size: 15px;
        padding: 6px;
        cursor: pointer;
        color: red;
        border-radius: 5px;
    }

.invstgfile {
    border: 1px solid #d5d5d5;
}

.invsgtthumb i:hover {
    background-color: red;
    color: #fff;
}

.search-patient-page .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.search-patient-page .input-group-addon,
.search-patient-page .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.search-patient-page .btn-secondary {
    color: #373a3c;
    background-color: #fff;
    border-color: #ccc;
    margin: 0 15px 0 0 !important;
}

.search-patient-page button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #dedede !important;
    padding: 12px 20px;
    font-size: 13px;
    border-radius: .25rem;
}

.search-input:focus {
    background: #f4f4f4;
    transition: all 0.8s;
    outline: none;
}

.search-patient-page .input-group-btn select {
    margin-right: 20px;
}

.addcon-box {
    position: relative;
}

    .addcon-box i {
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -8px;
        color: #ccc;
    }

.global-white-bg .reg-mobno {
    width: 245px !important;
    display: inline;
    vertical-align: bottom;
    margin: 0 0 0 1px;
}

.add-con-offer {
    background-color: #e9eef3;
    border: 1px solid #bccbda;
    padding: 15px 10px;
    border-radius: 3px;
    margin-top: 3px;
}

    .add-con-offer h5 {
        margin: 0 0 5px;
        font-size: 15px;
        color: #282828;
    }

    .add-con-offer p {
        color: #646464;
        line-height: 20px;
        margin-bottom: 0;
    }

    .add-con-offer img {
        float: left;
    }

.offer-info {
    width: 85%;
    display: inline-block;
    margin-left: 5%;
}

/* shakthi code for vitals*/
.mr-bt-20 {
    margin-bottom: 20px;
}
/* optho css */
.left-navigation .nav-oph i {
    background: url(../img/nav-icons/icon-img-oph.png) no-repeat center center;
}

.optho-min-box {
    float: none !important;
}

.optho-input-box {
    margin: 0 auto 5px;
    width: 80px !important;
}

.optho-wrap {
    background: white;
    border: 1px solid #b7b7b7;
    padding: 5px 26px;
}

    .optho-wrap form {
        padding: 20px 0px;
    }

.optho-nxt-btn {
    margin: 10px 0px;
}

.h5-bold-txt {
    font-weight: bold;
}

.lbl-toggle {
    font-size: 16px;
    color: #7a7878 !important;
    font-weight: bold;
}

.optho-table th {
    text-align: center;
}

.mar-bt-5 ul li {
    margin-bottom: 5px;
}

.oph-tbl {
    width: 100%;
}

    .oph-tbl th,
    .oph-tbl td {
        text-align: center;
        padding: 5px 3px;
    }

.light-green-tbl-bg td {
    background: #f2fbf7;
    font-weight: bold;
}

.no-tbl-bdr {
    border: 0px none !important;
    background: #FFF !important;
}

/* optho css */

/* GP Review, No Scroll Styles */
.h-no-scroll {
    height: 410px;
    overflow-y: auto;
}

.appintment_view_pane .glyphicon-search {
    font-size: 18px;
}

.h-bukappt-close {
    font-size: 26px;
    color: white;
    position: absolute;
    top: -10px;
    right: 20px;
}


::-webkit-scrollbar {
    width: 12px;
    height: 16px;
    color: #cccccc;
    border-radius: 2px;
    position: absolute;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #929292;
    }

.cal-day-box .cal-day-panel::-webkit-scrollbar {
    width: 12px;
    height: 16px;
}

.cal-day-box .cal-day-panel::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.cal-day-box .cal-day-panel::-webkit-scrollbar-corner {
    background-color: transparent;
}

.cal-day-box .cal-day-panel::-webkit-scrollbar-thumb {
    background-color: #959595;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

.h-cont-fup-btn:hover {
    color: #ffffff;
}

.set-inner-box {
    height: 380px;
    overflow-y: auto;
}

.h-vr-noscroll {
    height: 240px;
    overflow-y: auto;
}

.h-s-ref-noscroll {
    height: 250px;
    overflow-y: auto;
}

.set-med-search {
    position: absolute !important;
    top: 0px;
    right: 0 !important;
    font-size: 16px !important;
}

.h-set-dia-noscroll {
    height: 245px;
    overflow-y: auto;
}

.h-pat-mh-nosrcoll {
    height: 280px;
    overflow-y: auto;
}

/* 16-9-16 */
.h-patlist-noscroll {
    height: 455px;
    overflow-y: auto;
}

@media only screen and (min-width: 320px) {
    .action-opbtn {
        display: none
    }

    .action-dropopbtn {
        display: block
    }
}

@media only screen and (min-width: 1375px) {
    .action-opbtn {
        display: block
    }

    .action-dropopbtn {
        display: none
    }
}

@media only screen and (min-width: 1440px) {
    .h-patlist-noscroll {
        height: 760px;
    }
}

.h-bt-no-margin {
    margin: 0px !important;
}

.h-lab-noscroll {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-ref-noscroll {
    height: 295px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-adddocbtn-mar-left button {
    margin: 0 35px 0px 0;
}

.h-mode-width {
    width: 50%;
}

.h-bill-noscroll {
    height: 450px !important;
    overflow-y: auto;
}

.h-sum-noscroll {
    height: 380px;
    overflow-y: auto;
}

.h-care-doc-noscroll {
    height: 350px;
    overflow-y: auto;
}

.h-care-lab-noscroll {
    height: 350px;
    overflow-y: auto;
}

.h-care-pharma-noscroll {
    height: 350px;
    overflow-y: auto;
}


.h-left-mainwrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.h-left-sidebarleft {
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    width: 15%;
    height: 100%;
    left: 0;
    top: 60px;
    position: fixed;
}

.RightAside {
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    width: 17%;
    height: 100%;
    right: 0;
    top: 60px;
    position: fixed;
    z-index: 999;
}

.h-left-left-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .h-left-left-navigation ul li {
        border-bottom: 1px solid #e2e2e2;
        position: relative !important;
        list-style: none;
    }

        .h-left-left-navigation ul li a {
            padding: 10px 0px 10px 20px;
            font-size: 13px;
            display: block;
            color: #08a5ec;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 300;
            background: #fff;
            text-decoration: none;
            transition: all 500ms ease-out;
        }

.h-left-bill {
    position: absolute;
    left: 0;
    margin-left: 7.4%;
    height: 100%;
    width: 73.6%;
}

.Right-Bill {
    position: absolute;
    left: 0;
    margin-left: 0%;
    height: 100%;
    width: 100%;
}

.h-left-left-navigation ul li a:hover,
.h-left-left-navigation ul li.active a {
    background-color: #e4e4e4;
}

    .h-left-left-navigation ul li.active a:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: -1px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #F9F9F9;
    }

.h-set-visit-noscroll {
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-set-bill-noscroll {
    height: 195px;
    overflow-y: auto;
}

.h-set-dia-txtarea {
    height: 55px;
}

.h-set-ref-noscroll {
    height: 360px;
    overflow-y: auto;
}

.h-set-med-noscroll {
    height: 260px;
    overflow-y: auto;
}

.h-set-consultant-noscroll {
    height: 450px;
    overflow-y: auto;
}

@media only screen and (min-width:1280px) and (max-width: 1300px) {
    .h-left-bill a.h-set-cons-btn {
        right: 135px;
    }

    .h-left-bill div.tabs-header {
        width: 90%;
    }

    .h-left-bill div.h-set-cons-tw {
        width: 90%;
    }
}

input::-webkit-input-placeholder {
    color: #555 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #555 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #555 !important;
}

input:-ms-input-placeholder {
    color: #555 !important;
}

.h-patlist-mh-noscroll {
    height: 355px;
    overflow-y: auto;
}

.h-a-txt-black {
    color: #000000;
}

/* End GP Review, No Scroll Styles  */

/* Settings Patient Id Generation */
.patient-id-gen-lbl {
    float: left;
    color: #9E9E9E;
}

.pat-id-thirdstp {
    border: 1px solid #cddabb;
    padding: 10px 20px;
    background: #f2ffdf;
    color: black;
    font-size: 16px;
}

.pat-id-gen-div input:focus,
.pat-id-gen-div textarea:focus,
.pat-id-gen-div select:focus {
    background: #f4f4f4;
    transition: all 0.8s;
    outline: none;
}

.pat-id-gen-div input {
    color: #272727;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    box-shadow: none;
    border-radius: 0px;
    display: block;
    padding: 5px 10px 4px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    width: 100%;
    height: 30px !important;
}

.idgen-tabs-header,
.new-tabs {
    text-align: left;
    position: static !important;
    padding: 0;
    margin-bottom: 0px !important;
    border-bottom: none;
    background-color: #FFF !important;
}

    .idgen-tabs-header .new-tabs .idgen-nav-tabs {
        border-bottom: none;
        margin-bottom: 0;
        box-shadow: none;
        padding-top: 10px;
        position: relative;
    }

.nav:before {
    display: table;
    content: " ";
}

.idgen-tabs-header .new-tabs li:first-child {
    margin-left: 0;
}

.idgen-tabs-header.new-tabs li {
    float: none;
    display: inline-block;
    margin: 0 15px;
    clear: both;
}

.idgen-nav-tabs > li {
    margin-bottom: 0px !important;
}

.idgen-tabs-header.new-tabs li a {
    padding: 8px 0;
    transition-duration: .2s;
}

.idgen-tabs-header .idgen-nav-tabs > li > a {
    margin-right: 5px;
    padding: 0 0 8px;
    font-size: 16px;
    color: #646464;
    border: none !important;
    border-radius: 0;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    transition-duration: .0s !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 8px 15px;
    line-height: 25px;
}

.dent-navNOA > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.idgen-nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.idgen-nav-tabs .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.idgen-tabs-header.new-tabs li.active > a {
    background-color: #fff;
    border-top: none !important;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #00bcd4 !important;
    color: white !important;
    padding: 2px;
}

.idgen-nav-tabs > li > a:hover,
.idgen-nav-tabs > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

#content_wrapper .txt-bold {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

#content_wrapper input:focus,
#content_wrapper textarea:focus,
#content_wrapper select:focus {
    background: #f4f4f4;
    transition: all 0.8s;
    outline: none;
}

#content_wrapper div.form-control {
    display: block;
    padding: 5px 10px 4px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
    border: 1px solid #afafaf;
    width: 100%;
    border-radius: 0px;
}

#content_wrapper .mr-top-30 {
    margin-top: 30px;
}

.pat-id-toggle {
    display: inline-block;
    vertical-align: middle;
}

.pat-id-stp5 {
    vertical-align: sub;
}

.pat-id-stp2-lbl {
    display: -webkit-box;
    font-weight: bold;
}

.pat-id-stp2-container {
    padding-right: 37px;
    padding-left: 270px;
}

#content_wrapper .no-record-wrap {
    margin: 30px 0 30px;
}

.txt-orange {
    color: #f37224;
}
/* Inventory Settings */
.h-inventory {
    background: #fff;
    border: 0px solid #dcdcdc;
    border-radius: 0px;
}

    .h-inventory .col-md-3 {
        text-align: left;
    }

.h-s-inv-lbl {
    text-align: left;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.h-inv-addinv {
    text-align: left;
    margin: 10px 0;
}

    .h-inv-addinv label {
        font-weight: bold;
        font-size: 18px;
    }

.inv-record-wrap {
    padding: 0 10px 10px 20px;
}

.inv-no-top-mar {
    margin-top: 0px;
}

.inv-slash {
    font-size: 25px;
    /*  font-weight: bold; */
    position: absolute;
    top: 0px;
    left: -8px;
}

.inv-ac-input {
    width: 55px;
    border-bottom: 1px solid black;
    border-top: none;
    border-left: none;
    border-right: none;
    display: inline;
    padding: 5px 10px 4px;
}

.h-inv-select-mnth {
    width: 140px !important;
    margin: 0px !important;
}

.h-inv-select-year {
    position: relative;
    top: 0;
    left: -15px;
}

.h-inv-data-grid {
    margin: 0 15px;
}

.inv-pop-slash {
    font-size: 25px;
    /* font-weight: bold; */
    position: absolute;
    top: 0px;
    left: 5px;
}

.h-inv-select-mnth-pop {
    width: 175px !important;
    margin: 0px !important;
}

.h-inv-data-grid table thead tr th {
    white-space: nowrap;
}

.h-inv-search {
    top: -6px !important;
    font-size: 16px !important;
}

.h-inv-data-grid label {
    vertical-align: sub;
}

.h-inv-p-0left {
    padding-left: 0px;
}

/* Error Popups */
.set-inv-stckunit {
    top: 45px !important;
    left: 0px !important;
}

.set-inv-err-units {
    top: 45px !important;
    left: 0px !important;
}

.set-inv-err-item {
    top: 45px !important;
    left: 0px !important;
}

.set-inv-err-actcost {
    top: 45px !important;
    left: 180px !important;
}

.set-inv-err-mrp {
    top: 45px !important;
    left: 180px !important;
}

.set-inv-err-batchnum {
    top: 45px !important;
    left: 0px !important;
}

.set-inv-err-expiry {
    top: 45px !important;
    left: 180px !important;
}

.set-inv-err-expiry-year {
    top: 45px !important;
    left: 360px !important;
}

.set-inv-add-errstck {
    top: 45px !important;
    left: 157px !important;
}

.set-inv-add-errstck-year {
    top: 45px !important;
    left: 320px !important;
}

/* End Inventory Settings */
.pointerEventDisable {
    pointer-events: none;
}

.due-red {
    color: #ff0000 !important;
}


.switch-toggle.well {
    border-radius: 100px !important;
    border: 1px solid #dcdcdc !important;
    background: #f0f0f0 !important;
    margin-bottom: 0;
}

.switch-toggle input + label,
.switch-light span span {
    font-family: 'Poppins', sans-serif !important;
    padding: 0.5em 10px !important;
    line-height: 15px;
    font-weight: bold;
    cursor: pointer;
}

    .switch-toggle input + label:focus {
        outline: none !important;
    }

.switch-light .well {
    border-radius: 3px !important;
    border: none !important;
    background: #cbcaca !important;
}

.well.switch-toggle label {
    color: #333333 !important;
}

.switch-toggle .btn-primary,
.btn-group-vertical .btn-primary {
    background: #f5903f !important;
    border-radius: 50px !important;
    color: #fff !important;
    border: none;
}

.switch-toggle input:focus + label {
    outline: none !important;
}

.appt-list-link {
    text-decoration: underline;
    color: #3db29f;
    margin-top: 10px;
    margin-right: 10px;
}

    .appt-list-link:hover {
        text-decoration: underline;
        color: #3db29f;
        margin-top: 10px;
        margin-right: 10px;
    }

.h-inv-up-btn {
    margin: 0px 15px 0 5px;
}

.new-call-design {
    width: 100%;
    margin: 0 auto 10px;
    background: #fff;
    padding: 10px 10px;
    border: 1px solid #e1e1e1;
}

    .new-call-design label {
        color: #000;
        font-weight: 500;
    }

.set-inv-pop-txt {
    width: 70px;
    padding: 5px;
}

.err-pat-id {
    position: absolute;
    left: 250px;
    margin-top: -10px;
}

.new-call-icon .icon-Calendar {
    position: absolute;
    color: #26a792;
    font-size: 23px;
    right: 5px;
    top: 50%;
    margin-top: -13px;
}

.h-disply-num {
    position: absolute;
    left: 700px;
    top: 290px;
}

.h-txt-sub {
    vertical-align: sub;
}

.summary-success-page {
    padding: 40px 0 25px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    width: 600px;
    margin: 80px auto 0;
    text-align: center;
}

    .summary-success-page h3 {
        font-weight: bold;
    }

    .summary-success-page h6 {
        font-size: 16px;
        margin-bottom: 20px;
    }


.pat-vitals {
    /* margin-top: 20px;
height: 330px;
overflow-y: auto;    
background-color: rgb(255, 255, 255);
border: 1px solid rgb(204, 204, 204); 
border-radius: 4px;    
padding: 15px 15px 10px;
overflow: hidden;
min-height: 200px;*/
    background-color: #fff;
    padding: 15px 0 0;
    overflow: hidden;
    margin-bottom: 0;
}

.dash-from:first-child {
    margin-right: 5px;
}

/* */
.profile-detail {
    background-color: #1cb19e;
    position: relative;
    float: left;
    padding: 10px 20px 10px 15px;
}

    .profile-detail:before {
        content: "";
        background-color: #1cb19e;
        position: absolute;
    }

    .profile-detail .profile-avatar, .profile-dental .profile-avatar {
        border-radius: 100%;
        float: left;
        width: 46px;
        border: 2px solid #fff;
        height: 46px;
        position: relative;
        margin-right: 10px;
    }

.profile-avatar img {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 1px;
}

.consultation-badge {
    height: auto;
    background-color: #6ae2c8;
    border: #fff 2px solid;
    padding: 8.1px;
    width: max-content;
}

    .consultation-badge > a {
        margin: 0 0 0 5px !important;
    }

        .consultation-badge > a:nth-child(1) {
            margin: 0 0 0 0px !important;
        }

.switchmode-last a:hover {
    background-color: transparent !important;
    border: transparent !important;
    color: #1e977c !important;
}

.profile-name {
    float: left;
}

    .profile-name h3 {
        color: #fff;
        font-size: 13px;
        line-height: 16px;
        margin: 0;
        margin-bottom: 8px;
        margin-top: 6px;
        max-width: 108px;
        /*overflow: hidden;
text-overflow: ellipsis;*/
        white-space: nowrap;
    }

    .profile-name p {
        color: #fff;
        font-size: 11px;
        line-height: 14px;
        margin: 0;
        font-weight: 600;
    }

.patients-profile li:last-child:after {
    display: none;
}

.patientlist-ltime {
    /*margin: 4px 0 0 15px;
float: left;*/
}

    .patientlist-ltime strong {
        color: #c4c4c4;
        /*margin-left: 5px;*/
        font-family: 'Poppins', sans-serif !important;
        font-weight: 300;
        font-weight: 300;
    }

.pa-due-amt {
    color: #f00;
    float: right;
    font-size: 13px;
    margin-top: 5px;
}

.branch,
.age-scale,
.lv-cal-box {
    border-bottom: 1px solid #f5f5f6;
    padding-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .lv-cal-box:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px !important;
    cursor: pointer;
}

    .control span {
        line-height: 22px;
    }

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #989898;
    background: #fff;
}

.control_indicator-label {
    position: absolute;
    top: 14px;
    left: 0;
}

.control_radio {
    border-radius: 10px;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator {
    /*background: #3db29f;*/
    border: 1px solid #3db29f;
}

.branch a {
    font-size: 13px;
    color: #3db29f;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    display: inline-block;
    padding-top: 5px;
}

input.age-box {
    float: left;
    width: 30px;
    text-align: left;
    padding: 5px;
    border: 1px solid #afafaf;
    position: relative;
}

.age-scale .line-split {
    float: left;
    margin: 0 10px;
    height: 31px;
    line-height: 33px;
    color: #49494a;
}

.lv-cal-box label {
    display: block;
}

.lv-cal-box img {
    position: absolute;
    right: 105px;
    top: 29px;
}

.search-hov-inr {
    top: 10px;
    right: 100px;
}

.global-white-bg .acc-lbl-fd {
    background: #feeed1 !important;
    font-size: 12px !important;
    color: #000 !important;
}

.accordion-content .f-id-show .f-id-no,
.accordion-content .f-id-edit .f-id-no {
    background: #1cb19e;
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    line-height: normal;
}

.patients-profile {
    border: 1px solid #eaeaea;
    background-color: #fff;
    line-height: normal;
    margin-bottom: 0px;
}

.profile-detail:after {
    background-color: #1cb19e;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: -1;
}

.patients-profile ul {
    margin: 0;
    padding: 0;
    float: left;
}

.patients-profile li {
    display: inline-block;
    position: relative;
    padding: 3px 5px;
    /*padding: 5px 10px;*/
    margin: 0;
}

.patients-profile .badtopadj {
    position: relative;
    top: 10px;
}

.patients-profile li h3 {
    color: #0f6860;
    margin: 0;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 0px;
}

    .patients-profile li h3 i {
        color: #0f6860;
    }

.patients-profile li p {
    color: #000;
    margin: 0;
    font-size: 13px;
    line-height: 14px;
}

.patients-profile li:after {
    background-color: #dcdcdc;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
}

.global-white-bg .registration-accordion .first-tab,
.global-white-bg .registration-accordion .second-tab,
.global-white-bg .registration-accordion .fourth-tab {
    margin-bottom: 10px;
}

/*End Family Id*/

/* Update Patient Record */
.lbl-or-pos {
    position: absolute;
    top: 30px;
    right: 18px;
}

/* End Update Patient Record */
.std-code-no::-webkit-inner-spin-button,
.std-code-no::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.past-records .dropdown {
    position: absolute;
    top: 0;
    right: 27px;
}

.past-records .profile-info {
    margin: 12px 0;
}

.past-records .user-photo {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.cusotm-records > .dropdown-menu {
    top: 55px !important;
    left: 15px !important;
    position: absolute;
    border: 1px solid rgb(243, 114, 36);
    box-shadow: 0 6px 12px rgb(247, 224, 210);
    border-radius: 0;
    height: 250px;
    overflow: auto;
    /*display: block !important*/
}

    .cusotm-records > .dropdown-menu > li {
        width: 100% !important;
    }

.past-records .dropdown-menu {
    top: 69px;
    /*border: 1px solid rgb(243, 114, 36);
box-shadow: 0 6px 12px rgb(247, 224, 210);*/
    border: 1px solid #0F6860;
    box-shadow: 0 0px 14px #0F6860;
    border-radius: 5px;
    left: -23px;
}

    .past-records .dropdown-menu li {
        margin: 0 !important;
        float: left;
    }

    .past-records .dropdown-menu a {
        padding: 10px !important;
    }

    .past-records .dropdown-menu li:first-child {
        margin-left: 0;
    }

    .past-records .dropdown-menu li a:hover {
        box-shadow: none;
        background: #ccc;
    }

    .past-records .dropdown-menu:before {
        background: #fff;
        border: 1px solid #f37224;
        border-width: 1px 0 0 1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        height: 14px;
        right: 10px;
        position: absolute;
        top: -8px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        width: 14px;
        z-index: -10;
    }

.add-existing-memid a.searchByResultTEst span {
    white-space: normal !important;
}

.past-rec-div-img {
    position: absolute;
    top: 25px;
    right: -30px;
}

.past-rec-div-txt1 {
    color: #999;
    font-size: 12px;
}

.past-rec-div-txt2 {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icon-drop-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px !important;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 16px;
}

/*Offline Styles*/
.btn-primary-green {
    background: #4CC651 !important;
    border-color: #4CC651;
    border: 0px !important;
    position: relative;
    color: #ffffff;
}

.chkrow input {
    width: 50% !important;
}

.chkrow label {
    padding-right: 10px;
}

.em {
    color: red;
    font-size: 16px;
    vertical-align: inherit;
    font-weight: 500;
    font-style: inherit;
}

span.appointment-checked:after {
    content: "";
    border-radius: 100%;
    background-color: #69b3e7;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}
span.appointment-councller:after {
    content: "";
    border-radius: 100%;
    background-color: #f0ad4e;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}
span.ot-appointment:after {
    content: "";
    border-radius: 100%;
    background-color: #000;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}
span.appointment-paused {
    display: inline-block;
    margin: 2px;
    padding: 2px 5px;
    background-color: transparent;
    border-radius: 3px;
    color: #3a647f;
    width: 90px;
    font-size: 13px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

    span.appointment-paused:after {
        content: "";
        border-radius: 100%;
        background-color: #3a647f;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
    }

.creditin1 {
    width: 160px !important;
}

.creditin3 {
    width: 140px !important;
}

.creditrow label {
    padding-right: 10px;
}

.cc-year {
    width: 100px;
    margin-left: 5px !important;
    margin-right: 5px;
    height: 32px !important;
    padding: 0 9px !important;
}

.cc-month {
    float: left;
    width: 100px !important;
}

.validlbl {
    padding-right: 37px !important;
}


div.bill-drpdwn > ul.dropdown-menu {
    height: 100px;
    overflow-y: auto;
}

.dia-notes {
    border-bottom: 1px solid #ececef;
    margin-bottom: 20px;
}

    .dia-notes h4 {
        font-size: 14px;
    }

.header-h4 {
    font-size: 14px;
}

.font-h4 {
    font-size: 13px;
}

.d-notes-box {
    clear: both;
    position: relative;
}


.d-notes-action {
    float: left;
    margin: 8px 0 0 10px;
}

.d-notes-action-big {
    float: left;
    margin: 0 0 0 10px;
    width: 2%;
}

    .d-notes-action a,
    .d-notes-action-big a {
        width: 25px;
        height: 25px;
        float: left;
        text-align: center;
        border-radius: 50%;
        font-size: 27px;
        line-height: 25px;
    }

a.tbox-clear {
    position: absolute;
    top: 8px;
    font-size: 6px;
    background: #ebf0f3;
    color: #fff;
    height: 25px;
    width: 25px;
    padding: 0 5px;
    border-radius: 50px;
    right: 12px;
}

    a.tbox-clear i {
        line-height: 25px;
        position: absolute;
        left: 5px;
        color: #e74c3c;
        font-size: 20px;
    }

.dn-add {
    background: #1abc9c;
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;
}

    .dn-add:hover {
        background: #1abc9c;
        color: #fff !important;
        font-size: 28px;
        line-height: 23px;
        font-weight: bold;
    }

.mar-top-align {
    margin: 21px 0px 10px 20px;
}

.sms-msg-box {
    border: 1px solid #ccc;
    padding: 20px;
}

.sms-msg-txt-bold {
    font-weight: 800;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.sms-grey-txt {
    color: #878a8c;
    white-space: nowrap;
    font-size: 13px;
    vertical-align: sub;
}

.sms-lbl-bg {
    /*background-color: #f5f5f6;*/
    padding: 5px;
}

.txt-bold {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.interm-consult {
    overflow: hidden;
}

    .interm-consult h6 {
        float: left;
        width: 70%;
    }

    .interm-consult p {
        /*float: right;*/
        /* width: 30%;
text-align: right;*/
        line-height: 14px !important;
        font-size: 15px;
        color: #08a5ec;
        font-weight: 500;
    }

.pad-r-box {
    padding-right: 30px;
}

a.tb-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #d0d0d0;
    font-size: 20px;
    margin-top: -7px;
    line-height: 12px;
}

.tb-action {
    /* float: right;
text-align: right;
width: 18%;
margin-top: 3px;*/
}

    .tb-action a {
        display: inline-block;
        margin-left: 3px;
    }

.button {
    display: inline-block;
    padding: 5px 15px;
    border: none;
    border-radius: 2px;
}

.pg-prescription {
    margin-top: 20px;
}

.pause-pop:hover .pause-view {
    background: url(../img/new-icons/orange.png);
}

.modal-common-dialog.pup-400 {
    width: 400px;
}

.chout-msg p {
    padding: 10px 0px 15px;
    text-align: center;
    font-size: 13px;
}

.lv-cal-action {
    margin: 30px 0 0;
}

.ui-datepicker td a:hover {
    background-color: #f37224;
    border: 1px solid #f37224;
    color: #fff;
}

.bil-btm-wrap {
    margin: 0 15px;
}

.bmt {
    /*margin-top: 2px;*/
}

.mt-clearbtn {
    position: absolute;
    right: 0;
    top: -25px;
    font-size: 13px;
    color: #019292;
    border-bottom: 1px solid #019292;
}

.dosage-wrap span.ml {
    float: left;
    margin: 8px 0 0 8px;
}

/**Full Calendar CSS**/
.fc-view-container .fc-slats tbody {
    background: transparent !important;
}

.chkin-btn {
    background: #ffffff;
    padding: 1px 10px 0px 10px;
    color: #9e9e9e;
    /*float: left;
margin-left: 15px;*/
    border-radius: 4px;
    border: 1px solid #9e9e9e;
}

.fc-view-container .fc-more-popover .fc-event-container {
    padding: 10px 0 10px 10px;
    height: 150px;
    overflow-y: scroll;
}

.fc-view-container .fc-row .fc-content-skeleton td {
    border-color: #ccc;
}

#calControl .fc-time-hover {
    background: #f2f2f2 !important;
}

    #calControl .fc-time-hover:before {
        /*content: " + Click to book an Appointment / Event";*/
        content: "";
        font-size: 12px;
        padding-left: 5px;
    }

#calControl .fc-other-month {
    background: #fafafa !important;
}

/*06-02-2017*/
.claender-status {
    margin-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    top: 27px;
    left: 30px;
}

    .claender-status li {
        display: table;
        list-style: none;
        font-size: 13px;
        line-height: 14px;
        font-weight: 500;
        float: left;
        margin-right: 20px;
    }

    .claender-status p {
        background-color: #757ef8;
        float: left;
        margin-right: 5px;
        color: #fff !important;
        padding: 4px 10px;
        margin-bottom: 0;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        border-radius: 3px;
    }

    .claender-status span {
        color: #08a5ec;
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
    }

    .claender-status p.orange {
        background-color: #ff9024;
    }

    .claender-status p.blue {
        background-color: #70d7cc;
    }

    .claender-status p.green {
        background-color: #77cb52;
    }

    .claender-status p.events {
        background-color: #8d67b1;
    }

.appointment-for {
    color: #08a5ec;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.fc-day-header {
    background: #f2f2f2 !important;
}

.fc-agendaDay-view .fc-time-grid .fc-slats td {
    background: #f8f8eb !important;
}

.fc-time span, .fc-axis span {
    font-weight: 600;
    color: #333333;
    text-align: left;
}

.fc th,
.fc .fc-day-header a {
    color: #08a5ec !important;
}

.fc-toolbar {
    margin: 0 !important;
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: 13px !important;
}

.qtip {
    max-width: none !important;
}

.qtip-content {
    padding: 3px !important;
}

.icons-calendar {
    background-image: url(../images/cal-icon-file.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    cursor: pointer !important;
    padding-right: 35px !important;
}

.icons-plus {
    background-image: url(../images/plus-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    cursor: pointer !important;
    padding-right: 35px !important;
}

.icons-search {
    background-image: url(../images/search-icn.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    cursor: pointer !important;
    padding-right: 35px !important;
}

#new-calenderas .tabs-inner .tab-body {
    padding-top: 50px;
    padding-bottom: 0;
}

/*.mt-10 {
    margin-top: 10px;
}*/

.month-calendar .select-dropdown {
    width: 100%;
}

.fc th {
    padding: 5px 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.app-r-row:before {
    content: "";
    position: absolute;
    background: #dcdada;
    width: 1px;
    height: 61px;
    left: 8px;
}

.eHnote_appointmentDoc {
    margin-left: 15px;
}

.mt-sp {
    margin-top: 60px;
}


input.upload {
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    opacity: 0;
    height: 300px;
    outline: none;
    cursor: inherit;
    position: absolute;
    font-size: 1000px !important;
}

.set-consentform .browse-wrap {
    width: auto;
}

div.browse-wrap {
    cursor: pointer;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    position: relative;
    background-color: #1abc9c;
    border: 1px solid #1abc9c;
    border-radius: 3px;
    width: 110px;
    color: #fff;
}

.files-formats {
    margin: 5px 0 10px;
}

.past-records .tab-pane {
    /* max-height: 400px; */
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.glyphicon-ok:before {
    content: "\e013";
}


.list-action {
    position: absolute;
    top: 8px;
    right: 10px;
}


    .list-action > label {
        margin: -2px 0 0 0;
    }

.icon-close {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.tooltip {
    background-color: transparent !important;
    z-index: 99999999 !important
}

.seltempsearch:hover {
    border: 1px solid #b1b1b1 !important;
    border-radius: 0px !important;
    width: 100%;
    text-align: left !important;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.temp-list-chkd {
    padding: 5px 10px;
}
/*.temp-list-chkd-txt {
padding: 5px 30px;
}*/

.prestempname {
    color: #f36f21;
    font-size: 16px !important;
    margin: 5px 0 10px 5px;
    margin-bottom: 0px !important;
    font-family: 'proxima_novaregular' !important;
}

.chipimg {
    padding: 0px 1px 2px 15px;
    width: 26px;
    height: 15px;
    vertical-align: middle;
}

.btn-save-all {
    font-size: 13px;
    color: #039e9f;
    border-bottom: 1px solid #039e9f;
    margin: 0 0 0 10px;
}

    .btn-save-all:hover {
        font-size: 13px;
        color: #039e9f;
        border-bottom: 1px solid #039e9f;
        margin: 0 0 0 10px;
    }

.position-btm select {
    float: left;
    width: 200px;
}

.summary-scroll-container {
    background: white;
    padding: 20px 15px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-right: 10px;
}

.summary-follow-up {
    margin: 20px 10px 10px 0px;
}

.day-ye-we span {
    display: inline-block;
    float: left;
    border-radius: 0;
    border-right: none !important;
}

.btn-radio-group {
    width: 100%;
    color: #4f5153;
    background-color: #e9eef3;
    border-color: #bccbda;
}

.bradius-none input {
    border-radius: 0 !important;
}

.daywekflx {
    display: flex;
}

/* Settings Treatment */
.set-marg-left {
    margin-left: 10px;
}

.radio-custom {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

#Billing div.tabs-header h5 {
    margin: 5px 0 0 0;
}


.past-billing-table thead tr {
    font-size: 12px;
}

.past-billing-table thead th {
    padding: 5px 10px !important;
}

.past-billing-table-date {
    white-space: nowrap;
}

.past-record-table {
    padding: 20px;
}

.pat-strip-icon a {
    position: relative;
}


.edit-bar-vitals {
    float: none !important;
}

    .edit-bar-vitals li {
        width: 18.76%;
        text-align: center;
    }

        .edit-bar-vitals li span {
            font-weight: 500;
        }

.chartt {
    /*    float: left;
padding: 0px 10px;
min-width: 54px;*/
    text-align: center;
    margin-bottom: 10px;
}

.pad-btm {
    padding: 0 0 5px 0;
}

.no-data {
    padding: 15px 15px 0;
}

    .no-data h5 {
        margin: 0px;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
    }

.billingtxt {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
}

.control input:checked ~ .chkgreenlbl {
    background: #4ebb50 !important;
    border: 1px solid #4ebb50 !important;
}

.panelheadbg {
    background-color: #cbf0eb;
    font-weight: 500;
    padding: 5px 15px;
}

.billing_view_pane {
    padding: 0px;
    background: #fff;
    border: 1px solid #b7b7b7;
}

.billing-cont ul li a {
    border-color: #f5f5f6 !important;
}

.billingtablestyle tbody tr td {
    padding: 8px 15px 8px 5px !important;
}

.billingtablestyle thead tr th {
    padding: 8px 15px 8px 5px !important;
    text-align: center;
    background-color: #cae8ec;
}

.billingoutstandbg {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    padding: 0px;
}

    .billingoutstandbg .acc-lbl-conadress {
        background: #eae0c8 !important;
    }

.totcost-bg {
    background-color: #dde1e6 !important;
    text-align: center;
    border-right: 2px solid #eef0f2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
}

.billingtablestyle > tbody > tr:nth-child(even) > td,
.billingtablestyle > tbody > tr:nth-child(even) > th {
    background-color: #fbfbfb;
}

.billingtablestyle input {
    height: 32px;
    border-radius: 0px;
    border-color: #cccccc;
}

.outs-due-red {
    /* float: right;
position: absolute;
right: 55px;*/
    color: #ee0000;
    /* font-family: 'Poppins', sans-serif !important;*/
    font-size: 13px;
}

button.outsbillprintbtn {
    border: 2px solid #1abc9c !important;
    background: #fff;
    color: #1abc9c;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 4px 15px 4px !important;
    min-width: 100px !important;
}

.bill-outs-acord {
    background: #ffffff !important;
    border-bottom: 0px solid #f5f5f5 !important;
    border-left: 0px solid #f5f5f5 !important;
    border-right: 0px solid #f5f5f5 !important;
}

.billtab1outs {
    margin-bottom: 0px !important;
}

.payhistablestyle tbody tr td {
    padding: 8px 15px 8px 5px !important;
    border-bottom: none;
    border-top: none;
    text-align: center;
}

.payhistablestyle input {
    height: 30px;
    border-radius: 3px;
    border-color: #cccccc;
}

.payhistablestyle thead tr th {
    background-color: #cae8ec;
    text-align: center;
    padding: 8px 15px 8px 5px !important;
}


.billingoutstandbgpayhis {
    background-color: #f5f5f6;
    border: 0px solid #d3d3d3;
    padding: 0px;
}

.global-white-bg .consul-acc-payhis {
    background: #ffffff !important;
    border: 1px solid #d8d8d8;
}

.row-bg-billing {
    background-color: #e9eef3;
    width: 100% !important;
    overflow: hidden;
    padding: 8px 0;
    margin-bottom: 10px;
}

.txt-bill-reg {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    color: #000000;
}


.txt-color-grey {
    color: #555555;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
}

.txt-color-date {
    color: #000000;
    font-size: 13px;
    font-weight: 500;
}

.mar-btm-bill {
    margin-bottom: 5px;
}

.txt-bold-tot {
    font-weight: 500;
    font-size: 14px !important;
}

.txt-font-14 {
    font-size: 13px;
}

.billingoutstandbg input,
.billingoutstandbg button,
.billingoutstandbg select,
.billingoutstandbg textarea {
    height: 34px !important;
}

.billingoutstandbgpayhis input,
.billingoutstandbgpayhis button,
.billingoutstandbgpayhis select,
.billingoutstandbgpayhis textarea {
    height: 34px !important;
}

.cardtyppad {
    padding: 5px 10px 4px !important;
}

.trtcost {
    white-space: nowrap !important;
}

.font-size14 {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
}

.modopaymntpad {
    padding: 8px 15px 9px 19px !important;
}

.global-white-bg .registration-accordion .payhiscontent {
    border-bottom: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    background: #ffffff;
}

.consul-acc-payhis {
    border-top: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
}

.whtespc-nowrp {
    white-space: nowrap;
}

.mar-mode {
    margin-left: 8px;
}

.reg-pat-btn-bill {
    margin: 10px 0px 0px 0px;
}

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

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

.modeform input {
    padding: 6px 12px !important;
}


.billingoutstandbgpayhis .registration-accordion div > input:checked ~ article {
    transition-timing-function: ease-in-out;
    transition: 0.25s;
}

.billingoutstandbg .registration-accordion div > input:checked ~ article {
    transition-timing-function: ease-in-out;
    transition: 0.25s;
}

/*Text box growup*/
.msd-elastic {
    padding: 8px 36px 8px 12px;
    border: 1px solid #dcdcdc;
    float: left;
    width: 100%;
}

i.glyphicon.glyphicon-search.i-ser-app {
    padding: 7px;
}

.ul-border ul {
    /*border-bottom: 1px solid #dcdcdc !important;*/
    margin: 0 0 20px;
}

.pmh-box {
    background-color: #fff;
    /*padding: 15px 15px 5px;*/
    overflow: hidden;
}

.right-addon .glyphicon {
    right: 0;
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 15px;
    pointer-events: none;
    font-size: 20px;
    color: #CCC;
}

.set-inner-wrap ul {
    margin-bottom: 0;
}

.list-opt-text {
    display: inline-block;
    width: 90%;
}

.setwhitespace {
    white-space: nowrap;
}

.print-setting {
    border: 2px solid #ededed;
    padding: 10px;
}

.inner-addon .form-control {
    /* padding-right: 40px;*/
}

.txtareadiv {
    position: relative;
    width: 100%;
}

.alert-icon {
    background-color: #fff;
    border: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.alert-primary {
    background-color: #ef6262;
    border-color: #ef6262;
    color: #fff;
}

.alert {
    /* padding: 18px; */
    border: 1px solid transparent;
    border-radius: 0;
    line-height: 25px;
    line-height: 0px;
}

.alert,
.thumbnail {
    margin-bottom: 18px;
}

.alert-icon.alert-primary > .icon {
    background-color: #fad1d7;
}

.alert-icon > .icon {
    display: table-cell;
    width: 196px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
}

.alert .icon {
    font-size: 13px;
    color: #000;
    vertical-align: middle;
    margin-right: 9px;
    line-height: 22px;
    white-space: nowrap;
}



.alert-icon.alert-primary > .icon:after {
    border-left-color: #fad1d7;
}

.alert-icon > .icon:after {
    position: absolute;
    margin-left: 195px;
    top: 50%;
    margin-top: -11px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(.9999);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff;
}

.alert-icon > .message {
    display: table-cell;
    padding: 18px;
    color: #555;
    border: 1px solid #d4d4d4;
    border-left-width: 0;
}

.alert-primary {
    background-color: #ef6262;
    border-color: #ef6262;
    color: #fff;
}

.alert-icon > .message {
    display: table-cell;
    padding: 18px;
    color: #555;
    border: 1px solid #d4d4d4;
    border-left-width: 0;
}

.alert-primary {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #fff;
}

.apptlist-left {
    text-align: left;
    /*padding-left: 20px;*/
}

.infostrip-edit {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    vertical-align: super;
    color: #000;
}

.Editbtn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    color: #000 !important;
}

.searchpatdropdwn {
    display: block;
    height: 270px;
    width: 100%;
}

.patientlistnoreccord {
    margin: 10px 20px;
    display: block;
}

    .patientlistnoreccord a {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .patientlistnoreccord a:hover {
            display: block;
            margin: 0px;
            padding: 0px;
            text-decoration: underline;
            color: #3db29f;
            box-shadow: inset 0 -2px #fff !important;
        }

.searchdrppatient {
    /* display: block;
height: 270px;
width: 90%;
top: 39px;
border-radius: 0px;*/
    display: block;
    width: 452px;
    border-radius: 0;
    padding: 0;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    top: 39px;
}

.whitespc {
    white-space: nowrap;
}

#cal {
    margin-top: 8px;
    color: #2baa96;
    padding: 0;
    position: absolute;
    right: 33px;
    top: 11px;
}

.printsetbg {
    /*background: #fafafa;*/
    padding: 12px 12px 25px 12px;
}

.apptsearchdroplist {
    height: auto;
    overflow-y: scroll;
    width: 100%;
    padding: 0px 5px;
}

.inputnumcentr {
    text-align: center;
    width: 80%;
}

.apptsearchdroplist ul li,
apptsearchdroplist.ul > li {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .apptsearchdroplist ul li:last-child {
        border-bottom: none;
    }

    .apptsearchdroplist ul li:hover {
        background-color: #eeeeee;
        color: #fff;
    }

        .apptsearchdroplist ul li:hover a, .apptsearchdroplist ul li a:hover {
            color: #000 !important;
            font-weight: 600;
        }

    .apptsearchdroplist ul li a {
        color: #000;
        font-weight: 500;
        white-space: normal;
        word-break: break-word;
        width: 100%;
        display: block;
    }

        .apptsearchdroplist ul li a:hover {
            color: #1e977c;
        }

.apptsearchdroplist div {
    width: 100%;
}

.padleft20 {
    padding: 0 20px 0 0;
}

.printpadtop10 {
    padding: 25px 0 0 0;
}

.printsetclearimg {
    position: relative;
    top: -20px;
    right: 10px;
}

.mar10 {
    margin: 10px;
}

.search-control {
    padding: 5px 10px;
}

.ext-tname {
    width: 100%;
    background: #ececec;
    padding: 6px 12px;
    color: #525050;
    opacity: 0.4;
    border: 1px solid #dcdcdc;
}

.bkapt-wrap {
    width: 800px;
    margin: 0 auto;
    margin: 20px auto;
}


.bkapt-new {
    display: table;
    border: 1px solid #cdcdcd;
}

    .bkapt-new .calender-user {
        display: table-cell;
        float: none !important;
    }

    .bkapt-new .calender-details {
        float: none !important;
        display: table-cell;
    }

        .bkapt-new .calender-details h5 {
            margin: 0 0 20px !important;
        }

.ba-otherinfo small {
    display: block;
    font-size: 13px;
    color: #c0e6ff;
}

a.cal-bp-link {
    font-size: 16px;
    color: #1abc9c;
    text-decoration: underline;
    background: url(../img/bkap.png) no-repeat 0 0;
    padding: 0px 0 4px 30px;
}

a.cal-stc-link {
    font-size: 16px;
    color: #1abc9c;
    text-decoration: underline;
    background: url(../img/start-consult.png) no-repeat 0 0;
    padding: 0px 0 4px 30px;
}

.dropdown-menuu {
    width: 100%;
    border-radius: 0;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 57px;
    /*left: 0px;*/
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: rgb(255, 255, 255);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.14902);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
}

.dropdown-menu > li > a {
    padding: 7px 15px;
    max-width: initial;
    font-size: 11px;
    transition: none;
    white-space: inherit;
    text-overflow: ellipsis !important;
    overflow: hidden;
    min-width: 100%;
    text-transform: none;
    font-weight: 600;
}

    .dropdown-menu > li > a > strong {
        font-weight: 600;
        color: #07a0d4;
    }



.dropdown-menuu > li > a {
    display: block !IMPORTANT;
    padding: 3px 20px !IMPORTANT;
    clear: both;
    font-weight: 500;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
}

.ser-search-box .searchByResultTEstt span {
    width: 31% !important;
}

.searchByResultTEstt span {
    width: 25%;
    text-align: left;
    display: inline-block;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: visible !important;
}

.ellipsis-100 {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabs-header.new-tabs li .searchByResultTEstt:hover {
    background: #e9eef3 !important;
    /* border-bottom: 2px solid #FFA500 !important; */
    box-shadow: inset 0 -2px #FFA500;
    -moz-box-shadow: inset 0 -2px #FFA500;
    -webkit-box-shadow: inset 0 -2px #ffffff;
}

.dropdown-menuu > li > a:hover,
.dropdown-menuu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.tabs-header.new-tabs > .dropdown-menuu > li {
    float: none;
    display: inline-block;
    margin: 0;
    clear: both;
}

.presctemp .search-patient-clearfield {
    top: 33px;
    right: 14px;
}

.searchByResultTEstt:hover {
    color: #333 !important;
    text-decoration: none !important;
    background-color: #e9eef3 !important;
    outline: 0;
}

.app-td-icon:focus,
.app-td-icon:hover {
    border-color: #13a89e;
    background-color: #13a89e;
    color: #fff;
}

.bg-cal {
    cursor: default !important;
}

.regtxtsuc:before {
    background-color: #f8f8f8 !important;
}

.presgif {
    position: absolute;
    padding: 0px 15px;
    top: 0px;
}


.consulting-time {
    /*display: block;*/
    padding: 5px 5px 3px 5px;
    font-size: 25px;
    line-height: 52px;
    position: relative;
    top: 4px;
}

.medhish3 {
    color: red !important;
    font-weight: 500;
}

.apptlbln {
    color: #000;
    font-weight: 500;
    /*line-height: 20px;*/
}

.bukapptline h5:before {
    background-color: #f8f8f8 !important;
}

.dropdown.dropdown-scroll .dropdown-menu, .OPdropheight > .form-group > ul.dropdown-menu,
.inputE-Hscroll > ul.dropdown-menu {
    max-height: 180px;
    overflow: auto;
    width: 100%;
    padding: inherit;
}
/*comment by bharath added by bharath*/
.dropdown.cstm-dropdown .dropdown-menu, .cstm-dropdown .dropdown-menu {
    max-height: 250px;
    /*overflow: auto;
    width: 250px;*/
    padding: inherit;
}

.drop-menu-Scroll {
    max-height: 175px;
    padding: inherit;
}
.drop-menu-Anterior-Scroll {
    max-height: 250px;
    padding: inherit;
}
/*///*/
.open > .dropdown-menu {
    display: block;
}

.dr-drop-app {
    width: 300px !important;
    left: 0px;
}

.droposearch-EH {
    padding: 5px 10px !important;
    border-bottom: 1px solid #ddd;
}

    .droposearch-EH input.form-control {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

.billred {
    color: red;
}

.billgreen {
    color: #1abc9c;
}

.billingoutstandbg .registration-accordion article {
    overflow: visible !important;
}

.no-records-txt-line2 {
    margin: 0px;
    color: rgb(179, 179, 179);
    font-size: 13px;
    /*font-size: 15px;*/
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.mt-clearbtn-billing {
    color: #019292;
    border-bottom: 1px solid #019292;
    margin: 0px 0 0 0;
    padding: 5px 0;
}

.billdropdown {
    left: 15px;
    width: 90%;
    padding: 5px 10px;
}

.lv-cal-box {
    border-bottom: 1px solid #ceced4;
    padding-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.link-list-on img {
    padding: 3px 10px 3px 0px;
}

.seltempsearch {
    border: 1px solid #dcdcdc !important;
    border-radius: 0px !important;
    width: 100%;
    text-align: left !important;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    box-shadow: none;
}

    .seltempsearch:focus,
    .seltempsearch:active,
    .seltempsearch:hover,
    .seltempsearch:visited {
        border: 1px solid #dcdcdc !important;
        border-radius: 0px !important;
        width: 100%;
        text-align: left !important;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    }

.tempchip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #a4a4a4;
    margin-bottom: 5px;
    margin-right: 5px;
}

a.button-outline,
button.button-outline,
input.button-outline {
    background: #fff;
    padding: 2px 15px 4px;
    display: block;
    border: 1px solid #1abc9c;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #1abc9c;
    min-width: 100px;
}

.c-search-result ul {
    margin-bottom: 0;
}

.c-search-result li {
    overflow: hidden;
    list-style: none;
    padding: 0px 0px 0px;
    margin-bottom: 5px;
    position: relative;
    border-bottom: 1px solid #eee;
}

    .c-search-result li:last-child {
        margin-bottom: 0;
    }

    /*.c-search-result li:nth-child(even) {
background: #f8f8f8;
}*/

    .c-search-result li:nth-child(odd) {
        background: #fff;
    }

.c-pat-list {
    float: left;
    width: 90%;
    margin-left: 10px;
}

    .c-pat-list h3 {
        font-size: 12px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        color: #1f1f1f;
        margin: 0 0 0px;
        width: 70%;
    }

    .c-pat-list p,
    .c-pat-list p a {
        font-size: 12px;
        color: #777;
        margin: 0;
        display: block;
        padding-bottom: 2px;
    }

.sms-box label {
    padding-bottom: 5px;
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.sms-box textarea {
    height: 286px !important;
}

.sms-box-action {
    float: right;
}

    .sms-box-action a.button-outline {
        float: left;
    }

    .sms-box-action .button-bg {
        float: left;
        margin-left: 10px;
    }

.cgroup-action {
    position: absolute;
    right: 10px;
    top: 15px;
}

    .cgroup-action a {
        float: left;
        margin: 0 0 0 10px;
    }

.fin-control {
    border: 1px solid #b1b1b1;
    padding: 5px 10px 4px;
    font-size: 12px;
}

.mp-close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.dash-from:last-child {
    margin: 0;
}

.st-head span {
    float: left;
    font-size: 12px;
    color: #000;
}

.st-head h6 {
    color: #1abc9c;
    font-size: 12px;
    float: right;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    line-height: normal;
}

#tab1default ul {
    height: 303px;
    overflow-y: scroll;
}

.postops-table {
}

.sms-templates li:nth-child(odd) {
    background-color: #f8f8f8;
}

.sms-templates li {
    overflow: hidden;
    list-style: none;
    padding: 10px 10px 8px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}

    .sms-templates li:hover .cgroup-action {
        display: block;
    }

    .sms-templates li h5 {
        margin: 0;
        font-size: 13px;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .sms-templates li h5 span {
            font-family: 'Poppins', sans-serif !important;
            font-weight: 500;
        }

.sms-templates .cgroup-action {
    top: 4px;
    display: none;
}

.sms-templates .g-selected {
    padding-left: 25px;
    background-image: url(../img/communication/icon-tick-green.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.ct-popup label {
    display: block;
    font-size: 13px;
    color: #010000;
}

.ct-popup .fin-control {
    width: 100%;
    font-size: 13px;
    color: #010000;
}

.ct-popup textarea {
    height: 85px;
}


/*MIS Report*/
.branch-data-list {
    position: relative;
}

.rTable {
    display: table;
    width: 100%;
}

.rTableHeading {
    display: table-header-group;
}

.rTableHead:first-child {
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.rTableHead {
    display: table-cell;
    color: rgb(40, 70, 90);
    font-weight: 500;
    font-size: 13px;
    padding: 10px 15px;
    background: rgb(255, 255, 255);
    border-left: 1px solid rgb(238, 238, 240);
}

    .rTableHead.tb-sort {
        cursor: pointer;
        background: url(../img/admin-img/sort-icon.png) 92% center no-repeat rgb(255, 255, 255);
    }

.rTableBody {
    display: table-row-group;
}

.rTableCell {
    display: table-cell;
    color: rgb(40, 70, 90);
    vertical-align: middle;
    padding: 10px 15px;
}
/*PPF Design fixes*/
.new-table-styles thead tr th {
    padding: 15px 20px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    background-color: #beccda;
    border-bottom: 1px solid #1abc9c;
    white-space: nowrap;
}

.new-table-styles tr td {
    padding: 10px 15px !important;
}

.mis-brd-right {
    border-right: 1px solid #ccc;
}

.new-table-styles > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.billofferhgt {
    height: 32px;
}

.billamtdis {
    width: 45px;
    margin-right: 5px;
}

.billdisflx {
    display: flex;
}

.offerbilltxt {
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #ccc;
    padding: 2px 3px;
    border-radius: 5px;
    /*background-color: aliceblue;
color: #9E9E9E;*/
    background-color: #0bd657;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.vital-input-box {
    display: inline-block;
    width: 75px;
    margin: 5px 10px 5px 0px;
    color: #272727;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    border: 1px solid #b1b1b1 !important;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    background-color: #fff;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*Gmail Style Popup*/
.profile-dropdown {
    width: 320px;
    position: absolute;
    right: 15px;
    padding: 5px 0 0;
    top: 75px;
    /* box-shadow: 0 2px 0 #e8e8e8;*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    border: 1px solid #e8e8e8;
    min-width: 320px !important;
}

.pd-left {
    width: 12px;
    height: 12px;
    background: #ffffff;
    position: absolute;
    top: -7px;
    transform: rotate(45deg);
    border-style: solid;
    left: 15px;
    border-width: 1px 0 0 1px;
    border-color: #e8e8e8;
}

.pd-aup {
    /*width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fafafa;
position: absolute;
right: 10px;
top: -7px;*/
    width: 12px;
    height: 12px;
    background: #ffffff;
    position: absolute;
    top: -7px;
    transform: rotate(45deg);
    border-style: solid;
    right: 15px;
    border-width: 1px 0 0 1px;
    border-color: #e8e8e8;
}

.pd-inner-top {
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

.profile-dropdown img {
    width: 50px;
    height: 50px;
    float: left;
    border: 3px solid #c3fbf1;
    border-radius: 100%;
}

.pd-name {
    float: left;
    width: 70%;
    margin-left: 5%;
}

    .pd-name span {
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #000;
        line-height: normal;
    }

    .pd-name .speciality {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
        font-size: 13px;
        margin: 5px 0 0;
    }

a.pro-link {
    border: 1px solid #1abc9c;
    padding: 1px 6px 2px;
    display: inline-block;
    font-size: 11px;
    color: #1abc9c;
    text-transform: unset;
    margin-top: 15px;
}

    a.pro-link:hover {
        background: #1abc9c;
        color: #fff;
    }

.profile-dropdown p {
    margin: 0;
    padding: 9px 0;
    text-align: center;
    background: #e6f7e6;
    font-size: 12px;
    /*font-family: 'Poppins', sans-serif !important;*/
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
}

.profile-dropdown ul {
    margin-bottom: 0;
}

.profile-dropdown li {
    list-style: none;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
}

    .profile-dropdown li:last-child {
        border-bottom: none;
    }

.c-info {
    float: left;
    width: 70%;
    margin-left: 5%;
    margin-top: 5px;
}

    .c-info h6 {
        margin: 0px 0 2px;
        font-size: 13px;
        color: #000;
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .c-info span {
        display: block;
        color: #777;
    }

.dp-actions {
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
}

    .dp-actions a {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        font-size: 12px;
        color: #1abc9c;
        padding: 15px 0;
        text-transform: unset;
        background: #fff;
        /*font-family: 'Poppins', sans-serif !important;*/
        font-weight: 500;
        transition: all .5s;
    }

        .dp-actions a:hover {
            background: #1abc9c;
            color: #fff;
        }

a.pd-setlink {
    position: relative;
}

    a.pd-setlink:after {
        position: absolute;
        content: "";
        right: 0;
        height: 100%;
        background: #e8e8e8;
        width: 1px;
        top: 0;
    }

.veralignbtm {
    vertical-align: bottom;
}

.past-billing-table thead tr th {
    background: #cae8ec;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    white-space: nowrap;
    padding: 10px 1px !important;
    text-align: center;
}

.treatmentname th {
    background: #fff;
    color: #08a5ec;
    border: none;
}

.treatmentname tr td {
    border: none;
}

.inp-pack {
    width: 50px;
    display: inline-block;
}

.pack-select {
    display: inline-block;
    height: 32px;
}

.select-dropdown-pharma {
    margin-top: 15px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

    .select-dropdown-pharma:focus {
        margin-top: 15px !important;
        background-color: #fff !important;
        color: #000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    }

.past-billing-table tr td {
    font-family: 'Poppins', sans-serif !important;
}

.inputwidthbill {
    width: 65px;
}

.closepopuphov {
    font-size: 25px;
    margin-top: -68px;
    margin-right: 12px;
    font-weight: 500;
    color: #fff;
}

    .closepopuphov:hover {
        font-size: 25px;
        margin-top: -68px;
        margin-right: 12px;
        font-weight: 500;
        color: #fff;
    }

.billdrphgt {
    height: 175px;
    overflow-y: scroll;
}

.list-option li .history-new {
    width: 30%;
    float: left;
    padding: 8px 8px 8px 15px;
}

    .list-option li .history-new span {
        font-size: 15px;
        color: #515151;
    }

.clinics-hover > li:hover {
    background-color: aliceblue;
}

.clinics-hover {
    overflow-x: auto;
    background-color: #fff;
    max-height: 250px;
    overflow: auto;
}

/*End Design fixes*/
.inputwidthbilll {
    width: 75px !important;
}

.appbillhgt > ul.dropdown-menu {
    height: 180px !important;
    min-width: 265px !important;
}

.spn-address {
    color: #484848 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.btn-presc-save {
    padding: 0 0 3px 0;
}

.list-option-new {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

    .list-option-new li {
        display: inline-block;
        width: 24%;
        margin-right: 15px;
    }

.list-opt-text-new {
    display: inline-block;
    padding: 0 1px;
}

.txt-color-hblue {
    font-size: 16px;
    color: #56799e;
}

.imgtag {
    position: absolute;
    top: 185px;
    width: 100%;
    padding: 0 15px;
    color: #ffffff;
}

.print-arrow-align {
    position: absolute;
    right: 30px;
}

.print-arrow-align1 {
    position: absolute;
    right: 30px;
    top: 3px;
}

/*Settings grouping*/
.css-treeview ul,
.css-treeview li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.css-treeview input {
    position: absolute;
    opacity: 0;
}

.css-treeview {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .css-treeview a {
        color: #00f;
        text-decoration: none;
    }

    .css-treeview input + label + ul {
        margin: 0 0 0 2px;
    }

    .css-treeview label,
    .css-treeview label::before {
        cursor: pointer;
        /* background: url("../img/nav-icons/setting_icon.png") no-repeat; */
    }

    .css-treeview input:disabled + label {
        cursor: default;
        opacity: .6;
    }

    .css-treeview input:checked:not(:disabled) ~ ul {
        display: block;
        padding: 0 0px 0 5px;
    }

    .css-treeview label,
    .css-treeview a,
    .css-treeview label::before {
        display: inline-block;
        /* height: 16px; */
        /* line-height: 16px; */
        vertical-align: middle;
    }

    .css-treeview label {
        /* background-position: 18px 0; */
    }

        .css-treeview label::before {
            content: "";
            vertical-align: middle;
        }

    .css-treeview input:checked + label::before {
        background-position: 0 -16px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .css-treeview {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }

    @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
        from {
            padding: 0;
        }

        to {
            padding: 0;
        }
    }
}


/*More POPUP*/
.investmore {
    top: 50px !important;
}

    .investmore ul li {
        padding: 0px;
        background: transparent;
    }

        .investmore ul li a {
            width: 178px;
        }

.more-popup {
    width: 180px;
    position: absolute;
    right: 15px;
    top: 75px;
    /* box-shadow: 0 2px 0 #e8e8e8; */
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
}

.more-popup-uparow {
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    position: absolute;
    top: -7px;
    transform: rotate(45deg);
    border-style: solid;
    right: 15px;
    border-width: 1px 0 0 1px;
    border-color: #e8e8e8;
}

.more-popup ul {
    margin-bottom: 0;
    float: left;
    width: 100%;
    text-align: left;
}

.morepopup-hover {
    overflow-x: auto;
    background-color: #fff;
    max-height: 250px;
    overflow: auto;
}

.more-popup li:last-child {
    border-bottom: none;
}

.more-popup li {
    list-style: none;
    padding: 7px 10px;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
}

.mremenutxt {
    padding: 2px 5px;
    vertical-align: top;
    top: 2px;
    position: relative;
}
/*offer popup*/
.modal-offer {
    display: block;
    position: absolute;
    z-index: 1;
    /* padding-top: 100px; */
    left: -163px;
    /* top: 0; */
    width: 100%;
    height: 100%;
    font-size: 13px;
}

.modal-content-offer {
    background: #3db29f !important;
    margin: -26px auto;
    padding: 2px 20px 20px 20px !important;
    border-radius: 2px !important;
    text-align: left;
    color: white !important;
    width: 389px;
    height: 170px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5) !important;
    border: 0px solid #999 !important;
    border: 0px solid rgba(0, 0, 0, .2) !important;
}

.arrow_box2-offer {
    position: relative;
    background: #3DB29F;
    border: 0px solid #3DB29F;
}

    .arrow_box2-offer:after {
        border-left-color: #3DB29F !important;
        border-width: 17px !important;
        margin-left: 16px !important;
    }

    .arrow_box2-offer:after,
    .arrow_box-offer:before {
        left: 99%;
        top: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
/*END offer popup*/
/*billing page*/
.boxshadowbill {
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, .2);*/
    border: 1px solid #afafaf !important;
}

.morepopup-hover li:hover {
    background-color: aliceblue;
    color: #337ab7;
}

/*.text-primary {
    color: #3bafda !important;
}*/

.text-success {
    color: #00b19d !important;
}

.text-pink {
    color: #f76397 !important;
}

.text-muted {
    color: #999 !important;
}

.text-green {
    color: #81c868;
}


.card {
    padding: 20px;
    border: 2px solid rgba(255, 255, 255, 0.07);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #fff;
    color: #98a6ad;
    height: auto;
}

.m-t-0 {
    margin-top: 0px !important;
}

.header-title {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 16px;
    margin-bottom: 8px;
    color: #98a6ad;
}


#pieAppointmentDts {
    width: 100% !important;
    height: 250px !important;
    position: relative !important;
    top: 40px !important;
}

#cashReceivedData {
    width: 100%;
    height: 380px;
}

#baroutStanding {
    width: 100%;
    height: 380px;
}

#inventoryData {
    width: 100%;
    height: 380px;
}

#expensesData {
    width: 100%;
    height: 380px;
}

#pieCommunicationDetails {
    width: 100%;
    height: 250px;
    position: relative;
    top: 40px;
}

#piePharmaDetails {
    width: 100%;
    height: 250px;
    position: relative;
    top: 10px;
}

#pieTargetDetails {
    width: 100%;
    height: 250px;
}

.rTableRow:nth-of-type(2n+1) {
    background: rgb(247, 247, 247);
}

.rTableRow {
    display: table-row;
    position: relative;
}

.tabs .indicator {
    background-color: #5fbeaa;
    bottom: 0;
    height: 2px;
    position: absolute;
    will-change: left, right;
}

.submenuDashboard {
    position: relative;
    display: inline-block;
}

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

.submenuDashboard:hover .submenudropdown-content {
    display: block;
}

.submenuParent .submenu li a {
    color: #1abc9c;
    font-size: 15px;
    line-height: 24px;
    padding: 10px 16px;
    text-align: left;
}

    .submenuParent .submenu li a > label {
        display: inline-block;
        font-size: 12px;
        padding-left: 7px;
        cursor: pointer;
    }

    .submenuParent .submenu li a > i {
        /*margin-left: 10px;*/
    }

    .submenuParent .submenu li a:hover {
        background-color: transparent;
    }

.submenuParent .submenu li:hover a {
    color: #fff;
}

.submenuParent .submenu li {
    display: none;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*padding: 12px 16px;*/
    z-index: 9999;
    left: 0;
    top: 0;
    color: #000;
    height: auto;
    line-height: 2.3em;
    font-size: 1em;
    cursor: pointer;
}

.submenuParent:hover .submenu li {
    display: block;
}

.submenu li, .submenu li:hover {
    display: block;
    /*background-color: #1abc9c;*/
    color: #fff;
}

    .submenu li:hover a {
        border-left: 5px solid #1D5558;
    }

.back-list {
    color: #08a5ec;
    font-weight: 400;
    margin-bottom: 35px;
    display: inline-block;
    background: url(../img/admin-img/back-icon.png) no-repeat 0 center;
    padding: 0 0 0 25px;
    text-decoration: underline;
}

.viewIconDetail {
    color: #3DB29F;
    font-size: 0.91em;
}
/* Dashboard ends */
#parentcharts {
    width: 100%;
    height: 320px;
    position: relative;
    margin: 0 auto;
    font-size: 8px;
}

.childchartdiv {
    width: 100%;
    height: 320px;
    position: absolute;
    top: 10px;
    left: 0;
}

a.testcalss {
    right: 58px !important;
    text-align: right;
}

.cardapptstatus {
    height: 388px;
}

#treatmentMap, #branchMap, #DoctorMap, #CampaignMap {
    border: 1px solid;
}

.card.revdashcard.zero:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    background: rgba(0,0,0,0.6);
    left: 0;
    z-index: 9;
}

.report-details-wrap {
    margin-top: -20px;
    position: relative;
    top: -20px;
    margin-top: 20px;
}

span.count_bottom {
    font-size: .86em;
}



.bb-1 {
    border: 1px solid #839192;
}

.bbottom-1 {
    border-bottom: 1px solid #ddd;
}

.bb-d {
    border-bottom: 1px dashed #eee;
}

/*End Previous condition*/
.no-pad {
    padding: 0;
}

.left-no-pad {
    padding-left: 0;
}

.right-no-pad {
    padding-right: 0;
}

.custo-easymode textarea {
    overflow: hidden;
}

.custo-easymode ul.treatmentulli-list li {
    list-style: none;
    /*display: -webkit-inline-box;*/
    /*float: none;
width: 50%;*/
}


.custo-easymode ul.MedicalCondiulaller li {
    /*display: inline-block;*/
    list-style: none;
}


.custo-easymode > ul > .custom-easybtn {
    background-color: transparent;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
}

.custom-easybtn a {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #fff;
}

.custo-easymode > ul > .custom-easybtn > a > .fa-plus {
    padding-left: 6px;
    color: #09a0a0;
}

.custo-easymode > ul > .custom-easybtn > a > .fa-sticky-note {
    padding-left: 6px;
    color: #f57104;
}

.custo-easymode > ul > .custom-easybtn > a > i {
    font-size: 20px;
    line-height: 30px;
    padding-left: 7px;
}

.custo-easymode > ul > .custom-easybtn > a > .fa-plus:hover {
    background-color: #26c09e;
    color: #fff;
    width: 28px;
    height: 28px;
}

.custo-easymode > ul > .custom-easybtn > a > .fa-sticky-note:hover {
    background-color: #f57104;
    color: #fff;
    width: 28px;
    height: 28px;
}

.easymodeulli ul li h3 {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*cursor: pointer;*/
}

.easymodeulli ul li {
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #d5d5d5;
}

    .easymodeulli ul li:hover {
        /*background-color: #cae4f5;*/
    }

.multiple-diagnoinput input {
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #fff !important;
    border-radius: 0px !important;
    padding-left: 22px;
    box-shadow: none !important;
}

    .multiple-diagnoinput input:focus {
        box-shadow: none !important;
    }

.multiple-diagnoinput ul.multiple-diagnoul {
    border: 1px solid #ccc !important;
    /*border-bottom: none !important;*/
    border-radius: 2px;
}

    .multiple-diagnoinput ul.multiple-diagnoul li {
        list-style: none;
    }

        .multiple-diagnoinput ul.multiple-diagnoul li:before {
            content: "-";
            font-weight: 600;
            color: #1f1f1f;
            margin-top: 7px;
            margin-left: 5px;
            position: absolute;
            font-family: FontAwesome;
        }

.easymode-tabs > li.active > a {
    background-color: #26c09e;
    color: #fff;
}

.edit-medicaleasy .hoveredit-icn a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #d5d5d5;
    position: relative;
    /*top: -17px;*/
    border-radius: 50px;
    right: 15px;
}

.edit-medicaleasy:hover .hoveredit-icn {
    display: block;
}

.edit-medicaleasy .hoveredit-icn {
    position: absolute;
    right: 0;
    /*top: 0;*/
    margin-top: -20px;
    display: none;
}

    .edit-medicaleasy .hoveredit-icn a i {
        line-height: 30px;
        padding-left: 7px;
    }

.easymode-tabs > li.active > a:focus {
    background-color: #26c09e;
}

.easymode-tabs li a {
    font-weight: 500;
    font-size: 12px;
    padding: 10px 10px !important;
}

.inve-visipopup thead th select, .inve-visipopup thead th select:focus {
    color: #26c09e;
    background-color: transparent !important;
}

.input-easymode input {
    width: 48% !important;
    margin-right: 2%;
    z-index: 0 !important;
    height: 30px !important;
}

.input-easymode label, .custo-easymode label, .group-easymo-label label {
    font-size: 11px;
    color: #2d2d47;
    font-weight: 400;
    display: block;
}

.easdiagnosisul ul li {
    list-style: decimal;
    margin-left: 15px;
}

.completecon-popup li {
    list-style: none;
    display: inline-block;
    margin-left: 16px;
    width: 30%;
}

.multi-tablehistory thead th {
    background-color: #dff0d8;
}

.multi-tabletreatment thead th {
    background-color: #d9edf6;
}

.multi-tablehistory tbody tr:hover {
    background-color: #f1f1f1;
}

.multi-tabletreatment > tbody > .finbill-treat {
    background-color: #dbe4ec;
    border: none !important;
}

.Medical-CondiReview ul li, .allergies-CondiReview ul li {
    display: inline-block;
    margin-right: 5px;
}

    .Medical-CondiReview ul li:before {
        content: "\f21e";
        font-family: FontAwesome;
        width: 1em;
        color: #5a8909;
    }

    .allergies-CondiReview ul li:before {
        content: "\f0a3";
        font-family: FontAwesome;
        width: 1em;
        color: #b23b71;
    }

.eicn-TLPG li {
    float: none;
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}

    .eicn-TLPG li a {
        padding: 0px;
        color: #28465a;
        display: block;
        text-align: left;
        font-size: 11px;
    }

        .eicn-TLPG li a i {
            width: 31px;
            height: 31px;
            text-align: center;
            transition: background 200ms, border 200ms, box-shadow 200ms, color 200ms;
            margin: 2px 2px 0 1px;
            -webkit-transition: .2s ease-in;
            transition: .2s ease-in;
            display: -webkit-inline-box;
        }

.eicn-TLPG ul {
    margin-bottom: 0px;
}

.eicn-TLPG li a span {
    display: -webkit-inline-box;
    position: relative;
    bottom: 12px;
    left: 5px;
    font-weight: 600;
    font-size: 13px;
}
/*eicn-TLPG Icns*/
.eicn-TLPG .easy-Notes_Act i {
    background: url(../img/easy-mode/Notes_show.svg) no-repeat center center;
}

.eicn-TLPG .easy-Treatment_Act i {
    background: url(../img/easy-mode/Treatment_show.svg) no-repeat center center;
}

.eicn-TLPG .easy-Lab_Act i {
    background: url(../img/easy-mode/Lab_show.svg) no-repeat center center;
}

.eicn-TLPG .easy-Prescription_Act i {
    background: url(../img/easy-mode/Prescription_show.svg) no-repeat center center;
}

.eicn-TLPG .easy-Glasses_Act i {
    background: url(../img/easy-mode/Glasses_show.svg) no-repeat center center;
}

/*Surgery Chek box*/
.surgary-checkbox label {
    display: inline-block;
    color: #1790b5;
    cursor: pointer;
    position: relative;
    text-align: center;
}

    .surgary-checkbox label span {
        display: inline-block;
        position: relative;
        background-color: transparent;
        width: 15px;
        height: 15px;
        transform-origin: center;
        border: 1.5px solid #1790b5;
        border-radius: 50%;
        vertical-align: -8px;
        /*margin-right: 10px;*/
        margin-top: 2px;
        transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    }

        .surgary-checkbox label span:before {
            content: "";
            width: 0px;
            height: 2px;
            border-radius: 2px;
            background: #1790b5;
            position: absolute;
            transform: rotate(45deg);
            top: 5px;
            left: 4px;
            transition: width 50ms ease 50ms;
            transform-origin: 0% 0%;
        }

        .surgary-checkbox label span:after {
            content: "";
            width: 0;
            height: 2px;
            border-radius: 2px;
            background: #1790b5;
            position: absolute;
            transform: rotate(305deg);
            top: 8px;
            left: 4px;
            transition: width 50ms ease;
            transform-origin: 0% 0%;
        }

.surgary-checkbox span:before {
    width: 5px;
    transition: width 100ms ease;
}

.surgary-checkbox span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.surgary-checkbox input[type="checkbox"] {
    display: none;
}

    .surgary-checkbox input[type="checkbox"]:checked + label span {
        background-color: #fff;
        transform: scale(1.25);
    }

        .surgary-checkbox input[type="checkbox"]:checked + label span:after {
            width: 6px;
            background: #1790b5;
            transition: width 150ms ease 100ms;
        }

        .surgary-checkbox input[type="checkbox"]:checked + label span:before {
            width: 3px;
            background: #1790b5;
            transition: width 150ms ease 100ms;
        }



.cursorp {
    cursor: pointer !important;
}
/*Right side Tabs*/
.tabs-right {
    border-bottom: none;
    padding-top: 2px;
    border-left: 1px solid #ddd;
    border-radius: 0 5px 5px 0;
    background-color: #2d2d47;
    padding: 2px 0px 2px 0px;
}

    .tabs-right > li {
        margin-left: -1px;
    }

        .tabs-right > li.active > a,
        .tabs-right > li.active > a:hover,
        .tabs-right > li.active > a:focus {
            border-bottom: 1px solid #ddd;
            border-left-color: transparent;
            background-color: #2bbb94;
        }
    /*right side icons*/
    .tabs-right li a i {
        height: 25px;
        width: 25px;
        display: block;
        vertical-align: middle;
        margin: auto;
        position: relative;
        font-size: 26px;
    }

    .tabs-right > li > a {
        border-radius: 0 5px 5px 0;
    }

        .tabs-right > li > a:hover, .tabs-right > li > a:focus, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
            background: transparent;
        }

    .tabs-right li a {
        padding: 10px !important;
    }

    .tabs-right .right-medicalcondition i {
        background: url(../img/easy-mode/medical-conditions-icon.svg) no-repeat center center;
    }

    .tabs-right .right-vitals-icn i {
        background: url(../img/easy-mode/vitals-icon.svg) no-repeat center center;
    }

    .tabs-right .right-Allergies i {
        background: url(../img/easy-mode/allergies-icon.svg) no-repeat center center;
    }

    .tabs-right .right-MedicalHistoryData i {
        background: url(../img/easy-mode/past-medical-conditions.svg) no-repeat center center;
    }
/*Radio Button*/
/*Radio box*/
.form-printcheck label .label-text {
    position: relative;
    cursor: pointer;
    font-size: 19px;
    font-weight: 400;
}

.form-printcheck input[type="checkbox"], .form-printcheck input[type="radio"] {
    position: absolute;
    right: 9000px;
}

    .form-printcheck input[type="radio"] + .label-text:before {
        content: "\f10c";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: 500;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
    }

    .form-printcheck input[type="radio"]:checked + .label-text:before {
        content: "\f192";
        color: #2d2d47;
        animation: effect 250ms ease-in;
    }

    .form-printcheck input[type="radio"]:disabled + .label-text {
        color: #aaa;
    }

        .form-printcheck input[type="radio"]:disabled + .label-text:before {
            content: "\f111";
            color: #ccc;
        }

.diagnoeasylabel label {
    cursor: pointer;
}
/*Treatments*/
.treatmentulli-list li {
    width: 100%;
    /*margin-top: 5px;*/
}

    .treatmentulli-list li .pro-list-totaldiv {
        /*background-color: #fbfbfb;*/
        width: 100%;
        cursor: pointer;
        padding: 0px 5px;
        border-bottom: 1px solid #eee;
        border-left: 1.5px solid transparent;
        /*box-shadow: 0px 1px #eee;*/
    }

    .treatmentulli-list li > .pro-list-totaldiv h5 {
        display: -webkit-inline-box;
        padding-left: 2px;
        /*width: 85%;*/
        margin: 7px 0px;
        font-size: 12px;
    }

    .treatmentulli-list li > .pro-list-totaldiv .pl-button {
        position: relative;
        top: 0px;
        display: none;
    }

    .treatmentulli-list li:hover > .pro-list-totaldiv .pl-button {
        display: block;
    }

    .treatmentulli-list li:hover > .pro-list-totaldiv {
        background-color: #fbfbfb;
        border-left: 1.5px solid #26c09e;
    }

.treatmentulli-list small {
    font-size: 11px;
    font-weight: 400;
    color: #787887;
}

.templadd-more .controls {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    /*height: 100%;*/
}

    .templadd-more .controls li {
        display: inline-block;
        /*height: 100%;*/
        float: left;
        padding: 9px;
        color: #6899ac;
    }

.templadd-more h5 {
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: 500;
    /*font-size: 14px;*/
    color: #28465a;
    line-height: 26px;
}

.tresaved-tabs li a {
    padding: 5px 10px;
}

    .tresaved-tabs li a:hover, .tresaved-tabs li a:focus {
        background-color: #6ae2c8;
    }

.tresaved-tabs li.active a {
    background-color: #6ae2c8;
    color: #fff;
}

.tresaved-tabs li {
    text-align: center;
    float: none;
    display: inline-block;
    width: 49%;
}
/*CRM*/
.bg-e7e8f0 {
    background-color: #e7e8f0;
}

.CheifCalendar {
    padding: 8px;
    font-size: 17px !important;
    border-radius: 50px;
    /* border: 1px solid #d5d5d5; */
    color: #28465a;
    cursor: pointer;
}

.star-rating {
    color: #000;
    font-size: 15px;
}

.treatment-rating {
    margin-top: 10px;
    margin-bottom: 10px;
}

.star-rating span:nth-child(1) {
    font-weight: 600;
    color: red;
}

.treatment-rating li {
    list-style: none;
}

.star-rating > .fa-star-o {
    cursor: pointer;
    padding-left: 10px;
    font-size: 21px;
}

.partha-nav {
    background-color: #fff;
    margin-bottom: 5px;
    box-shadow: 0 1px 0px rgba(0,0,0,0.16), 0 0px 3px rgba(0,0,0,0.23);
}

    .partha-nav li {
        width: 0%;
    }

        .partha-nav li a {
            border-radius: 0;
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

.partha-sms {
    background-color: #fff;
    /*padding: 10px;*/
}

.st-head {
    background-color: #0f6860;
    color: #fff;
    padding: 10px;
}

    .st-head h6:hover {
        color: #0f6860;
        background-color: #fff;
    }

.partha-nav > li.active > a, .partha-nav > li.active > a:hover, .partha-nav > li.active > a:focus {
    background-color: #26c09e;
}



.partha-form {
    float: left;
    padding: 10px;
    width: 20%;
    margin-bottom: 0 !important;
}

.leadsButtons ul {
    margin-top: 10px;
}
    /*buttons*/
    .leadsButtons ul li {
        list-style: none;
        display: -webkit-inline-box;
    }
        /*.leadsButtons ul li a:nth-last-child(1) {
color: #00b0ff;
}*/
        .leadsButtons ul li:nth-last-child(1) {
            float: right;
        }

.doNotDisturb {
    background-color: #fff;
    border: 1px solid #fdab01;
    color: red;
}


.setting-wid {
    width: 84%;
    margin-left: 1%;
}

.Re-Scheduled-h5 {
    color: #FF2D51;
}

.admin-appointments {
    color: #009CF5;
}

.admin-treatments {
    color: #AC8AE1;
}

.admin-routs {
    color: #FF977B;
}

.admin-leads {
    color: #00C296;
}

.admin-followps {
    color: #90DFFD;
}

.admin-deadleads {
    color: #484848;
}

.NonConvertedLeads {
    color: #324A5E;
}
/*Progress Bar*/
.progress-bar-deadleads {
    background-image: linear-gradient(to right, #484848 0, #484848 100%) !important;
}

.progress-bar-followps {
    background-image: linear-gradient(to right, #FF2D51 0, #FF2D51 100%) !important;
}

.progress-bar-appointments {
    background-image: linear-gradient(to right, #009CF5 0, #009CF5 100%) !important;
}

.progress-bar-treatments {
    background-image: linear-gradient(to right, #AC8AE1 0, #AC8AE1 100%) !important;
}

.progress-bar-routs {
    background-image: linear-gradient(to right, #FF977B 0, #FF977B 100%) !important;
}

.progress-bar-leads {
    background-image: linear-gradient(to right, #324A5E 0, #54C0EB 100%) !important;
}

.progress-bar-Treatment {
    background-image: linear-gradient(to right, #90DFFD 0, #90DFFD 100%) !important;
}
/*Dashboard Colors*/


.partha-dashbord ul li {
    list-style: none;
    display: inline;
    line-height: 10px;
}

    .partha-dashbord ul li button {
        background-color: #FD8632;
        color: #fff;
        border-radius: 2px;
        border: none;
        padding: 1px 23px;
    }

        .partha-dashbord ul li button:hover {
            color: #fff;
        }

        .partha-dashbord ul li button i {
            line-height: 35px;
        }

        .partha-dashbord ul li button label {
            position: relative;
            top: -7px;
            font-weight: 600;
            left: 0px;
            padding: 0px 5px;
        }

.treatement-followup {
    background-color: white;
    color: #93DFFD;
    box-shadow: 0px 0px 0px 1px #d5d5d5;
}

.dashbord-card {
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 #d5d5d5;
    border: 1px solid #d5d5d5;
    width: 100%;
    outline-style: none;
}

.dashbordProfile img {
    width: 50px;
    height: 50px;
    margin: 10px 15px;
}

.dashbord-label label {
    position: absolute;
    display: inline;
    top: 25px;
    right: 55px;
    font-size: 45px;
}

.custom-progress {
    height: 3px !important;
}

.dashbord-label h5 {
    font-weight: 500;
    font-size: 15px;
    padding: 5px;
    margin-left: 9px;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #000;
}

/*Partha Icons*/
.TopMenu .aside-partha-dashbord i {
    background: url(../img/partha/working-team.svg) no-repeat center center;
}

.TopMenu .aside-partha-leads i {
    background: url(../img/partha/leads-list.svg) no-repeat center center;
}

.TopMenu .aside-partha-report i {
    background: url(../img/partha/partha-report.svg) no-repeat center center;
    background-size: contain;
}


.TopMenu .aside-partha-premolar i {
    background: url(../img/partha/partha-premolar.svg) no-repeat center center;
    background-size: contain;
}



.TopMenu .aside-partha-calendar i {
    background: url(../img/partha/calendar-and-clock.svg) no-repeat center center;
}

.TopMenu .aside-partha-visits i {
    background: url(../img/partha/calendar-visits.svg) no-repeat center center;
}



.TopMenu .aside-partha-Reminder i {
    background: url(../img/partha/Reminderplusminus.svg) no-repeat center center;
}



.TopMenu .aside-partha-service i {
    background: url(../img/partha/customer-service.svg) no-repeat center center;
}


/*Icons Close*/
#spnWillingAppt {
    float: left;
    width: 30%;
}

#divRadioGroup {
    float: left;
    width: 30%;
}

#radioAppt {
    float: left;
    width: 46%;
}

#radioCallbk {
    float: left;
    width: 54%;
}

.spnDay {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 13px;
}
/*SMS*/
.sms-search-box {
    width: 100%;
    /*margin: 50px 0;*/
    float: left;
}

.sms-tab1 {
    background: #f9f9f9;
    overflow: hidden;
}

    .sms-tab1 li {
        list-style: none;
    }

        .sms-tab1 li.active a {
            background: #0f6860;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 400;
            color: #fff;
        }

        .sms-tab1 li a {
            float: left;
            width: 50%;
            font-size: 12px;
            padding: 10px;
            color: #000000;
            text-align: center;
            border: 1px solid #efefef;
        }

            .sms-tab1 li a:hover {
                background: #0f6860;
                color: #fff;
            }

.sms-tab {
    background: #f9f9f9;
    overflow: hidden;
}

    .sms-tab li {
        list-style: none;
    }

        .sms-tab li.active label {
            background: #0f6860;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 400;
            color: #fff;
            padding: 10px;
        }

        .sms-tab li label {
            float: left;
            width: 100%;
            font-size: 12px;
            color: #000000;
            padding: 5px 0;
            text-align: center;
            border: 1px solid #efefef;
        }

            .sms-tab li label:hover {
                background: #0f6860;
                color: #fff;
            }

.sms-search-inner {
    padding: 10px;
    background: #fff;
    border: 1px solid #efefef;
    overflow: hidden;
    border-top: 1px solid transparent;
}

a.sms-filter {
    color: #1abc9c;
    text-transform: uppercase;
    font-size: 12px;
    background: url(../img/communication/icon-filter.png) no-repeat 0 4px;
    padding: 0 0 0 17px;
    margin: 6px 10px 0 0;
    float: left;
}

.sms-action {
    float: right;
    position: relative;
    right: 11px;
}

.alertify-logs > .error {
    color: white !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}
/*/CRM*/
/*Diagnosis*/
.Diagnosis-tileheader .controls > li > a {
    font-size: 13px !important;
    line-height: 28px !important;
    color: #F5972C !important;
}
/*Colors*/
.Diagnosis--Diagnosis ul.All-diagnosis {
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
    border-left: 3px solid #F1433F;
}
/*/All DIagnosis*/

.Diagnosis--Diagnosis ul.Provisional--DiagnosisUL {
    border-left: 3px solid #A9CF54;
}

.Diagnosis--Diagnosis ul.Final--DiagnosisUL {
    border-left: 3px solid #70B7BA;
}

.Diagnosis--Diagnosis ul.Visit--DiagnosisUL {
    border-left: 3px solid #F7E967;
}

.Diagnosis--Diagnosis ul.Main--DiagnosisUL {
    border-left: 3px solid;
}
/*/*/
/*.Diagnosis--Diagnosis ul.All-diagnosis li.p-5px10px {
    padding: 5px 10px;
}*/

.Diagnosis--Diagnosis ul.All-diagnosis li {
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
    padding: 2px 6px;
    width: auto;
    margin: 0px 1px;
}

    .Diagnosis--Diagnosis ul.All-diagnosis li .span-iconD {
        position: absolute;
        right: 37px;
        width: 75px;
        padding-left: 15px;
        text-align: right;
        width: 10%;
    }

    .Diagnosis--Diagnosis ul.All-diagnosis li .span-noteD {
        width: 90%;
        word-break: break-all;
        display: -webkit-inline-box;
    }

    .Diagnosis--Diagnosis ul.All-diagnosis li:last-child {
        border: none !important;
    }

.Medical-allli {
    border-bottom: none !important;
}


.Diagnosis--Diagnosis ul.All-diagnosis li .Diagnosis--close {
    position: relative;
    /*right: -5px;*/
    right: 5px !important;
    color: #F30423;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 50px;
    padding: 3px;
    width: 20px;
    height: 20px;
    line-height: 13px;
    cursor: pointer;
}


.Diagnosis--Diagnosis ul.All-diagnosis li.diagnosis-blockli {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 56px;
    padding: 4px 10px;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-top: 5px;
}

    .Diagnosis--Diagnosis ul.All-diagnosis li.diagnosis-blockli:last-child {
        border: 1px solid #ccc !important;
    }
/*Input COlors*/
.Diagnosis--Diagnosis ul.All-diagnosis li.All-diagnosis--DiagnosisINPUT input {
    margin-top: 0px;
    border: none;
    box-shadow: none;
    /*height: 30px;*/
    border: 1px solid #ccc;
    border-radius: 2px;
}

    .Diagnosis--Diagnosis ul.All-diagnosis li.All-diagnosis--DiagnosisINPUT input:focus {
        /*border: 1px solid #1e977c;*/
        background-color: #fff;
        color: #000;
        font-weight: 400;
        box-shadow: 0px 0px 1px 1px #d4f7ef;
    }

.Diagnosis--Diagnosis ul.All-diagnosis li.All-diagnosis--DiagnosisINPUT {
    border-bottom: none;
}
/*H3 Colors*/
.Diagnosis--Diagnosis ul.All-diagnosis li.Observations--Diagnosish3 h1 {
    font-size: 15px;
    color: #1f1f1f;
    margin: 0;
}

.Diagnosis--Diagnosis ul.All-diagnosis li.Observations--Diagnosish3 h3, .casehist-h3 li.Observations--Diagnosish3 h3 {
    font-size: 13px;
    color: #616f77;
    margin: 4px 0px;
    background-color: #D9EDF7;
    font-weight: 500;
    padding: 5px 2px;
}
/*li span*/
.Diagnosis--Diagnosis ul.All-diagnosis li.diagnosis-blockli span {
    color: #414141;
    font-size: 13px;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.Diagnosis-table thead tr th {
    font-size: 12px !important;
    font-weight: 600 !important;
    background: transparent !important;
    border: none !important;
    padding: 5px !important;
    color: #1f1f1f !important;
}

.Diagnosis-table tbody td {
    padding: 5px !important;
}

.diagnosis-ulnavtabs ul.eicn-TLPG li a:hover,
.diagnosis-ulnavtabs ul.eicn-TLPG li a:focus,
.diagnosis-ulnavtabs ul.eicn-TLPG li.active a {
    background-color: transparent;
    padding: 0 10px;
    color: #484848;
    border: none;
}

.diagnosis-ulnavtabs ul.eicn-TLPG li a {
    border: none;
    padding: 0 10px;
    color: #484848;
}
/*Hover*/
.diagnosis-ulnavtabs ul.eicn-TLPG .easy-Notes_Act.active i {
    background: url(../img/easy-mode/Notes_hover.svg) no-repeat center center;
}

.diagnosis-ulnavtabs ul.eicn-TLPG .easy-Treatment_Act.active i {
    background: url(../img/easy-mode/Treatment_hover.svg) no-repeat center center;
}

.diagnosis-ulnavtabs ul.eicn-TLPG .easy-Lab_Act.active i {
    background: url(../img/easy-mode/Lab_hover.svg) no-repeat center center;
}

.diagnosis-ulnavtabs ul.eicn-TLPG .easy-Prescription_Act.active i {
    background: url(../img/easy-mode/Prescription_hover.svg) no-repeat center center;
}

.diagnosis-ulnavtabs ul.eicn-TLPG .easy-Glasses_Act.active i {
    background: url(../img/easy-mode/Glasses_hover.svg) no-repeat center center;
}

.Diagnosis-table tbody, .Diagnosis-table tbody + tbody, .Diagnosis-table tr td {
    border-top: none !important;
    /*vertical-align: middle !important;*/
}

.custo-Tabmode input {
    height: 22px;
    padding: 5px;
}

.Notes--Diagnosisa tr td a {
    font-size: 13px;
}

.Diagnosis-priacol td {
    color: #484848;
    font-weight: 500;
}

.Diagnosis-priasummary {
    border-bottom: 1px solid #ddd;
}

.textmute-note td {
    color: #878787 !important;
}

.Diagnosis--Diagnosis .All-diagnosis tbody tr td label,
.Diagnosis--Diagnosis .All-diagnosis tbody tr td select option label,
.optha-input select option label, .optha-input option label {
    color: #484848;
    font-size: 13px;
}

.customfa-icon li a i {
    font-size: 13px;
    position: relative;
    top: -7px;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 1px 1px #484848;
    padding: 5px;
    border-radius: 50px;
}

.optha-input input {
}
/*New*/
.Diagnosis-tab {
    border-bottom: 0;
}

    .Diagnosis-tab li {
        width: 100%;
        border-radius: 0;
        border-bottom: 1px solid #f1f1f1;
    }

        .Diagnosis-tab li a {
            border-radius: 0;
            color: #484848;
            font-weight: 600;
            font-size: 12px;
            border-right: 1px solid #dee2e6 !important;
            white-space: nowrap
        }

            .Diagnosis-tab li a select, .Diagnosis-tab li a option {
                background-color: transparent;
                color: #484848;
                font-weight: 600;
                outline-style: none;
            }

            .Diagnosis-tab li a select {
                position: relative;
                left: -3px;
            }

            .Diagnosis-tab li a:hover {
                border-radius: 0 !important;
                background-color: #e7fefe;
                color: #495057;
            }

            .Diagnosis-tab li.active a, .Diagnosis-tab li a:focus {
                background-color: #09A0A0;
                color: #fff;
                font-weight: 600;
                border-color: #dee2e6 #fff #dee2e6 #dee2e6;
                margin-right: 0px;
            }

.memu-drop-down > li > a {
    min-width: 60px;
    padding: 3px;
}

.dropdown-menu > li:hover, .dropdown-menu > li:focus {
    color: #495057;
    text-decoration: none;
    /*background-color: rgba(0, 0, 0, .1);*/
}

.diagnosis-hetabs {
    height: 100%;
    max-height: 600px;
    overflow-y: scroll;
}

#DGlasses .table-responsive table tbody tr th {
    vertical-align: middle !important;
}

.Medical-allergiesul {
    border: 1px solid #484848;
}

    .Medical-allergiesul li.Medical-allli {
        padding: 7px !important;
        border-bottom: 1px solid #ddd;
    }

        .Medical-allergiesul li.Medical-allli:nth-last-child(1) {
            border-bottom: none !important;
        }

        .Medical-allergiesul li.Medical-allli i {
            cursor: pointer;
            position: absolute;
            right: 19px;
            margin-top: 3px;
            color: #F1433F;
        }

.vitalssumaryul li.vitalssuaryli {
    /*display: inline-block;
    padding: 5px 7px !important;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 5px !important;*/
    display: inline-block;
    border-radius: 147px;
    text-align: center;
    border: 1px solid #ddd;
    margin-bottom: 5px !important;
    padding: 0 9px;
    background-color: #fff;
}

.pre-vithist > li > label {
    font-weight: 500;
    color: gray;
}

.vitalssumaryul li.vitalssuaryli p {
    margin-bottom: 0 !important;
}

.popover-followtable .popover {
    margin-top: 10px !important;
    top: 550px !important;
    max-width: 1000px;
}

/*.text-ehnote:hover, .text-ehnote:focus {
    color: #2bbb94 !important;
}*/

.text-dark {
    color: #414852;
}


.bt-1 {
    border-top: 1px solid #eee;
}

.header-profile {
    top: 10px;
    left: 24px;
}

    .header-profile .profile-name h3, .header-profile .profile-name p {
        color: #fff;
    }

.mainDevDiagnosis ul.mainulDiagnosis li {
    display: inline-block;
    float: none;
    border-radius: 0;
}

    .mainDevDiagnosis ul.mainulDiagnosis li a {
        /*padding: 5px 20px;*/
        padding: 5px 18px;
        border-radius: 0;
        font-weight: 600;
        font-size: 12px;
        color: #2f2d47;
        background-color: transparent;
        border: transparent;
    }

        .mainDevDiagnosis ul.mainulDiagnosis li a:hover,
        .mainDevDiagnosis ul.mainulDiagnosis li a:focus {
            background-color: transparent;
            border: transparent;
        }

        .mainDevDiagnosis ul.mainulDiagnosis li.active a,
        .mainDevDiagnosis ul.mainulDiagnosis li:hover a,
        .mainDevDiagnosis ul.mainulDiagnosis li a.tab-active {
            border-bottom: 2px solid #19987d;
            /*padding: 10px 40px;*/
            border-radius: 0;
            color: #2f2d47;
        }

.mianuladjust > li > a {
    padding: 5px 25px !important;
}

.diagnosis-followheader h3 {
    color: #484848;
    font-weight: 500;
    font-size: 17px;
    margin: 10px;
}

.diagnosis-followheader {
    background-color: #e7f1fe;
    padding: 0;
}
/*/Followup*/
.followup-Diagnosis > .followup-DiagnosisUL li {
    display: inline-block;
    padding: 4px 5px 4px 5px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 10px;
    margin-bottom: 7px;
}

.Floowup-Vitals > .Floowup-VitalsUL li {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    /* border-right: 1px solid #ccc; */
    border: 1px solid #ccc;
    border-radius: 0px;
    font-weight: 500;
    line-height: 18px;
    /* width: 23%; */
    margin-right: 10px;
    margin: 2px;
}

.tableno-bordered > thead > tr > th, .tableno-bordered tbody > tr > td {
    border: none;
    /*border: none !important;*/
    vertical-align: middle;
    position: relative;
}

.ti-20 {
    text-indent: 20px
}

.tableno-bordered > tbody + tbody {
    border-top: none !important;
}

.MAM-Followps .MAM-Followpsul li {
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

    .MAM-Followps .MAM-Followpsul li:last-child {
        border: none !important;
    }

    .MAM-Followps .MAM-Followpsul li label {
        font-weight: 600;
        color: #484848;
        font-size: 13px;
    }

    .MAM-Followps .MAM-Followpsul li article {
        font-weight: 400;
        color: #526271;
    }
/*Communications*/
.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.euquaryul ul li {
    list-style: none;
    font-weight: 500;
}

.euquaryul {
    margin-bottom: 14px;
}

.borderrad-50 button {
    border-radius: 50px;
    padding: 3px 25px;
    line-height: 18px;
}

.diagno-selectbox {
    width: 100% !important;
    height: 38px !important;
    padding: 10px !important;
    left: 0 !important;
    cursor: pointer !important;
}

.sanbootulcenter {
    background-color: transparent;
    box-shadow: 1px 1px #ccc;
    /*display: -webkit-inline-box;*/
}


/*Search Patient*/
.patient-table table.patient-listtable thead th {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #555555;
    line-height: 1.4;
  /*  text-transform: uppercase;*/
    text-transform: capitalize;
    border: none !important;
    white-space: nowrap;
}

.patient-table table.patient-listtable tbody tr {
    overflow: hidden;
    border-bottom: 10px solid #fff;
    border-radius: 10px;
}

    .patient-table table.patient-listtable tbody tr:hover td {
        background-color: #ebebeb;
        cursor: pointer;
    }

.patient-table table.patient-list-less tbody tr td {
    line-height: 0 !important;
    padding: 0px 10px !important;
}

.patient-table table.patient-listtable tbody tr td {
    font-size: 13px;
    color: #808080;
    line-height: 1.4;
    background-color: #f7f7f7;
    border: solid 1px transparent;
    border-style: solid none;
    padding: 10px 10px;
    /*padding-bottom: 10px !important;*/
    vertical-align: middle;
    font-weight: 400;
}

    .patient-table table.patient-listtable tbody tr td:first-child {
        border-left-style: solid;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .patient-table table.patient-listtable tbody tr td:last-child {
        border-right-style: solid;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

/*Toggle Switch*/

.spancashdrop {
    position: relative;
    right: 4px;
    top: 0;
    display: -webkit-inline-box;
    margin-right: 5px;
    float: right;
}

    .spancashdrop button:hover {
        background-color: #FFFAEE;
    }

    .spancashdrop button {
        padding: 3px 12px;
        background-color: #fff;
        border: 1px solid #eee;
        text-align: center;
        border-radius: 50px;
        width: 30px;
        /* margin-right: 6px; */
        height: 30px;
        display: block;
    }

        .spancashdrop button i {
            left: -5px;
            font-size: 16px;
            position: relative;
            top: 2px;
        }

        .spancashdrop button:nth-child(1) i {
            color: #01ABCE;
        }

        .spancashdrop button:nth-child(2) i {
            color: #71BF45;
        }

        .spancashdrop button:nth-child(3) i {
            color: brown;
        }

.peter-river-fill:hover {
    background-color: #26bf95;
}

.case-hsearchDme {
    min-width: 240px;
    top: 36px;
    margin: 0;
    padding: 0;
}

    .case-hsearchDme li:hover {
        background-color: #eee;
    }

    .case-hsearchDme li a {
        padding: 1px 3px !important;
    }

        .case-hsearchDme li a span p {
            margin: 0 !important;
            word-wrap: break-word;
        }
/*Communications*/
.text-main {
    color: #2b425b;
}

.text-bold {
    font-weight: 600;
}

.comm-search {
    width: 120px !important;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 35px 12px 12px;
    float: right;
    font-weight: 500;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

    .comm-search:focus {
        width: 100% !important;
    }

.search-comm span i {
    font-size: 17px;
    line-height: 28px;
    margin-right: 5px;
}

.sms-controls .controls li a {
    font-size: 13px !important;
    position: relative;
    top: 4px;
}
/*Setting Radio*/
.sgsg-switch {
    position: relative;
    /*width: 76px;*/
    /*height: 40px;*/
    border: 1px solid #c7c7c7 !important;
    /*color: #45f;*/
    /*font-size: 25px;*/
    border-radius: 2px;
    background-color: #fafafa !important;
    padding: 0px;
}

.cgs-quality {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 23px;
    line-height: 0;
    vertical-align: middle;
}

.sgsg-input input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.cgs-quality:first-child label {
    border-radius: 0;
}

.cgs-quality:last-child label {
    border-radius: 0;
}

.cgs-quality label {
    position: absolute;
    top: 0;
    line-height: 23px;
    left: 0;
    width: 100%;
    height: 23px;
    cursor: pointer;
    font-style: italic;
    text-align: center;
    transition: transform 0.4s, color 0.4s, background-color 0.4s;
}

.cgs-quality input[type="radio"] {
    appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
}

    .cgs-quality input[type="radio"]:focus {
        outline: 0;
        outline-offset: 0;
    }

    .cgs-quality input[type="radio"]:checked ~ label {
        background-color: #2bbb94;
        color: #111;
    }

    .cgs-quality input[type="radio"]:active ~ label {
        transform: scale(1.05);
    }
/*Top Search*/
.headersearch input {
    /*background: rgba(255,255,255,0.4);*/
    background-color: #fff;
    border: none;
    border-radius: 100px 0 0 100px;
    display: block;
    outline: none;
    width: 190px;
    height: 34px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,0.1);
    box-shadow: 0 2px 10px 1px rgba(0,0,0,0.2);
}

    /*.headersearch input:focus {
        width: 300px;
        box-shadow: 0 2px 10px 1px rgba(1,1,1,0.5);
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        background-color: #fff;
    }*/

.headersearch::-webkit-input-placeholder {
    color: #666;
}

.headersearch:-moz-placeholder {
    color: #666;
}

.headersearch::-moz-placeholder {
    color: #666;
}

.headersearch:-ms-input-placeholder {
    color: #666;
}

.dash-filter {
    padding: 2px !important;
}

.filter-i, .filter-select {
    display: inline-block;
}

.filter-i {
    background-color: #2bbb94;
    padding: 6.0px 9px;
    position: relative;
    right: -3px;
    font-size: 12px;
    border-radius: 5px 0px 0px 5px;
    line-height: 19px;
    color: #fff;
}

.filter-select select {
    border-radius: 0px 5px 5px 0px;
}

.Invoiced {
    color: green;
}

.NonInvoiced {
    color: red;
}

.appointmen-directiver {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    /*line-height: 31px;*/
    text-align: initial;
}

    .appointmen-directiver ul li {
        display: inline-block;
        line-height: 30px;
        vertical-align: middle !important;
        max-width: 205px;
    }

        .appointmen-directiver ul li label {
            margin: 0 3px;
            vertical-align: middle;
            color: #000;
            font-weight: 600;
            font-size: 13px;
        }

        .appointmen-directiver ul li select.form-control,
        .appointmen-directiver ul li input.text-section {
            border: none;
            border-bottom: 1.5px solid #2bbb94;
            border-radius: 0px !important;
            font-size: 13px;
            font-weight: 600;
            color: #484848;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }
/*5 Columns*/
.col-xs-5th-5 {
    float: left;
    width: 100%;
}

.col-xs-5th-4 {
    width: 80%;
}

.col-xs-5th-3 {
    width: 60%;
}

.col-xs-5th-2 {
    width: 40%;
}

.col-xs-5th-1 {
    width: 20%;
}

.col-xs-5th-pull-5 {
    right: 100%;
}

.col-xs-5th-pull-4 {
    right: 80%;
}

.col-xs-5th-pull-3 {
    right: 60%;
}

.col-xs-5th-pull-2 {
    right: 40%;
}

.col-xs-5th-pull-1 {
    right: 20%;
}

.col-xs-5th-pull-0 {
    right: auto;
}

.col-xs-5th-push-5 {
    left: 100%;
}

.col-xs-5th-push-4 {
    left: 80%;
}

.col-xs-5th-push-3 {
    left: 60%;
}

.col-xs-5th-push-2 {
    left: 40%;
}

.col-xs-5th-push-1 {
    left: 20%;
}

.col-xs-5th-push-0 {
    left: auto;
}

.col-xs-5th-offset-5 {
    margin-left: 100%;
}

.col-xs-5th-offset-4 {
    margin-left: 80%;
}

.col-xs-5th-offset-3 {
    margin-left: 60%;
}

.col-xs-5th-offset-2 {
    margin-left: 40%;
}

.col-xs-5th-offset-1 {
    margin-left: 20%;
}

.col-xs-5th-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {
        float: left;
    }

    .col-sm-5th-5 {
        float: left;
        width: 100%;
    }

    .col-sm-5th-4 {
        width: 80%;
    }

    .col-sm-5th-3 {
        width: 60%;
    }

    .col-sm-5th-2 {
        width: 40%;
    }

    .col-sm-5th-1 {
        width: 19%;
        margin-left: 10px;
    }

    .col-sm-5th-pull-5 {
        right: 100%;
    }

    .col-sm-5th-pull-4 {
        right: 80%;
    }

    .col-sm-5th-pull-3 {
        right: 60%;
    }

    .col-sm-5th-pull-2 {
        right: 40%;
    }

    .col-sm-5th-pull-1 {
        right: 20%;
    }

    .col-sm-5th-pull-0 {
        right: auto;
    }

    .col-sm-5th-push-5 {
        left: 100%;
    }

    .col-sm-5th-push-4 {
        left: 80%;
    }

    .col-sm-5th-push-3 {
        left: 60%;
    }

    .col-sm-5th-push-2 {
        left: 40%;
    }

    .col-sm-5th-push-1 {
        left: 20%;
    }

    .col-sm-5th-push-0 {
        left: auto;
    }

    .col-sm-5th-offset-5 {
        margin-left: 100%;
    }

    .col-sm-5th-offset-4 {
        margin-left: 80%;
    }

    .col-sm-5th-offset-3 {
        margin-left: 60%;
    }

    .col-sm-5th-offset-2 {
        margin-left: 40%;
    }

    .col-sm-5th-offset-1 {
        margin-left: 20%;
    }

    .col-sm-5th-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {
        float: left;
    }

    .col-md-5th-5 {
        float: left;
        width: 100%;
    }

    .col-md-5th-4 {
        width: 80%;
    }

    .col-md-5th-3 {
        width: 60%;
    }

    .col-md-5th-2 {
        width: 40%;
    }

    .col-md-5th-1 {
        width: 20%;
    }

    .col-md-5th-pull-5 {
        right: 100%;
    }

    .col-md-5th-pull-4 {
        right: 80%;
    }

    .col-md-5th-pull-3 {
        right: 60%;
    }

    .col-md-5th-pull-2 {
        right: 40%;
    }

    .col-md-5th-pull-1 {
        right: 20%;
    }

    .col-md-5th-pull-0 {
        right: auto;
    }

    .col-md-5th-push-5 {
        left: 100%;
    }

    .col-md-5th-push-4 {
        left: 80%;
    }

    .col-md-5th-push-3 {
        left: 60%;
    }

    .col-md-5th-push-2 {
        left: 40%;
    }

    .col-md-5th-push-1 {
        left: 20%;
    }

    .col-md-5th-push-0 {
        left: auto;
    }

    .col-md-5th-offset-5 {
        margin-left: 100%;
    }

    .col-md-5th-offset-4 {
        margin-left: 80%;
    }

    .col-md-5th-offset-3 {
        margin-left: 60%;
    }

    .col-md-5th-offset-2 {
        margin-left: 40%;
    }

    .col-md-5th-offset-1 {
        margin-left: 20%;
    }

    .col-md-5th-offset-0 {
        margin-left: 0%;
    }
}

/*Main*/
.all_team-members {
    border: 1px solid #F0F0F0;
    /*padding: 10px;*/
    border-radius: 3px;
    width: 48%;
    margin: 2px 0 5px 5px;
    float: left;
    height: 100%;
}

    .all_team-members .am-memb-15 {
        display: -webkit-box;
    }

.file-surgary {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    float: left;
    margin: 0 10px 0 0;
    /*background-color: #FFD999;*/
    border-radius: 100px;
    border: 1px solid #FF4542;
}

.imags-surgary {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    float: left;
    cursor: pointer;
    margin: 0 10px 0 0;
    /*background-color: #FFD999;*/
    border-radius: 100px;
}

.file-surgary i {
    color: #8A7A71;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    margin: 0 auto;
    line-height: 39px;
    font-family: FontAwesome;
}

.file-mtext h2 {
    color: #4A4A4A;
    font-size: 15px;
    text-overflow: ellipsis;
    margin: 5px 1px 0px;
    font-weight: 400;
    max-width: 280px;
    overflow: hidden;
}

.error {
    color: red;
   /* position:absolute;*/
}

    .error:hover, .error:focus, .error:active {
        color: red;
        outline-style: none;
        outline: none
    }

.Patient-ltst {
    border-radius: 100px;
    color: #1e977c;
    display: inline-table;
    height: 60px;
    text-align: center;
    width: 60px;
    background-color: #FFFFFF;
    border: 1px solid #1e977c;
}

    .Patient-ltst span {
        display: table-cell;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        vertical-align: middle;
        line-height: normal;
    }

#sidebar_right > .ehnote-navigation small {
    padding: 7px 10px;
    display: block;
    color: #888888;
    font-size: 10px;
    margin: 3px 0 0;
}
/*Sms and Email Setting*/
.Comm-inputGroup {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
    display: contents;
}

    .Comm-inputGroup label {
        padding: 4px 20px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        margin: 0 6px 5px 0;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
        background-color: #eeeeee;
    }

        .Comm-inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: '';
            background-color: #2D2D47;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .Comm-inputGroup label:after {
            width: 32px;
            height: 32px;
            content: '';
            border: 2px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 2px 3px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            right: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            transition: all 200ms ease-in;
        }

    .Comm-inputGroup input:checked ~ label {
        color: #fff;
    }

        .Comm-inputGroup input:checked ~ label:before {
            -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
            transform: translate(-50%, -50%) scale3d(56, 56, 1);
            opacity: 1;
        }

        .Comm-inputGroup input:checked ~ label:after {
            background-color: #54E0C7;
            border-color: #54E0C7;
        }

    .Comm-inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden;
    }

.Comm-form {
    padding: 0 16px 0 0;
    max-width: 580px;
    margin: 3px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    display: flex;
}

.comm-setting > div.col-md-3 > h4.text-ehnote {
    font-size: 14px;
    font-style: normal;
}

.comm-setting {
    border: 1px solid #f1f1f1;
}

.comm-settingbn {
    border: none !important;
}

.leftnavnew ul li a i.fas,
.leftnavnew ul li a i.far {
    padding: 0;
    margin: 0;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    font-size: 16px;
    width: 31px;
    text-align: center;
    color: #777777;
}

.leftnavnew ul li.active a i.fas, .leftnavnew ul li:hover a i.fas, .leftnavnew ul li.active a i.far, .leftnavnew ul li:hover a i.far {
    color: #fff;
}
/*Sms Stting Radio*/
.smeminput-radio > label {
    display: block;
    margin-bottom: 0;
}

    .smeminput-radio > label > input {
        display: none;
    }

    .smeminput-radio > label > i {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 3px;
        vertical-align: middle;
        border: 2px solid #2bbb94;
        box-shadow: inset 0 0 0 4px #fff;
        transition: .25s;
    }

    .smeminput-radio > label > span {
        display: inline-block;
        padding-bottom: 3px;
        /*border-bottom: 2px dotted #2bbb94;*/
        text-transform: inherit;
        font-size: 1em;
        font-weight: 400;
    }

    .smeminput-radio > label > input:checked + i {
        background: #2bbb94;
    }

    .smeminput-radio > label:hover {
        cursor: pointer;
    }
/*Book Appointment Popup*/
.popicon-addon > label.fas {
    position: absolute;
    left: 11px;
    font-size: 15px;
    color: orange;
    top: 35px;
    border-right: 1.7px solid #ddd;
    padding-right: 6px;
}

.popicon-addon > input.form-control, .popicon-addon > select.form-control {
    /*padding-left: 40px !important;*/
    height: 35px !important;
    text-indent: 30px;
}

.popicon-addon {
    display: grid;
}

.bo-app_poup input, .bo-app_poup select {
    height: 35px !important;
}

.book-ap_BG {
    background-color: #1D8C71 !important;
    border-radius: 9px 9px 0 0;
}
/*Case History*/
.case-fileupload a {
    width: 30px;
    height: 30px;
    border: 1px solid lightblue;
    text-align: center;
    vertical-align: middle;
    margin-right: 15px;
}

    .case-fileupload a img {
        height: 23px;
        vertical-align: middle;
        display: inline;
        line-height: 25px;
        margin-top: 2px;
    }

.case-fileupload > .case-fibody h4 {
    margin: 0;
    line-height: 20px;
    font-size: 13px;
    color: #484848;
}

.case-fileupload a i {
    color: red;
    font-size: 21px;
    line-height: 28px;
    vertical-align: middle;
}
/*Total Revenue*/
.total-revBG {
    background-color: #E3E3E3;
    color: #524944;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0;
    vertical-align: middle;
}

    .total-revBG label {
        margin: 0;
    }

.revenue-acc span {
    vertical-align: middle;
    line-height: 28px;
}

.revenue-wrap > .table-responsive > table.table > thead > tr > th {
    padding: 7px 10px;
    background-color: #ACE3E8;
}
/*Care Team*/
.care-table > .care-thead > tr > th {
    height: 45px;
    background-color: #dff4f5;
    vertical-align: middle;
    color: #0f6860;
    padding: 0 5px;
}

.care-table > .care-tbody > tr > td {
    height: 45px;
    font-size: 12px;
    color: #808080;
    line-height: 2.4;
    vertical-align: middle;
    padding: 0 5px;
}

    .care-table > .care-tbody > tr > td.care-status select {
        border: 1px solid #484848;
        border-radius: 2px;
    }

        .care-table > .care-tbody > tr > td.care-status select option.text-success {
            color: #1abc9c;
            background-color: #fff;
        }

        .care-table > .care-tbody > tr > td.care-status select option.text-danger {
            color: #f00;
            background-color: #fff;
        }

        .care-table > .care-tbody > tr > td.care-status select.care-active {
            color: #fff;
            background-color: #1abc9c;
        }

        .care-table > .care-tbody > tr > td.care-status select.in-active {
            color: #fff;
            background-color: #f00;
        }
/*consumtion stock*/
.Consumer-Search span {
    background: #A9A9A9;
    padding: 10px;
    margin-top: 10px;
    margin-right: 50px;
    position: absolute;
    border-radius: 5px;
}

.Consumer_DropDown {
    border: 1px solid;
    padding-left: 10px;
}

.consumer-bg {
    background-color: #f1f1f1;
    border-radius: 3px;
}

.consume-stock > table.table > tbody.consume-body > tr > td {
    padding: 10px 5px !important;
}

.consume-stock > table.table > thead.consume-head > tr > th {
    background-color: #DCDCDC;
    padding: 2px 5px !important;
}

    .consume-stock > table.table > thead.consume-head > tr > th > input,
    .consume-stock > table.table > thead.consume-head > tr > th > select,
    .consume-stock > table.table > thead.consume-head > tr > th > button {
        height: 25px !important;
        padding: 0 5px !important;
    }
/*File Upload List*/
.EH-fileupload > h3 {
    font-size: 15px;
    color: #0f6860;
    font-family: 'Poppins', sans-serif !important;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-top: 5px;
}

.EH-fileupload > ul.EH-Filelist {
    display: inline-block;
    list-style: none;
}

    .EH-fileupload > ul.EH-Filelist > li {
        cursor: pointer;
        display: inline-block;
        margin: 0 10px 10px;
    }

        .EH-fileupload > ul.EH-Filelist > li > img {
            object-fit: contain;
            width: 100px;
            height: 100px;
            padding: 5px;
            border: 1px solid #a2fde4;
        }

        .EH-fileupload > ul.EH-Filelist > li > p {
            width: 45px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.sele-thumb > .upload-thumb {
}

.animated {
    animation-duration: 0.5s !important;
}

.Cosnler-login {
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    /*padding: 5px;*/
}

.Cosnler-ulli > li {
    border-bottom: 1px solid #009de6;
    padding: 0 10px;
}

.ophove-dropdown:hover > ul.dropdown-menu {
    display: block;
}

.surgery-diagUl > li {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}

    .surgery-diagUl > li > h5 {
        color: #414141;
    }



/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.acco-bg div.panel-heading {
    background: linear-gradient(to right, #0f6860,#2bbb94);
}
/*audit-screen*/
.audit-screen > li {
    list-style: none;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    border-left: 1px dotted #f1f1f1;
    border-right: 1px solid #ddd;
}

    .audit-screen > li:last-child {
        border-bottom: none;
    }

    .audit-screen > li:hover, .audit-screen > li:focus, .audit-screen > li.active {
        /*background-color: #f2f2f2;*/
        border-left: 1px solid #2bbb94;
        border-right: none;
    }

    .audit-screen > li.active {
        background-color: #f2f2f2;
    }

ul.audit-dropdwn > li {
    padding: 0 !important;
}

.file-image > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    background-repeat: no-repeat;
}

.file-name {
    align-items: center;
    /*display: flex;*/
    padding-left: 10px;
}

.audit-ulli > li {
    list-style: none;
    line-height: 20px;
}

.audit-date > span {
    background-color: #E1F3FB;
    padding: 6px 15px;
    text-align: center;
    border-radius: 5px;
    color: rgba(69, 90, 100, 0.95);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}


.select-dropdown {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/*icons*/
.sll-patname {
    /*width: 150px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    /*overflow:initial;*/
    white-space: nowrap;
    display: block;
    /*text-align: right;*/
}

.appt-otactions > ul > li {
    display: block !important;
    margin-right: 0 !important;
}

    .appt-otactions > ul > li > a {
        display: block !important;
    }



.notifi-badge {
    border-radius: 100px;
    background-color: #f1f1f1;
    color: #2bbb94;
    font-weight: 400;
    width: auto !important;
    height: 17px;
    padding: 0px 6px 0 6px !important;
    position: absolute;
    text-align: center !important;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
}

.txt-uppercase {
    text-transform: uppercase !important;
}

.border-danger {
    border: 3px solid red !important;
}
/*Case Hostory*/
.ch-hsptl-name {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363636;
}

.ch-hsptl-bg {
    background-color: #d3d3d8;
}

.ch-hsptl-pdetails {
    padding: 5px;
    width: 50%;
    vertical-align: top;
}

    .ch-hsptl-pdetails b,
    .ch-hsptl-pdetails p {
        font-size: 11px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #363636;
        margin-bottom: 0;
        margin-top: 5px;
    }

.ch-hsptl-precptn {
    border-top: 1.5px solid #b9c1d3;
    border-bottom: 1.5px solid #b9c1d3;
    border-right: 0;
    border-left: 0;
    padding: 5px;
}

    .ch-hsptl-precptn span {
        font-size: 11px;
        font-weight: 500;
        font-style: italic;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #363636;
        margin-right: 15px;
    }

.ch-hsptl-head b {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363636;
}

.ch-hsptl-head p {
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363636;
    margin: 0;
}

.bg-chhead {
    background-color: #d3d3d8;
    padding: 5px;
    vertical-align: middle;
    color: #363636;
}

.ch-hsptl-head article {
    margin-bottom: 10px;
}

.case-hwid {
    width: 250px;
}

.case-cont-icons li {
    padding: 3px !important;
    margin-right: 10px;
}

    .case-cont-icons li a {
        border-radius: 100px;
        background-color: #fff;
        border: 2px solid #eee;
        display: block;
    }

        .case-cont-icons li a i {
            width: 30px;
            height: 30px;
            font-size: 15px;
            padding: 0 8px;
            line-height: 30px;
            display: block;
        }

            .case-cont-icons li a i.fa-calendar-plus {
                color: #3ABBC9;
            }

            .case-cont-icons li a i.fa-print {
                color: #333333;
            }

            .case-cont-icons li a i.fa-envelope {
                color: #ED5314;
            }

            .case-cont-icons li a i.fa-edit {
                color: #9BCA3E;
            }

    .case-cont-icons li:hover a {
        color: #333333;
        background-color: #f1f1f1;
    }

.bg-left {
    background-color: #FEEFBF;
}

.bg-right {
    background-color: #BCD2E0;
}
/*Recording*/
.audit-record {
    font-size: 1.042em;
    /*padding: .70em 1.25em;*/
    padding: 0px 10px;
    border-radius: 2em;
    /*margin: 0 .5em;*/
    border: 0;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    /*min-width: 10.2em;*/
    white-space: nowrap;
    outline-style: none;
}

.rc-small {
    font-size: .85em !important;
    min-width: 8.2em !important;
}

.retry-btn:hover, .retry-btn:focus {
    background-color: #515151;
    border-color: #515151;
    color: #fff;
}

.retry-btn {
    background-color: #5e5e5e;
    color: #fff;
    border-color: #5e5e5e;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
}

.record-btn {
    background-color: #d95354;
    color: #fff;
    border-color: #d95354;
    border: 2px solid #d95354;
    box-sizing: border-box;
}

    .record-btn:hover, .record-btn:focus {
        color: #fff;
        background-color: #d43e3f;
        border-color: #d43e3f;
    }

.pause-btn {
    background-color: #fff;
    color: #d95354;
    border: 2px solid #d95354;
    box-sizing: border-box;
}

    .pause-btn:hover, .pause-btn:focus {
        color: #e27d7e;
        border-color: #e27d7e;
    }

.done-btn {
    background-color: #fff;
    color: #1f824c;
    border: 2px solid #1f824c;
    box-sizing: border-box;
}

    .done-btn:hover,
    .done-btn:focus {
        color: #29ab64;
        border-color: #29ab64;
    }

.EyeCheckup-list li {
    list-style: none;
    padding: 5px;
}

#CustomerName-Dropdown ul {
    height: 140px;
    overflow: scroll;
}
/*Dashnboard*/
.circle-icon i {
    color: #fff;
    text-align: center;
    margin: auto;
    font-size: 25px;
}

.iconbox-single a {
    margin-top: -21px;
    border: 2px solid #13a89e;
    width: 19px;
    height: 20px;
    border-radius: 17%;
}

.iconbox-single > a i {
    line-height: 19px;
    font-size: 11px;
}
/*/hover patients list*/
.start-book-plist {
    display: none;
}

.circle-icon-Report i {
    color: #fff;
    text-align: center;
    margin: auto;
    font-size: 20px;
}

.circle-text h4 {
    color: #565656;
    font-size: 14px;
    display: inline-block;
    width: 170px;
    white-space: nowrap;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    line-height: 36px;
    vertical-align: middle;
}

.start-con-ho:hover > .start-book-plist {
    background-color: rgba(43, 187, 148, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 999;
    line-height: 90px;
}

.btn-sbhover {
    border-radius: 100px;
    border: 1px solid #0f6860;
    background-color: #fff;
    vertical-align: middle;
}

    .btn-sbhover:hover {
        background-color: #0f6860;
        color: #fff;
    }

.text-underline {
    text-decoration: underline;
}

.shq-conslr-rbdr {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.shq-conslr-nts {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 6px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer;
    background-color: #f1f1f1;
}

    .shq-conslr-nts a {
        color: #2D2D47;
        font-size: 13px;
        font-weight: bold;
    }

        .shq-conslr-nts a i {
            color: rgba(0, 0, 0, .5);
        }

        .shq-conslr-nts:hover,
        .shq-conslr-nts a:hover {
            background-color: #ddd;
            color: #2D2D47;
        }

.botm-panmb-0 > uib-accordion > .panel-group {
    margin-bottom: 0 !important;
}

.reqd-instg-lst > li {
    display: inline-block;
    padding: 5px 10px;
    list-style: none;
    background-color: #f1f1f1;
    border-radius: 100px;
    margin-right: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .reqd-instg-lst > li > span {
        color: #2D2D47;
        font-weight: 600;
    }

table.finding-table > thead > tr > th {
    font-size: 10px;
}

table.finding-table > thead > tr > th,
table.finding-table > tbody > tr > td {
    padding: 4px 5px !important;
}

.find-lesh {
    min-height: 100px;
    height: 110px;
    overflow: hidden;
}

    .find-lesh label, .find-labl label {
        font-size: 10px;
        color: #616f77;
    }

.find-heifix {
    min-height: 200px;
    height: 210px;
    overflow: hidden;
}

.find-thuma img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    object-position: center center;
}

.find-thuma a {
    color: #f00;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    margin: -6px;
}

.pres-templts li {
    padding: 7px 5px;
    list-style: none;
    color: #484848;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

    .pres-templts li:last-child {
        border-bottom: none;
    }

    .pres-templts li a {
        cursor: pointer;
    }

.dashbrd-tab {
    margin: 0;
    border: none;
}

.find-apseg {
    background-color: transparent !important;
    border-radius: 5px !important;
    cursor: pointer;
}

    .find-apseg:hover {
        background-color: #f1f1f1 !important;
    }

    .find-apseg i.fa-sync {
        color: orange !important;
    }

.right-invstng > li {
    list-style: none;
    padding: 7px 5px;
    clear: both;
    height: 35px;
}

.right-invstng {
    margin-bottom: 0px;
}

    .right-invstng > li.find-first {
        border-bottom: 1px solid #ddd;
    }

.find-first i {
    color: #ddd;
    font-size: 13px;
    position: relative;
    left: -1px;
    top: 1px;
    padding-right: 5px;
}

.revenue-bg {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.02);
    -moz-box-shadow: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.02);
    box-shadow: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.02);
    padding: 15px;
    cursor: pointer;
    margin: 10px 0;
    text-align: center;
}

    .revenue-bg:hover {
        background-color: #f1f1f1;
    }

    .revenue-bg > img {
        margin: auto;
        width: 60px;
        height: 60px;
        display: block;
        text-align: center;
    }

    .revenue-bg > h1 {
        margin: auto;
        width: 160px;
        height: 60px;
        display: block;
        text-align: center;
        font-size: 39px;
        line-height: 65px;
        font-weight: 300;
        color: #1ADC54;
        background-color: #F0FCF4;
        border-radius: 100px;
    }

    .revenue-bg h2 {
        color: #565656;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        word-break: break-word;
        margin-top: 10px;
        min-width: 183px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .revenue-bg > p {
        font-size: 17px;
        font-weight: 600;
        color: #4e4e4e;
    }

    .revenue-bg > a {
        color: #08a5ec;
        text-align: center;
        font-size: 13px;
    }

.drop-arrowbp {
    border: 2px solid #ddd;
    border-radius: 100px;
    width: 33px;
    height: 33px;
}

    .drop-arrowbp i {
        color: #0f6860;
        text-align: right;
        font-size: 24px;
        padding: 0 7px;
        line-height: 32px;
        cursor: pointer;
    }

.finding-heading {
    font-size: 20px;
    margin: 10px 0 10px 0;
    font-weight: 400;
    text-align: left;
    color: #484848;
    padding-left: 17px;
}

.segment-image {
    width: 470px;
    height: 350px;
    margin: 10px auto;
    display: block;
    border-top: 1px solid #ddd;
    float: left;
    display: inline-block;
}

    .segment-image img {
        background-position: center center;
        background-size: contain;
        display: block;
    }

.segthumb-img {
    float: left;
    display: inline-block;
    width: 100%;
    height: 350px;
    margin-left: 9px;
    margin-top: 10px;
    overflow: scroll;
}

.canvas_color > ul > li {
    width: 40px;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    cursor: pointer;
    text-align: center;
}

.canvas_color1 > ul > li {
    width: 35px;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    cursor: pointer;
    text-align: center;
}

.canvas_color > ul > li:after {
    content: "";
    background: url(../img/new-img/paint-board-and-brush.png);
    text-align: center;
    width: 16px;
    height: 16px;
    display: block;
    background-size: contain;
    margin: auto;
    position: relative;
}

.canvas_color1 > ul > li:after {
    content: "";
    text-align: center;
    width: 16px;
    height: 16px;
    display: block;
    background-size: contain;
    margin: auto;
    position: relative;
}

body > [uib-modal-window]:not([modal-render]) {
    display: none;
}

.finding-drpdwn ul.dropdown-menu {
    height: 250px;
    overflow: scroll;
}
/*Appointment Tab*/
.tabs-style-topline {
    max-width: 1200px;
}

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

    .tabs nav {
        text-align: center;
    }

        .tabs nav ul {
            position: relative;
            display: flex;
            margin: 0 auto;
            padding: 0;
            max-width: 1200px;
            list-style: none;
            -ms-box-orient: horizontal;
            -ms-box-pack: center;
            -webkit-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-justify-content: flex-start;
            -moz-justify-content: flex-start;
            -ms-justify-content: flex-start;
            justify-content: flex-start;
        }

.tabs-style-topline nav li:not(:last-child) {
    border-right: none;
}

.tabs-style-topline nav a {
    padding: 17px 29px;
    background: #fff;
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.tabs nav a {
    /*position: relative;*/
    display: initial;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    line-height: 4;
    /*transform: rotate(90deg);
transform-origin: left top 0;*/
    /*-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: upright;*/
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}

/*.tabs nav ul li {
    position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
-webkit-flex: 0;
-moz-flex: 0;
-ms-flex: 0;
flex: 0;
}*/


.tabs-style-topline nav li.active a {
    background: #26a684;
    box-shadow: inset 0 3px 0 #26a684;
    color: #fff;
}

.folwp-icn {
    background-color: #26a684;
    padding: 6px;
    border-radius: 100px;
    border: 2px solid #1abc9c;
    display: block;
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

    .folwp-icn:hover, folwp-icn:focus {
        background-color: #1abc9c;
    }

    .folwp-icn img {
        object-fit: contain;
        object-fit: contain;
        object-position: center center;
        width: 22px;
        height: 22px;
    }
/*loader*/
.spinner-ehnote {
    background-color: rgba(43, 187, 148, 0.2) !important;
    /*background-color: rgba(255, 255, 255, 0.5) !important;*/
    width: 100%;
    height: 100%;
}

.ot-vitals {
    margin-bottom: 10px;
    width: 100%;
}

    .ot-vitals > span.addon-text {
        background-color: transparent !important;
        padding: 5px 3px;
        font-size: 11px;
        font-weight: 600;
        position: absolute;
        right: 3px;
        line-height: 22px;
        z-index: 4;
        text-align: right;
        width: auto;
    }

    .ot-vitals > span > img {
        position: absolute;
        z-index: 5;
        top: 7px;
        left: 8px;
        border-right: 1px solid #484848;
        display: block;
        padding-right: 5px;
        width: 21px;
    }

    .ot-vitals > input {
        text-indent: 5px;
    }

    .ot-vitals > .input-group-btn > select {
        text-indent: 25px;
    }

    .ot-vitals > input.scnd-otval {
        text-indent: 0;
    }

    .ot-vitals > input.two-otinput {
        padding: 5px 5px 5px 30px !important;
    }

    .ot-vitals > input.one-otinput {
        padding: 5px 62px 5px 30px !important;
    }

.patient-profiimg {
    border-radius: 100px;
    color: #fff;
    height: 50px;
    text-align: center;
    width: 50px;
    margin: auto;
    display: block;
}

    .patient-profiimg > span {
        font-size: 40px;
        line-height: 85px;
    }
/*aPPointment Popup*/
.bg-gray {
    background-color: #fafafa !important;
}

.book-btn {
    background-color: #26A685;
    color: #fff;
    border: 1px solid transparent;
}

    .book-btn:hover {
        color: #fff;
        border: 1px solid #2D2D47;
        background-color: #2D2D47;
    }

ul.book-popup-appt > li.active a {
    border-bottom: none !important;
    color: #fff !important;
}

ul.book-popup-appt > li a {
    color: #176953 !important;
}

.book-popup-appt {
    background-color: #26A685 !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff !important;
    border-bottom: 1px solid #2abb97 !important;
}

.appt-name p, .appt-name span, .appt-name label {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

/*.appt-name > h6 > b {
    color: #219173;
    font-size: 15px;
}*/

.appt-name > h6 > span {
    color: #fff;
    font-style: italic;
    font-size: 15px;
}

.appt-profile {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    display: block;
    background-color: #fff;
    border: 1px solid #26A685;
    border-radius: 100px;
}

    .appt-profile p {
        font-size: 50px;
        line-height: 100px;
        text-align: center;
        color: orange;
        font-weight: 400;
    }

.right-apptbg {
    background-color: #2bbb94;
    border-top-left-radius: 0;
    border-bottom-left-radius: 3px;
}

.exntg-newbg {
    background-color: #26a684;
    padding: 7px 14px;
}

.flex-45 {
    flex: 0 0 45%;
}

.flex-55 {
    flex: 0 0 55%;
}

.ssc-checkboc {
    margin-left: 30px;
}

    .ssc-checkboc > li {
        list-style: none;
        display: inline-block;
        margin: 5px 7px 5px 0;
    }

.SSC-text {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #141414;
    margin-left: 10px;
}

.SSC-main {
    color: #00b19d;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 10px;
    font-weight: 600;
}

.text-gray {
    color: gray;
}


.dltn-timer {
    color: #484848;
}

.dltn-stop, .dltn-stop:hover {
    color: red;
}
/*OT tabs*/
.ot-tabs > li > a > h4 {
    margin: 0;
    font-weight: bold;
    color: #fff;
}

.ot-tabs > li.active > a > h4 {
    color: #000;
}

.ot-tabs > li > a > p {
    margin: 0;
    color: #fff;
    line-height: 20px;
}

.ot-tabs > li.active > a > p {
    color: #000;
}

.ot-tabs > li > a {
    /*background: linear-gradient(to right, #0f6860,#2bbb94);*/
    background-color: #1D5558;
    color: #fff;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    text-align: left !important;
}

.ot-tabs > li {
    margin-bottom: -1px !important;
}

    .ot-tabs > li.active > a {
        background: #fff;
        color: #0f6860;
    }

        .ot-tabs > li.active > a:hover {
            background-color: #fff !important;
            color: #0f6860 !important;
        }

        .ot-tabs > li.active > a > h4:before {
            border-left: 2px solid #2bbb94;
            position: relative;
            left: -13px;
            content: "";
        }

    .ot-tabs > li:hover > a, .ot-tabs > li:focus > a {
        background: #2bbb94;
    }

.surgeryarrow {
    width: 20px;
    height: 20px;
    background: #0f6860;
    position: absolute;
    top: -7px;
    transform: rotate(-45deg);
    border-style: solid;
    right: 15px;
    border-width: 1px 0 0 1px;
    border-color: #0f6860;
    position: absolute;
    top: 50%;
    left: -17px;
    z-index: -1;
}

.liinvestigation li {
    display: inline-block;
    background-color: #ececec;
    padding: 10px 15px;
    margin-top: 5px;
    margin-right: 5px;
}
/*Admission Popup*/
.OT-Admission {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

    .OT-Admission > ul.OT-uladmin {
        display: block;
        border: 0 solid #ccc !important;
        padding: 0;
        background: #ddd;
        border-radius: 0px;
        list-style: none;
        overflow: hidden;
    }

        .OT-Admission > ul.OT-uladmin > li {
            float: left;
            margin-bottom: -1px;
        }

            .OT-Admission > ul.OT-uladmin > li > a {
                color: #bbb;
                text-decoration: none;
                padding: 10px 0 10px 45px;
                position: relative;
                display: block;
                float: left;
                border-radius: 0;
                outline-style: none;
                background: #ddd;
            }

            .OT-Admission > ul.OT-uladmin > li:first-child > a {
                padding-left: 15px;
            }

            .OT-Admission > ul.OT-uladmin > li.active > a {
                border-color: #5bc0de !important;
                color: #fff !important;
                background: #5bc0de !important;
            }

            .OT-Admission > ul.OT-uladmin > li.done > a {
                border-color: #5cb85c !important;
                color: #fff !important;
                background: #5cb85c !important;
            }

            .OT-Admission > ul.OT-uladmin > li.active > a:before, .OT-Admission > ul.OT-uladmin > li > a:hover::before {
                border-left: 30px solid #ddd;
                content: " ";
                margin-left: -1px;
            }

            .OT-Admission > ul.OT-uladmin > li > a:hover::after, .OT-Admission > ul.OT-uladmin > li.active > a:before {
                border-left: 30px solid #5bc0de !important;
                content: " ";
            }

            .OT-Admission > ul.OT-uladmin > li > a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #ddd;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

            .OT-Admission > ul.OT-uladmin > li > a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #ddd;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: -1;
            }

.modal-content {
    box-shadow: 0px 4px 54px rgba(0, 0, 0, .5) !important;
}

.SSC-text-label {
    font-weight: 500;
    font-size: 13px;
    color: #141414;
}

.MeridianActive, .MeridianActive:hover {
    background-color: #00B090 !important;
    color: white !important;
}
/*Patient Radio*/
.patient-typeradio {
    height: auto !important;
    width: 100%;
    border-radius: 3px !important;
    box-shadow: none;
    padding: 4px 12px;
    display: block;
    background-color: #d5f6ed;
    background-image: none;
    border: 1px solid #d5f6ed;
}

.vlign-sub {
    vertical-align: sub;
}

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

.appt-actions > ul > li {
    display: inline-block;
    /*margin-right: 12px;*/
}

    .appt-actions > ul > li > a {
        padding: 1px 5px 1px 5px;
        /*border: 1px solid #2D2D47;*/
        /*border-radius: 100px;*/
        margin-bottom: 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        font-size: 11px;
        color: #000;
        font-weight: 500;
    }

        .appt-actions > ul > li > a.DisableDiv {
            color: #0f6860;
            border: 1px solid #ddd;
            background-color: #f1f1f1;
        }

            .appt-actions > ul > li > a.DisableDiv:hover {
                color: #ddd;
                border: 1px solid #ddd;
                background-color: #f1f1f1;
                box-shadow: none;
            }

        .appt-actions > ul > li > a:hover,
        .appt-actions > ul > li > a.active {
            background-color: #2D2D47;
            color: #fff;
            -webkit-box-shadow: 0px 2px 21px -3px rgba(45,45,71,1);
            -moz-box-shadow: 0px 2px 21px -3px rgba(45,45,71,1);
            box-shadow: 0px 2px 21px -3px rgba(45,45,71,1);
        }

        .appt-actions > ul > li > a:hover {
            color: #fff;
        }

        .appt-actions > ul > li > a > i.fa-question-circle {
            font-size: 15px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            vertical-align: middle;
            padding-left: 10px;
        }

        .appt-actions > ul > li > a > i.ui-menu-icons,
        .ot-innertabs > ul > li > a > i.ui-menu-icons {
            width: 25px;
            height: 25px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            vertical-align: middle;
            margin-right: 5px;
            border-radius: 100px;
            text-align: center;
        }

.appt-actions > ul {
    margin-bottom: 0;
    padding: 5px 15px;
}

    .appt-actions > ul > li > a > i.Consents-Cons,
    .ot-innertabs > ul > li > a > i.Consents-Cons {
        background-image: url('../img/new-img/OT01.svg');
    }
    .appt-actions > ul > li > a > i.work-cons, .work-cons {
        background-image: url(../img/new-img/work-cons.svg);
    }

        .appt-actions > ul > li > a > i.AdmissionHist-Cons,
        .ot-innertabs > ul > li > a > i.AdmissionHist-Cons {
            background-image: url('../img/new-img/OT02.svg');
        }

    .appt-actions > ul > li > a > i.checklist-icon,
    .ot-innertabs > ul > li > a > i.checklist-icon {
        background-image: url('../img/new-img/OT03.svg');
    }

    .appt-actions > ul > li > a > i.Anesthesia-Cons,
    .ot-innertabs > ul > li > a > i.Anesthesia-Cons {
        background-image: url('../img/new-img/OT04.svg');
    }

    .appt-actions > ul > li > a > i.Counsremarks-Cons,
    .ot-innertabs > ul > li > a > i.Counsremarks-Cons {
        background-image: url('../img/new-img/OT06.svg');
    }

    .appt-actions > ul > li > a > i.medication-icon,
    .ot-innertabs > ul > li > a > i.medication-icon {
        background-image: url('../img/new-img/15.svg');
    }

    .appt-actions > ul > li > a > i.Apptbook-icon,
    .ot-innertabs > ul > li > a > i.Apptbook-icon {
        background-image: url('../img/new-img/OT11.svg');
    }

    .appt-actions > ul > li > a > i.Surgery-Cons,
    .ot-innertabs > ul > li > a > i.Surgery-Cons {
        background-image: url('../img/new-img/OT07.svg');
    }

    .appt-actions > ul > li > a > i.Consumables-Cons,
    .ot-innertabs > ul > li > a > i.Consumables-Cons {
        background-image: url('../img/new-img/08.svg');
    }

    .appt-actions > ul > li > a > i.medicationotli-Cons,
    .ot-innertabs > ul > li > a > i.medicationotli-Cons {
        background-image: url('../img/new-img/OT05.svg');
    }

    .appt-actions > ul > li > a > i.Summary-Cons,
    .ot-innertabs > ul > li > a > i.Summary-Cons {
        background-image: url('../img/new-img/OT06.svg');
    }

    .appt-actions > ul > li > a > i.billing-Cons,
    .ot-innertabs > ul > li > a > i.billing-Cons {
        background-image: url('../img/new-img/05.svg');
    }

    .appt-actions > ul > li > a > i.AdvancePyts-Cons,
    .ot-innertabs > ul > li > a > i.AdvancePyts-Cons {
        background-image: url('../img/new-img/OT09.svg');
    }

    .appt-actions > ul > li > a > i.Settlementbilling-Cons,
    .ot-innertabs > ul > li > a > i.Settlementbilling-Cons {
        background-image: url('../img/new-img/OT10.svg');
    }
















    /*OP*/
    .appt-actions > ul > li > a > i.Start-Cons {
        background-image: url('../img/new-img/01.svg');
    }

    .appt-actions > ul > li > a > i.Case-Cons {
        background-image: url('../img/new-img/02.svg');
    }

    .appt-actions > ul > li > a > i.File-Cons,
    .ot-innertabs > ul > li > a > i.File-Cons {
        background-image: url('../img/new-img/03.svg');
    }

    .appt-actions > ul > li > a > i.Enter-Cons {
        background-image: url('../img/new-img/04.svg');
    }

    .appt-actions > ul > li > a > i.Billing-Cons {
        background-image: url('../img/new-img/05.svg');
    }

    .appt-actions > ul > li > a > i.Edit-Cons {
        background-image: url('../img/new-img/06.svg');
    }

    .appt-actions > ul > li > a > i.Cancel-Cons {
        background-image: url('../img/new-img/07.svg');
    }

    .appt-actions > ul > li > a > i.Caseinput-Cons {
        background-image: url('../img/new-img/08.svg');
    }

    .appt-actions > ul > li > a > i.Follow-Cons {
        background-image: url('../img/new-img/09.svg');
    }

    .appt-actions > ul > li > a > i.Conentry-Cons {
        background-image: url('../img/new-img/10.svg');
    }

    .appt-actions > ul > li > a > i.Barcode-Cons {
        background-image: url('../img/new-img/11.svg');
    }

    .appt-actions > ul > li > a > i.Patient-Cons {
        background-image: url('../img/new-img/12.svg');
    }

   /* .appt-actions > ul > li > a > i.Investco-Cons {
        background-image: url('../img/new-img/13.svg');
    }*/

    .appt-actions > ul > li > a > i.TrackP-Cons {
        background-image: url('../img/new-img/14.svg');
    }

    .appt-actions > ul > li > a > i.Counsellor-Cons {
        background-image: url('../img/new-img/15.svg');
    }

    .appt-actions > ul > li > a > i.Prescription-Cons {
        background-image: url('../img/new-img/Prescription-Cons_A.png');
    }

    .appt-actions > ul > li > a > i.Investigation-Cons {
        background-image: url('../img/new-img/Investigation-Cons_A.png');
    }
    .appt-actions > ul > li > a > i.start-investigations {
        background-image: url('../img/new-img/start-investigations.png');
    }
/*new Investigation*/
.findings-scaa {
    padding: 0 5px !important
}

    .findings-scaa > ul {
        display: block;
        overflow-x: hidden;
        /*height: 350px;
    overflow: auto;
    margin: 0;*/
        margin-bottom: 0;
    }

        .findings-scaa > ul > li {
            display: inline-block;
            float: left;
            text-align: center;
        }

            .findings-scaa > ul > li > a {
                padding: 5px 5px;
                display: block;
                /*width: 60px;*/
                height: 30px;
                border-radius: 3px;
                line-height: 20px;
                color: #484848;
                font-size: 13px;
                margin-bottom: 5px;
            }

            .findings-scaa > ul > li.active a {
                background-color: #166a61;
                color: #fff;
                box-shadow: -1px 1px 1px 0 #d5dee7;
            }

            .findings-scaa > ul > li:hover a {
                color: #fff;
                box-shadow: -1px 1px 1px 0 #d5dee7;
                background: linear-gradient(to right, #0f6860,#2bbb94)
            }


.sph > ul > li {
    width: 5rem;
}

.cyl > ul > li {
    width: 5rem;
}

.axis > ul > li {
    width: 4rem;
}

.dis > ul > li {
    width: 5.4rem;
}

.near > ul > li {
    width: 4.3rem;
}

/*.undis > ul > li {
    width: 5.4rem;
}*/

.unnear > ul > li {
    width: 5.4rem;
}

/*.pinhole > ul > li {
    width: 5.1rem;
}*/

.BiSph > ul > li {
    width: 4.9rem;
}

.BiCyl > ul > li {
    width: 4.9rem;
}

.BiAxis > ul > li {
    width: 3.9rem;
}

.BiAdd > ul > li {
    width: 3.9rem;
}

.BiBcva > ul > li {
    width: 4.9rem;
}

.BiBcnva > ul > li {
    width: 3.7rem;
}

.CypSph > ul > li {
    width: 4.9rem;
}

.CypCyl > ul > li {
    width: 4.2rem;
}

.CypAxis > ul > li {
    width: 4.2rem;
}

.CypAxis > ul > li {
    width: 3.6rem;
}

.CypBcva > ul > li {
    width: 4.9rem;
}

.ContraSph > ul > li {
    width: 4.9rem;
}

.ContraCyl > ul > li {
    width: 4.5rem;
}

ContraAxis > ul > li {
    width: 3.1rem;
}

.investigations-display {
    flex-flow: row wrap;
    align-content: flex-start;
    display: flex;
}

    .investigations-display > div {
        padding: 4px;
        letter-spacing: normal;
    }

        .investigations-display > div > span {
            padding: 5px 5px;
            display: block;
            height: 30px;
            border-radius: 3px;
            line-height: 20px;
            color: #484848;
            font-size: 13px;
            margin-bottom: 5px;
            /*width: 40px;*/
            text-align: center;
            cursor: pointer;
        }

        .investigations-display > div.active span {
            background-color: #166a61;
            color: #fff;
            box-shadow: -1px 1px 1px 0 #d5dee7;
        }

        .investigations-display > div:hover span {
            color: #fff;
            box-shadow: -1px 1px 1px 0 #d5dee7;
            background: linear-gradient(to right, #0f6860,#2bbb94)
        }

.findings-scaa > ul > li > a {
    padding: 5px 5px;
    display: block;
    /*width: 60px;*/
    height: 30px;
    border-radius: 3px;
    line-height: 20px;
    color: #484848;
    white-space: nowrap;
    font-size: 13px;
    margin-bottom: 5px;
}

.findings-scaa > ul > li.active a {
    background-color: #166a61;
    color: #fff;
    box-shadow: -1px 1px 1px 0 #d5dee7;
}

.findings-scaa > ul > li:hover a {
    color: #fff;
    box-shadow: -1px 1px 1px 0 #d5dee7;
    background: linear-gradient(to right, #0f6860,#2bbb94)
}


table.investi-fixed-td > tbody > tr > td {
    padding: 5px 5px;
    vertical-align: top;
    text-align: center;
}

    table.investi-fixed-td > tbody > tr > td > p {
        margin: 0;
        cursor: pointer;
        padding: 3px 5px;
        text-align: center;
    }

    table.investi-fixed-td > tbody > tr > td.active > p {
        background: linear-gradient(to right, #0f6860,#2bbb94);
        width: 100%;
        height: 100%;
        border-radius: 3px;
        margin: 0;
        color: #fff;
    }

    table.investi-fixed-td > tbody > tr > td:hover > p {
        background: linear-gradient(to right, #0f6860,#2bbb94);
        border-radius: 3px;
        margin: 0;
        color: #fff;
    }

/*.investside {
    top: 0px;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    width: 250px;
    max-height: 100%;
}*/
.vision-vstmtabs {
    margin-top: 5px;
}

    .vision-vstmtabs > li > a {
        background-color: #fff;
        box-shadow: -1px 1px 1px 0 #d5dee7;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #161617;
        border-radius: 5px !important;
        border: 1px solid #d5dee7;
        margin-left:5px !important;
    }

    .vision-vstmtabs > li.active > a {
        background-color: #2D2D47;
        color: #fff;
        border: 1px solid #2D2D47 !important;
    }

    .vision-vstmtabs > li:hover > a {
        background: linear-gradient(to right, #0f6860,#2bbb94);
        color: #fff;
        /*border: 1px solid rgb(23 82 84) !important;*/
    }
    /*.vision-vstmtabs  {
    border-spacing: 7px 1px;
    border-collapse: separate;
}*/
    .vision-vstmtabs > li > a {
        border-top-color: transparent !important;
        /*border-top-right-radius: 0 !important;*/
        /*border-top-left-radius: 0 !important;*/
        margin: 0 5px;
        background-color: #e0e0eb;
    }

ul.vision-vstmtabs > li:first-child > a {
    margin-left: 0 !important;
}
/*ul.vision-vstmtabs > li:first-child > a,
ul.vision-vstmtabs > li:last-child > a {
    margin: 0 !important;
}*/
.fix-to-top {
    /*position: fixed;
    top: 0;
    */
    position: fixed;
    right: 2px;
    /*width: 19% !important;*/
    border-radius: 5px;
    top: 75px;
}

.fixed-investigation {
    position: fixed;
    right: 15px;
    width: 100%;
    top: 80px;
    border-radius: 5px;
}

.preeety-popover > .popover {
    width: 300px;
    display: block;
    padding-bottom: 10px;
}

.applist-popoevr > .popover {
    margin-left: 10px;
}





.inventory-popoevr > .popover {
    margin-top: 15px !important;
    width: 250px;
}

.poi-textarea {
    height: 80px;
    overflow: scroll;
    padding: 10px;
    resize: vertical;
}

    .poi-textarea > ul > li {
        margin-left: 15px;
    }

.divtabletd > div > label {
    color: #484848;
    font-weight: 500;
    font-size: 12px;
}

.ulsurgeryPrint li {
    line-height: 35px;
}

.no-border-bottom {
    border-bottom: 0px !important;
}

ul.labslist {
    position: relative;
}

.labslist > li {
    display: block;
    list-style: none;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 55px;
    padding: 0px 25px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #63639c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .labslist > li:hover {
        background-color: #ddd;
    }

.labshistory {
    position: absolute;
    width: 100%;
    background-color: #2D2D47;
    display: block;
    bottom: 0;
    height: 50px;
    font-size: 16px;
    line-height: 55px;
    padding: 0px 25px;
    cursor: pointer;
    color: #fff;
    top: 0;
}

.labs-table > thead > tr > th {
    background: #97e7d2;
    padding: 7px 10px !important;
    border: none !important;
    font-size: 13px;
    font-weight: 500;
    color: #484848;
    text-align: left;
}

.input-group .form-control {
    z-index: 0;
}

.history-scaa > tbody > tr > td > b {
    /*color: #fff;
    background-color: #2bbb94;*/
    color: #484848;
}

.history-scaa > tbody > tr > td > span {
    /*color: #fff;
    background-color: #0f6860;*/
    color: #000;
}

th.scad-od, td.scad-od {
    background-color: #2bbb94;
    color: #fff !important;
}

th.scad-os, td.scad-os {
    color: #fff !important;
    background-color: #0f6860;
}
/*Labs Name*/
/*table.labstest-table {
    border-spacing: 0 15px;
    border-collapse: separate;
    position: relative;
    top: -15px;
}*/
table.labstest-table > thead > tr > th {
    background-color: #46466d;
    color: #fff;
    padding: 10px 20px;
    vertical-align: middle;
}
/*table.labstest-table > thead > tr > th:first-child, 
table.labstest-table > tbody > tr > td:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
table.labstest-table > thead > tr > th:last-child,
table.labstest-table > tbody > tr > td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}*/
table.labstest-table > tbody > tr > td {
    background-color: #fff;
    vertical-align: middle;
    padding: 10px 18px;
    border: transparent !important;
    border-radius: 3px;
    cursor: pointer;
}

    table.labstest-table > tbody > tr > td.active {
        background-color: #166a61;
        color: #fff;
        box-shadow: -1px 1px 1px 0 #d5dee7;
    }

    table.labstest-table > tbody > tr > td:hover {
        color: #fff;
        box-shadow: -1px 1px 1px 0 #d5dee7;
        background: linear-gradient(to right, #0f6860,#2bbb94);
    }
/*table.labstest-table > tbody > tr {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}*/
/*.labs-horizontal {
    width: 500px;
     overflow-x: auto;
    float: left;
    display: inline-block;
    position: absolute;
    margin-left: 15px;
}*/
.bill-payment {
    height: 350px;
}

.reportspace th {
    width: 250px;
    word-break: keep-all;
    white-space: nowrap;
}
/*popup*/
.pop-treatments {
    height: auto;
    border: 1px solid #eee;
    z-index: 999;
    background-color: #fff;
    margin: 0 auto;
    /*box-shadow: 0px 20px 126px 7px #495057;*/
    display: flex;
}

.treatment-header {
    background-color: #2D2D47;
    display: block;
    border-bottom: 2px solid #2bbb94;
    padding: 13px 15px;
}

    .treatment-header i {
        font-size: 15px;
        color: #fff;
        float: right;
        cursor: pointer;
    }

    .treatment-header h1 {
        color: #fff;
        font-size: 15px;
        margin: 0;
        display: inline-block;
    }

.treatments-body {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 15px;
}
/*Select Treatment*/
.select-treatment-left {
    width: 595px;
    border-right: 1px solid #eee;
}

.book-appt-right {
    width: 320px;
    /*border: 1px solid #eee;*/
    height: 100%;
    position: relative;
}

.strike-out {
    text-decoration: line-through;
}

.stats-line-2 img {
    width: 25px;
    height: 25px;
}


/*.status-select_appt > .multiselect-parent > button {
    background-color: transparent;
    color: #4b4b4b;
    border: none;
    outline: none;
    font-size: 13px;
    line-height: 0;
    height: 14px;
}
.status-select_appt > .multiselect-parent > button > span.caret {
    display: none;
}
.status-select_appt > .multiselect-parent > .dropdown-menu {
    width: 200px;
    line-height: 15px;
    z-index: 999999999 !important;
    left: auto;
    right: 0;
    overflow: hidden;
}*/
.status-select_appt {
    background-color: transparent;
    outline: none;
    border: none;
    height: auto;
    padding: 0;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 0px !important;
    box-shadow: none;
    font-weight: 400;
    background: url(../img/down-arrow.png) no-repeat right center;
}

    .status-select_appt:focus {
        background-color: transparent;
        box-shadow: none;
        border: none;
    }

.status-select_appt {
}

select.status-select_appt {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

    /* For IE10 */
    select.status-select_appt::-ms-expand {
        display: none;
    }

.app-modal-window > .modal-dialog {
    width: 75%
}

.dental-case-table {
    border-collapse: collapse;
}

    .dental-case-table > tbody {
        border-top: 15px solid white;
    }


.partha-form1 {
    float: left;
    padding: 10px;
    width: 15%;
    margin-bottom: 0 !important;
}

.session-timeout {
    text-align: center;
    line-height: 30px;
    padding: 30px 15px;
}
    /*.session-timeout > img {
    width: 
}*/
    .session-timeout > p {
        color: #5d5d5d;
        line-height: 50px;
        font-style: italic;
    }

    .session-timeout > h1 {
        color: #333A44;
        font-weight: bold;
        line-height: 50px;
        text-transform: uppercase;
        letter-spacing: 12px
    }

    .session-timeout > h5 {
        margin-top: 25px;
    }

    .session-timeout > h6 > span {
        color: #5f7d95;
        line-height: 23px;
        font-size: 14px;
    }

.glasses-entery > tbody > tr > td > b {
    color: #5D6D7E;
    font-weight: 500;
}

.glasses-entery > tbody > tr > td > h5 {
    color: #484848;
    font-weight: bold;
}

/*.right-info-badge > i {
    color: #2D2D47;
    cursor: pointer;
    font-size: 20px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    line-height: 25px;
}*/
.notices-dental-border > tbody > tr > td:first-child {
    border-top: none !important;
}

.notices-dental-border > tbody > tr > td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.notices-dental-border > tbody > tr:last-child > td {
    border-bottom: none !important;
}

.notices-dental-treatment {
    padding-left: 6px;
    border-left: 6px solid #2bbb94;
    margin-bottom: 15px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /*padding-left: 6px;
    border-left: 2px solid #3989c6;
    margin: 15px 0 0 0;
    border-right: 1px solid #ddd;
    background-color: #f1f1f1;
    border-top: 1px solid #ddd;*/
}

    .notices-dental-treatment > div > b {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 15px;
    }

    .notices-dental-treatment > div > span {
        font-weight: 400;
        font-size: 15px;
    }

.BillPaid {
    color: #1D5558
}

.BillNotPaid {
    color: #ff0000;
}


.tooltip-inner {
    max-width: 100% !important;
    white-space: nowrap
}





.add-on .input-group-btn > .btn {
    border-left-width: 0;
    left: -2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #cccccc;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.lbl-or-pos2 {
    position: absolute;
    top: 30px;
    right: 0px;
}

.slnqtydiop {
    text-align: left;
    margin-bottom: 0;
}

    .slnqtydiop > li {
        width: 49%;
        display: inline-block
    }

.container-inventory {
    width: 100%;
    min-height: inherit;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0;
}

.ver-table {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    padding-top: 30px;
    background-color: #fff;
}

.table100-head {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.table100-body {
    overflow: scroll !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
    position: relative;
    max-height: 320px;
}

.tablets-drop > ul {
    height: 300px;
    overflow-y: scroll;
    width: 300px;
}

.increase-popover-width-right {
    max-width: 450px !important;
   /* max-width: 300px !important;*/
    margin-left: 0px !important;
}

.increase-popover-width-bottom {
    max-width: 400px !important;
    margin-top: 0px !important;
    right: 0;
    width: 250px;
    margin-left: -13px;
}
.popover.increase-popover-width-bottom > .arrow {
    display: none;
}
.popover-overlay {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 99;
}
.popoverlist-text > li > div > label,
.popoverlist-text > li > div > label > small{
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.popoverlist-text {
    margin: 0;
    padding: 0 25px;
}
.popoverlist-text > li {
    line-height: 2.3;
    list-style: none;
}
.increase-popover-width-top {
    max-width: 400px !important;
    margin-top: 0px !important;
}

.filter-appt {
    display: flex;
    width: 400px;
    padding: 6px 10px;
}

    .filter-appt > div > ul > li {
        list-style: none;
        font-size: 13px;
    }

    .filter-appt > div {
        flex: 1;
    }

        .filter-appt > div:first-child {
            padding-right: 10px;
            border-right: 1px solid #ddd;
        }

        .filter-appt > div:last-child {
            padding-left: 10px;
        }

.patient-category-appt {
    width: 3px;
    height: 48px;
    position: absolute;
    left: 0;
    margin-top: -23px;
}

.otpatient-catappt {
    left: 0px;
    margin-top: -8px;
    width: 3px;
    height: 35px;
    position: absolute;
}

.ptnt-catappt-circle {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border-radius: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.category-reg-ptnt button {
    width: 100%;
    /*padding: 0 20px 0 7px;*/
    /*line-height: 1 !important;*/
    background-color: #fff;
    /*border: 1px solid #e5e5e5;*/
    /*border-radius: 3px;*/
    /*font-size: 13px;*/
    text-align: left;
    /*font-weight: 400;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .category-reg-ptnt button:after {
        content: "";
        position: absolute;
        right: 2px;
        display: inline-block;
        width: 18px;
        height: 7px;
        background-image: url('../img/down-arrow.png');
        top: 12px;
    }

.category-reg-ptnt ul {
    width: 200px;
}

    .category-reg-ptnt ul li {
        margin: 1px 0;
        cursor: pointer;
    }

    .category-reg-ptnt ul.dropdown-menu li a span {
        width: 15px;
        height: 15px;
        vertical-align: middle;
        display: inline-block;
        /*margin-left: 15px;*/
        border-radius: 100px;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }

.General-color {
    background-color: #2196F3;
}

.Central-color {
    background-color: #4CAF50;
}

.State-color {
    background-color: #E53935;
}

.Private-color {
    background-color: #FB8C00;
}
/*ul li:focus {
    background-color: #ddd !important;
}*/
/*background colors*/
.op-bg {
    background-color: #2B52BB;
    color: #fff !important
}

.ot-bg {
    background-color: #BB2B3E;
    color: #fff !important
}

.apptundo-icn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #1abc9c;
}
/*Insurance*/
.grid-Iheading {
    position: relative;
    padding: 8px 15px;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    /*z-index: 1;*/
    margin-bottom: 10px;
}

    .grid-Iheading > h1 {
        color: #000;
        font-size: 14px;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-weight: 500;
        line-height: 10px;
    }

    .grid-Iheading > .controls {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        list-style: none;
        padding: 0;
        margin: 0;
        height: 100%;
    }

        .grid-Iheading > .controls > li {
            display: inline-block;
            height: 100%;
            float: left;
            border-left: 1px solid rgba(0,0,0,.1);
            padding: 3px;
            color: #6899ac;
            line-height: 16px;
        }

.grid-Ibody > table.table > tbody > tr > td {
    color: #1d5559;
}

.dropdown-table > .btn-group > button {
    color: #000
}

.dropdown-table > .btn-group > .dropdown-menu {
    width: 300px;
    left: auto;
    right: 0;
}
/*Inventory Timeline*/
.inventory-timeline {
    list-style: none;
    padding: 0 0 10px;
    position: relative;
    margin-top: -15px
}

    .inventory-timeline:before {
        top: 30px;
        bottom: 25px;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #ccc;
        left: 17px;
        margin-right: -1.5px
    }

    .inventory-timeline > li, .inventory-timeline > li > .inventory-timeline-panel {
        margin-bottom: 5px;
        position: relative
    }

        .inventory-timeline > li:after, .inventory-timeline > li:before {
            content: " ";
            display: table
        }

        .inventory-timeline > li:after {
            clear: both
        }

        .inventory-timeline > li > .inventory-timeline-panel {
            margin-left: 55px;
            float: left;
            top: 19px;
            padding: 4px 10px 8px 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            width: 90%;
        }

        .inventory-timeline > li > .inventory-timeline-badge {
            color: #fff;
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 1.2em;
            text-align: center;
            position: absolute;
            top: 26px;
            left: 0px;
            margin-right: -25px;
            background-color: #fff;
            z-index: 100;
            border-radius: 50%;
            border: 1px solid #d4d4d4;
            background-color: #1D5558;
        }

        .inventory-timeline > li.inventory-timeline-inverted > .inventory-stimeline-panel {
            float: left
        }

        .inventory-timeline > li.inventory-timeline-inverted > .inventory-timeline-panel:before {
            border-right-width: 0;
            border-left-width: 15px;
            right: -15px;
            left: auto
        }

        .inventory-timeline > li.inventory-timeline-inverted > .inventory-timeline-panel:after {
            border-right-width: 0;
            border-left-width: 14px;
            right: -14px;
            left: auto
        }

.inventory-timeline-heading > p {
    margin-bottom: 5px;
}

    .inventory-timeline-heading > p > small {
        color: #555;
        font-size: 10px;
    }

.inventory-timeline-body > ul > li > span {
    color: #484848;
    font-weight: 600;
}

.inventory-timeline-body > ul > li > b {
    color: rgba(0,0,0,0.54);
}

.inventory-timeline-title {
    margin: 5px 0;
    color: inherit
}

.inventory-timeline-body > p, .inventory-timeline-body > ul {
    margin-bottom: 0;
    margin-top: 0
}

    .inventory-timeline-body > p + p {
        margin-top: 5px
    }

.inventory-timeline-badge > .glyphicon {
    margin-right: 0px;
    color: #fff
}

.inventory-timeline-body > h4 {
    margin-bottom: 0 !important
}

.files-list-popver > .popover {
    margin: 0 !important;
    margin-bottom: 25px !important;
    width: 400px;
    max-width: 450px;
}

.fileslist-popover > ul.list-group > li > div {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

    .fileslist-popover > ul.list-group > li > div:last-child {
        border-bottom: none;
    }

    .fileslist-popover > ul.list-group > li > div > img {
        width: 30px;
        display: inline-block;
        margin-right: 10px;
        object-fit: cover;
        padding: 5px;
        border: 1px solid #ddd;
        height: 30px;
        cursor: pointer;
    }

    .fileslist-popover > ul.list-group > li > div > a {
        position: absolute;
        right: 10px;
        margin-top: 7px;
        display: inline-block;
    }

    .fileslist-popover > ul.list-group > li > div > p {
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        top: 5px;
    }

.fileslist-popover > ul.list-group {
    height: 250px;
    overflow: scroll;
    width: 370px;
    margin-bottom: 0;
}

.dropdown-list-group-item > li {
    padding: 15px 10px;
    background-color: #fff;
    border-left: none;
    border-right: none;
    padding: 15px 10px;
    background-color: #fff;
}

    .dropdown-list-group-item > li:last-child {
        border: none !important
    }

    .dropdown-list-group-item > li:focus,
    .dropdown-list-group-item > li:hover {
        background-color: rgba(0, 0, 0, .1);
        color: #000;
    }

.surgery-added-ot > ul {
    margin: 0;
}

    .surgery-added-ot > ul > li {
        list-style: none;
        float: left;
        display: inline-block;
        border: 1px solid #c3c3c3;
        border-right: none;
        position: relative;
        width: 33%;
        padding: 10px;
    }

        .surgery-added-ot > ul > li:last-child {
            border-right: 1px solid #c3c3c3;
        }

        .surgery-added-ot > ul > li > button {
            position: absolute;
            right: 10px;
            bottom: 10px;
            padding: 5px 20px !important;
        }

        .surgery-added-ot > ul > li > p {
            margin: 0;
            line-height: 20px;
        }

p.surgery-name-p {
    font-weight: 600;
    font-size: 14px;
    color: #219ED9;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    p.surgery-name-p > b {
        color: #2293A4;
    }

p.pack-name-p {
    color: #484848;
    font-weight: 500;
    font-size: 13px;
    width: 370px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

p.doc-name-p-clock {
    color: #939090;
    font-size: 12px;
}

.addGlasses-popoevr > .popover {
    margin-top: 10px !important;
    width: 400px;
    max-width: 400px;
}


.strikeout td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td, tr.strikeout td:hover {
    /*background-color: #ff9595 !important;*/
    background-color: #ddd !important;
    color: #000 !important;
    filter: blur(0.9px);
    -o-filter: blur(0.9px);
    -ms-filter: blur(0.9px);
    -moz-filter: blur(0.9px);
    -webkit-filter: blur(0.9px);
}

.strikeout-deleted {
    width: 15px;
    height: 15px;
    background-color: #ff5959;
    color: #484848;
    display: inline-block;
    vertical-align: middle;
}

.mobileLand-active {
    outline: none;
    font-weight: 600;
    color: #000;
    font-size: 12px;
}

    .mobileLand-active:focus {
        border: 1px dotted #656565;
    }

.mobileLand-disable {
    outline: none;
    font-weight: 600;
    color: #a3a3a3;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
}
/*Patient Info Popup*/
.update-patientInfo {
    border: none;
    width: auto;
    text-align: center;
}

    .update-patientInfo > li > a {
        color: #1D5558;
        font-weight: 500;
        border-radius: 0;
        border-right: none;
        border-left: none;
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        padding: 2px 10px;
        background-color: #f6f6f6;
        font-weight: 600;
    }

.frequently-cnsltList > li {
    line-height: 20px;
    padding: 5px 15px;
}

    .frequently-cnsltList > li:hover {
        background-color: #ccc;
    }

input.frequently-cnsltList {
    background-color: #FAFFBE !important;
    border-radius: 0 !important;
    border: 1px solid #ddd;
}

.ComplaintsSearch > li {
    display: block;
    list-style: none;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}

    .ComplaintsSearch > li > a {
        text-align: left;
        background-color: #1D5558;
        border-radius: 0;
        color: #fff;
        border-bottom: 1px solid #235c5f;
    }

.frequently-cnsltList > li:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: none;
}

.update-patientInfo > li.active > a,
.update-patientInfo > li > a:focus,
.update-patientInfo > li:hover > a,
.update-patientInfo > li > a:hover {
    background-color: #1D5558 !important;
    color: #fff;
    border-top: 1px solid #1D5558;
    border-bottom: 1px solid #1D5558;
}

.update-patientInfo > li:first-child > a {
    border-left: 1px solid #cacaca;
}

.update-patientInfo > li:last-child > a {
    border-right: 1px solid #cacaca;
}

/*.files-list-popver > .popover {
    margin-top: 30px !important;
    height: 150px !important;
    overflow:auto;
}*/
/*dynamic-bar-status*/
.dynamic-bar-status > ul {
    margin-bottom: 0;
}

    .dynamic-bar-status > ul > li {
        width: calc(100% / 6);
        display: inline-block;
        float: left;
        text-align: center;
        position: relative;
    }

.dynamic-stat-succe {
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    line-height: 35px;
    border-radius: 100px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

    .dynamic-stat-succe > i {
        font-size: 15px;
        color: #fff;
    }

.dynamic-bar-status > ul > li:before {
    background-color: #f3f3f3;
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    z-index: 0;
    top: 16px;
}
/*tick-tag*/
.tick-tag {
    padding: 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
}

    .tick-tag.active, .stauts-active {
        background-color: #08a5ec;
        color: #fff;
    }

    .tick-tag.in-active, .stauts-in-active {
        background-color: #ddd;
        color: #000;
    }

.doc-active {
    background-color: #f37224;
    color: #fff;
}

.edit-consultation-bg {
    background-color: #007980;
    color: #fff;
}

.patient-tick-tag > .popover {
    margin-top: 10px !important;
    max-width: 350px !important;
    width: 350px;
}

.vip-research-patient {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

    .vip-research-patient > div, .vip-research-patient-stat > div {
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        line-height: 11px;
        padding: 5px 10px;
        letter-spacing: 1px;
        border-radius: 5px;
    }

.vip-patient {
    background-color: #f37224;
    color: #fff;
}

.highrisk-patient {
    background-color: #CC0000;
   /* background-color: #1abc9c;*/
    color: #fff;
}
.free-patient {
    background-color: #069bcb;
    color: #fff;
}

.research-patient {
    background-color: #1abc9c;
    color: #fff;
}

.patient-table-tag {
    display: initial;
    padding: 0 15px;
    border-radius: 3px;
    width: auto;
}

.app-vip-research {
    position: absolute;
    right: 0;
    top: 1px;
   /* top: 3px;*/
    bottom: 0;
    z-index: 1;
    display: grid;
    align-items: center;
}

.app-research-width {
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 100px;
    /*margin-left: auto;
    margin-bottom: 5px;*/
}

    .app-research-width > label {
        display: none;
    }

    .app-research-width:hover {
        width: auto;
        border-radius: 2px;
        height: 13px;
    }

        .app-research-width:hover > label {
            display: block;
            line-height: 13px;
            padding: 0 5px;
            color: #fff;
            text-align: center;
            font-size: 9px;
            text-transform: capitalize;
            font-weight: 500;
        }
/*searchbar-vipresearch dropdown*/
.searchbar-vipresearch {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

    .searchbar-vipresearch > span, .sear-vipsearch > span.viprese-wit {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 100px;
        margin: 0 5px;
    }

.new-old-patient {
    display: inline-block;
}

    .new-old-patient > span {
        padding: 0px 3px;
        border-radius: 3px;
        margin-left: 15px;
        font-size: 11px;
    }

.patient-new {
    background-color: #D13F25;
    color: #fff;
}

.patient-old {
    background-color: #BC8A64;
    color: #fff;
}
/*lazy-navigation*/
.lazy-navigation {
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.07);
    border-radius: 3px;
    margin-top: 15px;
}

    .lazy-navigation > li,
    .lazy-navigation > li > ul > li {
        float: none;
        list-style: none;
    }

        .lazy-navigation > li > a {
            border-top: 1px solid #ddd;
            list-style: none;
            padding: 10px 10px;
            cursor: pointer;
            font-weight: 500;
            font-size: 14px;
            color: #000000;
            line-height: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            float: none;
            display: block;
        }

        /*.lazy-navigation > li:last-child {
            padding-bottom: 65px;
        }*/

        .lazy-navigation > li > ul > li > a {
            border-bottom: 1px solid #ddd;
            list-style: none;
            padding: 6px 0;
            cursor: pointer;
            font-weight: 500;
            font-size: 12px;
            color: #4f4f4f;
            line-height: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            float: none;
            display: block;
        }

.click-link {
    background-color: #2bbb94;
    font-size: 15px;
    line-height: 22px !important;
    border-radius: 3px;
    color: #fff;
    width: 20px !important;
    height: 20px;
    float: right;
}

.covid-19 {
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 0;
    padding: 3px 2px;
    border: 1px solid #ddd;
}

.spoke-head {
    width: 150px;
    height: 34px;
    overflow: hidden;
}

.lang-spoken:hover > .spoke-drpdwn {
    display: block;
    width: 150px;
    min-width: 150px !important;
    border: none;
    height: 172px;
    overflow-y: scroll;
}

.lang-spoken > .spoke-drpdwn {
    display: none;
}

.covid-19 > span {
    font-size: 9px;
    font-weight: 600;
}

.spoke-drpdwn > li {
    width: 100%;
    font-size: 12px;
    border: none;
}

.update-tempt {
    position: absolute;
    bottom: 0;
    z-index: 11;
    border-radius: 0 !important;
    color: #1D5558 !important;
    font-weight: 600;
    letter-spacing: 1px;
    box-shadow: 1px 25px #fff;
}

    .update-tempt:focus,
    .update-tempt:hover {
        color: #fff !important;
    }

.covid-19 > h4 {
    margin: 0;
    font-size: 12px;
    display: block;
    font-weight: 600;
}

.covid-19 > p {
    margin: 0;
    color: #000;
    font-size: 10px;
}

.lazy-navigation > li > a:hover i,
.lazy-navigation > li > a.active i {
    background-color: #fff;
    color: #1abc9c;
}

.lazy-navigation > li > ul > li > div {
    padding: 3px 0;
}

.lazy-navigation > li > a:hover,
.lazy-navigation > li > a:focus,
.lazy-navigation > li.active > a {
    background-color: #1ec397;
    color: #fff;
}

.lazy-navigation > li:last-child {
    border-bottom: 0;
}

.text-clear-cons {
    position: relative;
}

    .text-clear-cons > i {
        position: absolute;
        right: 5px;
        top: 5px;
        color: rgba(0, 0, 0, .4);
        font-size: 18px;
        cursor: pointer;
    }

        .text-clear-cons > i:hover,
        .text-clear-cons > i:focus {
            color: #f00;
        }

    .text-clear-cons > input {
        padding-right: 30px !important;
        /*background-color: #FAFFBE !important;*/
    }

        .text-clear-cons > input::-webkit-input-placeholder {
            color: #afafaf !important;
            font-weight: 400;
        }

.ease-down-animation {
    transition: all .5s ease-in-out;
    height: 0;
}

table.table-consultation {
    border-collapse: separate;
    border-spacing: 0px 3px;
   /* border-bottom: 1px solid #d1d1d1;*/
    margin-bottom: 5px !important;
}

.table-consultation > tbody > tr > td {
    padding: 5px 0 !important;
    vertical-align:top;
    /*background-color: #f1f1f1;
    color: #333841;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}
.table-consultation > tbody > tr:last-child > td {
    border: none;
}
.Newconsult-summary {
    margin-bottom: 0;
}
.Newconsult-summary > li {
    display: block;
    list-style: none;
    padding: 3px 15px;
    border: none !important;
    margin-bottom: 8px;
}
.Newconsult-summary > li h5:after {
    content: ".";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    top: 0;
    font-weight: 600;
    margin: auto 0;
}
.table-consultation > tbody > tr > td > .padd-tab-td {
    padding: 0px 5px;
}
.table-border-bottom {
    border: none !important;
}
.table-border-bottom > tbody > tr > td {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    padding-bottom: 10px !important;
}
.padd-tab-td > label, .inside-label-text {
    font-weight: 500;
    font-size: 13px;
    /*width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    line-height: 20px;
}

.padd-tab-td > p {
    margin-bottom: 0;
    width: 80%;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.consultation-button > button {
    width: 100%;
    position: relative;
    text-align: left;
    overflow: hidden;
    height:26px !important;
    border-color: #afafaf !important;
}

    .consultation-button > button > span {
        float: right;
        position: relative;
        top: 9px;
    }

.invisible-textarea {
    width: 100%;
    /*height: 25px;*/
    border: none;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    /*margin-top: 5px*/
}

.doc-info-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid rgba(255,255,255,0.87);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    transform: rotate(-45deg);
    position: absolute;
    right: -2px;
    top: -12px;
    cursor: help;
}

    .doc-info-right > i {
        transform: rotate(45deg);
        display: block;
        text-align: center;
        position: relative;
        color: #28465a;
        left: -13px;
        top: -7px;
    }
/*.print-section {
    text-align: center;
    display: block;
    background-color: #3db29f;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    border-radius: 0;
    padding: 0px 20px;
    line-height: 1.9;
    position: relative;
}*/
.file-consonts-img {
    width: 35px;
    height: 35px;
    background-size: cover;
}

.list-diagnosis-li > li {
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    vertical-align: middle
}

    .list-diagnosis-li > li:last-child {
        margin-right: 0;
    }

.current-due-bill {
    text-align: left;
    border-left: 2px solid;
    padding-left: 5px;
    position: relative;
    top: 5px;
}

.consul-sc-bdr {
    border: none;
}

.consl-sc-head {
    background-color: #dfdfdf;
    padding: 5px 10px !important;
}

.total-due {
    color: #f00;
}

.Current-Bill {
    color: #039e9f;
}

.current-due-bill > p {
    margin: 0;
    /*font-size: 15px;*/
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.navigation-consultation {
    /*left: 6%;
    top: 64px;*/
    z-index: 9;
    background-color: transparent;
    border: none;
    min-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .navigation-consultation > ul > li > a {
        line-height: 25px;
        color: #000 !important;
        font-weight: 600;
        border-radius: 1px;
        margin-right: 10px;
        box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.12);
        background-color: #ffffff;
        padding: 5px 15px !important;
    }

        .navigation-consultation > ul > li > a:hover,
        .navigation-consultation > ul > li > a:focus {
            background-color: #266f73 !important;
            color: #fff !important;
        }

    .navigation-consultation > ul > li.active > a {
        background-color: #1abc9c !important;
        color: #fff !important;
    }
/**/
.navigation-examination {
    background-color: #fff;
    border: none;
    margin-bottom: 0;
}

    .navigation-examination > ul > li > div > button {
        line-height: 20px;
        color: #000 !important;
        font-weight: 600;
        border-radius: 5px;
        margin-right: 10px;
        box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.12);
        background-color: #ffffff;
        padding: 5px 15px !important;
    }

.dropdown-checkbox-examination {
    width: 250px;
}

    .dropdown-checkbox-examination > li {
        cursor: pointer;
        padding: 5px 15px;
    }
/*Admin Templates*/
.admin-table > thead > tr > th {
    background-color: rgba(0,0,0,.015);
    color: #333;
    white-space: nowrap !important;
    font-weight: 600;
}

.admin-table > thead > tr > th,
.admin-table > tbody > tr > td {
    vertical-align: middle;
    border-bottom: 1px solid #b7b7b7;
    padding: 1rem 1.25rem;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

    .admin-table > tbody > tr > td > h6 {
        margin: 0;
        font-weight: 500;
        color: #000;
        font-size: 20px;
    }

    .admin-table > tbody > tr > td > h5 {
        margin: 0;
        font-weight: 500;
        font-size: 19px;
    }

.admin-pro-user {
    background-color: #5c6bc0;
    border-top: 1px solid #7986cb;
    color: #fff;
    border-left: 0 !important;
    border-right: 0 !important;
}

    .admin-pro-user > li > a {
        color: #fff;
        border-radius: 0;
        border: none !important
    }

        .admin-pro-user > li.active > a,
        .admin-pro-user > li > a:hover,
        .admin-pro-user > li.active > a:hover {
            background-color: rgba(0,0,0,.1) !important;
            border-radius: 0 !important;
            border: none !important;
            color: #fff !important;
        }

#messages-stats {
    position: relative;
    top: 4px;
}

.alert-question-error > i {
    color: #ff0000;
    font-size: 14px;
    cursor: pointer;
}

.casesheet-history-left > li > a {
    background-color: #34495e;
    border-radius: 0 !important;
    border: none !important;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

.casesheet-history-left > li.active > a,
.casesheet-history-left > li:hover > a {
    background-color: #243342 !important;
    color: #fff;
    border-radius: 0 !important;
    border: none !important;
}

.right-opot {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 5px;
    border-radius: 100px;
    background-color: #0f6860;
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    font-size: 13px !important;
}

.casehistory-content {
    padding: 0 15px;
}

.case-bg-color {
    background-color: #fff !important;
    border: 1px solid #d1d3d5;
}

.diagno-li-casehist > li.active,
.diagno-li-casehist > li:hover {
    background-color: #2bbb94;
    color: #fff;
    border: none;
}

.diagno-li-casehist > .dental-wiretital {
    border-left: 1px solid #ddd;
    background-color: #fff;
}

    .diagno-li-casehist > .dental-wiretital:after {
        border: none !important;
    }

.casehistory-accordion > .panel-heading:hover {
    background-color: #00a8b1;
    color: #fff;
    cursor: pointer;
}

.casehistory-accordion.active > .panel-heading {
    background-color: #007980;
    color: #fff;
}

.casehistory-accordion > .panel-heading {
    background-color: #fff;
    color: #000;
}

    .casehistory-accordion > .panel-heading:hover > h4.panel-title > .accordion-toggle > span > div.casehistory-acchead > div > label,
    .casehistory-accordion > .panel-heading:hover > h4.panel-title > .accordion-toggle > span > div.casehistory-acchead > div > p,
    .casehistory-accordion.active > .panel-heading > h4.panel-title > .accordion-toggle > span > div.casehistory-acchead > div > label,
    .casehistory-accordion.active > .panel-heading > h4.panel-title > .accordion-toggle > span > div.casehistory-acchead > div > p {
        color: #fff;
    }

    .casehistory-accordion > .panel-heading > h4.panel-title > .accordion-toggle > span > div.casehistory-acchead > div > label {
        color: #717474;
    }

.img-thumb-images-list > li {
    display: inline-block;
    margin-right: 15px;
    width: 32.5%;
    position: relative;
}
    .img-thumb-images-list > li > div > p {
        font-size: 11px;
        font-weight: 600;
        color: black;
        line-height: 8px;
    }
        .img-thumb-images-list > li > div > p > span {
            font-size: 10px;
            font-weight: 400;
            padding-left: 5px;
        }

        .img-thumb-images-list > li > img {
            width: 100%;
            height: 70px;
            object-fit: cover;
            object-position: center;
        }

    .img-thumb-images-list > li > i {
        position: absolute;
        margin: auto auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 30px;
        text-align: center;
        color: #2bbb94;
        width: 50px;
        height: 50px;
        line-height: 55px;
    }

.panel-ehnote {
  /*  border-color: #d7d7d7;*/
    margin-bottom: 10px !important;
}

.bookAppt-width {
    max-width: 50%;
    width: 50%;
    min-width: 40%;
}

.panel-ehnote > .panel-heading {
    color: #068cb0 !important;
    /* background-color: #b1bfc2; */
    /* border-color: transparent; */
    padding: 2px 0px 2px 10px !important;
    border-bottom: 1px solid #f2f2f2;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    line-height: 1.7;
}

.panel-ehnote > .panel-body {
    padding: 8px;
}
/*---------------------Dragble---------------------*/
.dragble-consultation {
    position: absolute;
    z-index: 99999999;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    text-align: center;
    right: 0;
    bottom: 0;
}

.drag-head {
    padding: 10px;
    background-color: #2d2d47;
    color: #fff;
    z-index: 10;
    font-size: 15px;
    text-align: left;
    cursor: move;
}

.drag-body {
    width: 400px;
    height: 300px;
    background-color: #0f6860;
    position: relative;
}

.drag-footer {
    background-color: transparent;
    padding: 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.expand-tog {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #ddd;
    border-radius: 100px;
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
}

.drag-hover-nble {
    display: none;
}

.drag-body:hover > .drag-hover-nble {
    display: block;
}

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

    .video-icons > li {
        background-color: #fff;
        border-radius: 100px;
        width: 40px;
        height: 40px;
        transition: all .3s ease-out;
        list-style: none;
        display: inline-block;
        margin: 5px;
        cursor: pointer;
    }

        .video-icons > li > i {
            font-size: 18px;
            line-height: 40px;
            text-align: center;
        }

        .video-icons > li.active {
            background-color: #08a5ec;
            color: #fff;
        }

        .video-icons > li.mute {
            background-color: #ccc;
            color: #eeeeee;
        }

        .video-icons > li.end-call {
            background-color: #f00;
            color: #fff;
            position: relative;
            top: 20px;
        }

.hover-iconsvisible {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-icons {
    display: none;
}

.TokApp-video-container:hover > .hover-iconsvisible > .video-icons {
    display: block;
}

.video-icons > li > i.end-call-button {
    background-image: url(../img/end-call-button.png);
    display: block;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    margin: 4px auto;
}
/*----------------------------------------*/
.newcon-video-icons > li > i {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}

.newcon-video-icons > li.active {
    background-color: #08a5ec;
    color: #fff;
}

.newcon-video-icons > li.mute {
    background-color: #ccc;
    color: #eeeeee;
}

.newcon-video-icons {
    display: none;
}

    .newcon-video-icons > li.end-call {
        background-color: #f00;
        color: #fff;
    }

.TokApp-video-container:hover > .hover-iconsvisible > .newcon-video-icons {
    display: flex;
    align-items: center;
}

.newcon-video-icons > li > i.end-call-button {
    background-image: url(../img/end-call-button.png);
    display: block;
    background-size: contain;
    background-position: center;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin: 4px auto;
}
/*.newcon-video-icons {
    display: flex;
    align-items: center;
}*/
.newcon-video-icons > li.mute {
    background-color: #ccc;
    color: #eeeeee;
}

.newcon-video-icons > li {
    background-color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    transition: all .3s ease-out;
    list-style: none;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    line-height: 31px;
    text-align: center;
}
/*----------------------------------------*/
.uploaded-requisite-list > a {
    list-style: none;
    display: block;
    position: relative;
    cursor: pointer;
}

    .uploaded-requisite-list > a > i {
        display: inline-block;
        vertical-align: middle;
        font-size: 21px;
        margin-right: 10px;
    }

.delete-icon {
    position: absolute;
    right: 15px;
    color: #ff0000;
    cursor: pointer;
    line-height: 25px;
    font-size: 20px;
}

.uploaded-requisite-list {
    margin-bottom: 0;
}

.fa-bcr {
    background-color: #cccccc !important;
}

.pre-images-fit {
    height: 50px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: block;
    object-fit: cover;
}

.new-global-patient > span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #0f6860;
    border-radius: 100px;
    margin-left: 10px;
}

.new-global-patient {
    font-size: 12px;
    color: #0f6860;
    vertical-align: middle;
    line-height: 0;
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: 600;
}

.patient-previous-thumbs > li {
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
}

    .patient-previous-thumbs > li > img {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 5px;
        object-fit: cover;
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .patient-previous-thumbs > li > i {
        position: absolute;
        right: 6px;
        top: 0;
        font-size: 17px;
        color: red;
        border: 2px solid #fff;
        border-radius: 100px;
        cursor: pointer;
    }

.additionsl-details > li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
    padding: 0 10px 0 0;
    position: relative;
}

    .additionsl-details > li:after {
        content: ",";
        position: absolute;
        right: 0;
        font-size: 19px;
        font-weight: 600;
        bottom: -2px;
    }

.addDetails-text > li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    background-color: #f6f6f6;
    font-weight: 600;
    border-radius: 2px;
}

    .addDetails-text > li:hover, .addDetails-text > li:focus {
        background-color: #f37224;
        color: #fff;
    }

        .addDetails-text > li:hover > a, .addDetails-text > li:focus > a {
            color: #fff;
        }

    .addDetails-text > li > a, .addDetails-text {
        font-size: 13px;
        font-weight: 500;
        color: #428bca;
        line-height: 20px;
        display: block;
    }

.new-select-coonslt {
    padding: 10px 0 0 0;
    border-top: 1px solid #b6b6b6;
}

.notes-new-conslt {
    border: none !important;
}

.panel-uib-body > div > .panel-body {
    padding: 0 !important;
}

.panel-uib-body > .panel-heading {
    padding: 6px 15px !important;
    color: #fff !important;
    background-color: #068cb0;
    border-color: transparent;
}

    .panel-uib-body > .panel-heading > .panel-title > div > span > span, .panel-uib-body > .panel-heading > .panel-title > div > span > i {
        font-size: 12px;
    }

.drop-used-input {
    height: 20px !important;
    min-height: 20px;
}

.history-position-new {
    display: block;
    position: absolute;
    right: 5px;
    font-size: 10px !important;
    bottom: 2px;
}

.mini-tabs-eh > li > a {
    padding: 0px 3px;
    background-color: #fff;
    color: #0f6860;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-radius: 0;
    font-size: 11px;
}

.mini-tabs-eh > li.active > a {
    background-color: #0f6860;
    color: #fff;
}



.custom-image-radio {
    margin-bottom: 0;
}

    .custom-image-radio > li {
        display: inline-block;
        margin-right: 0px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        position: relative;
        background-color: #000;
    }

.image-radio-btn {
    opacity: 0.9;
    width: 120px;
    height: 120px;
    background-position: center center;
    background-color: gray;
}

    .image-radio-btn:hover {
        opacity: 1;
    }

.custom-image-radio > li > input {
    position: absolute;
    left: 20px;
    top: 15px;
}

.custom-image-radio > li > [type="radio"] + label:before,
.custom-image-radio > li > [type="radio"] + label:after {
    position: absolute;
    top: 5px;
    left: 5px;
}

.custom-image-radio > li > [type="radio"] + label {
    width: 100%;
    height: 120px;
    padding: 0;
}

.custom-image-radio > li > [type="radio"]:not(:checked) + label .image-radio-btn {
    border: 5px solid #595959;
}

.custom-image-radio > li > [type="radio"]:checked + label .image-radio-btn {
    border: 5px solid #ffffff;
    opacity: 1;
}

.register-image {
    height: auto;
    width: 60%;
    margin: 0 auto;
    margin-top: 60px;
}

    .register-image > img {
        width: 60%;
        margin-top: 25px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto auto;
        bottom: 0;
        z-index: -1;
    }

.grid {
    width: 100%;
    height: auto;
}

/*Patient Timeline*/
.eh-patientmap > .modal-dialog {
    width: 95%;
    margin: 0 auto;
}
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.waittime-min::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    /*border-style: solid;*/
}
/*.tracking-timeline ol li:nth-child(even) > .waittime-min::before {
    bottom: -11px;
    left: auto;
    right: 0;
    border-width: 0px 10px 10px 0px;
    border-color: transparent #2bbb94 transparent transparent;
    border-radius: 0 0 10px 10px;
}*/
/*.tracking-timeline ol li:nth-child(odd) > .waittime-min::before {
    top: -11px;
    left: auto;
    right: 0;
    border-width: 10px 10px 0px 0px;
    border-color: transparent #2bbb94 transparent transparent;
    border-radius: 10px 10px 0 0;
}*/
.tracking-timeline {
    white-space: nowrap;
    overflow-x: hidden;
}

    .tracking-timeline ol {
        font-size: 0;
        width: 100%;
        padding: 120px 170px 135px 0;
        /*padding: 120px 170px 95px 0;*/
        transition: all 1s;
        overflow-x: scroll;
        overflow-y: hidden;
    }

.dynamic-inside > label > b {
    color: #fff;
}

.tracking-timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 175px;
    height: 2px;
    background-color: #adadad;
}

.show-time-dynamic {
    width: 120px;
    margin: auto;
    display: block;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #008b86, #1d5558);
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.tracking-timeline ol li:last-child {
    width: 175px;
}

.tracking-timeline ol li:not(:first-child) {
    margin-left: 14px;
}

/*.tracking-timeline ol li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #2bbb94;
}*/

.tracking-timeline ol li div.dynamic-inside p {
    font-size: 12px;
}

.tracking-timeline ol li div.dynamic-inside {
    position: absolute;
    left: calc(100% + 7px);
    width: 163px;
    padding: 0px 0px;
    font-size: 1rem;
    white-space: normal;
    color: black;
    background: #fff;
}

/*.tracking-timeline ol li div::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}*/
.tracking-doc {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #6f6f6f;
    margin: 0;
}
.tracking-time {
    display: flex;
    justify-content: center;
    width: 90px;
    margin: 6px auto;
}
.tracking-running {
    display: flex;
    justify-content: center;
    width: 90px;
    margin: 6px auto;
    position: relative;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #07a0d4, #068cb0);
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.tracking-time > div > span {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #adadad;
}
.tracking-time > div > label {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #2d2d47;
    display: block;
}
.tracking-awc {
    border-radius: 5px;
    background-color: #fff;
    padding: 2px;
    display: block;
    width: 90px;
    text-align: center;
    margin: 3px auto;
}
.tracking-active {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #008b86;
}
.tracking-waiting {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ff9f9f;
}
.tracking-completed {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #068cb0;
}
.tracking-timeline ol li div.dynamic-inside {
    top: -100px;
   /* top: -80px;*/
    /* transform: translateY(-100%); */
    z-index: 9;
}

.tracking-timeline ol li:first-child {
    width: 0px;
}
.traking-wheels {
/*    width: 160px;
    height: 160px; */
    width: 185px;
    height: 185px;
    display: block;
    margin: auto;
    background-color: #f6f6f6;
    border-radius: 100px;
    position: relative;
    top: -30px;
    z-index: -1;
    padding: 35px 0 0 0;
    text-align: center;
}
/*.tracking-timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 10px 10px 0 0;
  border-color: #2bbb94 transparent transparent transparent;
  border-radius: 0 0 10px 10px;
}*/
/*.tracking-timeline ol li:nth-child(even) div {
  top: calc(100% + 20px);
}*/
/*.tracking-timeline ol li:nth-child(even) div::before {
    top: -10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #2bbb94;
    border-radius: 10px 10px 0 0;
}*/
.tracking-timeline time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
}


/* tracking-timeline ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.tracking-timeline .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .tracking-timeline .arrows .arrow__prev {
        margin-right: 20px;
    }

.tracking-timeline .disabled {
    opacity: .5;
}

.tracking-timeline .arrows img {
    width: 35px;
    height: 35px;
}

.waittime-min {
    /*background-color: #2bbb94;
    color: white;
    border-radius: 3px;
    padding: 0px 5px;
    font-size: 10px;
    border: 1px solid white;
    font-weight: bold;
    box-shadow: 0 0 0 1px #2bbb94;*/
    position: absolute;
    /*right: 5px;
    top: -12px;*/
}

    .waittime-min > span {
        font-size: 7px;
    }

    .waittime-min > p {
        font-size: 10px;
        margin: 0;
    }
/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
    .tracking-timeline ol, .tracking-timeline ol li {
        width: auto;
    }

    .tracking-timeline ol {
        padding: 0;
        transform: none !important;
    }

        .tracking-timeline ol li {
            display: block;
            height: auto;
            background: transparent;
        }

            .tracking-timeline ol li:first-child {
                margin-top: 25px;
            }

            .tracking-timeline ol li:not(:first-child) {
                margin-left: auto;
            }

            .tracking-timeline ol li div {
                width: 94%;
                height: auto !important;
                margin: 0 auto 25px;
            }

            .tracking-timeline ol li div {
                position: static;
            }

            .tracking-timeline ol li:nth-child(odd) div {
                transform: none;
            }

                .tracking-timeline ol li:nth-child(odd) div::before,
                .tracking-timeline ol li:nth-child(even) div::before {
                    left: 50%;
                    top: 100%;
                    transform: translateX(-50%);
                    border: none;
                    border-left: 1px solid white;
                    height: 25px;
                }

            .tracking-timeline ol li:last-child,
            .tracking-timeline ol li:nth-last-child(2) div::before,
            .tracking-timeline ol li:not(:last-child)::after,
            .tracking-timeline .arrows {
                display: none;
            }
}

.hospital-list-dopdwn > ul {
    width: 250px;
    right: 0;
    margin-left: auto;
}

.grid-table {
    /*border: 1px solid #d4d4d4;*/
    box-sizing: content-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    outline-style: dashed;
    outline-color: #e3e3e3;
    outline-width: thin;
}

    .grid-table > thead > th {
        position: relative;
        box-sizing: border-box;
        background-color: inherit;
        border-right: 1px solid;
        border-color: #d4d4d4;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 30px;
    }

    .grid-table > thead > tr > th > label {
        margin: 0;
        font-size: 13px;
        font-weight: 600;
        color: #000;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .grid-table > thead {
        position: relative;
        overflow: hidden;
        font-weight: bold;
        background-color: #f3f3f3;
        -webkit-border-top-right-radius: -1px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: -1px;
        -moz-border-radius-topright: -1px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: -1px;
        border-top-right-radius: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: -1px;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .grid-table > thead > tr > th {
            color: rgba(0, 0, 0, .6);
        }

    .grid-table > tbody > tr > td {
        border-bottom-width: 1px;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        vertical-align: middle;
        background-color: #fff;
        padding: 4px 2px;
        font-weight: 500
    }

    .grid-table > thead > tr > th {
        border-bottom-color: #ddd !important;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        vertical-align: middle;
        background-color: #fff;
        padding: 4px 2px;
        color: #000;
    }

.dynamicStatus > li > a {
    text-align: center;
    padding: 0;
    border-radius: 0 !important;
    border: none !important;
    padding-bottom: 5px;
}

.dynamicStatus > li:first-child > a {
    margin-left: 0;
}

.dynamicStatus > li.active > a,
.dynamicStatus > li:hover > a {
    /*background-color: #1abc9c !important;*/
    color: #fff !important;
}
/*.dynamicStatus > li > a:hover {
    background-color: #fff !important;
}*/
/*.dynamicStatus {
    background-color: #fff;
}*/
/*.dynamicStatus > li > a > h1 {
    width: 50px;
    height: 50px;
    color: #4b4b4b;
    font-weight: 600;
    line-height: 30px;
    margin: 0 auto;
    font-size: 18px;
}*/
.dynamicStatus > li > a > p {
    line-height: 10px;
    margin: 0;
    color: #000;
    /*margin-top: 5px;*/
    font-weight: 500;
    font-size: 10px;
    color: #000;
}

.dynamicStatus > li.active > a {
    /*  background-color: transparent !important;*/
    background-image: linear-gradient(to bottom, #07a0d4, #068cb0);
    border: 1px solid transparent;
    border-radius: 5px !important;
    margin: 2px 0;
}
.dynamicStatus > li.active > a > h1,
.dynamicStatus > li.active > a > p {
    color: #fff !important;
}
.dynamic-reception > a > h1 {
    border: 1px solid #6686ef;
    box-shadow: 0px 0px 3px 1px #e8edfd;
}

.dynamic-waiting > a > h1 {
    border: 1px solid #ffc000;
    box-shadow: 0px 0px 3px 1px #fff9e6;
}

.dynamic-section {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 0px 10px 0;
    width: 100%;
    box-shadow: 1px 1px 2px rgba(0,0,0,.09);
    width: 24.5%;
    position: relative;
}

    .dynamic-section > h3 {
        font-size: 14px;
        margin: 0;
        font-weight: 600;
        background-color: #286579;
        padding: 7px 0;
        border-radius: 5px 5px 0 0;
        color: #fff;
        text-align: center;
    }

    .dynamic-section > ul > li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

        .dynamic-section > ul > li:last-child {
            border-bottom: none;
        }

.status-inproress {
    float: left;
    position: relative;
    display: block;
    margin: 6px 10px;
}
    /*.status-inproress:after {
    border-right: 1px solid #0f6860;
    content: "";
    height: 36px;
    position: absolute;
    top: 15px;
    display: inline-block;
    right: 0;
}*/
    .status-inproress > ul > li {
        display: inline-block;
        padding: 4px 10px;
        text-align: center;
        font-size: 10px;
        color: #fff;
    }

        .status-inproress > ul > li > label {
            display: block;
            line-height: 30px;
            font-size: 15px;
            height: 30px;
            vertical-align: middle;
            border: 1px solid #31a38c;
            width: 40px;
            border-radius: 5px;
            margin: 4px auto 5px auto;
            color: #ffffff;
            font-weight: 600;
            box-shadow: 1px 1px 3px #0f6860;
            background-color: #0f6860;
        }

.counsoller-section {
    border-radius: 4px 4px 0 0 !important;
    border: none;
}

    .counsoller-section > .panel-heading {
        display: none;
    }

    .counsoller-section > .panel-collapse.collapse {
        height: 220px !important;
        border-top: 0;
        display: block;
        overflow: hidden;
    }

        .counsoller-section > .panel-collapse.collapse.in {
            height: auto !important;
            overflow: visible;
        }

.td-gray > tbody > tr > td {
    background-color: #f1f1f1;
}

.td-gray {
    border-spacing: 1px;
    border-collapse: separate;
}
/*Dynamic Status*/
.dynamic-appointments {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    /*background-color: #fff;*/
    margin-bottom: 0;
}

    .dynamic-appointments > li {
        position: relative;
        border-right: 2px solid #d2d2d2;
        list-style: none;
        /*padding: 5px 0 0px;*/
        width: inherit;
    }

        .dynamic-appointments > li > h4 {
            text-align: center;
            border-bottom: 1px solid #e9e9e9;
            margin: 0;
            font-size: 12px;
            font-weight: 600;
            line-height: 23px;
            color: #000;
            border-radius: 4px;
            margin: 0 5px;
        }

        .dynamic-appointments > li > ul > li > a > h1 {
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.7;
            letter-spacing: normal;
            text-align: center;
            margin: 0 auto;
        }

        .dynamic-appointments > li.tab-reception > ul > li > a > h1 {
            color: #07a0d4;
        }

        .dynamic-appointments > li.tab-Waiting-Room > ul > li > a > h1 {
            color: #ff9f9f;
        }

        .dynamic-appointments > li.tab-Active-Room > ul > li > a > h1 {
            color: #90c48c;
        }

        .dynamic-appointments > li.tab-reception > h4 {
            background-color: rgba(178, 231, 255, 0.5);
        }

        .dynamic-appointments > li.tab-Waiting-Room > h4 {
            background-color: rgba(255, 159, 159, 0.5);
        }

        .dynamic-appointments > li.tab-Active-Room > h4 {
            background-color: rgba(187, 226, 184, 0.5);
        }

        .dynamic-appointments > li:last-child {
            border-right: none;
        }

.ListInSubContent {
    background-color: #fff;
    margin-bottom: 3px;
}

    .ListInSubContent > li {
        display: inline-block;
        border-right: 1px solid #ddd;
        padding: 0px 8px;
    }

.dilation-table {
    border-spacing: 0 2px;
    border-collapse: separate;
}

    .dilation-table > tbody > tr > td {
        background-color: #fff !important;
    }

.appointment-listFilter > div {
    flex-basis: auto
}

    .appointment-listFilter > div > .select-ui-match {
        max-width: 160px;
        min-width: 140px;
    }

.image-Logo-Care {
    width: 200px;
    height: 85px;
    border-radius: 5px;
    padding: 10px;
    margin: auto;
    position: relative;
}

    .image-Logo-Care > img {
        margin: auto;
        display: block;
    }

    .image-Logo-Care > i {
        position: absolute;
        color: red;
        background-color: #fff;
        width: 20px;
        height: 20px;
        right: -10px;
        top: -10px;
        border-radius: 100px;
        text-align: center;
        border: 1px solid #ddd;
        line-height: 19px;
    }
/*Quick Registration*/
.mdEhnote-text > md-input-container > label {
    color: #fff !important;
}

.mdEhnote-text > md-input-container > input:focus {
    border-color: #e2bf5a !important;
}

.mdEhnote-text > md-input-container > input {
    color: #fff !important
}

.img-fileuploads {
    display: flex;
    align-items: center;
}

    .img-fileuploads > img,
    .img-fileuploads > i {
        width: 50px;
        height: 50px;
        background-size: contain;
        background-color: #ecfeff;
        background-repeat: no-repeat;
        padding: 5px;
        object-fit: cover;
        position: relative;
        margin-right: 20px;
        display: inline-block;
        text-align: center;
        color: #00969e;
        border-radius: 5px;
    }

.img-file-icon > i {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

    .img-file-icon > i.deleteFile-icn {
        background-image: url(../img/ico-delete-red.svg);
    }

    .img-file-icon > i.EditFile-icn {
        background-image: url(../img/ehnote-edit.svg);
    }

.tablebottom-line {
    border: none;
}

    .tablebottom-line > tbody > tr > td {
        border-bottom: 0.5px solid #ddd;
        border-top: none;
    }

.closevideo-btn {
    position: absolute;
    right: -15px;
    top: -15px;
    font-size: 25px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    color: red;
    padding: 0;
}

.BarCode-Popover > .popover {
    margin-top: -15px ​ !important;
    margin-bottom: 0 !important;
}

.apptlistcal-slide {
    background-color: #e5e5e5;
    border-radius: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.OTPscreen-list {
    margin-bottom: 0;
    overflow-y: scroll;
}
.OTPscreen-list > li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 6px 5px;
    margin-bottom: 4px;
    border-bottom: 1px solid #ccc;
    border-radius: 5px;
    background-color: rgba(7, 160, 212, 0.1);
}
.OTPscreen-list > li > div > h1, 
.addeclistitemsh-text {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
}
.addeclistitemsp-text {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
    margin: 0;
}
.otp-settingdca-popover > .popover {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 350px;
}
.edit-disable {
    background-color: #d2d2d2;
    border-color: #f8f9fa;
    cursor: no-drop !important;
}
.edit-disable > a {
    color: #777 !important;
    
}
.cur-no-drop {
    cursor: no-drop !important;
}
.l-h-15 {
    line-height: 15px !important;
}
.l-h-20 {
    line-height:20px !important;
}
.App-color b {
    color: #07a0d4 !important;
    font-size:14px !important;
}
.visit-scroll {
    height:320px;
    overflow:scroll;
}
.summary-text-initial {
text-align:initial !important;
}
/*.p-1-7 {
    padding:1px 7px !important;
}*/
.profile-screen img{
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin: 1px;
}
.questions-table {
    margin: 0;
}
.questions-table > tbody > tr > th {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.questions-table > tbody > tr > td {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.score-board-div {
    border-radius: 10px;
    border: solid 1px #b2e7ff;
    background-color: #edfaff;
    padding: 10px;
    margin-bottom: 15px;
}
.score-board-div > h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #068cb0;
    margin-top: 0;
    border-bottom: 1px solid #b2e7ff;
    padding-bottom: 8px;
}
.score-board-div > ul {
    margin: 0;
}
.score-board-div > ul > li {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
}
.score-board-div > ul > li > b {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
}
.score-board-div > ul > li > span {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: #000;
    
}
.counsoller-table {
    margin-bottom: 0;
    margin-top: 10px;
}
.counsoller-table > thead > tr > th:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-left: 1px solid #d2d2d2 !important;
}
.counsoller-table > thead > tr > th:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-right: 1px solid #d2d2d2 !important;
}
.counsoller-table > thead > tr > th {
    background-image: linear-gradient(to bottom, #f6f6f6, #e5e5e5);
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    border-top: 1px solid #d2d2d2 !important;
    border-bottom: none;
}
.counsoller-table > tbody > tr > td {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
}
.counsoller-table > tbody + tbody {
    border-top: 1px solid #d2d2d2;
}
.viet-nam-currency {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}
.Nepalrupee-currency {
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}
.viet-nam-currency-black {
    background: url('../img/consultation/viet-nam-currency-symbol.png');
}
.viet-nam-currency-white {
    background: url('../img/consultation/viet-nam-currency-symbol-white.svg');
}
.viet-nam-currency-blue {
    background: url('../img/consultation/viet-nam-currency-symbol-blue.svg');
}
.viet-nam-currency-blue:hover {
    background: url('../img/consultation/viet-nam-currency-symbol-black.png');
}
.viet-nam-currency-symbol-grey {
    background: url('../img/consultation/viet-nam-currency-symbol-grey.svg');
}
/*.viet-nam-currency-symbol-grey:hover {
    background: url('../img/consultation/viet-nam-currency-symbol-white.svg');
}*/
.viet-nam-currency-not-paid {
    background: url('../img/consultation/viet-nam-currency-not-paid.svg');
}
.viet-nam-currency-paid {
    background: url('../img/consultation/viet-nam-currency-paid.svg');
}
.viet-nam-currency-billing {
    background: url('../img/consultation/viet-nam-currency-billing.svg');
}
.Nepal-Rupee {
    background: url('../img/consultation/Nepal-Rupee.svg');
}
.Nepal-accounts {
    background: url('../img/consultation/Nepal-accounts.svg');
}
.Nepal-dashboard {
    background: url('../img/consultation/Nepal-dashboard.svg');
}
.Nepal-op-billing {
    background: url('../img/consultation/Nepal-op-billing.svg');
}
.Nepal-op-paid {
    background: url('../img/consultation/Nepal-op-paid.svg');
}
.Nepal-op-cash {
    background: url('../img/consultation/Nepal-op-cash.svg');
}
.Nepal-op-not-paid {
    background: url('../img/consultation/Nepal-op-not-paid.svg');
}
.Nepal-settings-bill {
    background: url('../img/consultation/Nepal-settings-bill.svg');
}
.Nepal-blue {
    background: url('../img/consultation/Nepal-blue.svg');
}
.Nepal-white {
    background: url('../img/consultation/Nepal-white.svg');
}
/*.viet-nam-currency-accounts {
    background: url('../img/consultation/viet-nam-currency-accounts.svg');
}*/
.viet-nam-currency-cash {
    background: url('../img/consultation/viet-nam-currency-cash.svg');
}
.m-w-150 {
    max-width:150px !important;
}
.bg-eaecf2 {
    background: #eaecf2 !important;
}
.OT-basic-details span {
    font-family: Poppins;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #828282;
}
.dis-table-caption {
    white-space: pre-line;
}
.dropdown-scroll-inventory ul,
.consultation-dropdown ul {
    overflow-y: scroll;
    height: auto;
    max-height: 250px !important;
    /* background-color: aliceblue !important;*/
}
/*.dropdown-scroll-inventory {
    background-color: aliceblue !important;
}*/
.consultation-dropdown > .dropdown-menu {
    min-width: 50% !important;
}
.dashboard-filter {
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px;
    border-radius: 20px;
    padding: 25px;
    margin: 20px auto;
    width: 500px !important;
}
.dashboard-search {
    height: 45px !important;
    font-size: 18px !important;
}
.ros-edit-icon {
    background-image: url(../img/consultation/ros-edit-icon.svg);
}
.eh-icons {
    width: 15px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
    /* margin: 0 15px; */
    background-size: contain;
    object-fit: contain;
    margin: 0 auto;
}
.consultation-total-due {
    border-radius: 4px;
    background-color: #ff6565;
    color: #fff !important;
    padding: 1px 5px !important;
    margin-left: 10px;
}
.consultation-current-due {
    border-radius: 4px;
    background-color: #2bbb94;
    color: #fff !important;
    padding: 1px 5px !important;
    margin-left: 10px;
}

.appt-list-icons-actions {
    margin: 0;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    justify-content: flex-start;
}
.appt-list-icons-actions > li {
    list-style: none;
    /* flex: 1; */
    text-align: center;
}
.appt-list-icons-actions > li > a {
    display: block;
    padding: 4px 0;
}
.appt-list-icons-actions > li > a > img {
    width: 17px;
    height: 17px;
}
.btn-clear-new {
    padding: 1px 10px;
    background-color: #07a0d4 !important;
    color: #fff;
    border: 1px solid #07a0d4;
    font-size: 13px;
}

.mainDevDiagnosis > ul > li > a > i.admin-manage-machine {
    background: url('../img/admin-img/admin-manage-machine.svg');
}
.mainDevDiagnosis > ul > li > a > i.aside-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 4px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}
.btn-view {
    border-radius: 4px;
    border: solid 1.3px #000 !important;
    background-color: #fff !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #000 !important;
}
.library-stock-table > tbody > tr > td,
.library-stock-table > thead > tr > th {
    border: 1px solid #e7e7e7 !important;
}
.quick-summary-tabs > ul {
    margin: 0;
    display: flex;
    align-items: center;
    /*border-bottom: 1px solid var(--EhNote-Green, #1D5558);*/
    background: #ebebeb;
    padding:4px;
}
.quick-summary-tabs > ul > li {
    list-style: none;
}
.quick-summary-tabs > ul > li.active > a {
    border-radius: 15px 15px 15px 15px;
    /*border-bottom: 2px solid var(--EhNote-Green, #1D5558);*/
    background: #09a0a0;
    color: #fff;
}
.quick-summary-tabs > ul > li > a {
    display: block;
    font-size: 12px;
    /* font-size: 14px; */
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #313131;
   /* padding: 8px 11px;*/
    padding: 8px 9px;
}
.panel-tabs > ul {
    margin: 0;
    display: flex;
    grid-gap: 6px;
    align-items: center;
}
.panel-tabs > ul > li {
    list-style: none;
}
.panel-tabs > ul > li.active > a {
    background: linear-gradient(to right, #0f6860,#2bbb94) !important;
    color: #fff;
    font-weight: 700;
    border-radius: 6px 6px 0 0;
}
.panel-tabs > ul > li > a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    display: block;
}
.appointment-vsts-list-new {
    margin: 0;
    display: block;
    /* border: 1px solid #d2d2d2; */
}
.appointment-vsts-list-new > li.active {
    background-color: #f2f2f2;
    border-radius: 6px;
}
.appointment-vsts-list-new > li {
  list-style: none;
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 4px;
    padding: 5px 10px 10px 20px;
    display: flex !important;
    align-items: center;
    position: relative;
    cursor: pointer;
}
    .appointment-vsts-list-new > li > div > span {
        background-color: #F2F2F2;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        padding: 3px 6px;
        border-radius: 5px;
        margin-right: 5px;
    }
    .appointment-vsts-list-new > li.active > div > span {
        background-color: #fff;
    }
    .appointment-vsts-list-new > li > div > p {
        font-size: 14px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        margin-top: 7px;
        margin-bottom: 7px;
    }
.appointment-vsts-list-new-new > li.active {
    background-color: #dff3ff;
}
/*-------------------------------*/
.table-investigations {
    width: 100%;
}
.table-investigations > thead > tr > th {
    background-color: #dfdfdf;
    color: #484848;
    font-weight: 700;
    border-radius: 2px;
    padding: 1px 4px;
}
.table-investigations > tbody > tr > td {
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    color: #000;
    padding: 5px 4px;
    position: relative;
    vertical-align: top;
}
.table-investigations > tbody > tr > td > label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #484848;
}
.table-investigations > tbody > tr > td > p {
    margin: 0;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}
.table-investigations > tbody > tr > td > small {
    font-size: 10px;
    color: #068cb0;
    font-weight: 500;
    display: block
}
.table-investigations > tbody > tr > td > span {
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #efefef;
    padding: 3px;
    font-weight: 600;
    color: #0f6860;
    font-size: 12px;
    text-align: center;
}
.table-investigations > tbody > tr > td > b {
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin-top: 3px;
}
.table-investigations > tbody > tr > td > i {
    color: #a5a6a7;
    font-size: 12px;
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
}
.patient-education-list {
   /* display: flex;*/
    display: block;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
    grid-gap: 5px;
    align-items: flex-start;
}
.patient-education-list > li {
    list-style: none;
    display: flex;
    cursor: pointer;
    position: relative;
}
.patient-education-list > li > section > .checkbox {
   position: absolute;
    top: 3px;
    left: 2px;
    background-color: #fff;
    padding: 5px;
    height: 30px;
    border-radius: 3px;
    z-index: 99;
}
.patient-education-list > li > section > a > img,
.file-image-new > img {
border: solid 1px #767676 !important;
border-radius: 6px !important;
width: 100% !important;
background: #fff !important;
height: 100px !important;
display:flex;
margin-right: 0 !important;
}
.patient-education-list > li > section > a > i,
.file-image-new > a > i {
border: solid 1px #767676 !important;
border-radius: 6px !important;
width: 100% !important;
background: #fff !important;
margin-right: 0 !important;
text-align: center;
}
.optical-popover-width {
    width:500px !important;
    max-width:500px !important;
}
.ReferandSubscribe{
    z-index: 99999999 !important
}
.ReferandSubscribe > .model-dialog {
    margin-top: 20px !important
}
.subscribeclick {
    display: flex;
    position: absolute;
    right: 5%;
    border-radius: 100px;
    padding: 6px 12px;
    background-color: #DD6814;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    top: 4%;
    align-items: center;
    grid-column-gap: 4px;
}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinking-div {
    animation: blink 1s infinite;
    /* Adjust the duration as needed */
}

.billing-list {
    display: flex;
    flex-flow: wrap;
  /*  grid-gap: 4px 25px;*/
    grid-gap: 2px 10px;
    margin: 0;
    float: left !important;
}
.billing-list > li {
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: 4px 5px;
}
.billing-list > li > label {
    font-size: 12px;
    font-weight: 500;
    color: #777;
    margin: 0;
}
.billing-list > li > span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.glass-popover-width {
    width: 400px !important;
    max-width: 400px !important;
}
.anterior-posterior-list {
    display: flex;
    flex-flow: wrap; 
    list-style-type: none;
    grid-gap: 8px;
}
.anterior-posterior-list > li {
    display: flex;
    justify-content: space-between;
    grid-gap: 2px 15px;
    border: 1px solid #d2d2d2; 
    padding: 3px;
    border-radius: 4px;
}
.text-description-template {
    display: flex;
    margin-bottom: 0;
    flex-direction: column;
}
.text-description-template > li {
    display: -webkit-box; /* Use a flexbox for multi-line text truncation */
    -webkit-box-orient: vertical; /* Set the orientation to vertical */
    overflow: hidden; /* Ensure overflow content is hidden */
    text-overflow: ellipsis; /* Show ellipsis for truncated content */
    -webkit-line-clamp: 2;
    position: relative;
    padding-left: 20px;
}
.text-description-template > li:before {
    font-weight: 700;
    position: absolute;
    top: 4px;
    left: 8px;
    content: "*";
    color: #f37224;
    font-size: 18px;
}
.text-description-template > li > span {
    padding: 2px 6px;
    margin: 2px 0;
    display: block;
    border-radius: 5px;
    cursor: pointer;
}

.counsellor__select > ul {
    height:200px;
    overflow:scroll;
}