:root {
    --bg-color: #f5f5f9;
    --primary-color: #5b5fc7;
    --bgmenucolor: #6264a1;
    --bgheadingcolor: #8592a3;
    --secondarycolor: #7aceff;
    --btnprimarycolor: #5b5fc7;
    --btnhoverprimary: #696cff;
    --btnhoverborder: #696cff;
    --hoverborder: #696cff;
    --menuhover-color: #6264a1;
    --btntextwhite: #fff;
    --btndisable: #E8E8E8;
    --btntextblack: #000;
    --textblack: #000;
    --textgray: #343a40;
    --colorwhite: #fff;
    --colorblack: #000;
    /*--bordercolor: #d9dee3;*/
    --bordercolor: #dbdbdb;
    --mainbordercolor: #c9c9c9;
    --tablebordercolor: #ccc;
    --tablefontcolor: #545454;
    --labletextcolor: #545454;
    --table-header: #d5d5d5;
    --table-header-font: #545454;
    --labelcolor: #5c5c5c;
    --titlelabelcolor: #616474;
    --leftmenufontcolor: #777;
    --leftmenufont: 12px;
    --tabbgcolor: #fff;
    --Card-header-primary: #e3e6ff;
    --linkcolor: #2a9ee2;
    --graybgcolor: #eee;
    --colorgreen: greeen;
    --fontbold: bold;
    --font700: 700;
    --font600: 600;
    --font500: 500;
    --font400: 400;
    --font12: 12px;
    --font10: 10px;
    --font14: 14px;
    --font18: 18px;
    --font16: 16px;
    --font20: 20px;
    --font22: 22px;
    /*new theme related common css*/
    --h5headingcolor: #777;
    --menuiconcolor: #656565;
    --headingcolor: #4d4d4d;
    --tblheader: ##f3f3f3;
    --Cardheaderprimary: #e7dfff;
    --warning-color: #fd9a00;
    --btndelete: #fb6d2d;
    --purpleheading: #800080;

    --formbordercolor: #b7b3b3;

}

/*@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}*/

/*@font-face {
    font-family: 'opensans-italic-variablefont_wdth,wght';
    src: url('fonts/opensans-italic-variablefont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'opensans-variablefont_wdth,wght';
    src: url('fonts/opensans-variablefont_wdth,wght.ttf') format('truetype');
}*/
@font-face {
    font-family: 'Open Sans Italic';
    src: url('fonts/opensans-italic-variablefont_wdth,wght.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-variablefont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* supports variable weights */
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--font14);
    color: var(--labelcolor);
    font-weight: var(--font700);
}

body, html, div, p, a, table, tr, td, section, select, input[type="text"], input[type="number"], input[type="password"], textarea, keygen, select, button, input, option {
    /* font-family: myFirstFont !important;*/
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    color: var(--labelcolor);
    outline: none;
    font-weight: var(--font600);
}


@font-face {
    font-family: myFirstFont;
    /*src: url(PlusJakartaSans-Regular.ttf);*/
    src: url(Inter-Regular.ttf);
}

/*common label color for all geesemed pages*/
.label-color {
    color: var(--labletextcolor);
}
.form-border {
    border-color: var(--formbordercolor) !important;
}

/*pdf icon fa color common changes*/
.fa.fa-file-pdf-o {
    color: #dc3545;
}

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

.menu-left-added .tabnormal2 i {
    color: #6264a1 !important;
}

.banner-doc {
    margin-right: 5px;
}
.banner-doc .datagob {
        min-height: 1px;
        width: 160px;
        height: 600px;
        box-shadow: 1px 1px 6px 0px #d2d2d2;
        border-radius: 10px;
        background: #efefef;
        margin-top: 15px;
}
.table-boot tr th {
    background: var(--tblheader);
}
.font-8 {
    font-size: 8px !important;
}
.font-10 {
    font-size: var(--font10) !important;
}
.font-12 {
    font-size: var(--font12) !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-18 {
    font-size: 18px !important;
    font-weight: normal;
}
/*border-class added by jyoti 1-6-2026 old class also include */
.bordertop-1
{
    border-top:1px solid var(--bordercolor) !important;
}
.border-right-rad {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-left-rad {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.border-right-all {
    border-right: 1px solid var(--bordercolor);
}
.border-ryt {
    border-right: 1px solid var(--bordercolor);
}
.border-top {
    border-top: 0 !important;
    padding: 0 !important;
}
.border-none, .block-box.border-none {
    border: 0 none;
}
/*badge added by jyoti*/
.badge-pink {
    background: #04C2A2 !important;
    background: #04C2A2 !important;
}
#mainul .badge-center {
    padding: 3px;
}
.badge-center {
    font-size: 10px;
    padding: 3px;
}
    .badge-center.color-white {
        color: white !important;
    }
/*hcc mapping screen changes common color-profile class 31-7-2025*/
.badge-ccm {
    color: #333 !important;
    text-align: center !important;
    padding: 8px 9px !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    width: 89px !important;
}
/*all color class add by jyoti*/
.color-blue {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
}
.color-green {
    background: #00549373;
    border: 2px solid #005493;
}
.color-greensml {
    background: #005493;
    color: var(--colorwhite) !important;
}
.color-sea {
    background: #0f9bff !important;
}
.color-greensml i, .color-sea i {
    color: var(--colorwhite) !important;
}
.color-pink {
    background: #87197470;
    border: 2px solid #871974;
}
.color-white {
    color: white !important;
}
.color-org {
    background: #d95e1780;
    border: 2px solid #e55704;
}
.color-lgtgrn {
    background: #1987546b;
    border: 2px solid #198754;
}
.success {
    color: #68ac25 !important;
}
.warning {
    color: #ff2b81 !important;
}
.yellow {
    color: #F3C623 !important;
}
.text-warning {
    color: var(--warning-color);
}
.circle-org {
    background: #e55704;
    border: 2px solid #e55704;
}
 .circle-org i {
        color: #fff !important;
  }
.seablue {
    color: #0f9bff !important;
}

.title_label {
    font-weight: bold;
    color: var(--titlelabelcolor);
    font-size: 14px;
    padding: 0 !important;
}

.purpleheading {
    color: #800080;
}
.date-boot {
    position: relative;
}

.red-trash {
    color: #f18300 !important;
}

.font-normal {
    font-weight: var(--font600);
}

.title-view {
    color: var(--headingcolor);
    font-size: 14px;
}

#lblPatLookUp .editlink {
    color: #34a853 !important;
}
/*common icon color added start*/
.external-link {
    color: #01bf95 !important;
}

button.btn.btn-icon.btn-label-primary {
    color: #696cff;
    border-color: rgba(0,0,0,0);
    background: #e7e7ff;
}
/*common icon color added end*/
/*ring central changes css 4-12-2023*/
.date-boot i.ui-datepicker-trigger.fa.fa-calendar {
    position: absolute;
    top: 35px;
    right: 35px;
}

/*ring central changes css 4-12-2023*/
.content-wrapper {
    background-color: #f5f5f9 !important;
    height: 100%;
}

.content-wrapper {
    background-color: #f5f5f9 !important;
}

.container-fluid {
    height: 100%;
}

.table.table-hover thead > tr > th {
    font-weight: var(--fontbold);
    color: var(--tablefontcolor);
}

.table.table-hover tbody > tr > td {
    font-weight: var(--fontbold);
    color: var(--tablefontcolor);
}

.action_icon i {
    margin-right: 2px;
}

#ring_central_table {
    height: calc(100% - 90px);
    overflow: auto;
}

.red-trash {
    color: #f18300 !important;
}

::placeholder {
    color: #b7b7b7 !important;
    font-size: var(--font12) !important;
}

.bg-label-info {
    background-color: #d7f5fc !important;
    color: #03c3ec !important;
    padding: 10px;
}

    .bg-label-info i {
        color: var(--labelcolor) !important;
    }

.btn-outline-primary {
    color: #696cff !important;
    border: 1px solid #696cff !important;
    background: #fff !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

    .btn-outline-primary:hover {
        color: var(--btntextwhite) !important;
        border: 1px solid #696cff !important;
        background: var(--primary-color) !important;
    }
        .btn-outline-primary:hover i {
            color: var(--btntextwhite) !important;
        }
    .btn-outline-primary a {
        color: var(--labelcolor) !important;
    }

.btn-outline-info {
    color: #03c3ec;
    color: #007ac7 !important;
    border: 1px solid #007ac7 !important;
    background: transparent !important;
    font-weight: bold !important;
    font-size: 13px !important;
}
    .btn-outline-info:hover {
        color: #fff !important;
        border-color: #007ac7 !important;
        background: #007ac7 !important;
        font-weight: bold;
    }
.btn-delete {
    background-color: var(--btndelete) !important;
    border-color: var(--btndelete) !important;
    color: #fff !important;
}

    .btn-delete i {
        color: #fff !important;
    }
.btn-outline-danger {
    font-weight: bold !important;
    font-size: 13px !important;
    background-color: transparent;
    color: #dc3545 !important;
    background-color: #fff !important;
    border: 1px solid #dc3545 !important;
}

    .btn-outline-danger:hover {
        background-color: #dc3545 !important;
        color: #fff !important;
    }

.btn-delete i {
    color: #fff !important;
}
.home-right {
    background-color: #f5f5f9;
}

.bg-CCM {
    background-color: #663ab1 !important;
}

.h5heading {
    font-size: 1.125rem;
    color: var(--h5headingcolor);
    text-transform: uppercase;
    font-weight: var(--font600);
}



.pr-30 {
    padding-right: 30px !important;
}

.p-10 {
    padding: 10px;
}



.rounded-circle {
    border-radius: 50% !important;
}

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

.bg-danger {
    background-color: rgb(255, 62, 29);
}

.bg-warning {
    background-color: rgb(255, 171, 0) !important;
}

.bg-label-warning {
    background-color: #f18300 !important;
    color: var(--colorwhite) !important;
    cursor: default !important;
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: #696cff !important;
}
/*light purple common heading*/
.header-title-bg {
    background: var(--Cardheaderprimary);
    color: var(--menuhover-color);
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
}

    .header-title-bg h5 {
        color: var(--menuhover-color);
        font-weight: 700;
    }

    .header-title-bg h2 {
        color: var(--menuhover-color);
        font-weight: 700;
    }

.top-dashboard-content-right label {
    color: var(--menuhover-color) !important;
}
/*light purple common heading*/
.list-group-item-primary {
    background-color: #fff !important;
    color: #5965c3 !important;
}

.month-view-white {
    height: auto !important;
    border: 1px solid #5b5fc7;
    border-radius: 5px;
    background: #fff;
}
/******* common change form tab boot 5-2-2024 *****/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--labelcolor) !important;
    font-weight: 700;
}
/******* common change form tab boot 5-2-2024 *****/
/******* common change form tab boot 11-1-2024 *****/
.card-body.inner {
    border-radius: 6px;
    background-color: #f5f5f9 !important;
    border: 1px solid #ccc;
}

.simple-table.table-boot {
    border: 1px solid #cfcfcf;
    background-color: #fff;
}

    .simple-table.table-boot thead {
        width: 100% !important;
        background-color: #ebebeb;
    }
/******* common change form tab boot 11-1-2024 *****/
/******* common change form tab boot 9-1-2024 *****/
.cur-default {
    cursor: default;
}
/******* common change form tab boot 9-1-2024 *****/
/******* common change form  boot 6-3-2024 *****/
.block-container.popup-container {
    background: #fff !important;
}

.common-slide-outer {
    border: 1px solid rgba(0, 0, 0, 0.176) !important;
    border-radius: 0.5rem !important;
    box-shadow: 1px 1px 4px #8a8a8a !important;
}

.common-slider-header {
    background-color: var(--Card-header-primary) !important;
    color: var(--labelcolor) !important;
    border-top-right-radius: 0.5rem !important;
}

    .common-slider-header #sconTtl {
        font-weight: 600;
        font-size: 16px;
    }

.common-header-top {
    background: #ADADAD !important;
}

#DivAccordionData .accordion-item .accordion-header {
    padding: 5px 9px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    background: #f5f5f9 !important;
    color: #225172 !important;
}

#DivAccordionData .accordion-item {
    margin: 8px 0;
    border: 1px solid #ccc !important;
    background-color: #f9f9f9;
    border-radius: 0 !important;
}

.linkcolor-txt {
    color: #790080 !important;
}

/******* common change form tab boot 4-1-2024 *****/
.custom-select.search-new input {
    padding-right: 20px !important;
}
/******* common change form tab boot 4-1-2024 *****/

list-group-item-primary {
    background-color: #e1e2ff !important;
    color: #696cff !important;
}
/*tab panel ui changes*/
#collapseRx span, #collapseLab span {
    line-height: 22px;
}

.green-span {
    background: #007a001c;
    padding: 4px;
    border: 1px solid green;
    font-size: 11px !important;
    border-radius: 5px;
}

.grey-span {
    background: #80808059;
    padding: 4px;
    border-radius: 5px;
    border: 1px solid #808080;
    font-size: 11px !important;
}

.ICDCode {
    background: #923a83;
    border-radius: 5px;
    padding: 4px;
    color: white !important;
    font-size: 11px !important;
}

.prnt-icon-color {
    color: green;
}

.text-overflow-table {
    display: inline-block;
    white-space: nowrap;
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.second-acc {
    border: 1px solid #ddd;
}

.bullet-icon {
    height: 7px;
    width: 8px;
    margin-right: 3px;
}

/******* common change form tab boot 14-12-2023 *****/
.tab-content-card-main {
    border: 0 solid #d9dee3;
    border-radius: 10px;
    height: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #c3c3c3;
}

.reg_boot_tab li {
    margin: 0 10px 0 0;
}

.reg_boot_tab a {
    background-color: #eaebed;
    color: var(--labelcolor);
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    top: 0;
    border: 1px solid #c3c3c3;
    padding: 5px 16px !important;
    border-bottom: 0;
}

    .reg_boot_tab a.current {
        background-color: var(--colorwhite) !important;
        color: var(--textgray) !important;
        top: 1px !important;
    }

.reg_boot_tab {
    display: flex;
    padding: 8px;
    padding-left: 0;
    padding-bottom: 3px;
}
/******* common change form tab boot 13-12-2023 *****/
fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}

legend {
    float: initial;
    width: auto;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    color: var(--labelcolor) !important;
}
/******* common change form tab boot 11-12-2023 *****/
.export_btn {
    background-color: #0f9d58 !important;
    border-color: #0f9d58 !important;
}

    .export_btn i {
        color: #fff !important;
    }

    .export_btn:hover {
        background-color: #20b46c !important;
        border-color: #20b46c !important;
    }
/******* common change form tab boot 11-12-2023 *****/
.ui-tabs .ui-tabs-nav li {
    top: 1px !important;
}

.CCM_Boot_change .top-blue-header {
    background: none;
}

.CCM_Boot_change ul li a {
    height: auto !important;
    padding: 0 !important;
    color: var(--labelcolor) !important;
}

.CCM_Boot_change ul li {
    background-color: #eaebed !important;
    color: var(--labelcolor) !important;
    border-radius: 7px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative !important;
    top: -2px;
    border: 1px solid #c3c3c3 !important;
    padding: 6px 20px !important;
    margin: 0 10px 0 0 !important;
}

.CCM_Boot_change .dashboard-content {
    border: 1px solid #c3c3c3 !important;
}

.CCM_Boot_change .top-blue-header-tab li.ui-state-active a {
    color: var(--labelcolor) !important;
}

.CCM_Boot_change .month-view-white {
    height: auto !important;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    background: #fff;
}

.CCM_Boot_change .monthly-header-title-date {
    color: var(--labelcolor);
}

.monthly-header {
    height: auto;
}
/******* common change form tab boot 4-12-2023 *****/
.boot_tab .active {
    background: #ffffff !important;
    color: #818181 !important;
    border-radius: 7px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: white !important;
    border: 1px solid #c3c3c3 !important;
    border-bottom: 1px solid #fff !important;
}

.boot_tab li {
    background-color: #eaebed !important;
    color: var(--labelcolor) !important;
    border-radius: 7px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative !important;
    top: -2px;
    border: 1px solid #c3c3c3 !important;
    padding: 6px 20px !important;
    margin: 0 10px 0 0 !important;
}

    .boot_tab li a {
        padding: 0 !important;
    }

.tab-content-card {
    border: 0 solid #d9dee3;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    background: #fff !important;
    padding: 1.5rem !important;
    border-radius: 10px;
    margin: 10px;
    height: 100%;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #c3c3c3;
}

.common_tab .boot_tab li {
    top: 1px !important;
}

ul#tab_ul {
    background: #f5f5f9 !important;
    border: none !important;
    padding: 0 !important;
}

.boot_tab .ui-state-active, .boot_tab .ui-widget-content .ui-state-active, .boot_tab .ui-widget-header .ui-state-active {
    background: #fff !important;
    color: var(--labelcolor) !important;
    border-bottom: 1px solid #fff !important;
}

.boot_tab .ui-state-hover,
.boot_tab .ui-widget-content .ui-state-hover,
.boot_tab .ui-widget-header .ui-state-hover {
    background: #eaebed !important;
}

.boot_tab .ui-state-focus,
.boot_tab .ui-widget-content .ui-state-focus,
.boot_tab .ui-widget-header .ui-state-focus {
    background: #fff !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
/*30-11-2023*/
ul.tab_boot {
    display: flex;
    background-color: #5b5fc7;
}

.ChartListDiv ul.tab_boot li {
    background: 0;
    border: 0 none;
}

ul.tab_boot.ui-tabs-nav li a {
    color: #fff !important;
}

ul.tab_boot .ui-state-active a {
    background: #5b5fc7 !important;
}

ul.tab_boot.ui-widget-header {
    background: #bebebe;
    color: var(--labelcolor);
}

ul.tab_boot.ui-tabs-nav li a {
    padding: 10px;
}

ul.tab_boot.ui-tabs-nav li {
    margin: 0;
}

.ui-tabs ul.tab_boot.ui-tabs-nav {
    padding: 0;
}

ul.tab_boot .ui-state-active a:after {
    border-top: 12px solid #5b5fc7 !important;
}

.side_panel {
    display: inline-block;
    position: absolute;
    top: 45%;
    border: 2px solid #61679e;
    background-color: #61679e;
    box-shadow: 1px 1px 4px #8a8a8a;
    border-radius: 25px;
    padding: 11px;
    width: 10px;
    height: 45px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

    .side_panel img {
        height: 18px;
        width: 20px;
        color: white;
        position: absolute;
        top: 12px;
        right: 1px;
        transform: rotate(180deg);
    }

    .side_panel i.fa.fa-filter {
        right: 34%;
        top: 10%;
        font-size: 22px;
        color: #fff !important;
        -webkit-transform: rotate(90deg);
        position: absolute;
    }

    .side_panel .tab-name {
        -webkit-transform: rotate(90deg);
        position: absolute;
        top: 39px;
        right: -5px;
    }

.left_panel .left-toggle-icon {
    display: none;
}

.shadow-remove {
    box-shadow: none !important;
}

.boot_accordion .accordion-header {
    /* background: var(--colorwhite);
    color: var(--labelcolor);*/
    box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4);
    border-bottom: 1px solid #c9c9c9;
    background: var(--Cardheaderprimary);
    color: var(--menuhover-color);
}

.accordion.boot_accordion .fa-chevron-down, .accordion .fa-chevron-up {
    color: var(--labelcolor) !important;
}

.accordion.boot_accordion .accordion-item {
    border: 0;
}

.container-left, .container-right {
    background-color: #f5f5f9 !important;
}

.boot_accordion .accordion-content p {
    border-bottom-color: var(--bordercolor);
    padding: 10px 0;
}

.boot_accordion .accordion-content input::placeholder {
    font-size: 11px;
}

.commn_form select {
    min-height: 32px !important;
    box-shadow: none !important;
    border-radius: 0.375rem !important;
}

.bg-label-table-warning {
    background-color: #fff2d6 !important;
    color: #ffab00 !important;
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: #696cff !important;
}

.bg-label-secondary {
    background-color: #ebeef0 !important;
    color: #8592a3 !important;
}
/*20-11-2023*/
.selectbox-input:focus, .selectbox-input:active {
    border-color: var(--hoverborder) !important;
    box-shadow: none !important;
}

.new-msg .fa-plus-circle {
    position: absolute;
    right: 1px;
    top: 2px;
    font-size: 12px;
}

a.add-grp-name {
    color: var(--linkcolor);
}

    a.add-grp-name i {
        color: var(--linkcolor) !important;
    }

.message-container {
    background: #f5f5f9;
}

.message-header {
    background-color: #f5f5f9;
    height: 64px;
}

    .message-header h5, .message-header .h5label {
        font-size: 1.125rem;
        color: var(--h5headingcolor);
        text-transform: uppercase;
        font-weight: var(--font600);
    }

.message-tab .active {
    background: #ffffff;
    color: #818181;
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: white;
    border: 1px solid #c3c3c3;
    /* border-bottom: 5px solid; */
    border-bottom: 1px solid #fff;
    /*top: 0;*/
    top: 1px;
}

.tab-content-card {
    border: 0 solid #d9dee3;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    background: #fff !important;
    padding: 1.5rem !important;
    border-radius: 10px;
    margin: 10px;
    height: 100%;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #c3c3c3;
}

.box-left, .box-right {
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-bottom: 0;
}

.message-tab li {
    background-color: #eaebed;
    color: var(--labelcolor);
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    border: 1px solid #c3c3c3;
    padding: 4px 20px !important;
    border-bottom: 0;
}

.click-to-view img {
    height: 100px;
    width: 100%;
}
/*16-11-2023*/
.alert_main .block-box-title {
    background-color: #6264a1 !important;
}

ul#ulModule {
    padding: 0 !important;
    top: 30px;
}

.simple-table.table-boot {
    border: 1px solid #cfcfcf;
}
.regisratiom_detail span.search-new-icon .fa-phone, .regisratiom_detail span.search-new-icon .fa-mobile {
    position: absolute;
    right: 5px;
    top: 4px;
}

.regisratiom_detail .selectbox-input {
    border-radius: 0.375rem !important;
    min-height: 31px;
}

    .regisratiom_detail .selectbox-input:focus, .regisratiom_detail .selectbox-input:active {
        border-color: var(--hoverborder) !important;
        box-shadow: none !important;
    }

#ddlEthnicity {
    border-radius: 0 !important
}
/*chg for1-11-2023*/
#divSwitchOnOff .btn_save.switch_disable {
    transition: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#divSwitchOnOff .switch_enable.btn_cancle {
    transition: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#divSwitchOnOff .btn_save.switch_disable:hover {
    transform: none !important;
    transition: none !important
}

.emergencyonoff .dropdown-popup {
    background: #fff;
    position: absolute;
    min-width: 350px;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.176);
    border-radius: 0.5rem;
    box-shadow: 1px 1px 4px #8a8a8a;
}

.width-60 {
    width: 60%;
}

.inner_switch .cls_btn {
    position: absolute;
    top: 4px;
    right: 4px;
}

#imgExpand {
    color: #fff;
}

.inner_switch input#txtPassword {
    width: 70%;
    margin-right: 12px;
}

.header-sec {
    background-color: #9091a5;
    padding: 6px;
    color: #fff;
    font-weight: bold;
    text-align: start;
    padding-left: 13px;
}

span.switch_enable {
    color: #8592a3 !important;
    border: 1px solid #8592a3 !important;
    background: transparent !important;
    font-weight: var(--font600) !important;
    line-height: 1.53;
    padding: 0.4375rem 1.25rem !important;
    cursor: pointer;
}

.switch_options span.selected {
    color: var(--colorwhite) !important;
    background-color: var(--btnprimarycolor) !important;
    border: 1px solid var(--btnprimarycolor) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    background: var(--btnprimarycolor) !important;
    font-weight: var(--font600);
    line-height: 1.53;
    padding: 0.4375rem 1.25rem;
    cursor: pointer !important;
}

span.switch_enable:hover {
    color: var(--colorwhite) !important;
    background-color: #788393 !important;
    border-color: #788393 !important;
}
.contact .font-18 {
    font-size: 18px !important;
}
/*chg for 31-10-23*/
.des_popup .simple-popup-container {
    width: 40%;
    position: absolute;
    left: 27%;
    height: auto;
}

.img_des {
    max-width: 125px !important;
}

.name_pat {
    color: #34a853;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

#TermsPopup, #PrvPlocyPopup {
    position: absolute !important;
    top: 0 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--labelcolor) !important;
    text-decoration: none;
    background-color: #f5f5f9 !important;
}

.font_footer {
    color: #484747;
    font-size: 10px;
}
/*chg for 30-10-2023*/
.MyProfile {
    width: 100% !important;
}

    .MyProfile > li {
        text-align: center !important;
    }

        .MyProfile > li > label {
            text-align: left !important;
        }
/*chg for 27-10-2023*/
.dropdown-menu.dropdown-menu-end.user_profile {
    box-shadow: 1px 1px 4px #8a8a8a;
    border: 0;
}

.contact-detail fa {
    font-size: 19px;
}

.login-button {
    color: #fff !important;
    background-color: var(--btnprimarycolor) !important;
    border-radius: 4px !important;
    border: 0 none !important;
    transition: all 0.5s !important;
    cursor: pointer;
    font-weight: var(--font600) !important;
    line-height: 1.53 !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
}
/*common chng for all start 13-10-2023*/
#divMenu ul li a {
    color: var(--menulabelcolor);
    padding: 2px !important;
    font-weight:600;
}

    #divMenu ul li a:hover {
        color: var(--textblack);
    }

#nav li:hover ul.sub li a:hover {
    background: var(--menuhover-color) !important;
    color: var(--colorwhite) !important;
    border-radius: 0.375rem !important;
}

#nav li:hover ul.sub {
    border: 1px solid #cbcaca !important;
    border-top: 0 !important;
    box-shadow: 0px 2px 4px #cbcaca !important;
}

#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
    border: 1px solid #cbcaca !important;
    box-shadow: none !important;
}

#nav li:hover ul.sub li a.fly:hover {
    background: var(--menuhover-color) url(Menu/arrow_over.gif) 96% 6px no-repeat !important;
    color: var(--colorwhite) !important;
}

#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
    background: var(--menuhover-color) url(Menu/arrow_over.gif) 96% 6px no-repeat;
    color: var(--colorwhite);
    border-color: var(--colorwhite);
    border-radius: 0.375rem;
}

.counter-span {
    position: absolute;
    right: 5px !important;
    top: 1px !important;
    min-width: auto !important;
    font-size: 10px;
    text-align: center;
}

#mainul i {
    font-size: 18px;
    /*float: right;*/
}

#mainul .tabnormal2 {
    padding: 5px 0px 5px 0 !important;
    margin: 5px 0px 5px 0px !important;
}
/*common chng for all start 4-10-2023*/
/*************************************4-10-2023*********************************************/
#divMenu {
    /*background: #eaeaea !important;*/
    background: #6264a1;
    color: var(--colorwhite) !important;
    border-radius: 0.375rem;
}

.mainMenu {
    background: #6264a1 !important;
}

.form-select {
    padding: 5px 10px !important;
    padding-right: 23px !important;
    font-weight: var(--font500) !important;
    line-height: 1.53;
    color: var(--menulabelcolor) !important;
    border: 1px solid var(--bordercolor);
    border-radius: 0.375rem !important;
    -webkit-box-shadow: none;
    font-size: var(--font12);
}
/*css added by jyoti common 27-8-2024*/
option {
    padding: 0 !important;
    line-height: 0;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 500;
}
/*css added by jyoti common 27-8-2024*/
#ddlstate, #ddlSpecialty, #ddlServiceLevel {
    padding: 5px 12px !important;
    font-weight: var(--font600);
    line-height: 1.53;
    color: var(--labelcolor) !important;
    border: 1px solid var(--bordercolor) !important;
    border-radius: 0.375rem !important;
    -webkit-box-shadow: none;
    font-size: 1rem !important;
    min-height: auto !important;
}

.form-control {
    padding: 5px 12px !important;
    font-weight: var(--font500) !important;
    line-height: 1.53 !important;
    color: var(--labelcolor) !important;
    border: 1px solid var(--bordercolor);
    border-radius: 0.375rem !important;
    -webkit-box-shadow: none !important;
}

.login-button:hover, .login-button:focus {
    background: var(--btnhoverprimary) !important;
    transform: translateY(-2px) !important;
}

.btn_save {
    color: var(--colorwhite) !important;
    background-color: var(--btnprimarycolor) !important;
    border: 1px solid var(--btnprimarycolor) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    border-radius: 0.375rem;
    font-weight:var(--font600) !important;
}

    .btn_save:hover {
        color: var(--colorwhite) !important;
        background-color: var(--btnhoverprimary) !important;
        border-color: var(--btnhoverborder) !important;
        transform: translateY(-2px) !important;
    }

#btnchange {
    color: var(--colorwhite);
    background-color: var(--btnprimarycolor) !important;
    border: 1px solid var(--btnprimarycolor) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    border-radius: 0.375rem;
}

    #btnchange:hover {
        color: var(--colorwhite);
        background-color: var(--btnhoverprimary);
        border-color: var(--btnhoverborder);
        transform: translateY(-2px);
    }

#btnreset, #btnclear, #btnclearFav {
    color: #8592a3 !important;
    border: 1px solid #8592a3 !important;
    background: transparent !important;
    border-radius: 0.375rem !important;
}

    #btnreset:hover, #btnclear:hover, #btnclearFav:hover {
        color: var(--colorwhite) !important;
        background-color: #788393 !important;
        border-color: #788393 !important;
    }

.btn_cancle {
    color: #8592a3 !important;
    border: 1px solid #8592a3 !important;
    background: #fff !important;
    border-radius: 0.375rem !important;
}

    .btn_cancle:hover {
        color: var(--colorwhite) !important;
        background-color: #788393 !important;
        border-color: #788393 !important;
    }

.btn_save:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

placeholder:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--hoverborder) !important;
    box-shadow: none !important;
}

.btn-danger {
    color: var(--colorwhite) !important;
    background-color: #ff3e1d !important;
    border-color: #ff3e1d !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 62, 29, 0.4);
    border-radius: 0.375rem;
}

    .btn-danger:hover {
        color: var(--colorwhite);
        background-color: #e6381a;
        border-color: #e6381a;
        transform: translateY(-1px);
    }

    .btn_save i,
    .btn-danger i {
        color: white !important;
        margin-right: 5px;
    }

.btn_cancle i {
    color: #696cff !important;
    margin-right: 5px !important;
}

.btn_cancle:hover i {
    color: white !important;
    margin-right: 5px !important;
}

.btn-icon {
    padding: 0 !important;
    width: calc(2.309375rem + 2px);
    height: calc(2.309375rem + 2px);
    display: inline-flex !important;
    flex-shrink: 0;
    justify-content: center !important;
    align-items: center !important;
}

    .btn-icon.btn-primary i {
        color: var(--colorwhite) !important;
    }

.form-check-input {
    border: 1px solid #7b7c7c !important;
}

    .form-check-input:checked, .form-check-input[type="checkbox"]:indeterminate {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4) !important;
    }

.status-radio input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.form-check-input:focus {
    border-color: var(--primary-color) !important;
    box-shadow: none !important
}
/*************************************4-10-2023*********************************************/
/*new theme changes start*/
.regisratiom_detail .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--colorwhite);
    background-clip: border-box;
    border: 1px solid #d9dee3;
    border-radius: 0.5rem;
    height: auto;
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgb(178 142 194 / 12%);
}

.label_color {
    color: var(--labelcolor);
}


.regisratiom_detail .card-header:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
}

.regisratiom_detail .card-header, .card-footer {
    border-color: #d9dee3;
}

.regisratiom_detail .card-header {
    padding: 1.5rem 1.5rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
    border: 0 !important;
}

.regisratiom_detail .card .card-header + .card-body, .regisratiom_detail .card .card-header + .card-content > .card-body:first-of-type {
    padding-top: 0;
}

.regisratiom_detail .card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
    border: 0 !important;
}

.regisratiom_detail .container-fluid {
    background-color: #f5f5f9 !important;
    height: 100%;
}

.regisratiom_detail .alert {
    background-color: #fff2d6;
    border-color: #ffe6b3;
}

.regisratiom_detail .white-icon .fa {
    color: var(--primary-color);
}

.regisratiom_detail .addpro-link .fa {
    color: var(--primary-color);
}

.regisratiom_detail .addpro-link-guator .fa {
    color: var(--primary-color);
}

.regisratiom_detail h5 {
    font-size: 1.125rem;
    color: var(--h5headingcolor);
    text-transform: uppercase;
    font-weight: var(--font600);
}

.card-header h5 {
    font-size: 1.125rem;
    color: var(--menuhover-color);
    text-transform: uppercase;
    font-weight: var(--font600) !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--colorwhite);
    background-clip: border-box;
    border: 0 solid #d9dee3;
    border-radius: 0.5rem;
    height: auto;
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
}

.card-header:first-child {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.card-header, .card-footer {
    border-color: #d9dee3;
}

.card-header {
    padding: 1.5rem 1.5rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
    border: 0 !important;
}

.card .card-header + .card-body, .card .card-header + .card-content > .card-body:first-of-type {
    padding-top: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
    border: 0 !important;
}

.box.arrow-right:after {
    content: " ";
    position: absolute;
    right: -14px;
    top: 0px;
    border-top: 15px solid transparent;
    border-right: none;
    border-left: 15px solid var(--primary-color);
    border-bottom: 15px solid transparent;
}

.box {
    min-width: 134px;
    background-color: var(--primary-color);
    color: var(--colorwhite);
    padding: 6px;
    position: relative;
    float: left;
    margin-left: -17px;
}

    .box.box-2 {
        margin-left: -9px;
    }

        .box.box-2.arrow-right:after {
            right: -14px;
        }

.brd:before {
    background: var(--primary-color) !important;
}
/*new theme changes 4-10-2023*/
/*new theme changes 16-10-2023*/
.icon-container img:nth-child(2) {
    display: none;
}

.icon-container:hover img:nth-child(1) {
    display: none;
}

.icon-container:hover img:nth-child(2) {
    display: block;
}

.icon-container:focus img:nth-child(1) {
    display: none;
}

.icon-container:focus img:nth-child(2) {
    display: block;
}

.img_search {
    height: 15px !important;
}
/*#butPatLookUp .btn-outline-primary:hover {
    color: var(--colorwhite);
    background-color: #e7e7ff !important;
    transform: translateY(-2px);
}*/
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #595cd9 !important;
    border-color: #595cd9 !important;
}

li.iehover {
    background: var(--colorwhite) !important;
    border-radius: 0.375rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: var(--labelcolor) !important;
}

.sub_header {
    /*height: 28px !important;
    min-height: 28px !important;*/
    background-color: var(--primary-color);
    color: var(--colorwhite);
    border-bottom: 1px solid #dbdbdb;
}

#tabsJ a span {
    font-weight: bold;
}
/*new theme changes 16-10-2023*/
/*new theme changes 17-10-2023*/
.dropdown-item {
    font-weight: var(--font600);
    color: var(--labelcolor);
}
/*login page started with new theme*/
/*@media screen and (orientation: landscape) {
    .carousel img {
        height: 100vh;
    }
}*/


/*new theme changes 17-10-2023*/
.padding_main {
    padding: 10px;
}

select {
    width: 100%;
    padding: 4px !important;
    line-height: normal;
    min-height: 26px;
}


.right-toggle-icon {
    box-sizing: initial;
}

.btn.btn-primary {
    color: var(--colorwhite);
    background-color: var(--btnprimarycolor) !important;
    border: 1px solid var(--btnprimarycolor) !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    border-radius: 0.375rem;
    cursor: pointer;
}

    .btn.btn-primary:hover {
        color: var(--colorwhite);
        background-color: #5f61e6;
        border-color: #5f61e6;
        transform: translateY(-2px);
        cursor: pointer;
    }

    .btn.btn-primary.disable-input {
        background: var(--btndisable);
        pointer-events: none;
    }

.cmn-control {
    padding: 4px !important;
    min-height: 26px !important;
    border-radius: 0 !important;
    line-height: normal;
}
/*bootsrap modal css changes common start*/
.bg-modal {
    background-color: var(--bg-color) !important;
}
/*common modal heading bootsrtap*/
.modal-header.modalheading {
    font-size: 14px !important;
    border-bottom: 1px solid #b7b3b3 !important;
    background: #f7f7f7 !important;
    color: #5c6299 !important;
    font-weight: 600;
    padding: 6px 10px !important;
}
.modal-title {
    font-weight: bold;
    font-size: 14px;
}
.modal-header {
    padding: 8px;
    background: #f7f7f7 !important;
    color: var(--labelcolor) !important;
}

    .modal-header .btn-close {
        background-color: transparent;
        text-align: end;
        font-size: 12px;
        min-width: auto;
    }

.card-header {
    background-color: var(--colorwhite);
    border-bottom: 0 !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

    .card-header label {
        font-weight: var(--fontbold);
        color: var(--tablefontcolor);
        font-size: var(--font14);
    }


/*common change form table*/
.simple-table tr td, .table.dataTable tr td {
    border-top: 1px solid var(--bordercolor);
    font-size: var(--font12);
    color: var(--tablefontcolor);
    font-weight: 500;
}

    .simple-table tr td p, .simple-table tr td span {
        font-size: var(--font12);
        color: var(--tablefontcolor);
    }

.simple-table tr th, .simple-table tr td, .table.dataTable tr th, .table.dataTable tr td {
    padding: 10px 8px;
    word-break: break-word;
}

.simple-table > thead > tr > th, .table.dataTable > thead > tr > th {
    font-weight: var(--fontbold);
    color: var(--table-header-font);
    Vertical-align: top;
}
/*common change form table*/
/*main home page css start*/
/*inline css of home page start*/
.new-doc > iframe#frmBannerDocree {
    height: 600px;
    width: 120px;
    border: 0;
    padding: 0;
    overflow: hidden;
}
/*9-11-2023*/
/*.card .simple-table tbody {
    height: 215px;
}
*/
.card-outer-container {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.new-doc > iframe#frmBannerDocr
ee {
    height: 600px;
    width: 120px;
    border: 0;
    padding: 0;
    overflow: hidden;
}

/*inline css of home page end*/
.table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

.new-doc {
    height: 100%;
    max-height: 490px;
    margin-top: 18px;
}
/*main home page css End*/
#main_header .patient-menu {
    padding: 2px 5px;
    margin-left: 7px;
}

    #main_header .patient-menu i {
        color: var(--colorwhite);
        cursor: pointer;
        padding: 0;
    }

.dashboard-header #btnPatDashboard i {
    color: var(--colorwhite);
    cursor: pointer;
    padding: 0;
}

.dashboard-header span {
    padding: 2px 5px;
    margin-left: 7px;
}

.dropdown-popup {
    width: 280px !important;
}

.main_header {
    background-color: var(--colorwhite);
}

.img_header {
    margin-left: 5px !important;
    max-width: 100px !important;
    vertical-align: initial !important;
}

.ver_label {
    margin-left: -2px;
    font-size: var(--font12);
    color: var(--labelcolor);
    padding-top: 44px;
}
/* header css End */
/*menu list start*/
#sub_header {
    padding: 0px;
    /*background: var(--primary-color);*/
    background: #6264a1 !important;
}

    #sub_header .container-fluid {
        /*  background: var(--primary-color);*/
        background: #6264a1 !important;
        border-radius: 0.375rem;
    }

.sub_header .menuIcon {
    padding: 1px 3px 0px 3px;
    vertical-align: middle;
    height: auto;
}

#nav li a.top_link span {
    color: #fff;
    font-weight: var(--font700);
}

.menuIcon i.fa {
    color: var(--menuiconcolor);
}
/*27-10-2023*/
.mainIFrame {
    border: 1px solid var(--mainbordercolor) !important;
    border-radius: 0.375rem;
}
/*menu list css end*/
/*css form registration page start*/
.card .regst-block-title label {
    color: var(--cardheadercolor);
}

input:required + label::after,
select:required + label::after,
textarea:required + label::after {
    content: " *";
    color: #e32;
}

.heading_add {
    background-color: var(--secondarycolor);
    font-size: var(--font12);
    font-weight: var(--fontbold);
    color: var(--colorwhite);
    padding: 2px 6px;
}

.height_common {
    min-height: 35px;
}

#btnPhaseHistory {
    margin-left: 5px;
    margin-top: 7px;
}

#care-team .pre-provider {
    float: inherit !important;
}

.relation_block .reltn-pat {
    float: inherit;
}

.guarantor-field.guarantor-add-div {
    height: calc(100% - 100px)
}

.plus-icon {
    color: green !important;
    position: absolute;
    top: 6px;
    font-size: 10px !important;
    right: -6px;
    z-index: 9999;
}

.regst-details.regisratiom_detail label {
    color: var(--labelcolor);
    font-size: var(--font12);
}

.regst-details.regisratiom_detail #tblCareTeam.simple-table > tbody, #tblguaratorID.simple-table > tbody {
    min-height: auto;
    height: 130px !important;
}

.regst-details.regisratiom_detail #tblCareTeam.simple-table thead .newtable-header td {
    font-weight: var(--fontbold);
    font-size: var(--font12);
}

#divCareTeamProvider123 .provider-htm-outer label {
    color: var(--labelcolor);
    font-size: var(--font12);
}

#pnlButtonControls .btn-primary {
    padding: 5px 10px;
}

    #pnlButtonControls .btn-primary.disable-input {
        opacity: 0.55;
        padding: 5px 10px;
        color: var(--btntextwhite);
        background-color: var(--btnprimarycolor);
        border-radius: 2px;
        border: 0 none;
        transition: all 0.5s;
        cursor: pointer;
    }

    #pnlButtonControls .btn-primary > .fa {
        float: left;
        display: block;
        padding-right: 5px;
        color: #fff;
    }

.reg_button {
    width: 100%;
    padding-top: 6px;
    box-shadow: 0 -5px 5px -5px #968383;
    margin: 0 auto;
    background: #f5f5f9 !important;
    padding-bottom: 5px;
}

#opnPhasesPopup .simple-table {
    border: 1px solid var(--tablebordercolor);
}

    #opnPhasesPopup .simple-table tbody {
        height: 305px;
    }

iframe#iframePharmacySearch {
    min-height: 205px;
    height: calc(100vh - 105px) !important;
}

#pnlMain .p3 select {
    width: 167px;
    margin-left: 5px;
}

#pnlProvider .block-footer {
    box-shadow: none !important;
    border-top: 1px solid var(--bordercolor);
}

.search-new-icon .fa-angle-down {
    color: #5c5c5c;
    padding-right: 5px;
}
/*regis page css strat 11-8-2025*/

.address-block i {
    color: green !important;
}

.cat-table tr th {
    vertical-align: middle !important;
}

.icon-plus i {
    position: absolute;
    right: 18px;
    top: 0;
}

.active-tr {
    background-color: #ffffeb !important;
}

.list-group-item {
    color: var(--labelcolor) !important;
    cursor: pointer;
}

    .list-group-item.newtable-header {
        background-color: #dbd4f97a !important;
        color: #333 !important;
    }

.has-search .form-control {
    padding-left: 2.375rem !important;
}

.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;
}

/*#matPatient .card-header {
    color: var(--menuhover-color);
    text-transform: uppercase;
    padding: 8px !important;
    background: #e7dfff;
    font-size: 12px;
    font-weight: 700 !important;
}*/

.occupation-section-outer .favorite-field, .occupationindus-section-outer .favorite-field {
    height: calc(100% - 92px);
    background-color: #f5f5f9;
}

.occupation-section-outer, .occupationindus-section-outer {
    height: 100%;
}
/*new css form left menu start*/
.menu-left-added li a.menuheader {
    font-size: var(--leftmenufont);
    color: var(--leftmenufontcolor);
    font-weight: var(--fontbold);
    text-decoration: none !important;
}
/*allergies css strat*/

/*inline css start*/
.inline-left-prob label {
    width: auto;
}

.severity-indication {
    line-height: 5px;
    vertical-align: sub;
    margin-left: 10px;
    margin-right: 10px;
}

.simple-table .severity-indication {
    margin-left: 0;
}

.block-footer {
    padding-bottom: 0;
}

.left-allergy {
    float: left;
    width: 100%;
    height: calc(100% - 35px);
}

.code-tag {
    padding: 2px 5px;
    background: #e4e4e4;
    border-radius: 2px;
    color: #6f6f6f;
}

.cancel-order-outer, .inactive-outer {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    left: -175px;
    padding: 5px !important;
    top: 4px;
    width: 160px;
    display: none;
    z-index: 9;
}

    .cancel-order-outer textarea, .inactive-outer textarea {
        width: 100%;
        box-sizing: border-box;
        resize: none;
        height: 50px;
    }

.arrow_box_right:after, .arrow_box_right:before {
    left: 100%;
    top: 43%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 6px;
    margin-top: -33px;
}

.arrow_box_right:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ccc;
    border-width: 9px;
    margin-top: -36px;
}

.arrow_box_right-outer {
    position: relative;
}

.simple-table tbody {
    min-height: 100px;
}
/*inline csss end*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 5px solid var(--primary-color) !important;
    border-radius: 0;
}

.nav-tabs .nav-link {
    border-radius: 0;
    transition: none;
    padding: 5px 10px;
    background: var(--tabbgcolor);
    color: var(--textblack);
}

.all-main-section .nav-tabs .nav-item {
    border: 1px solid var(--bordercolor);
    border-bottom: 0;
}
.all-main-section {
    /*border:1px solid var(--bordercolor);*/
}

.accordion-item {
    border-radius: 0;
}

    .accordion-item:first-of-type {
        border-radius: 0;
    }

.accordion-button:focus {
    box-shadow: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: var(--graybgcolor);
}
/*.nav-item:hover {
    background-color: var(--graybgcolor);
}*/
.spanlink {
    color: var(--linkcolor) !important;
}

.allergy-blc .block-container-outer {
    overflow: auto;
}

.allergy-blc .accordion-button {
    background-color: var(--primary-color);
}

@media (max-width: 991px) {
    .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
}
/*css strat for problem-list*/
#problem-list label {
    color: var(--labelcolor);
}

#fvrtproblemlst .custom-select {
    width: auto !important
}

.fvrttable .simple-table {
    border: 1px solid var(--bordercolor);
}

#problem-list .left-prob {
    float: left;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    height: calc(100% - 38px);
}

#problem-list .block-footer {
    position: absolute;
    bottom: 0;
}

#problem-list #ddlICD:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}
/*css start form appoitnment page*/
/*common css for app page*/
.app-boot-change label {
    color: var(--labelcolor) !important;
}

.app-rep-boot label {
    color: var(--labelcolor) !important;
}

.app-rep-boot .btn-primary {
    background-color: var(--btnprimarycolor) !important;
}

.app-boot-change .btn-primary {
    background-color: var(--primarycolor) !important;
}

.block-content .left-content-boot label {
    padding: 0 !important;
}
/*common css for app page*/
.footer-btn {
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: 0 -5px 5px -5px #bfbfbf;
    position: absolute;
    width: 100%;
    bottom: 0;
}



.cal-box {
    border: 1px solid var(--bordercolor);
    padding: 7px 6px;
    cursor: pointer;
}

#txtRepeatEvery {
    border-radius: 0;
}

.date-icon-chg {
    position: relative;
}

.date-chg {
    width: 100% !important;
}

.date-icon-chg i {
    margin-left: 2px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 50%;
}

.date-icon-chg .mandtry {
    position: absolute;
    top: 0;
    left: 23%;
}

span.left-toggle-icon {
    box-sizing: initial !important;
}
/*new changes for msg page */
.msg-boot-chg label {
    font-size: var(--font14);
    font-weight: var(--font600);
    color: var(--labelcolor);
}

#inboxDetails tr td {
    color: var(--tablefontcolor);
    font-size: var(--font12);
    font-weight: var(--font600);
}

.msg-boot-chg .btn-primary.button {
    background-color: var(--btnprimarycolor) !important;
    color: var(--colorwhite) !important;
}

#fillMessageData .txtarea {
    color: var(--labelcolor);
}

.msg_header {
    font-weight: var(--font600);
    font-size: var(--font18);
}

.att-plus > .fa-paperclip {
    line-height: 21px;
    top: 0 !important;
    right: 3px !important;
    font-size: 18px !important;
}

.att-plus > .fa-plus-circle {
    position: relative;
    top: 4px !important;
    right: -20px !important;
    font-size: 12px !important;
    color: var(--colorgreen);
}

span.att-plus {
    position: relative;
    right: 5px;
}

.bdr-1 {
    border: 1px solid var(--bordercolor) !important;
    padding: 6px 2px !important;
    border-radius: 0 !important;
}
/*new css form addtask page*/
/*same page css copy*/
#addtaskpg .dashboard-content {
    position: relative;
    height: calc(100% - 40px);
}

.inner_slide .three-dot-icon span .fa {
    float: left;
}
/*same page css copy*/
/*same page css copy*/
.verticalscroll {
    padding: 25px 20px !important;
    background: #fff !important;
    border-radius: 5px !important;
    position: relative !important;
    transition: all 5s ease-in-out !important;
    height: auto !important;
    font-size: 14px !important;
    color: var(--labelcolor);
    max-height: 500px !important;
    margin-top: 12px !important;
    margin-top: 25px !important;
    padding-top: 0 !important;
}
/*new css form nymodal 9140*/
#nyroModalWrapper {
    display: block;
    margin-top: -135px;
    margin-left: -160px;
    opacity: 1;
    margin: 0 auto;
    margin: 70px auto;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    width: 16%;
    position: relative;
    transition: all 5s ease-in-out;
    height: auto !important;
}

    #nyroModalWrapper .wrapper {
        height: auto !important;
        width: auto !important;
    }

#nyroModalContent {
    height: auto !important;
    width: auto !important;
}

div#nyroModalFull div#nyroModalWrapper a#closeBut {
    top: 3px !important;
    right: 2px !important;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
    background-color: #fff !important;
}

.gry-icon i:hover {
    color: var(--primary-color);
}

.gry-icon i {
    cursor: pointer !important;
    font-size: 20px !important;
}
/*new css form nymodal 9140*/

/*new css form nymodal 9140*/
/*
    .verticalscroll {
    padding: 40px 20px !important;
    background: #fff !important;
    border-radius: 5px !important;
    position: relative !important;
    transition: all 5s ease-in-out !important;
    height: auto !important;
    font-size: 14px !important;
    color: #777;
}
    #nyroModalWrapper {
    display: block;
    margin-top: -135px;
    margin-left: -160px;
    opacity: 1;
    margin: 0 auto;
    margin: 70px auto;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    width: 16%;
    position: relative;
    transition: all 5s ease-in-out;
    height: auto !important;
}
 #nyroModalWrapper .wrapper {
        height: auto !important;
        width: auto !important;
}
#nyroModalContent {
    height: auto !important;
    width: auto !important;
}
.gry-icon i:hover { color: green;}
.gry-icon {
    cursor: pointer !important;
}*/
/*new css form nymodal 9140*/
.inner_slide {
    float: left;
    position: absolute;
    left: -11px;
    z-index: 1;
    top: 120px;
}

    .inner_slide .right-toggle-icon.side-btn {
        height: 18px;
        padding-top: 5px;
    }

#addtaskpg .btn-primary {
    color: var(--btntextwhite);
    background-color: var(--btnprimarycolor);
}

.cal-icon-chg i {
    position: absolute;
    top: 33px;
    right: 10px;
}

#addtaskboot label {
    color: var(--labelcolor) !important;
    font-size: var(--font12) !important;
}
/*review task page start*/
#task-boot-chng label {
    color: var(--labelcolor) !important;
    font-size: var(--font12) !important;
}

#task-boot-chng btn-primary {
    color: var(--btntextwhite) !important;
    background-color: var(--btnprimarycolor) !important;
}
/*new css form RPM page by jyoti start*/
.header-sec {
    background-color: var(--bgheadingcolor) !important;
    padding: 6px;
    color: var(--colorwhite);
    font-weight: bold;
}

.boot-table thead {
    background: var(--table-header);
}

table.boot-table {
    background: var(--colorwhite);
}

.heading_label {
    background: #ffffff;
    border: 1px solid #696cff;
    border-radius: 5px;
    padding: 5px;
    color: #696cff;
    margin-left: 3px;
}
/*new css form RPM page by jyoti end*/
/*new css for alert and reminder*/
.w-73 {
    width: 73% !important;
}

.header_section {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    background: #7ACEFF;
    color: #fff;
}

.alert_sec label {
    color: var(--labelcolor) !important;
    font-size: var(--font12) !important;
}

.user_box {
    margin-right: 5px;
}
.bg-primary {
    background-color: var(--primary-color) !important;
}

    .bg-primary .info_white {
        color: #fff;
    }
/************************************2025 css jyoti start***********************************************/
#acceptCookies {
    width: 160px;
    height: 35px;
    padding: 5px;
    border-radius: 25px;
    /* background: none; */
}

#declineCookies {
    width: 160px;
    height: 35px;
    padding: 5px;
    border-radius: 25px;
    /* background: none; */
}

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0%);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    z-index: 9999;
}
/* Cookie Consent Popup */
.cookie-consent-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    border-top: 2px solid #ff6b6b;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    visibility: hidden; /* Hidden by default, can be toggled by JavaScript */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
    /* Show the popup when active */
    .cookie-consent-popup.active {
        visibility: visible;
        opacity: 1;
    }
/* Popup Content */
.popup-content-cookie {
    text-align: center;
}
/* Text Styling */
.cookie-consent-popup p {
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 1.5;
    color: #f5f5f5;
}
/* Button Styling */
.cookie-accept-btn, .cookie-decline-btn {
    background-color: #ff6b6b;
    color: white;
    border: none;
    /* padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 5px;*/
}

    .cookie-accept-btn:hover, .cookie-decline-btn:hover {
        background-color: #e55b5b;
    }
/* Decline Button */
.cookie-decline-btn {
    background-color: #ccc;
}

    .cookie-decline-btn:hover {
        background-color: #999;
    }
/* Responsive Design */
@media (max-width: 600px) {
    .cookie-consent-popup {
        padding: 15px;
    }

    .cookie-accept-btn, .cookie-decline-btn {
        width: 100%;
        margin: 5px 0;
    }
}
/*telehealh calling chnages*/
.contain-main-container.calling-dashboard {
    /* margin-top: calc(-29%); */
    float: right;
    height: calc(100% - 90px);
    position: absolute;
    right: 0;
    top: 69px;
}

    .contain-main-container.calling-dashboard.minimizeDiv {
        position: absolute;
        top: 9px !important;
        right: 284px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

.button-close {
    cursor: pointer;
    width: 30px;
    height: auto;
    background-color: var(--bs-gray-600);
    color: #fff;
    border: solid 1px var(--bs-gray-600);
    text-align: center;
    float: right;
    padding: 3px;
    border-radius: 3px;
    font-size: 18px;
    line-height: normal;
    position: absolute;
    right: 3px;
    top: 2px;
}

.minimizeDiv {
    color: white;
    width: 300px !important;
    height: 37px;
    padding: 0 !important;
    border-radius: 5px;
    height: 33px !important;
    position: absolute;
    top: 403px;
    right: 284px;
}

.calling-dashboard .Drag_ttl {
    background-color: #141414 !important;
    /* border: 1px solid var(--mainbordercolor) !important;*/
    border-radius: 0.375rem;
    width: 99.3% !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 26px;
    padding: 2px;
}

#JitsiContainerFrame {
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.calling-dashboard .Drag_ttl h5 {
    margin-bottom: 0 !important;
    height: auto !important;
    font-size: 11px;
    padding: 4px 10px 0 10px;
    color: #fff;
    line-height: 14px;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
}

.calling-dashboard .my-handle-wdgt {
    padding-right: 0px;
    float: left;
    width: 25px;
    transition: all 1s;
}

.calling-dashboard .Drag_ttl_ul li {
    display: inline-block;
    margin: 4px 8px 0 0;
    position: relative;
}

.calling-dashboard .Drag_ttl_ul {
    float: right;
}

.calling-dashboard .info_white {
    color: #fff !important;
}

.fas, .fa-solid {
    font-size: 16px;
    color: var(--primary-color);
}

#lblJitsiCallAgenda i {
    color: #fff;
}

#linkredirecttopage i {
    color: #fff;
}

.video-color {
    color: #28A745 !important;
    font-size: 18px !important;
}

.copy-color {
    color: #007BFF !important;
    font-size: 18px !important;
}

.info-color {
    color: #f18a05;
    font-size: 18px !important;
}

.editVideoCall {
    font-size: 20px !important;
    width: 25px;
    height: 19px;
    cursor: pointer;
    padding-right: 7px !important;
    padding-top: 3px;
    vertical-align: initial;
}

.select-pat-table {
    display: flex;
    align-items: center;
    justify-content: center;
}

    /*.select-pat-table .alert {
        font-size: var(--font14);
        background-color: #ffefe1 !important;
        border-color: var(--bs-orange) !important;
        color: var(--bs-orange) !important;
 }*/

    .select-pat-table .alert i {
        color: #f97b24;
        font-size: 21px;
    }

    .select-pat-table .alert {
        font-size: var(--font14);
        background-color: #fff9f3 !important;
        border-color: var(--bs-orange) !important;
        color: #838383 !important;
    }

.tele-action .fa, .tele-action .fa-solid {
    padding-right: 7px !important;
    cursor: pointer;
}

#DashboardPatientFilter {
    overflow: auto;
    max-height: 48px;
    padding-right: 13px;
}

    #DashboardPatientFilter .search-new-icon {
        right: 11px !important;
    }


.fas, .fa-solid {
    cursor: pointer;
}

    .fa-solid.fa-print {
        color: var(--linkcolor);
    }


.PatClick, .editlink {
    color: var(--linkcolor) !important;
    cursor: pointer;
    text-decoration: none !important;
}

.active > .page-link, .page-link.active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.dt-empty {
    font-size: 12px !important;
    font-weight: 700 !important;
    /* text-align: justify; */
}

.bg-label-danger {
    background-color: #ffe0db !important;
    color: #ff3e1d !important;
}


/*17-3-2025 telephonic */
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center !important;
}
/*hcc mapping screen changes common color-profile class 31-7-2025*/
.ccm-bg {
    background-color: #b2ffb24a !important;
}

.ccm-orange {
    background-color: #ffb7521a;
}

.ccm-grey {
    background-color: #e5e5e591;
}
/*UI Changes input chart management page common by jyoti*/
.chart-mgnt label
{
    padding:0 !important;
    margin:0 !important;
}
.chart-mgnt .button, input[type="submit"] {
    font-size: 13px !important;
}
/*UI Changes input chart management page common by jyoti*/
/************************************jyoti 2025 css end ***********************************************/
/*3-9-2025 form appt page changes*/
#historymodalpopup span.badge {
    font-size: 12px !important;
}
/************************************2025 css end ***********************************************/
/************************************2026 css start *********************************************/
.control-container .block-box-title {
    background: #e7dfff !important;
    color: #673AB7 !important;
    padding: 7px !important;
    font-weight: 500;
}
/*cancel cross icon color-profile changes with red common*/
.drop-list-title-close .fa.fa-times {
    font-size: 16px;
    color: #f77373 !important;
    font-weight: 500;
}
/************************************2026 css end ***********************************************/
/*new css added by jy end*/
* {
    margin: 0;
}

/*body, html, div, p, a, table, tr, td, section, select, input[type="text"], input[type="number"], input[type="password"], textarea, keygen, select, button, input, option {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #777;
    outline: none;
}*/
/*body, html, div, p, a, table, tr, td, section, select, 
    
    
    , textarea, keygen, select, button, input, option {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #777;
    outline: none;
}*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aeaeae;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aeaeae;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #aeaeae;
}

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

.bullet-ul {
    padding: 0 15px;
    list-style-type: disc
}

    .bullet-ul li {
        list-style-type: disc
    }

a {
    color: #2a9ee2;
    text-decoration: none;
}

.spanlink {
    color: #2a9ee2;
}

p {
    width: 100%;
}

textarea {
    border: 1px solid #ccc;
}

input[type="text"], input[type="number"], input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 12px !important;
    font-weight: var(--font600);
    line-height: 1.53;
    color: var(--labelcolor) !important;
    border: 1px solid var(--bordercolor);
    border-radius: 0.375rem !important;
    -webkit-box-shadow: none !important;
    font-size: var(--font12);
}

input[type="radio"] {
    margin-right: 5px;
}

input[type="file"] {
    border: 1px solid #ccc;
    padding: 2px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}


input[disabled] + .fa-calendar {
    cursor: not-allowed;
    pointer-events: none;
}

select:disabled, input[type="number"], input[type="text"]:disabled, input[type="text"]:read-only {
    background: #F3F3F3
}

input.hasDatepicker {
    min-width: 80px;
    width: 80px;
}

fieldset {
    border: 1px solid #ccc;
}

legend {
    color: #3186C7;
    font-size: 14px;
}

.button, input[type="submit"], #btngo, input[type="button"] {
    color: #fff;
    background-color: var(--btnprimarycolor);
    border-radius: 0.375rem;
    border: 0 none;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: var(--font600);
    line-height: 1.53;
    padding: 5px 10px;
    font-size: 0.9375rem;
}

    input[type="submit"].button:hover, #btngo:hover {
        color: var(--colorwhite);
        background-color: var(--btnhoverprimary);
        border-color: var(--btnhoverborder);
        transform: translateY(-2px);
    }
    /*.button:hover{
        background-color: transparent;
    }*/
    .button:selected {
        background-color: #3f7ea6;
    }

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

.buttonDisabled, input[type="submit"]:disabled {
    border: 0 none;
    background-color: var(--btnprimarycolor);
    color: #fff;
    cursor: not-allowed;
    border-radius: 2px;
    padding: 5px;
    min-width: 70px;
    opacity: 0.55
}

.buttonDisabled, input[type="submit"]:disabled {
    pointer-events: none;
}

.varticle-button-group .button, .varticle-button-group .buttonDisabled {
    margin: 2px 0;
}

.all-buttons input {
    margin: 2px;
}
/*
.disable-input {
    background: #E8E8E8;
    pointer-events: none;
}*/

select {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-radius: 2px;
    padding: 4px 5px 4px 6px;
}

.ui-datepicker select {
    padding: 0 !important;
}

.main_body {
    background-color: #fff;
    margin: 0;
}

.show {
    display: block !important;
}

.dropdown-popup .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
}

.mandatory {
    color: #f00;
}

.ChartListDiv {
    -moz-box-shadow: 2px 0px 5px #7ACEFF;
    -webkit-box-shadow: 2px 0px 5px #7ACEFF;
    box-shadow: 2px 0px 5px #7ACEFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.table-td-padding td {
    padding: 2px;
}

.scroll-section, .scroll-button-field {
    overflow: auto;
}

.required-field {
    color: red;
}

.required-field-input input {
    width: 96%;
}

.title-blue {
    color: #fff;
    padding-top: 3px;
    font-size: 14px;
}

.alertdivtr div, .alertdivtr td {
    color: #fff;
}

.alert-head {
    font-size: 14px;
}

.time-input select {
    padding: 5px 0px 5px 0px;
}

.popup-header {
    color: #fff;
    font-size: 14px;
}

.go-button .button {
    min-width: 30px;
}

.title-header {
    padding: 5px;
    background: #7ACEFF;
    color: #fff;
    font-size: 14px;
}

.v-align, .simple-table tr td.v-align, .simple-table tr th.v-align {
    vertical-align: middle;
}

.view-dc a.lnkbttn {
    color: #074B61;
}

.dsbldiv {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed
}

.dsbldiv-screen {
    pointer-events: none;
    cursor: not-allowed
}

.date-field i {
    margin-left: 5px !important;
    margin-top: 5px;
}

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

.cur-pointer {
    cursor: pointer;
}

.padding-zro, .block-content label.padding-zro {
    padding: 0;
}

.wickedpicker__title {
    box-sizing: border-box
}



.success-icon, .fa.success-icon {
    color: #4fbf53;
    font-size: 20px;
}

.error-icon, .fa.error-icon {
    color: #f44336;
    font-size: 20px;
}

.duplicate {
    text-decoration: line-through
}

.btn-dsbl {
    opacity: 0.5
}

input[type="button"]:disabled {
    cursor: not-allowed;
    opacity: 0.5,
}
/* animation */
/*-webkit-animation:pop-swirl 0.5s ease forwards;*/
@keyframes pop-swirl {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes home-page-left-menu {
    0% {
        margin-left: -500px;
    }

    100% {
        margin-left: 5px;
    }
}
/*/
 animation */
.leftMenuMain .menu {
    -webkit-animation: home-page-left-menu 1.5s ease forwards;
}

.Div_TmpltDiv {
    -webkit-animation: pop-swirl 0.2s ease forwards;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(154, 154, 154, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4);
    }

::-webkit-scrollbar-button {
    background: var(--primary-color);
}
/* button group */
.btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: var(--font600);
    line-height: 1.42857143;
    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: 4px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

    .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0;
    }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-default.focus, .btn.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #b7b7b7;
}

.btn:focus {
    outline: none;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
/*.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
*/
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:hover {
    z-index: 2;
}

.button-toggle-active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #b7b7b7;
}
/* / button group */
/* form field */
.field-horizontal {
    padding-right: 5px;
}

.form-field {
    width: 100%;
    float: left;
    padding: 5px 0;
}

    .form-field input[type="text"] {
        width: 15%
    }

    .form-field input[type="number"] {
        width: 15%
    }

    .form-field select {
        width: 14.9%
    }

    .form-field label {
        margin-right: 10px;
        display: inline-block;
    }

.form-field-label {
    min-width: 100px;
}

.radio-group label {
    min-width: initial
}

.radio-group input[type="radio"] {
    margin-right: 5px;
    width: auto;
    vertical-align: middle;
}

.form-inline label, .block-content .form-inline label {
    min-width: 110px;
    width: 0;
}

.form-inline input[type=text], .block-content .form-inline input[type=text] {
    min-width: 200px;
}

.field-oneline, .block-content .field-oneline {
    float: left;
    padding-right: 10px;
    width: auto;
    box-sizing: border-box;
}

    .field-oneline label, .block-content .field-oneline label {
        width: auto;
    }

    .field-oneline input[type="text"], .field-oneline input[type="number"], .field-oneline input[type="number"], .block-content .field-oneline input[type="text"] {
        float: left
    }

.label-span {
    padding: 5px 0;
    float: left;
}

.form-field-vert {
    float: left;
    width: 100%;
}

    .form-field-vert label {
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }

    .form-field-vert input[type="text"] {
        width: 100%
    }

.form-sub-block {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.form-sub-block-header {
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    background: #f9f9f9;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-sub-block-outer {
    padding: 10px;
    box-sizing: border-box;
}
/* /form field */
/* font class */
.main-title, .tab-title {
    font-size: 16px;
}

.sub-title, .DivTitleSub {
    font-size: 14px;
}

.sub-title-border {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    margin-bottom: 5px;
}
/* /font class */
/* breadcrum */
.bradcrum {
    padding: 3px 5px 0px 10px;
    float: right;
    height: 18px;
}

    .bradcrum a {
        color: #006699;
    }

        .bradcrum a:hover {
            text-decoration: underline;
        }
/* /breadcrum */
/* custom select drop down */
.selectedDiv, .custom-drop-old .selectedDiv-old {
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0px 5px 10px;
}

/*.Drp_HeaderDiv, .custom-drop-old .Drp_HeaderDiv-old {
    width: 100%;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: #fff;
    display: inline-block;
}*/
.Drp_HeaderDiv, .custom-drop-old .Drp_HeaderDiv-old {
    /*padding: 5px 12px !important;*/
    font-weight: var(--font600);
    line-height: 1.53;
    color: var(--labelcolor) !important;
    border: 1px solid var(--bordercolor);
    border-radius: 0.375rem !important;
    -webkit-box-shadow: none;
    font-size: var(--font12);
    display: inline-block;
    width: 100%;
}

.Drp_triangle, .custom-drop-old .Drp_triangle-old {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7.5px 0 7.5px;
    margin-top: 8px;
    margin-right: 5px;
    border-color: var(--primary-color) transparent transparent transparent;
    float: right;
}

.Drp_Ul_List {
    list-style-type: none;
    z-index: 100;
}

    .Drp_Ul_List > li {
        border-bottom: 1px solid #E4DFDF;
        cursor: pointer;
        word-break: break-all;
        z-index: 100;
        padding: 10px 5px;
    }

        .Drp_Ul_List > li:hover {
            background-color: var(--menuhover-color);
            color: #fff;
        }

.Drp_ListDiv {
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #E4DFDF;
    -webkit-box-shadow: 6px 7px 24px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 24px -3px rgba(0,0,0,0.75);
    box-shadow: 6px 7px 24px -3px rgba(0,0,0,0.75);
    z-index: 100;
}

.CtrlHeaderFilter {
    position: relative;
}

.selectedDiv-old {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
    width: 190px;
}
/* /custom select drop down */
/* Icon */
.fa, body .fa {
    font-size: 16px;
    color: var(--primary-color);
}

    .fa.md-fa {
        font-size: 24px;
    }

.fa-info-red {
    color: #f00
}

.ViewIcon_SubDiv .fa {
    font-size: 24px;
    margin-left: 10px;
}

.ViewIcon_SubDiv .fa-info {
    font-size: 24px;
    margin-left: 15px;
}

.big-icon .fa {
    font-size: 30px;
}

.mid-icon .fa {
    font-size: 22px;
}

.small-l-icon .fa {
    font-size: 14px;
}

.small-icon .fa {
    font-size: 12px;
}

.mid-level-icon .fa {
    font-size: 19px;
}

.fa.red-triangle {
    color: #f00;
}

.fa.green-triangle, .green-icon .fa {
    color: Green;
}

.img_alt .fa {
    margin-left: 8px;
    margin-top: 5px;
}

.gry-icon .fa {
    /*color: #B5B5B5*/
    color: #666666dd;
}

.fa.fa-search {
    font-size: 12px;
}

.white-icon .fa {
    color: #fff;
}

.yellow-icon .fa {
    color: #F9CA60
}

.red-icon .fa {
    color: red
}

.blue-icon .fa {
    color: #1F98DF
}

.fellow-icon {
    position: relative;
}

    .fellow-icon .fa-square {
        color: #FFCC00;
    }

    .fellow-icon span {
        position: absolute;
        color: #000;
        font-size: 10px;
        font-weight: bold;
        left: 4px;
        top: 0;
    }

.renewal-request {
    background: url(images/renwal-request-2.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.ready-to-rx, .ready-to-rx-new {
    background: url(images/pill-latest.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.telehealth-icon {
    /*background: url(images/pill-latest.svg);*/
    background-image: url('images/3d-icon/svg/telehealth-dash.svg');
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.ready-to-rx-new {
    background: url(images/rx-icon.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.pat-doc-icon {
    background: url(images/pat-doc-icon.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

.non-edit {
    position: relative
}

    .non-edit .fa.fa-times {
        position: absolute;
        left: -4px;
        top: -7px;
        font-size: 12px;
    }

.horizontal-icon .fa {
    padding-right: 5px;
}

.attendee-icon {
    position: relative;
}

    .attendee-icon .fa-square {
        color: #FA963E;
    }

    .attendee-icon span {
        position: absolute;
        color: #000;
        font-size: 10px;
        font-weight: bold;
        left: 4px;
        top: 0;
    }

.orange-tri .fa, .orange-tri {
    color: #FA963E
}

.yellow-tri .fa, .yellow-tri {
    color: #f3d915
}

.red-tri .fa, .red-tri {
    color: red
}

.black-tri .fa, .black-tri {
    color: #242424
}

.move-to-inbox {
    cursor: pointer;
    position: relative;
}

    .move-to-inbox .fa-share {
        position: absolute;
        top: -10px;
        left: 0px;
        transform: rotate(50deg);
        font-size: 11px;
    }

.deny {
    background: #fbfbfb;
    font-size: 12px;
    border-radius: 3px;
    margin-right: 10px;
    color: #5c9fd4;
    float: right;
    padding: 2px 5px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border: 1px solid #ccc;
}

    .deny .fa {
        font-size: 14px;
        color: #5c9fd4;
    }

    .deny.deny-active {
        background: #03A9F4;
        color: #ffffff;
    }

        .deny.deny-active .fa {
            color: #fff;
        }

.pat-chart-icon {
    position: relative;
    margin-right: 5px;
}

    .pat-chart-icon .fa-pencil {
        font-size: 12px;
        position: absolute;
        right: -6px;
        top: -2px;
        color: #6f7071;
    }

.prio-auth-icon {
    position: relative
}

    .prio-auth-icon .prio-auth-text {
        position: absolute;
        left: 2px;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        top: 4px;
    }

    .prio-auth-icon .fa-circle {
        font-size: 20px;
    }

.chkinout-icon {
    position: relative;
}

    .chkinout-icon .fa-check-circle, .menuIcon .chkinout-icon .fa-check-circle {
        position: absolute;
        background: #fff;
        border-radius: 10px;
        color: #f18414;
        font-size: 10px;
        left: -7px;
        padding: 1px;
    }

.rep-refill-icon {
    background: url(images/renew-latest-2.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.rxnot-icon {
    background: url(images/rx/rx-notification-small-old.svg);
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.slide-section-content.rx-pdf {
    height: calc(100% - 90px) !important;
    background-image: url('images/rx/pdf-void.png'); /* use your image path */
    background-repeat: repeat;
    opacity: 0.9; /* adjust for watermark effect */
}
/* /Icon */
/* status Label */
.status-label {
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
}

.default-label {
    background-color: var(--labelcolor);
}

.primary-label {
    background-color: #337ab7;
}

.success-label {
    background-color: #5cb85c;
}

.info-label {
    background-color: #5bc0de;
}

.warning-label {
    background-color: #f0ad4e;
}

.ready-label {
    background-color: #795548;
}

.ready-pro-label {
    background-color: #c19a8c;
}

.ready-ma-label {
    background-color: #8e4025;
}

.ma-success-label {
    background-color: #335a33;
}

.danger-label {
    background-color: #d9534f;
}

.in-process-label {
    background-color: #795548;
}

.posted-label {
    background-color: #b4b556;
}

.addon-cmplt-label {
    background: #30b3a7
}

.addtest-cmplt-label {
    background: #92adc1;
}

.cancelorder-label {
    background: #ababab;
}
/* header */
/* user profile */
.user-profile {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: top;
}

.profile {
    cursor: pointer;
}

.user-profile .fa {
    padding: 0 5px;
}

.user-profile .fa-caret-down {
    padding: 0px;
}

.profile-dropdown {
    top: 24px;
    width: 150px;
}

.dropdown-left .fa-caret-up {
    left: 10px;
}
/* /user profile */
.sectionHeader {
    background: #fff;
    text-align: left;
    color: #fff;
    width: 98%;
    padding-left: 0;
    color: #3b3b3b;
}
/* contact dropdown */
.contact {
    cursor: pointer;
    color: #3186C7;
}

.contact-dropdown li {
    color: var(--labelcolor);
    padding: 2px;
    text-align: left;
}

.contact-dropdown:before {
    content: "";
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    /* box-shadow: 0 1px 14px rgba(0,0,0,.2); */
    background: #fff;
    position: absolute;
    z-index: 998;
    top: -5px;
    right: 7px;
}

.contact-dropdown .fa-caret-up {
    position: absolute;
    /*right: 9px;
    top: -19px;*/
    left: 259px;
    top: -19px;
    font-size: 26px;
    color: #a1a1a1;
    width: 11px;
    height: 11px;
}

.contact-dropdown {
    background: #fff;
    position: absolute;
    left: -250px;
    min-width: 280px;
    z-index: 998;
    border-radius: 5px;
    padding: 10px;
    top: 40px;
    border: 1px solid rgba(0, 0, 0, 0.176);
    border-radius: 0.5rem;
    box-shadow: 1px 1px 4px #8a8a8a;
}

    .contact-dropdown li .fa {
        color: var(--primary-color);
    }

.contact-detail {
    position: relative;
    margin-right: 7px;
    display: inline-block;
    margin-top: 6px;
    vertical-align: top
}

.contact .fa-caret-down {
    vertical-align: middle;
}
/*contact dropdown form ccm dashboard start*/
.pat-ccm .contact-dropdown .fa-caret-up {
    left: 160px;
}

.pat-ccm .contact-dropdown:before {
    top: -5px;
    right: 17px;
}

.pat-ccm .contact-dropdown {
    left: -98px;
    min-width: 189px;
}
/*contact dropdown form ccm dashboard end*/
/*ccm dashboard start*/
.care-plan-modal .title-box-content {
    min-height: 80px !important;
}

.care-plan-main-title h5 {
    color: var(--menuhover-color);
    font-weight: 700;
}

.buttonDisabled {
    background-color: #F3F3F3;
    color: #fff;
    cursor: not-allowed;
    border-radius: 2px;
    padding: 5px;
    min-width: 70px;
    opacity: 0.55;
    border: 1px solid #d9dee3;
}

#spnPdf {
    color: var(--linkcolor);
}

.care-plan-main-title {
    padding: 7px 10px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 5px;
    background: #e7dfff;
    color: var(--menuhover-color);
    font-weight: 700;
}

    .care-plan-main-title i {
        color: var(--menuhover-color);
    }

.title-box-title {
    float: left;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    background: #e7dfff;
    min-width: 100px;
    font-size: 14px;
    color: var(--menuhover-color);
    font-weight: 700;
}

    .title-box-title .pull-right i {
        color: var(--menuhover-color);
    }

.title-box-row {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.create-details.bg-CCM {
    background-color: #ffffff !important;
    border: 2px solid #663ab1;
    color: #663ab1;
    font-size: 11px;
    padding: 3px;
    margin-top: 2px;
}

.timer-block .title-box-title {
    padding: 6px 10px;
}

#Div_EnrollHeader {
    padding: 10px;
    background: #f7f7f7 !important;
    color: var(--labelcolor) !important;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: auto;
}

.visit-history .title-box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.care-plan-tab {
    border: 1px solid #ccc;
}

.care-plan-tab-footer {
    background-color: #fff;
}

.timer-block .care-plan-main-title {
    border-bottom: 1px solid #03819f !important;
    background: #03819f !important;
}

.ccm-page .timer-block .title-box-content {
    min-height: 175px;
    height: 175px;
}

.timer-button-group .buttonDisabled {
    padding: 0;
    border: none;
}

.title_label {
    font-weight: bold;
    color: #4d4d4d;
    font-size: 14px;
    padding: 0 !important;
}
/*ccm dashboard end*/
.notifi-media {
    position: relative;
    display: flex;
    align-content: end;
}

.us-profile-img {
    float: left;
    display: block;
    height: 100%;
    padding-right: 10px;
}

    .us-profile-img > .fa-user {
        color: #1F98DF !important;
    }

.notifi-media-body, .notifi-media-body p {
    /*color: #fff;*/
    font-size: 12px;
    padding-right: 16px;
}

.notifi-date {
    margin-top: 5px;
    display: block;
    font-size: 11px;
}

.notifi-media-list-link {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    cursor: auto;
}

.notifi-footer {
    background: #fff;
    text-align: center;
    padding: 5px 10px;
}

    .notifi-footer a i.fa {
        color: #1F98DF;
        padding-top: 0px;
        position: relative;
        top: 1px;
        right: 5px;
    }

.notification-bell:hover > .fa-bell {
}

span.notification-bell i {
    line-height: 20px;
    font-size: 20px;
    display: block;
}

.notification-bar:hover .fa-bell {
    animation-name: ring;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(45deg)
    }

    15% {
        transform: rotate(-40deg)
    }

    25% {
        transform: rotate(20deg)
    }

    35% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-5deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.notifi-media-list-link:last-child {
    border: 0;
    margin: 0;
}

a.notifi-media-list-link.read {
    background: #3186c7;
    border-color: #3186c7;
}

.us-profile-cls i.fa {
    color: #b6b6b6;
}

p.notification-p > strong {
    /*color: #a8d8fd;*/
    padding-right: 4px;
}

.us-profile-cls {
    width: 25px;
    float: right;
    display: block;
    position: relative;
    right: 0px;
    z-index: 999;
    cursor: pointer;
}

.notifi-media-list {
    max-height: 350px;
    min-height: 50px;
    overflow: auto;
}

.notification-bar .contact-dropdown {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 4px #848484;
    padding: 10px 5px 0px 5px;
}

    .notification-bar .contact-dropdown:before {
        content: "";
        position: absolute;
        left: 24px;
        top: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        z-index: 9999;
    }

    .notification-bar .contact-dropdown:after {
        content: "";
        position: absolute;
        left: 24px;
        top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #dadada transparent;
        z-index: 9998;
    }
/*End Notification Bar*/
/* switch ON OFF */
.switch-outer {
    position: relative;
    display: inline-block;
    text-align: left;
}

.dropdown-popup li {
    color: #fff;
    padding: 5px 0;
    text-align: left;
}

    .dropdown-popup li a {
        color: #fff;
    }

.dropdown-popup {
    background: rgba(17,76,110,0.9);
    position: absolute;
    width: 250px;
    z-index: 10;
    border-radius: 5px;
    padding: 10px;
}

.emergencyonoff input[type="password"] {
    width: 70%;
    line-height: normal !important;
}

.emergencyonoff .btn {
    margin-left: 10px;
}

.emergencyonoff .dropdown-popup {
    left: 0;
    top: 45px;
}

    .emergencyonoff .dropdown-popup .fa-caret-up {
        left: 8px;
        top: -23px;
    }

.emergencyonoff li {
    color: var(--labelcolor);
}
/* /switch ON OFF */
/* search bar */
.search-new, .date-new {
    position: relative;
    display: inline-block
}

.date-new {
    width: 100%
}

.date-new-with-text span {
    margin-top: 5px;
    margin-left: 10px;
    float: left
}

.search-new-icon, .date-new .fa-calendar {
    position: absolute;
    right: 5px;
    top: 5px;
}

.search-bar, .date-bar {
    padding-right: 20px !important;
}

.search-new input, .date-new input {
    padding-right: 20px;
}

.search-new .fa-search, .date-new .fa-calendar {
    margin-top: 2px;
}
/* /search bar */
.dropdown-menu ul {
    border: 1px solid #3186C7;
    padding: 2px;
    box-shadow: 0px 2px 4px #7591A7;
    background: #fff;
}

.dropdown-menu li {
    border-bottom: 1px solid #f1f1f1;
    color: #fff;
}

    .dropdown-menu li ul li {
        color: #33a9ee;
    }

        .dropdown-menu li ul li:hover {
            background: #3186C7;
            color: #fff;
        }

        .dropdown-menu li ul li a:hover {
            color: #fff;
            transition: all 0.3s;
        }

.drop-toplink a:hover {
    background: #fff;
    color: #33a9ee
}

.dropdown-menu li.drop-main:hover {
    background: #fff;
}

    .dropdown-menu li.drop-main:hover .drop-toplink {
        color: #33a9ee
    }

.drop-toplink .fa {
    color: #fff;
}

.dropdown-menu li.drop-main:hover .drop-toplink .fa {
    color: #33a9ee;
}

.dropdown-menu li ul li:hover .fa {
    color: #fff;
}

.drop-toplink {
    color: #fff;
}
/* /drop down menu*/
/* switch block */
.switch_options {
    display: block;
    font-family: "Helvetica", Arial, Sans-serif;
    margin-top: 5px;
    margin-right: 0px;
}
    /* Main block clearfix */
    .switch_options:before, .switch_options:after {
        content: '.';
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    .switch_options:after {
        clear: both;
    }
    /*Options*/
    .switch_options span {
        display: inline-block;
        float: left;
        padding: 1px 5px;
        margin: 0;
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        color: #555;
        border: 1px solid #aaa;
        text-transform: uppercase;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }

        .switch_options span:first-of-type {
            border-radius: 2px 0 0 2px;
            border-right: 0;
        }

        .switch_options span:last-of-type {
            border-radius: 0 2px 2px 0;
            border-left: 0;
        }

        .switch_options span:hover {
            background: #fafafa;
        }
        /* Active option */
        .switch_options span.selected {
            background: #00b7ea; /* Old browsers */
            background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
            background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
            border-color: #0082A3;
            color: #fff;
        }
/* /switch block */
.date-time {
    float: right;
    background-color: #114C6E;
    color: #fff;
    border-radius: 2px;
    padding: 2px 5px;
    margin: 5px 5px 0 10px;
}

.patientselected {
    font-family: Verdana;
    padding: 3px 0px 0px 0px;
    text-align: left;
    white-space: nowrap;
    float: left;
    margin-left: 3px;
    border-radius: 2px;
    height: 18px;
}

.emergency-on-off {
    float: right;
    padding: 1px 1px 0px 10px;
    background-color: #45BBFF;
    color: #fff;
    border-radius: 2px;
}

    .emergency-on-off a {
        color: #fff;
    }

.dropdown-popup .fa-caret-up {
    position: absolute;
    top: -19px;
    font-size: 30px;
    color: rgba(17,76,110,0.9);
}

.dropdown-popup .fa-caret-down {
    position: absolute;
    bottom: -19px;
    font-size: 30px;
    color: rgba(17,76,110,0.9);
    left: 46%;
}

.menu-plus-circle {
    position: absolute;
    right: 2px;
    font-size: 9px !important;
    /*color: #4CD42A !important;*/
    bottom: 2px;
    background: #fff;
    border-radius: 50%;
    color: #f18414;
    padding: 1px;
    top: 5px;
}

#imgAddToFavorite, #quick {
    position: relative;
}

.quickaccess {
    position: absolute;
    right: 5px;
    font-size: 9px !important;
    color: #B1E2FF !important;
    bottom: 4px;
}

.menuIcon .fa-circle-o {
    font-size: 19px;
}

.menuIcon i.fa, .menuIcon i.far, .menuIcon i.fas, .menuIcon i.fa-solid {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

/* /header */
/* Block */
.block-container {
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    background: #f5f5f9;
    padding: 10px;
}

.block-container-outer {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%
}

.block-2 {
    width: 50%;
    box-sizing: border-box;
    float: left;
    height: inherit
}

.block-left {
    border-right: 1px solid #ccc;
}

.block-content {
    padding: 10px;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

    .block-content label {
        float: left;
        width: 100%;
        text-align: left;
        padding: 5px 10px 5px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.input-group {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.popup-content label {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px 10px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.block-25 {
    width: 25%;
    float: left;
}

.block-30 {
    width: 30%;
    float: left;
}

.block-33, .block-box-inner.block-33 {
    width: 33.33%;
    float: left;
    box-sizing: border-box
}

.block-35 {
    width: 35%;
    float: left;
}

.block-40 {
    width: 40%;
    float: left;
}

.block-50 {
    width: 50%;
    float: left;
}

.block-60 {
    width: 60%;
    float: left;
}

.block-70 {
    width: 70%;
    float: left;
}

.block-content-outer {
    height: calc(100% - 35px);
    overflow: auto
}

.block-footer {
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    box-shadow: 0 -5px 5px -5px #bfbfbf;
}
/* Block */
/* Home page */
.maintable {
    vertical-align: top;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}

.leftMenuMain {
    vertical-align: top;
    margin-top: 0px;
    width: 15%;
    margin: 0px 0px 0px 0px;
}

.menuheader {
    vertical-align: top;
    color: #6264a1;
    /* margin: 2px 0px 2px 0px;*/
    margin: 8px 0 0px 4px;
    line-height: 17px;
    width: calc(100% - 35px);
    display: inline-block;
    font-size:13px;
}

.header-menu li:first-child:hover {
    background-color: transparent;
}

.Imageclass {
    vertical-align: top;
    color: black;
    margin: 0px 0px 2px 0px;
}

.tabnormal2 {
    vertical-align: top;
    width: 100%;
    color: #a9a9a9;
    padding: 8px 0 8px 0px;
    cursor: pointer;
    margin-top: 0px;
    margin-left: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; /*height:18px;line-height:17px;*/
    transition: all 0.5s;
    border-bottom: 0px solid #fff;
    position: relative;
    box-sizing: border-box
}

.menu > li.active > a {
    color: #114C6E;
}

.menu > li.active {
    /*background-color: #c5d4e0;
    box-shadow: -1px 0px 5px 0px rgba(152, 152, 152, 0.7);*/
    color: #696cff;
    background-color: rgba(105, 108, 255, 0.16) !important;
}

.menu > li:hover {
    /*    background-color: #d4d7d9;
    color: #bfbfbf !important;*/
    color: #696cff;
    background-color: rgba(105, 108, 255, 0.16) !important;
    box-shadow: -1px 0px 5px 0px rgba(152, 152, 152, 0.7)
}

    .menu > li:hover .menuheader {
        color: #114C6E;
    }

.menu li[disabled] {
    font-weight: 500;
    color: Gray;
    text-decoration: none;
}

.containMainDiv {
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px #DCDCDC;
}

.contain-main {
    width: 98%;
    height: 100%;
    box-shadow: 0 0 8px #DCDCDC;
    -webkit-box-shadow: 0 0 8px #DCDCDC;
    -moz-box-shadow: 0 0 8px #DCDCDC;
    margin: 0 1%;
}

.bodyMaintd {
    height: 85%;
    width: 85%;
    margin: 0 2%;
}

.categoryitems {
    margin: 0px;
    padding: 0px;
}

.leftMenuMain .menuheader {
    padding: 4px 0 4px 10px;
}

.fa.fa-male {
    margin-right: 6px;
}

.fa.fa-newspaper-o {
    font-size: 14px;
}

.fa.fa-user-md {
    font-size: 19px;
}

/*.card-outer-main {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 90%
}*/
/*added by 13-7-223 jyoti*/
.card-outer-main {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 90%
}

.card-outer {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.card {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    border: 0;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    height: 300px;
    box-sizing: border-box
}

.halfCircleRight {
    height: 40px;
    width: 20px;
    border-radius: 0 90px 90px 0;
    background: white;
    position: absolute;
    border: 1px solid #afafaf;
    border-left: 0;
    left: -1px;
    top: 35px;
    cursor: pointer;
    z-index: 9;
    box-shadow: -1px 0 5px 0 rgba(152,152,152,.7);
}

    .halfCircleRight i {
        color: #949494;
        position: absolute;
        top: 11px;
    }

.card-title {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: bold
}

    .card-title i {
        margin-right: 5px;
    }
/*.card .simple-table tbody tr{cursor:pointer}
*/
.hm-indc {
    padding: 0px 0px 5px 0px;
    margin-top: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.pcctkn {
    display: flex;
    box-shadow: 1px 1px 6px 0px #d2d2d2;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-right: 5px;
    box-shadow: 1px 1px 6px 0px #d2d2d2;
}

    .pcctkn .indicator {
        display: inline-flex; /* align-self:flex-start;*/
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 20px 20px;
        border-right: 1px solid #ccc;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .pcctkn .indicator i {
            font-size: 30px;
        }

.notyf-container-overflow {
    max-height: 100%;
    float: left;
    width: 100%;
    overflow: auto;
    position: relative;
    z-index: 99999;
    height: 100%;
}

.PCCnotyf-container-overflow {
    max-height: 100%;
    float: left;
    width: 100%;
    overflow: auto;
    position: relative;
    z-index: 99999;
    height: 100%;
}

@media only screen and (max-width:1700px) {
    .notyf-container-overflow {
        float: left;
        width: 100%;
        overflow: auto;
        position: relative;
        z-index: 99999;
        height: 100%;
    }
}

.notyf-container {
    height: calc(100% - 110px);
    position: relative
}

.notyf-container-outer {
    position: absolute;
    padding: 10px;
    float: left;
    width: 420px;
    bottom: -30px;
    right: 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 0px #d2d2d2;
    -webkit-animation: pop-swirl .5s ease forwards;
    z-index: 999;
    will-change: bottom,right;
    transform-origin: 80% 90%;
    transition: opacity .15s linear;
    opacity: 1;
    max-height: 100%;
    overflow: auto
}

.PCCnotyf-container {
    height: calc(100% - 110px);
    position: relative;
}

.PCCnotyf-container-outer {
    position: absolute;
    padding: 10px;
    float: left;
    width: 421px;
    /* bottom: 185px;*/
    right: 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 0px #d2d2d2;
    -webkit-animation: pop-swirl .5s ease forwards;
    z-index: 999;
    will-change: bottom, right;
    transform-origin: 80% 90%;
    transition: opacity .15s linear;
    opacity: 1;
    max-height: 100%;
    overflow: auto;
}

.notyf-container-close {
    -webkit-animation: pop-swirl .5s ease forwards;
    z-index: 999;
    will-change: bottom,right;
    transform-origin: 80% 90%;
    display: none;
    opacity: 0;
}

.menu-outer-layer-active {
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    float: left;
    z-index: 9;
}

.main-home-subdiv .menu-outer-layer-active {
    position: fixed
}

.flx-cnt-box span {
    font-size: 14px;
    line-height: 60px;
}

.flx-cnt-box a {
    font-size: 14px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.flx-cnt-box {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 10px 10px 10px;
}

.main-home-subdiv {
    float: left;
    width: 100%;
    height: 100%;
}

.ntf-list-provider-outer {
    float: left;
    width: 100%;
    padding: 5px;
}

.ntf-list-provider {
    padding: 5px;
    float: left;
    width: 94%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 5px;
    margin-bottom: 3px;
}

.ntf-provider-title {
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
}
/* /Home page */
/* tab menu */
.tabmenu {
    color: #083d65;
    float: left;
    width: 100%;
}

.tabHead {
    padding: 5px 10px;
    cursor: pointer;
    color: #083d65;
    font-size: 16px;
    line-height: 25px;
    display: inline-block;
    background: #DFDFDF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    margin-right: 2px;
    position: relative;
    top: 1px;
}
/*.tabHead{padding:0px 10px;cursor:pointer;color:#083d65;font-size:12px;line-height:25px;display:inline-block;background:#DFDFDF;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;float:left;margin-right:2px;position:relative;top:1px;}
*/
.tabActive {
    cursor: pointer;
    line-height: 26px;
    color: #717171;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    position: relative;
    top: 0px;
}

.tabCntntDiv {
    padding-top: 0px;
    margin-top: -2px;
    font-family: Calibri;
    color: #4982B0;
    font-size: 19px;
    line-height: 26px;
    display: block;
    width: 100%;
}

#mytable th {
    vertical-align: top
}
/* /tab menu */
/* top tab menu */
.toptab-container {
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box
}
/* /top tab menu */
/* for full width and height */
body, html, .page-container, .mainDiv, #divMain {
    height: 100%;
}

form {
    height: inherit;
}

.contain-main-container {
    padding: 5px 10px;
    width: 100%;
    height: inherit;
    float: left;
    box-sizing: border-box;
}

.encountainer-container {
    width: 15%;
    height: 100%
}

.enctr-left {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

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

.RightList {
    width: 84%;
    float: left;
    box-sizing: border-box;
}
/* drop custom */
/*.drop-outer{float:right;background-color:#fff;width:85%;-moz-box-sizing:border-box;}
*/
.drop-outer {
    float: left;
    background-color: #fff;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .drop-outer table {
        width: 100%;
    }
/* /drop custom */
/* div title */
.DivTitle {
    background-color: #7ACEFF;
    border-radius: 9px 0px 0px 0px;
    color: #fff;
    padding: 0px 10px 0px 8px;
    line-height: 26px;
    display: inline-block;
    margin-right: 20px;
}

.DivTitleRight {
    margin-right: -1px;
    color: #4DCCF2;
    line-height: 26px;
    display: none;
}

.DivTitleEnc {
    background-color: #114C6E;
    color: #fff;
    padding: 0px 10px 0px 8px;
    line-height: 30px;
    height: 30px;
    border-radius: 9px 9px 0px 0px;
    border: 1px solid #c6c6c6;
    text-align: center;
}

.DivTitleSub {
    color: #888888;
    padding: 0px 10px 0px 8px;
    font-weight: bold;
    line-height: 26px;
    display: inline-block;
}
/* /div title */
/* /for full width and height */
/* Ready to Send Rx */
#uphidden {
    height: 100%;
}
/* /Ready to Send Rx */
/* RX page */
#upnlmain .button {
    min-width: 25px;
}

#upnlmain .buttonDisabled {
    min-width: 25px;
}

.varticle-button-group .button, .varticle-button-group .buttonDisabled {
    width: 100%;
}
/* /RX page */
/* welcome*/
.welcome {
    width: auto;
    display: inline-block;
    background: #114c6e;
    box-shadow: 0 0 8px #dcdcdc;
    position: absolute;
    top: 25px;
    left: 20px; /* right:0;*/
    color: #fff;
    padding: 20px 20px;
    text-align: center;
    border-radius: 5px;
    -webkit-animation: pop-swirl .5s ease forwards;
    z-index: 999;
    will-change: top, left;
    transform-origin: -5% 50%;
}

    .welcome h4 {
        font-size: 24px;
    }
/* /welocome */
#divMenu {
    width: 100%;
    float: left;
    /*   background: #3186C7;*/
}
/* table grid design */
.tablegrid table tr {
    background-color: #fff !important;
}

.tablegrid table th {
    background-color: #4DCCF2;
    color: #fff;
    text-transform: capitalize
}

.tablegrid table.CurStyle td {
    border: 1px solid #f0f0f0;
    padding: 10px 5px 10px 5px
}

.tablegrid table {
    background-color: #fff;
}
/* /table grid design */
/* main title in blue */
.field-outer {
    width: 100%;
}

.title-field span {
    padding: 5px 10px 5px 20px;
    float: left;
    background: #0f65b2;
    color: #fff;
    font-size: 16px;
}

.title-field {
    width: 100%;
    float: left;
    margin: 10px 0 0px 0;
}

.container-outer {
    width: 100%;
    overflow: auto;
}
/* main title in blue */
/**/
.field-height fieldset {
    min-height: 105px;
}
/**/
/* dashborad */
.DashHader {
    background-color: #fff;
    color: var(--labelcolor);
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}
/*/
 dashboard */
/* patient search */
.table-left-select td {
    padding: 1px 0;
}
/* /patient search */
/* Chart */
.ClsSlider {
    display: none;
    position: absolute;
    right: 435px;
    height: 410px;
    width: 425px;
    border-left: 6px solid #7ACEFF;
    border-bottom: 2px solid #7ACEFF;
    z-index: 100;
    background-color: #fff;
    margin-top: -1px;
}

.ClsTemplateHeader .close-slide {
    color: #fff;
    padding-top: 4px;
    font-weight: bold;
}

.ClsTemplateHeader {
    height: 25px;
    background-color: #7ACEFF;
    font-size: 18px;
    padding: 1px 0px 0px 10px;
    color: #fff;
}

.SelectedStructureData {
    color: #fff;
    background-color: #4DBCFD;
}

.Add_Master_Entry_Cls {
    padding: 2px;
    padding-bottom: 5px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -36px;
    height: 25px;
    width: 25px;
    visibility: visible;
    background-color: #7ACEFF;
    border: 1px solid #7ACEFF;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
    khtml-border-radius: 8px 0px 0px 8px;
}

.PopupHeaderDiv {
    background-color: #7ACEFF;
    height: 30px;
    color: #fff;
}

.PopupDivCls {
    display: none;
    position: fixed;
    _position: absolute; /* for internet explorer 6 */
    height: 380px;
    width: 945px;
    background: #FFFFFF;
    top: 0px;
    z-index: 105;
    border-left: 6px solid #7ACEFF;
    border-right: 1px solid #7ACEFF;
    font-size: 15px;
    -moz-box-shadow: -5px 5px 8px #c6c6c6;
    -webkit-box-shadow: -5px 5px 8px #c6c6c6;
    box-shadow: -5px 5px 8px #c6c6c6;
}

.PopupDivCls-summary {
    width: 600px;
}

.SignOff_PopupHeader {
    background-color: #7ACEFF;
    height: 30px;
    color: #fff;
    font-size: 18px;
}

.SignOff_PopupClose {
    float: right;
    padding-right: 10px;
    padding-top: 4px;
    cursor: pointer;
}

.SignOff_Msg_Div {
    padding: 5px 5px 5px 5px;
    font-size: 19px;
}

.SignOff_Popup {
    display: none;
    position: absolute;
    _position: absolute;
    width: 610px;
    height: 50%;
    background: #FFFFFF;
    left: 25%;
    top: 25%;
    z-index: 105;
    border-left: 6px solid #7ACEFF;
    border-right: 1px solid #7ACEFF;
    font-size: 15px;
    -moz-box-shadow: -5px 5px 8px #c6c6c6;
    -webkit-box-shadow: -5px 5px 8px #c6c6c6;
    box-shadow: -5px 5px 8px #c6c6c6;
    color: #453E3E;
    padding: 0px 0px 10px 0px;
}

.SelectedTemplt {
    color: #fff;
    background-color: #4DBCFD;
}

    .SelectedTemplt:after {
        content: " ";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #4DBCFD;
        width: 0;
        height: 0;
        position: absolute;
        left: 10%;
        top: 26px;
    }

.SelectedImportData {
    color: #fff;
    background-color: #4DBCFD;
}

    .SelectedImportData:after {
        content: " ";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #4DBCFD;
        width: 0;
        height: 0;
        position: absolute;
        right: 21%;
        top: 26px;
    }

.SelectedStructurePlan {
    color: #fff;
    background-color: #4DBCFD;
}

    .SelectedStructurePlan:after {
        content: " ";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #4DBCFD;
        width: 0;
        height: 0;
        position: absolute;
        right: 55%;
        top: 26px;
    }

#HeaderOuter .drop-outer {
    width: calc(100% - 180px)
}

.chart-right #HeaderOuter .drop-outer {
    width: 100%
}

.chart-right #sectionDiv {
    width: 100%
}

.rightListmain {
    width: calc(100% - 180px)
}
/*editor*/
.cke_editable ul {
    padding-left: 40px;
}

.cke_editable li {
    list-style-type: inherit;
}

.cke_editable ul li {
    list-style-type: initial;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .cke_editable ul li {
        list-style-type: disc;
    }
}

#DivMainPrint li {
    list-style-type: inherit;
}

#DivMainPrint ul li {
    list-style-type: initial;
}

#DivMainPrint ul {
    padding-left: 40px;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #DivMainPrint ul li {
        list-style-type: disc;
    }
}
/* /editor */
.NotRecordedDivList {
    border: 1px solid #EAEAEA;
    width: 99%;
    overflow: auto;
}
/* left-toggle-icon */
.left-toggle-icon {
    position: absolute;
    background: #7ACEFF;
    padding: 2px 10px;
    top: 19%;
    font-size: 16px;
    text-align: center;
    transform: rotate(90deg);
    float: left;
    margin-left: -10px;
    font-weight: bold;
    color: #fff;
    width: 25px;
    cursor: pointer;
}

.left-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 23px 25px;
    border-color: transparent transparent #7ACEFF transparent;
    position: absolute;
    left: -24px;
    bottom: 0;
}

.right-triangle {
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 0 25px;
    border-color: transparent transparent transparent #7ACEFF;
}

.tab-name {
    padding-left: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: inline-block
}

.three-dot-icon span {
    width: 5px;
    display: inline-block;
}

    .three-dot-icon span .fa {
        font-size: 4px;
        color: #fff;
        margin: 1px;
    }

.three-dot-icon {
    float: left;
}

#divMain .left-toggle-icon {
    position: absolute;
    background: #7ACEFF;
    padding: 0px 10px;
    top: 19%;
    font-size: 16px;
    text-align: center;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    float: left;
    margin-left: -12px;
    font-weight: bold;
    color: #fff;
    width: 25px;
    cursor: pointer;
}

    #divMain .left-toggle-icon .left-triangle {
        left: -17px;
        border-width: 0 0 18px 18px;
    }

    #divMain .left-toggle-icon .right-triangle {
        right: -17px;
        border-width: 18px 0 0 18px;
    }
/* /left-toggle-icon*/
/* right-toggle-icon */
.right-toggle-icon {
    position: absolute;
    background: #7ACEFF;
    padding: 0px 10px;
    top: 19%;
    font-size: 12px;
    text-align: center;
    transform: rotate(270deg);
    float: left;
    margin-left: -15px;
    font-weight: bold;
    color: #fff;
    width: 22px;
    cursor: pointer;
}

.left-triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #7ACEFF transparent;
    position: absolute;
    left: -14px;
    bottom: 0;
}

.right-triangle-right {
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-color: transparent transparent transparent #7ACEFF;
}

.tab-name {
    padding-left: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: inline-block
}

.three-dot-icon span {
    width: 5px;
    display: inline-block;
}

    .three-dot-icon span .fa {
        font-size: 4px;
        color: #fff;
        margin: 1px;
    }

.three-dot-icon {
    float: left;
}
/* /right-toggle-icon*/
/* /chart */
/* Structured Medication */
.vmenu > li:hover {
    background: none;
}

.menu-bar .subHead td {
    color: #fff;
}
/* /Structured Medication */
/* erx history */
.erx-history-head td {
    color: #fff;
}

#showhidedata {
    position: absolute;
    top: 97px;
    left: 20px;
    z-index: 1000;
    background-color: none;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #ccc;
}
/* / erx history */
/* ajax tab */
.ajax__tab_xp .ajax__tab_header {
    height: 22px;
}

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
        background: none !important;
        padding: 0;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
        background: #fff !important;
        border: 1px solid #ccc;
        color: #a1a1a1;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom: 0 none;
        outline: none;
    }

.ajax__tab_xp .ajax__tab_header {
    background: 0 none !important;
}

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
        color: #083d65;
        background: #dfdfdf !important;
        border: 1px solid #ccc;
        margin-right: 2px !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
        padding: 0;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
        background: none !important;
    }

.ajax__tab_xp .ajax__tab_body {
    border-top: solid 1px #ccc !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    padding-left: 0px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    padding-right: 0px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    background: none !important;
}
/* /ajax tab */
/* Rx and Formulary */
#dvAllergy ul.menu > li:hover {
    background-color: #369;
}
/* message borad */
body tr.message-unread {
    background-color: #D0E0E9 !important;
}

/*.add-group {
    margin-left: 10px
}*/

.group-selection label {
    width: auto
}

.group-selection input {
    vertical-align: top
}
/* /message board */
/* error on page design */
.error-section {
    float: left;
    width: 100%;
}

.error-details {
    padding: 5px 25px 5px 10px;
    background: #FFB3B3;
    color: #fff;
    position: relative;
    border-radius: 2px;
    margin: 5px 0;
}

    .error-details .fa-close {
        position: absolute;
        right: 5px;
        cursor: pointer;
        color: #fff;
    }

.success-details {
    padding: 5px 25px 5px 10px;
    background: #70da70;
    color: #fff;
    position: relative;
    border-radius: 2px
}

.error-mandtry {
    padding: 5px 25px 5px 10px;
    background: #FFB3B3;
    color: #fff;
    position: relative;
    border-radius: 2px
}
/* /error on page design */
/* tree menu */
.tree-menu {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    overflow: auto;
}

.collapse1 {
    background-repeat: no-repeat;
    background-position: -36px -17px;
    cursor: pointer;
}

.expand {
    background-repeat: no-repeat;
    background-position: -50px -17px;
    cursor: pointer;
}

.tree li {
    margin: 0px 0;
    list-style-type: none;
    position: relative;
    padding: 12px 5px 0px 5px;
}

    .tree li::before {
        content: '';
        position: absolute;
        top: 0px;
        width: 1px;
        height: 100%;
        right: auto;
        left: -20px;
        border-left: 1px solid #ccc;
        bottom: 50px;
    }

    .tree li::after {
        content: '';
        position: absolute;
        top: 20px;
        width: 25px;
        height: 20px;
        right: auto;
        left: -20px;
        border-top: 1px solid #ccc;
    }

    .tree li a {
        display: inline-block; /*border:1px solid #ccc;padding:5px 10px;*/
        text-decoration: none;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
/*Remove connectors before root*/
.tree > ul > li::before, .tree > ul > li::after {
    border: 0;
}
/*Remove connectors after last child*/
.tree li:last-child::before {
    height: 20px;
}

.tree:before {
    bottom: 16px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -21px;
    width: 1px;
    z-index: 1;
}

.tree ul:after {
    content: "";
    height: 20px;
    left: -29px;
    position: absolute;
    right: auto;
    top: 37px;
    width: 34px;
}

*:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tree {
    overflow: auto;
    padding-left: 0px;
    position: relative;
}

.tree-submenu li a {
    margin-left: 5px;
}

.tree label {
    margin-bottom: 0px;
}

.tree-submenu {
    padding-left: 27px;
}
/* /tree menu */
/* steps header */
.steps-header {
    padding: 10px;
    background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dedede;
}

.steps-number {
    width: 24%;
    display: inline-block;
    text-align: center;
}

.current-steps .s-number {
    background-color: var(--bgmenucolor);
}

.s-number {
    background-color: var(--labelcolor);
    color: #fff;
    padding: 3px 10px;
    border-radius: 15px;
    display: inline-block;
}

.top-info {
    margin: 10px 0;
    float: left;
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #ccc;
    border-left: 2px solid #6ac8ff;
    box-sizing: border-box;
}

.main-heading {
    margin: 10px 0;
    font-weight: normal;
    text-align: center;
}

.small-heading {
    margin: 10px 0;
    text-align: center;
}

.step-content p {
    margin: 10px 0;
    line-height: 17px;
}

.step-content ul {
    padding: 0 25px;
}

.step-content li {
    list-style-type: disc
}

.indicator {
    padding: 2px 5px;
    display: inline-block;
    border-radius: 2px;
    background-color: #3e8ab5;
    color: #fff;
}

    .indicator .fa {
        color: #fff;
    }
/* /steps header */
/* CCM Dashborad */
.top-dashboard {
    padding: 10px;
    float: left;
    border: 1px solid #e0e0e0;
    width: 100%;
    box-sizing: border-box;
    background: #f5f5f5;
}

.top-dashboard-content {
    float: left;
    width: 100%;
}

.top-dashboard-content-left {
    float: left;
    font-size: 22px;
}

.top-dashboard-content-right {
    float: right;
}

    .top-dashboard-content-right a {
        display: inline-block;
        padding: 3px 5px;
        background: #fff;
        margin: 0 5px;
    }

    .top-dashboard-content-right span {
        display: inline-block;
        /* color: #3e3e3e;*/
    }

.dashboard-content {
    margin-top: 10px;
    background: #fff;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

    .dashboard-content.dashboard_change {
        box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
        background: #fff !important;
        padding: 15px !important;
        border-radius: 10px;
        margin: 0;
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border: 1px solid #c3c3c3;
        height: calc(100% - 25px);
    }

.simple-tab {
    float: left;
    padding: 0px 10px;
    width: 100%;
    box-sizing: border-box;
}

    .simple-tab ul {
        float: left;
        width: 100%;
        background: #e4e4e4;
    }

        .simple-tab ul li {
            float: left;
            border-right: 1px solid #c5c5c5
        }

            .simple-tab ul li.ui-state-active {
                background-color: #fff;
            }

            .simple-tab ul li a {
                float: left;
                padding: 10px 20px;
                color: #676767
            }

                .simple-tab ul li a:focus {
                    outline: none
                }

            .simple-tab ul li.ui-state-active a {
                color: #33a9ee;
            }

.simple-tab-outer, .ui-tabs .simple-tab-outer {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}

.tab-outer-container {
    float: left;
    position: relative;
    width: 100%
}

.top-blue-header {
    width: 100%;
    float: left;
    padding: 10px 10px 0px 10px;
    background: #7ACEFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .top-blue-header h2 {
        color: #fff;
        float: left;
    }

#top-blue-header-tab, .top-blue-header-tab-outer {
    float: left;
    width: 100%;
    padding: 0;
    border: 0 none;
}

.top-blue-header-tab {
    float: left !important;
    width: 100%;
    padding: 10px 0 0px 10px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: none !important;
    background-color: #7ACEFF !important;
    border: none 0 !important;
}

    .top-blue-header-tab li {
        float: left;
        margin: 0 10px 0 0px !important;
        cursor: pointer;
        background: none !important;
        background-color: #1773d7 !important;
        color: #fff !important;
        border: none 0 !important;
    }

        /* .top-blue-header-tab li a {
            padding: 5px 20px !important;
            float: left;
            color: #fff !important;
        }*/

        .top-blue-header-tab li a:focus {
            outline: none
        }

        .top-blue-header-tab li.ui-state-active {
            background: none !important;
            background-color: #fff !important;
        }

/*  .top-blue-header-tab li.ui-state-active a {
                color: #000 !important;
            }*/

.top-blue-header-tab-outer {
    border: 0 none !important;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 !important;
}

#top-blue-header-tab .ui-tabs-panel {
    padding: 0;
}

.top-blue-header-tab li.simple-tab-link {
    background: none !important;
    font-size: 12px
}

.top-blue-header-tab li.ui-state-active a {
    color: var(--labelcolor);
}

.month-calender {
    width: 200px;
}

    .month-calender .ui-widget-content, .month-calender .ui-widget-header {
        background: none;
        border: none 0;
        width: 100%;
    }

    .month-calender .ui-widget-header {
        padding: 0.5em 0;
    }

    .month-calender .ui-datepicker-calendar {
        display: none;
    }

    .month-calender .ui-datepicker .ui-state-hover {
        background: 0 none;
        background-color: #fff;
        top: 2px;
        border: 0 none;
    }

    .month-calender .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .month-calender .ui-datepicker-next-hover {
        border: 0 none;
    }

    .month-calender .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .month-calender .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .month-calender .ui-datepicker .ui-datepicker-header {
        padding-top: 7px;
        padding-bottom: 0;
    }

.pdf-common {
    position: absolute;
    right: 15px;
    bottom: 5px;
}

    .pdf-common .fa {
        font-size: 20px;
    }

.take-pdf {
    width: 100%;
    float: left;
}
/* /CCM dashboard */
/* care plan */
.care-plan-top {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.care-plan-top, .care-plan-tab, .care-plan-tab-content, .care-plan-tab-footer {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.title-box {
    border: 1px solid #EAE9E9;
    box-sizing: border-box;
    border-radius: 10px;
    float: left;
    width: 100%;
    background: white;
}

/*.title-box-title {
    float: left;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    background: #c9c9c9;
    min-width: 100px;
    font-size: 14px;
    color: #777;
    font-weight: 600;
}*/

.col-6 {
    width: 50%;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
}

.title-box-content {
    float: left;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    min-height: 200px;
}

.care-plan-tab-footer {
    border-top: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 0 -5px 5px -5px #dadada;
    position: relative;
}

.create-details {
    display: inline-block;
    padding: 5px;
    background: #fff;
    color: #fff;
    border-radius: 3px;
}

.care-plan-top-container {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.care-plan-mode {
    float: left;
    width: 100%;
}

.care-mode-change .care-plan-mode {
    width: 50%;
    padding: 5px;
    box-sizing: border-box
}

.care-mode-change .care-plan-tab {
    width: 50%;
    box-sizing: border-box
}
/* /care plan */
/* CCM Timer */
.timer {
    float: left;
    width: 100%;
}
/*.timer-block{padding-right:10px;}
*/
.timer-left-block {
    float: left;
    width: 20%;
}

.timer-center-block {
    float: left;
    width: 65%;
}

.timer-right-block {
    float: left;
    width: 15%;
}

.timer-counter {
    float: left;
    padding: 5px 15px;
    border: 1px solid #ccc;
    font-size: 18px;
}

.timer-button-group {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .timer-button-group span {
        float: left;
        min-width: 0;
        margin: 0 5px 0 5px;
    }

.total-time-table {
    background: #d2d2d2;
}

    .total-time-table td {
        font-size: 14px;
        color: #656565
    }
/* /CCM Timer */
/* Month view */
.monthly {
    background: #F3F3F5;
    color: #545454;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

/*.monthly-header a {
    background-color: transparent;
    color: #45BBFF;
    font-weight: bold;
}*/

.monthly-header {
    position: relative;
    text-align: center;
    padding: 2px;
    background: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.monthly-header-title {
    font-size: .8em;
    text-transform: uppercase;
    width: 130px;
}

.monthly-prev {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    opacity: .5;
}

    .monthly-prev:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        border-left: 2px solid #222;
        border-bottom: 2px solid #222;
        width: 8px;
        height: 8px;
        margin: -3px 0 0 -5px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.monthly-next {
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    opacity: .5;
}

    .monthly-next:hover {
        opacity: 1;
    }

.monthly-prev:hover {
    opacity: 1;
}

.monthly-next:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-right: 2px solid #222;
    border-top: 2px solid #222;
    width: 8px;
    height: 8px;
    margin: -3px 0 0 -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.right-button-section {
    float: right;
    padding: 4px;
    border: 0 solid #45BBFF;
    right: 30px;
    z-index: 1;
    background: #f0f0f0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 22px;
    border-radius: 2px;
}

.month-view-white {
    background: #fff;
}
/* /Month view */
/* simple popup */
.simple-popup-content label.label-auto {
    width: auto;
}

.simple-popup-backgrond {
    background-color: rgba(189, 189, 189, 0.5);
    height: 100%;
    width: 100%;
    float: left;
    position: fixed; /*position:absolute;*/
    z-index: 100;
}

.simple-popup-container {
    background: #fff;
    float: left;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 80%;
    box-shadow: 0px 0px 5px 0px #c1c1c1;
    -webkit-animation: pop-swirl 0.5s ease forwards;
}

.simple-popup-content {
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.confirm-button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
}

.clspop {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.simple-popup-header {
    padding: 10px;
    background: #f7f7f7 !important;
    color: var(--labelcolor) !important;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.simple-popup-footer {
    padding: 10px;
    background: #f7f7f7 !important;
    color: var(--labelcolor) !important;
    border-top: 1px solid #ebebeb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
/* /simple popup */
/*.popup-container{-webkit-animation:pop-swirl 0.5s ease forwards;}
*/
/* simple popup */
.alert-msg-bag {
    background-color: rgba(255, 255, 255, 0.1);
    height: 100%;
    width: 100%;
    float: left;
    position: fixed; /*position:absolute;*/
    z-index: 2;
}

.alert-msg-container {
    background: #fff;
    float: left;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 80%;
    box-shadow: 0px 0px 5px 0px #c1c1c1;
}

.alert-msg-content {
    padding: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .alert-msg-content p {
        text-align: center;
    }

.save-alert .fa-check-circle-o {
    color: #57A059;
}

.alert-msg-text {
    font-size: 16px;
}
/* /simple popup */
/* table */
.simple-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
}

    .simple-table > thead > tr > th, .simple-table > tbody > tr > th, .simple-table > tfoot > tr > th, .simple-table > thead > tr > td, .simple-table > tbody > tr > td, .simple-table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border: 0 none;
        border-top: 1px solid #ddd;
        text-align: left
    }

    .simple-table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #cacaca;
    }

    .simple-table > caption + thead > tr:first-child > th, .simple-table > colgroup + thead > tr:first-child > th, .simple-table > thead:first-child > tr:first-child > th, .simple-table > caption + thead > tr:first-child > td, .simple-table > colgroup + thead > tr:first-child > td, .simple-table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

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

    .simple-table .simple-table {
        background-color: #fff;
    }

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.simple-table tbody {
    display: block; /*height:200px;*/
    overflow: auto;
}

    .simple-table thead, .simple-table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.simple-table thead {
    width: calc( 100% - 5px );
    background: #f3f3f3;
}

.newtable-header td {
    font-weight: bold;
    color: #5a5a5a;
    font-size: 12px;
    border-bottom: 1px solid #cacaca;
}

tr.selected {
    background: #f3f3f3;
}

.simple-table .tbl-brdr-top-none td {
    border-top: none
}
/* pagination */
.pagination td {
    float: left;
    border: 1px solid #ddd;
}

    .pagination td span, .pagination td a {
        padding: 6px 12px;
        float: left;
        height: auto
    }

        .pagination td span, .pagination td a:hover {
            background: #efefef;
        }
/* pagination */
.simple-table .inner-table-td td {
    border: 0 none;
}

.break-word td {
    word-break: break-all
}
/*== form breaking word ==*/
.word-break-th th {
    word-break: break-word;
}
/*== form breaking word ==*/
/*== form breaking character ==*/
.break-word-th th {
    word-break: break-all
}
/*== form breaking character ==*/
.simple-table td {
    vertical-align: top
}

.simple-inner-table td {
    padding: 8px;
}

.simple-inner-table > tbody > tr > td {
    border-bottom: 1px solid #ddd;
}
/* /table */
/* patient registration */
.regst-left {
    float: left;
    width: 100%;
    /* padding: 0px 10px;
    border-right: 1px solid #ccc;*/
    box-sizing: border-box
}
/*.regst-right{float:right;width:30%;padding:10px;box-sizing:border-box}
*/
.regst-left-footer {
    float: left;
    padding: 10px 0px;
    box-sizing: border-box;
    width: 30px;
    position: absolute;
    right: 4px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #083d65;
    z-index: 1;
    top: 35px;
}

.regst-details {
    overflow: auto;
    float: left;
    width: 100%;
    height: 200px;
}

.regst-block, .block-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.regst-block-title, .block-box-title {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    background: var(--primary-color);
    color: #fff;
}

.photo-block {
    float: left;
    width: 20%;
}

.regst-block-inner, .block-box-inner {
    float: left;
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
}

.pat-info {
    float: left;
    width: 80%
}

.regst-block-inner .form-field-vert, .vert-field .form-field-vert {
    padding: 0 10px;
    box-sizing: border-box;
}

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

.vert-field .form-field-vert input[type="text"] {
    float: left;
}

.main-outer {
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.slide-section, .lab-template, .save-temp-details, .missing-data-list {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%;
    z-index: 1
}

.lab-template, .missing-data-list, .comment-data-list {
    width: 400px;
}

    .slide-section h3, .lab-template h3, .save-temp-details h3, .missing-data-list h3, .comment-data-list h3 {
        padding: 5px;
        background: #7ACEFF;
        color: #fff;
    }

.slide-section-outer, .lab-template-outer, .save-temp-details-outer, .missing-data-outer, .comment-data-outer {
    border-left: 6px solid #7ACEFF;
    padding: 0;
    position: relative;
    background-color: #fff;
    border-radius: 0;
    min-height: 200px;
    height: 100%
}

.slide-section-content {
    padding: 10px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: calc(100% - 70px);
    overflow: auto;
}

    .slide-section-content .form-field-vert {
        padding: 0 10px;
        box-sizing: border-box;
    }

.reltn-pat {
    float: left;
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px
}

.slide-section-footer {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box
}

#divtaskType .tasktype-header {
    padding: 8px;
    background: #e7dfff;
    color: var(--menuhover-color);
    font-size: 12px;
    font-weight: 700;
}

.addpro-link {
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
}

    .addpro-link .fa {
        color: #fff;
    }

.match-pat {
    float: right;
    margin-right: 30px;
    padding: 2px 10px;
    background: #fff;
    border-radius: 2px;
}

.pat-wth-same-name {
    height: calc(100% - 26px);
}

/*commented by jyoti*/
/*.guarantor-field {
    height: calc(100% - 70px)
}*/

.guarantor-field {
    height: calc(100% - 70px)
}

.pre-provider {
    float: right;
    font-weight: bold;
}

.form-field-vert label i.mandtry, .mandtry {
    color: #f00
}

.slide-section-left .slide-section-outer {
    border-right: 6px solid #7ACEFF;
    border-left: 0;
}

.slide-section-left .three-dot-icon span .fa {
    float: left
}

.regst-left-small {
    width: 70%
}

.regst-left {
    transition: width 0.5s;
}

#matPatient, .slide-section {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.action-bar span {
    padding: 5px 7px;
    float: left;
}

    .action-bar span .fa {
        color: #fff;
    }

.reg-box {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.reg-box-left {
    padding-right: 5px;
}

.action-bar .disable-input {
    background: none
}

    .action-bar .disable-input .fa {
        color: #8aa7bd;
    }

.left-prompt {
    position: absolute;
    right: 35px;
    top: 35px;
    z-index: 10
}

.reg-action-menu {
    position: absolute;
    right: 0;
    padding: 5px;
    background: #083d65;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: 5px;
}

#nav-icon2 {
    width: 30px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 3px;
}

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 36%;
        background: #d3531a;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon2 span:nth-child(even) {
            left: 50%;
            border-radius: 0 9px 9px 0;
        }

        #nav-icon2 span:nth-child(odd) {
            left: 5px;
            border-radius: 9px 0 0 9px;
        }

        #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
            top: 5px;
        }

        #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
            top: 10px;
        }

        #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
            top: 15px;
        }

    #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 7px;
    }

    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 2px);
        top: 7px;
    }

    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 15px;
    }

    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 2px);
        top: 15px;
    }
/* /patient registration */
/* specimen */
.left-specimen {
    float: left;
    width: 30%;
    box-sizing: border-box;
    height: 100%;
    border-right: 1px solid #ccc;
}

.right-specimen {
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding: 10px;
}

.left-specimen-container {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    height: calc(100% - 45px);
    overflow: auto
}

.specimen-type {
    width: 100%;
    border: solid 1px #ccc;
    padding: 5px;
    float: left;
    padding: 10px;
    box-sizing: border-box
}

.left-specimen-footer {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
}

.right-specimen .simple-table > tbody {
    height: calc(100% - 35px)
}

.right-specimen .simple-table {
    height: 100%
}

.right-specimen {
    height: 100%
}
/* /specimen */
/* custom dropdown and race */
.custom-select {
    position: relative;
    height: 20px;
    width: 100%;
}

.custom-selectbox {
    min-height: 26px;
    position: relative;
    width: 100%;
}

.custom-select .select-drop {
    position: absolute;
    top: 26px;
    left: 0px;
    width: 100%;
    float: left;
    z-index: 3;
}

#ulPatData {
    padding-left: 0;
}

.select-dropbox {
    padding-left: 0 !important;
}

ol, ul {
    padding-left: 0;
}

.custom-selectbox .select-dropbox {
    position: absolute; /*bottom:-133px;*/
    left: -1px;
    width: 100%;
    float: left;
    z-index: 1;
}
/*.custom-select input, .custom-selectbox input{background-color:#fff;*/
/*border:0 none;*/
/*padding:5px;*/
/*}
*/
.custom-select input, .custom-selectbox input {
    background-color: #fff;
    float: left;
    margin-right: 3px;
    max-height: 32px;
}

.small-icon {
    padding-left: 3px;
    cursor: pointer;
}

.select-drop, .select-dropbox {
    background: #fff;
    color: var(--labelcolor);
    border: 1px solid #ccc;
    max-height: 400px;
    overflow: auto;
    border-top: none;
}

.select-dropbox {
    max-height: 133px;
}

    .select-drop li, .select-dropbox li {
        width: 100%;
        float: left;
        padding: 5px;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        cursor: pointer;
        word-break: break-all
    }

        .select-drop li:hover, .select-dropbox li:hover {
            background: #f9f9f9;
        }

.custom-select .search-img, .custom-selectbox .fa-sort-desc {
    position: relative;
    top: -1px;
}

.select-drop li.selected, .select-dropbox li.selected {
    background: #F3F3F3;
}

.selectbox-input {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    border-radius: 0.375rem !important;
    min-height: 30px;
    background-color: #fff;
}

.racename, .searchname {
    padding: 2px 5px;
    background: #eaeaea;
    margin: 0 5px 1px 5px;
    display: inline-block;
    border-radius: 4px;
    font-weight: normal;
}

    .racename .fa-times {
        cursor: pointer;
        margin-left: 4px;
    }

.all-slc-race {
    display: inline-block;
}

.selecteddropli {
    background: #f3f3f3;
}
/* /custom dropdown and race */
/* patient portal tab */
.pat-port-left-main {
    padding: 0px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    float: left;
    width: 50%;
    box-sizing: border-box;
    height: calc(100% - 70px)
}

.pat-port-right-main {
    padding: 10px;
    box-sizing: border-box;
    float: left;
    width: 55%;
}

.pat-port-outer {
    float: left;
    width: 100%;
    padding: 5px 5px 0px 5px;
    box-sizing: border-box;
    height: 100%;
}

.pat-port-left {
    float: left;
    width: 100%;
    box-sizing: border-box;
    ;
    overflow: auto;
    height: 100%
}

.pat-port-right {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.table-action-field {
    border-bottom: 1px solid #ccc;
}
/* patient portal tab */
/* POC */
.footer-btn-popover {
    position: relative
}

.filter-drg-doc {
    width: 300px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 7px;
    height: 230px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box
}

.flter-left {
    float: left;
    width: 150px;
    padding: 0px 5px 5px 5px;
    box-sizing: border-box
}

.flter-right {
    float: left;
    width: 120px;
    padding: 0px 5px 5px 5px;
    box-sizing: border-box;
}

.filter-drg-doc .fa-caret-down {
    position: absolute;
    bottom: -11px;
    color: #c7c7c7
}

.filter-drg-doc .flter-right ul {
    overflow: auto;
}

.change-icon > .fa + .fa, .change-icon:hover > .fa {
    display: none;
}

    .change-icon:hover > .fa + .fa {
        display: inherit;
    }

.drug-type-active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #b7b7b7;
}

.chart-poc .chart-poc1, .chart-poc .chart-poc2 {
    width: 50%
}

.chart-poc .chart-poc3 {
    display: none
}

.chart-poc .right-button-section {
    pointer-events: none
}

.chart-poc .fav-star, .chart-poc #lipharmfav {
    pointer-events: none;
    opacity: 0.5;
}
/* /POC */
/* screening */
.screening-container {
    height: calc(100% - 45px);
    float: left;
    overflow: auto
}

.snomed, .snomed ul {
    float: left;
    width: 100%
}

    .snomed li div {
        float: left;
        padding: 5px;
        width: 100%;
        background-color: #f3f3f3;
        border-radius: 2px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .snomed li {
        box-sizing: border-box;
        padding: 5px;
        float: left;
        width: 50%
    }
/* /screening */
/* Immunization Adminstrator new */
.imm-admn .vert-field .form-field-vert input[type="text"] {
    float: none
}

.field-align-popup {
    width: 100% !important
}
/* /Immunization Adminstrator new */
/* pat insurance */
.all-guarantor {
    float: left;
    width: 100%
}

.add-guarantor-field {
    float: left;
    width: 100%
}

.add-guarantor-outer {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.patient-ins {
    height: calc(100% - 40px);
    overflow: auto;
    float: left;
}

.pat-detls-top-left {
    float: left;
    width: 50%
}

    .pat-detls-top-left span {
        float: left;
        width: 100%
    }

.pat-detls-top-right {
    float: right;
    width: auto
}

.block-box-outer {
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
    width: 100%
}
/* /pat insurance */
/* tree-view */
.two-level-tree-view-outer input {
    margin-right: 5px;
}

.two-level-tree-view li {
    padding: 10px 10px;
    background: #efefef;
}

    .two-level-tree-view li ul li {
        border: 1px solid #ccc;
        background: #fff;
        border-bottom: none
    }

        .two-level-tree-view li ul li:last-child {
            border-bottom: 1px solid #ccc;
        }

    .two-level-tree-view li ul {
        margin-top: 5px;
    }

.two-level-tree-view-outer ul:first-child li {
    padding: 10px;
}
/* /tree-view */
/* action menu */
.click-drop-menu {
    position: absolute;
    right: 9px;
    top: 0;
}

    .click-drop-menu > a {
        padding: 5px 10px;
        float: left;
        border: 1px solid rgb(77, 204, 242);
        border-top: none
    }

    .click-drop-menu ul {
        border: 1px solid rgb(77, 204, 242);
        background-color: #fff;
        position: absolute;
        top: 26px;
        right: 0;
        z-index: 9999;
        box-shadow: 0px 2px 4px #7591A7;
        width: 200px;
    }

        .click-drop-menu ul li {
            float: left;
            width: 100%;
        }

            .click-drop-menu ul li a {
                padding: 5px 10px;
                float: left;
                width: 100%;
                box-sizing: border-box;
                border-bottom: 1px solid #e2e2e2;
            }

            .click-drop-menu ul li input {
                border-bottom: 1px solid #e2e2e2;
            }

.dsbl-li-drop a {
    pointer-events: none
}

.click-drop-menu .DisableDiv {
    opacity: initial
}

    .click-drop-menu .DisableDiv a {
        pointer-events: none;
        color: #8cd4ff;
    }

.click-drop-menu .button {
    background-color: #fff;
    color: #33a9ee;
}

.click-drop-menu .DisableDiv .button {
    color: #8cd4ff;
}

.click-drop-menu .buttonDisabled {
    opacity: 1;
    background-color: #fff;
    color: #8cd4ff;
}
/* /action menu */
/* implimentable device */
.pro-detl {
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.pro-detl-outer {
    padding-left: 10px;
    box-sizing: border-box;
    float: left;
    width: 100%
}

.pro-dtl-field label {
    color: #949494;
}

.imp-dev-right {
    height: calc(100% - 40px);
    overflow: auto;
}

.confirm-device .simple-popup-header {
    background: #f7ffed;
}

    .confirm-device .simple-popup-header .fa-check-circle {
        color: #66b700;
    }

.not-confirm-device .simple-popup-header {
    background: #fbeee5;
}

    .not-confirm-device .simple-popup-header .fa-info-circle {
        color: #FF9800;
    }
/* /implimentable device */
/* MIPS Master */
.block-left-form, .block-right-grid {
    height: 100%;
    box-sizing: border-box
}

.block-grid-content {
    width: 100%;
    padding-left: 5px;
    float: left;
    box-sizing: border-box
}
/* /MIPS Master */
/* Race Ethnicity */
.granual-field, .granual-field-ethinicity {
    float: left
}

.field-outer-prefered {
    float: left;
    width: 100%
}
/* /Race Ethnicity */
.drop-search {
    position: absolute;
    left: -1px;
    width: 100%;
    float: left;
    z-index: 1;
}

.custom-selectbox .drop-search ul {
    position: relative;
}

.drop-title {
    text-align: center;
    font-size: 14px;
    width: 100%;
    float: left;
    font-weight: bold;
}

.select-dropbox li.drop-title {
    cursor: default
}

    .select-dropbox li.drop-title:hover {
        background: #fff;
    }
/* MIPS Dashboard */
.block-cnt-link {
    margin: 0;
    display: flex;
}

    .block-cnt-link p {
        margin: 10px 0 5px 0;
    }

    .block-cnt-link .blcok-link-box {
        float: left
    }

        .block-cnt-link .blcok-link-box a {
            margin-right: 10px;
        }

    .block-cnt-link.block-box {
        border-right: 0;
        border-left: 0;
        border-top: 0;
    }

.block-33.block-inner-border:not(:last-child) {
    border-right: 1px solid #d6d6d6;
}

.mips-more-details {
    float: left;
    width: 100%
}

.tin-container, .tin-container-inner {
    float: left
}

.tin-container-inner {
    padding-left: 10px;
}

.mips-filter-field label {
    padding-left: 10px;
    float: none
}

.field-oneline .mips-filter-field input[type="text"] {
    display: inline-block;
}
/* /MIPS Dashboard */
/* accordion table */
.accordion-table {
    margin-top: 10px;
}

.accordion-table, .accordion-table-field {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.accordion-table-title {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.accordion-th, .accordion-td {
    float: left;
    box-sizing: border-box;
}

.accordion-table-field {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px;
    position: relative
}

.up-down-arw {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 5px;
}

.list-details p, .list-details {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.list-details {
    width: 40%
}
/* /accordion table*/
/* tab not open*/
.tab-not-open a {
}

.tab-not-open {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    border: 0 none;
    box-sizing: border-box;
    height: calc(100% - 98px)
}

    .tab-not-open > ul > li {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        background: #59baf3;
        color: #fff !important;
        position: relative;
        text-align: center;
        width: 100%;
        font-size: 15px;
        float: left;
        box-sizing: border-box
    }

    .tab-not-open ul {
        float: left;
        width: 100%
    }

    .tab-not-open .tab-outer {
        height: calc(100% - 37px);
        overflow: auto
    }

.option-left {
    float: left;
    width: 100%
}
/* /tab not open */
/* */
.accordion-group {
    float: left;
    width: 100%;
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .accordion-group .accordion-group-content .lable-name {
        width: 115px;
    }
/* */
.simple-table-hscroll {
    width: 100%
}

    .simple-table-hscroll td, .simple-table-hscroll th {
        text-align: left;
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

.has-code-main {
    word-break: break-all
}
/**/
.datemonth {
    float: left;
    width: 100%
}

.schedule-option {
    float: left
}
/**/
/* CCDA validator - */
.btn-active {
    background-color: #3185c7;
}

.validator-notification {
    float: left;
    width: 100%
}

    .validator-notification ul {
        float: left;
        width: 33%
    }

        .validator-notification ul li {
            float: left;
            width: 100%;
            border: 1px solid #ccc;
            position: relative
        }

            .validator-notification ul li a {
                float: left;
                width: 100%;
                padding: 10px 30px 10px 10px;
                box-sizing: border-box;
            }

.notify {
    position: absolute;
    right: 5px;
    top: 10px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--labelcolor);
    border-radius: 10px;
}

.notify-red {
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.notify-yellow {
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.notify-blue {
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}

.result-error h2 {
    margin-bottom: 10px;
}

.result-error {
    float: left;
    width: 100%;
    overflow: auto
}

    .result-error ul {
        padding: 0 25px;
    }

    .result-error li { /*list-style-type:disc;*/
        background-color: rgba(217, 83, 79, 0.1);
        padding: 10px;
        border: 1px solid #eee;
        border-left-color: #d9534f;
        border-left-width: 5px;
        line-height: 18px;
        word-break: break-all
    }
/* CCDA validator */
/* check in - check out*/
/*.profile-photo{text-align:center}
*/
.photo-outer {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center
}

    .photo-outer i {
        font-size: 4em;
    }

    .photo-outer img {
        width: 100%;
        height: 100%
    }

.profile-details-title, .brd-title {
    padding-bottom: 7px;
    position: relative;
    border-bottom: 2px solid #ccc;
}

    .profile-details-title:before, .brd-title:before {
        position: absolute;
        background: #2196F3;
        height: 2px;
        content: '';
        width: 30%;
        bottom: -2px;
        left: 0;
    }

.pro-dtl-cntn table td {
    padding: 5px 0;
    vertical-align: top
}

.profile-details h4 {
    margin-top: 10px;
    box-sizing: border-box;
    font-weight: 700;
}

.accordion-header.deny-active-header {
    background: #c7e6ff;
    text-decoration: line-through;
}

.chkout-notes textarea {
    width: 100%;
    height: 50px;
    resize: none;
    box-sizing: border-box
}

.pro-dtl-cntn {
    float: left;
    height: calc(100% - 45px);
    overflow: auto;
    width: 100%;
}
/* /check in - check out*/
/* check in out report */
.main-title-details, .sub-title-details {
    float: left;
    width: 100%
}

.sub-title-details {
    overflow: auto;
}
/* /check in out report */
/* fax service */
.fax-message li {
    padding: 5px 5px 5px 15px;
    font-size: 14px;
}

    .fax-message li i {
        margin-right: 10px;
    }
/* /fax service */
/* form designer */
.block-container .form-builder .paragraph-field, .build-wrap .form-field .paragraph-field {
    border: 1px solid #fff;
    margin-bottom: 0
}

.block-container .build-wrap .form-wrap.form-builder .frmb .paragraph-field .form-group {
    padding: 10px;
}

.frmb .form-field .field-label span, .frmb .form-field .field-label h1, .frmb .form-field .field-label h2, .frmb .form-field .field-label h3, .frmb .form-field .field-label h4 {
    font-family: arial, verdana, sans-serif !important;
    font-size: 16px !important;
    color: #fff !important;
    background-color: transparent !important
}

.frmb .form-field .form-group.fb-paragraph span {
    font-family: arial, verdana, sans-serif !important;
    font-size: 12px !important;
    color: var(--labelcolor) !important;
    background-color: transparent !important
}

.fb-text input[type=text] {
    height: 26px !important;
}

.fb-textarea textarea {
    max-width: 600px
}

.dwnld-text-dotted {
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.drop-block {
    position: relative
}

.block-empty {
    position: relative
}

    .drop-block.empty:after, .block-empty.empty:after {
        content: attr(data-content);
        position: absolute;
        text-align: center;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -1em;
        color: #b7b7b7;
        font-size: 14px;
    }

.empty .right-cat-block {
    border: 2px dotted #ccc
}

.dsbl-icon-frm {
    pointer-events: none;
    opacity: 0.5 !important
}
/* form designer */
/* form table inline */
.vert-field .form-table-inline label {
    width: auto
}

.vert-field .form-table-inline input {
    width: auto
}

.input-with-drop {
    float: left;
    width: auto
}

    .input-with-drop .input-drop-icon {
        padding: 5px;
        background: #3185c7;
        display: inline-block;
    }

.input-with-drop {
    color: #fff;
}

    .input-with-drop .add-value i {
        font-size: 20px;
    }

.input-drop-outer {
    width: auto;
    position: relative;
    float: left
}

    .input-drop-outer .select-drop {
        position: absolute;
    }
/* form table inline */
/* ROSPE */
.add-value-outer {
    position: relative;
    display: inline-block
}

    .add-value-outer li {
        float: left;
        width: 100%
    }

    .add-value-outer input[type="text"] {
        width: 100%
    }

    .add-value-outer .dropdown-popup-right {
        right: -10px
    }

.dropdown-popup-right .fa-caret-up {
    right: 10px
}
/* /ROSPE */
/* ROSPE Config */
.drop-list-left li {
    position: relative;
    padding-right: 25px;
}

    .drop-list-left li .fa-edit {
        position: absolute;
        right: 5px;
    }

.drop-list-title {
    padding-right: 25px;
    position: relative
}

    .drop-list-title .fa-edit {
        position: absolute;
        right: 5px;
        top: 7px
    }

.view-element-Category li {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 1px;
    background: #fff;
}
/* /ROSPE Config */
/* Diagnostic Orders New */
.block-3-part {
    height: 100%
}

    .block-3-part .col-md-4 {
        width: 33.33%;
        float: left;
        height: 100%
    }

    .block-3-part .groups {
        border: 1px solid #ccc;
        float: left;
        width: 100%;
        box-sizing: border-box;
        height: 100%
    }

    .block-3-part .group-content {
        padding: 10px;
        box-sizing: border-box;
        float: left;
        width: 100%;
        color: #004E8F;
        height: 100%
    }

    .block-3-part .group-outer {
        width: 100%;
        float: left;
        overflow: auto;
    }

    .block-3-part .group-outer-medication {
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    .block-3-part .button-footer {
        padding: 10px 0px;
        box-sizing: border-box;
        float: left;
        width: 100%;
        border-top: 1px solid #ccc;
        margin-top: 10px;
    }

    .block-3-part .button-left {
        float: left;
    }

    .block-3-part .button-right, .button-right {
        float: right;
    }

    .block-3-part .button-footer .button, .block-3-part .active-medication-option .button {
        background-image: none;
        border: 0 none;
        padding: 5px 10px;
        background-color: #3FA8FF;
        box-sizing: border-box;
    }

        .block-3-part .button-footer .button:hover, .block-3-part .active-medication-option .button:hover {
            background-image: none;
            border: 0 none;
            padding: 5px 10px;
            background-color: #3FA8FF;
        }

.group-main-title {
    font-size: 14px;
    font-weight: bold
}
/*UI changes related stop diagnosctic page 8-1-2023 by jyoti*/

.template-stru {
    border-left: 2px solid var(--primary-color);
    box-shadow: 0px 0px 5px 0px #ccc;
    box-sizing: border-box;
    width: 99%;
    background-color: #fff;
}

    .template-stru:hover {
        box-shadow: 1px 1px 4px #8a8a8a;
    }

    /*UI changes related stop diagnosctic page 8-1-2023 by jyoti end*/

    /*UI changes related stop diagnosctic page 8-1-2023 by jyoti end*/
    /*.template-stru {
    border-left: 2px solid #7acfff;
    box-shadow: 0px 0px 5px 0px #ccc;
    box-sizing: border-box;
    width: 99%
}*/

    /*.template-stru:hover {
        box-shadow: 0px 0px 5px 0px #7acfff;
    }*/

    .template-stru .block-box-title {
        border-bottom: 1px solid #ccc;
        background: none;
        color: var(--labelcolor);
    }

.template-cat {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.template-cat-title {
    font-weight: bold
}

.template-cat-details {
    padding: 5px 0px 0px 10px;
    box-sizing: border-box
}

.template-stru .block-box-inner {
    padding-bottom: 0;
}

.recent-order {
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

    .recent-order li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
        box-sizing: border-box
    }

        .recent-order li:hover {
            background: #f7f7f7;
        }
/* list block */
.list-block {
    float: left;
    width: 100%;
}

    .list-block li {
        margin-bottom: 15px;
        float: left;
        width: 100%;
        border: 1px solid var(--bordercolor);
        box-sizing: border-box;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

#ulGridData li {
    box-shadow: 1px 1px 4px #8a8a8a !important;
}

#ulGridData .list-block-details {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#ulGridData .list-title-left {
    color: #33a9ee;
}

.icon-org {
    color: #e55704 !important;
}

.list-block-title {
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: right;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
}

.list-block-details {
    float: left;
    width: 100%;
    background-color: #fff;
}

.list-block-outer {
    float: left;
    padding: 5px;
    width: 100%;
    box-sizing: border-box
}

.list-block-details-title {
    float: left;
    width: 100%;
    font-size: 14px;
}

    .list-block-details-title .list-title-left {
        float: left;
        width: 80%
    }

    .list-block-details-title .list-title-right {
        float: right;
        width: 20%;
        text-align: right
    }

.list-block-details-content {
    float: left;
    width: 100%
}

    .list-block-details-content table {
        padding: 5px;
    }

        .list-block-details-content table td {
            padding: 3px;
        }

.add-edit-dig-tem .vert-field {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .add-edit-dig-tem .vert-field .profile-details-title {
        margin-bottom: 10px;
    }

.profile-details-title {
    float: left;
    width: 100%
}

.selected-order {
    padding: 0 7px
}

    .selected-order li {
        padding: 5px;
        position: relative
    }

        .selected-order li .slct-order-close {
            position: absolute;
            right: 0;
            top: 6px
        }

.fa-check-icon {
    padding-right: 5px;
}
/* /Diagnostic Orders New */
/* drop list */
.drop-list-outer {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
}

.drop-list-title {
    font-weight: bold;
    font-size: 16px;
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.drop-list {
    padding-left: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

    .drop-list li {
        padding: 5px;
        float: left;
        width: 100%;
        box-sizing: border-box
    }
/*.view-element{float:left;width:50%;box-sizing:border-box}
*/
.search-rospe {
    padding: 5px;
    float: left;
    width: 100%
}

    .search-rospe b {
        padding-right: 10px;
        padding-left: 10px;
    }

.tgle-cat {
    padding: 10px;
}

.block-content .drop-list label {
    padding: 0
}

.right-cat-block {
    padding: 5px;
    box-sizing: border-box;
    height: calc(100% - 40px);
    overflow: auto
}
/* /drop list */
/*chart geesemedn form tab */
.form-temp-list {
    float: left;
    width: 100%;
    overflow: auto;
    height: calc(100% - 26px)
}

.slct-form {
    float: left;
    width: 100%;
    padding: 5px;
}

.form-temp-list li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc
}

    .form-temp-list li a {
        padding: 5px;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

        .form-temp-list li a:hover {
            background: #bad7ee;
        }

        .form-temp-list li a.temp-slct {
            background: #bad7ee;
        }

.form-temp-tab-title {
    padding: 5px;
    text-align: center;
    font-size: 14px;
    background: #bad7ee;
    color: #6f6f6f;
}

.slct-temp-details, .slct-temp-details ul, .slct-temp-details ul li, .slct-temp-details .chrt-frmcntrl-title, .slct-temp-details .chrt-frmcntrl-details {
    float: left;
    width: 100%
}

.slct-temp-details {
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
    height: calc(100% - 26px)
}

    .slct-temp-details ul li {
        border: 1px solid #7bb3de;
        margin-bottom: 5px;
    }

        .slct-temp-details ul li:hover {
            border-color: #66afe9;
            outline: 0;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(102,175,233,.6)
        }

    .slct-temp-details .chrt-frmcntrl-title {
        background: #f1f1f1;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid #c5c5c5;
        font-weight: bold;
        word-break: break-all
    }

    .slct-temp-details .chrt-frmcntrl-details {
        padding: 5px 10px 5px 25px;
        box-sizing: border-box;
        word-break: break-all
    }
/*chart geesemedn form tab */
/* alert chart */
.alert-all tr.alrt-tr {
    background: #ffffff;
    box-shadow: 0 0 2px 0 #9e9e9e;
    box-sizing: border-box;
}

.alert-all tr td.alrt-td {
    padding: 10px;
    margin: 5px 0;
}

.alert-table {
    float: left;
    width: 100%
}

    .alert-table .fa {
        line-height: 12px;
        vertical-align: top;
    }

    .alert-table .alrt-due-date {
        text-align: right
    }

    .alert-table .tr-space, .alert-table .tr-space td {
        margin: 0;
        padding: 0;
        background: 0;
        border: 0;
        box-shadow: none
    }

        .alert-table .tr-space td {
            padding: 5px
        }

.suppress-content {
    transition: all 0.5s ease;
}

.suppress-content-outer {
    float: right;
    margin-top: 10px;
}

.suppress-button {
    width: 100%;
    float: left;
    margin-top: 5px;
}

    .suppress-button input {
        margin-right: 5px
    }

.suppress-content-outer textarea {
    width: 100%
}
/* telephonic encounter */
.tlephon-details td {
    padding: 10px;
}
/* /telephonic encounter */
/* erx new */
.medication-last-li.medication-provider {
    border-left: 5px solid #4DCCF2;
}
/* /erx new */
.nr-modal-title {
    padding: 10px;
    float: left;
    width: 100%;
    background: #f7f7f7;
    color: var(--labelcolor);
    border-bottom: 1px solid #ebebeb;
}
/* superbill */
.sup-cpt {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 1px;
    height: calc(100% - 62px)
}

.sup-icd {
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: calc(100% - 62px)
}

.cpt-outer {
    height: calc(100% - 35px);
    overflow: auto
}

.icd-outer {
    height: calc(100% - 35px);
    overflow: auto
}
/* superbill */
/* chart MU3 */
.chart-left {
    float: left; /*width:180px;*/
    height: 100%
}

.chart-right {
    float: left;
    height: 100%;
    opacity: 0;
    width: calc(100% - 180px)
}

.chart-info {
    position: absolute;
    right: 10px;
    top: 0;
    border: 1px solid rgb(77, 204, 242);
    padding: 5px 7px 3px 7px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chart-tab .ui-tabs-nav li, .chart-tab .nav-tabs li, .dyn-tab .ui-tabs-nav li, .dyn-tab .nav-tabs li {
    border: 1px solid #ccc;
    background: #dfdfdf;
    border-bottom: none;
}

.chart-tab .ui-tabs-nav .ui-tabs-anchor, .dyn-tab .ui-tabs-nav .ui-tabs-anchor {
    color: #083d65;
}

.chart-tab .ui-tabs-nav li.ui-tabs-active, .chart-tab li.ui-tabs-active, .dyn-tab .ui-tabs-nav li.ui-tabs-active, .dyn-tab li.ui-tabs-active {
    background: #fff;
    color: #717171;
}

    .chart-tab .ui-tabs-nav li.ui-tabs-active a:focus, .dyn-tab .ui-tabs-nav li.ui-tabs-active a:focus {
        outline: none
    }

.DataTD a, .click-drop-menu a {
    color: #33a9ee
}

.chart-tab .nav-tabs li, .dyn-tab .nav-tabs li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

    .chart-tab .nav-tabs li a, .dyn-tab .nav-tabs li a {
        padding: 5px 10px;
        float: left !important;
        color: var(--labelcolor) !important;
    }

.chart-tab .tab-content, .dyn-tab .tab-content {
    height: calc(100% - 34px);
    float: left;
    width: 100%;
}

.removetab i {
    color: #b1b1b1
}
/* chart MU3 */
/* Loader */
.waitingPDR img, #pageLoading img, #loadingImg img, #div_loader img {
    display: none
}

.waitingPDR, #pageLoading, #loadingImg, #div_loader {
    color: #009ec3;
    font-size: 7px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 9999;
}

@-webkit-keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
/* /Loader */
/* template designer */
.list-group .temp-view-expand {
    font-size: 12px;
    margin-right: 5px;
}

li.temp-parent .temp-parent-name {
    color: #33a9ee;
    font-weight: bold
}
/* Home page changes */
#nav-icon1 {
    width: 25px;
    height: 14px;
    position: relative;
    float: right;
    margin-right: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #949494;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon1 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon1 span:nth-child(2) {
            top: 5px;
        }

        #nav-icon1 span:nth-child(3) {
            top: 10px;
        }

    #nav-icon1.open span:nth-child(1) {
        top: 6px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #nav-icon1.open span:nth-child(3) {
        top: 6px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.dots * {
    box-sizing: content-box;
    list-style-type: none;
}

.dots {
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 9;
}

    .dots .dots-outer {
        display: box;
        position: relative;
        width: auto;
        padding: 10px 0;
        float: left;
    }

        .dots .dots-outer .dots-span {
            display: block;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            background-color: #FFF;
            -webkit-box-shadow: 1px 1px 5px #808080;
            -moz-box-shadow: 1px 1px 5px #808080;
            box-shadow: 1px 1px 5px #808080;
            padding: 10px;
            width: 30px;
            height: 30px;
            margin: 0 auto;
            line-height: 30px;
            text-align: center;
            position: relative;
            border: 5px solid #FF9800;
            font-size: 20px;
            cursor: pointer;
        }

        .dots .dots-outer mark {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            border: 2px solid #FFF;
            width: 20px;
            height: 20px;
            background-color: #FF6B6B;
            position: absolute;
            top: -5px;
            left: -10px;
            font-size: 10px;
            line-height: 20px;
            font-family: 'Roboto', sans-serif;
            font-weight: var(--font600);
            color: #FFF;
            font-weight: 700;
        }

            .dots .dots-outer mark.big {
                width: 30px;
                height: 30px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px;
                line-height: 30px;
                font-size: 16px;
                top: -10px;
                left: -15px;
            }

            .dots .dots-outer mark.green {
                background-color: #27ae60;
            }

            .dots .dots-outer mark.blue {
                background-color: #3498db;
            }

    .dots > .dots-outer > .dots-span > mark {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    .dots > .dots-outer:hover > .dots-span > mark {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }

        .dots > .dots-outer:hover > .dots-span > mark.swing {
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing;
        }

.dots-outer {
    list-style-type: circle;
}

code {
    background: #ecf0f1;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 1;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.arrow, .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.arrow {
    border-width: 11px;
}

.arrow {
    bottom: -40px;
    right: 25px;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    z-index: 999;
    -webkit-animation: pop-swirl .5s ease forwards;
    will-change: bottom,right;
    transform-origin: -100% -500%;
    transition: opacity .15s linear;
    opacity: 1;
}

    .arrow, .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
    }

        .arrow:after {
            content: "";
            border-width: 10px;
        }

        .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0;
        }
/* /Home page changes */
/* Add client Admin screen */
.addclient-outer {
    float: left
}

.check-inline label {
    margin-left: 10px;
}

    .check-inline label:first-child {
        margin-left: 0px;
    }
/* Add Provider Admin Screen */
.add-client-provider {
    float: left;
    width: 100%
}

.add-slct-mult {
    float: left;
    width: 100%;
    margin-top: 5px;
}

    .add-slct-mult .fa-times {
        position: absolute;
        right: 3px;
        top: 3px
    }

    .add-slct-mult div {
        position: relative;
        padding: 5px 15px 5px 5px;
        border: 1px solid #ccc;
        margin-bottom: 1px;
        background: #f1f1f1;
        border-radius: 2px;
    }

.min-popup-continer {
    position: absolute;
    bottom: 0;
    left: 0;
}

.min-box-pop {
    padding: 10px;
    background: #f7f7f7 !important;
    color: var(--labelcolor) !important;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: auto;
    float: left;
    margin-right: 10px;
    box-shadow: 0px 0px 5px 0px #797979;
    border-bottom: 3px solid #e69745;
}

.min-box-title {
    margin-right: 20px;
}

.min-box-pop .click-max {
    margin-right: 10px;
}

.min-box-pop .fa {
    color: var(--labelcolor)
}

.vital-config .drop-list-outer, .drop-element .drop-list-outer {
    border-radius: 0px;
}

.vital-config .drop-list-title, .drop-element .drop-list-title {
    border-bottom: 0
}

.vital-config .sort-item-list, .drop-element .sort-item-list {
    border: 1px dashed #ccc;
}

.vital-config .drop-list-title .drop-list-title-close, .drop-element .drop-list-title .drop-list-title-close {
    position: absolute;
    right: 10px;
}

.vital-config .sort-item-list .drop-list-title, .drop-element .sort-item-list .drop-list-title {
    padding-right: 30px;
}

.control-container {
    width: 100%;
    float: left;
    height: calc(100% - 46px)
}

.vital-config .right-cat-block {
    height: 100%;
}

.v-control-panel {
    width: 100%;
    float: left;
    height: calc(100% - 35px);
    overflow: auto
}

.label-box-content {
    width: 100%;
    float: left
}

    .label-box-content label {
        width: auto
    }

    .label-box-content .label-box-content-cntrl {
        float: right;
        padding: 2px;
    }

.cntrl-dvd-box {
    width: 34%;
    padding-right: 2px;
    box-sizing: border-box;
    float: left
}

.v-control-panel .cntrl-dvd2 input {
    width: 50%
}

.cntrl-inch {
    display: none
}

.cntrl-dvd2 .cntrl-inch {
    display: inline-block
}

.bp-block {
    padding-top: 0px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.bp-insert-val {
    float: left;
    width: 99%;
    margin-top: 0px;
    box-sizing: border-box;
    max-height: 140px;
    overflow: auto
}

    .bp-insert-val li {
        border: 1px solid #ccc;
        background: #f1f1f1;
        padding: 5px 25px 5px 5px;
        margin-bottom: 2px;
        position: relative;
        float: left;
        width: 100%;
        box-sizing: border-box
    }

    .bp-insert-val .remove-bp-insert-val {
        position: absolute;
        right: 5px;
        top: 4px;
    }
/*.v-control-panel select{padding:4px 5px 4px 6px;}
*/
.vital-cntl-data-pnl {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    position: relative;
}

    .vital-cntl-data-pnl table {
        position: relative;
        border-collapse: collapse;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .vital-cntl-data-pnl td, .vital-cntl-data-pnl th {
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

    .vital-cntl-data-pnl thead th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: 0;
        background: #f1f1f1;
        text-align: left
    }

        .vital-cntl-data-pnl thead th:first-child {
            left: 0;
            z-index: 1;
            background: #adadad;
            color: #ffffff;
        }

    .vital-cntl-data-pnl tbody th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        left: 0;
        background: #f1f1f1;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

.vital-chart-select {
    float: left;
    width: 100%;
}

.vital-chart-container {
    float: left;
    width: 100%;
    height: calc(100% - 45px)
}

.vital-screen::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.vital-screen::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
}

.vital-screen::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(154, 154, 154, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    .vital-screen::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4);
    }

.vital-screen::-webkit-scrollbar-button {
    background: rgba(54, 145, 197, 0.9);
}

.mainframe, #UpdatePanel1 {
    float: left;
    width: 100%
}
/** Home Page Left Bar Config **/
.block-box-title-button {
    padding: 1px 10px;
    background: #fff;
    border-radius: 3px;
    color: #377498;
}

.drop-element .drop-list-title {
    padding-right: 30px;
}

.add-master-block {
    position: absolute;
    width: 100%;
    float: left;
    left: 0;
    background: #fff;
    z-index: 1;
    border: 1px solid #ccc;
    top: 26px;
}

.drop-element .block-box-title {
    position: relative
}

.drop-element .block-box-inner {
    height: calc(100% - 27px);
    overflow: auto;
}

.drop-element .vert-field {
    float: left;
    width: 100%
}

.drop-element .right-cat-block {
    padding: 5px;
    height: calc(100% - 40px);
}

.assign-user-list li {
    width: 100%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 1px;
    background: #f1f1f1
}

.assign-user-list .user-selectall {
    background: #fff;
    border: 0;
}

.pract-setting .brd-title {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    padding-top: 5px;
}

.block-box-shadow-outer {
    width: 100%;
    padding: 5px;
    box-sizing: border-box
}

.pract-setting .block-box {
    border: none
}

.pract-setting .block-2 {
    padding-right: 10px;
}

.practice-content {
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
    width: 100%;
    float: left
}

    .practice-content li {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

        .practice-content li div {
            float: left;
            width: 100%;
            padding-left: 15px;
            box-sizing: border-box;
        }

        .practice-content li i {
            position: absolute;
            left: 0px;
        }

    .practice-content ul {
        float: left;
        width: 100%;
        position: relative
    }

.pract-setting .brd-title .fa-cog {
    padding-right: 5px;
}

.drop-element .drop-list-outer.pin {
    border: 1px solid #ccc;
}
/* Admin Linking Page */
.list-content-outer {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px 0px 0px;
}

.list-content {
    border: 1px solid #ccc;
    float: left;
    padding: 2px;
    width: 100%;
    box-sizing: border-box
}

    .list-content li {
        border-top: 1px solid #ccc;
        float: left;
        width: 100%;
        box-sizing: border-box
    }

        .list-content li:first-child {
            border-top: 0 none;
        }

.list-select-all li:first-child {
    background: #efefef;
}

.list-content li label {
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer
}

.list-select-all li label {
    width: auto
}

.list-content .list-content-search {
    width: 200px;
    float: right;
}

.block-user-list {
    float: left;
    height: calc(100% - 30px);
}
/* Refill req */
.refill-req-left {
    width: 320px;
    height: 100%;
    min-height: 170px;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    position: absolute;
    right: 3px;
}

.refill-req-left-open {
    -webkit-transform: translate(322px,0);
    -moz-transform: translate(322px,0);
    -o-transform: translate(322px,0);
    -ms-transform: translate(322px,0);
    transform: translate(322px,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.refill-req-left h3 {
    padding: 5px;
    background: #7ACEFF;
    color: #fff;
}

.refill-req-left-outer {
    border-left: 6px solid #7ACEFF;
    box-shadow: 0 0 4px rgba(0,0,0,.6);
    padding: 0;
    position: relative;
    background-color: #fff;
    border-radius: 0;
    min-height: 200px;
    height: 100%
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .1s ease-in-out .2s forwards, scale .1s ease-in-out .3s both;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.2s cubic-bezier(0.65, 0, 0.45, 1) 0.3s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}
/* Notification */
.badge1-notification {
    position: relative;
}

    .badge1-notification[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: -5px;
        right: 0px;
        background: #ff9696;
        color: white;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        box-shadow: #949494 1px 2px 2px;
    }
/* End Notification */
.tag-data {
    display: inline-block;
    padding: 2px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin-right: 5px;
    margin-top: 2px;
}
/*PCC Analytical Rpt*/
.graph-block-main {
    display: flex;
    margin-left: 10px;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.graph-block-inner {
    width: 24%;
    float: none;
    margin: 4px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 15px 10px 25px 10px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    transition: all 0.5s;
}

    .graph-block-inner:hover {
        box-shadow: none;
    }

    .graph-block-inner h3 {
        color: #000;
        padding: 10px;
    }

    .graph-block-inner span {
        text-align: left;
        display: block;
        margin-bottom: 0px;
    }

    .graph-block-inner canvas {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .graph-block-inner span:nth-last-of-type(1) span {
        color: #c68cb5;
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }

    .graph-block-inner span:nth-last-of-type(2) span {
        color: #f0cb9a;
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }

    .graph-block-inner span:nth-last-of-type(3) span {
        color: #8b8bff;
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }

    .graph-block-inner span:nth-last-of-type(4) span {
        color: #5b9bd5;
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }

    .graph-block-inner span:nth-last-of-type(5) span {
        color: #ed7d31;
        display: inline-block;
        font-size: 18px;
        margin: 0px;
    }

.inr-txt {
    display: block;
    width: 100%;
    float: left;
    font-size: 11px;
    position: relative;
    bottom: 0px;
    padding-top: 5px;
    color: #3186c7;
}
/*PCC Analytical Rpt*/
.rmn-iconinnr {
    width: 25px;
    height: 15px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #f0f0f0;
    border: 1px solid #dcdcdc;
    color: #b32e2e;
    font-size: 12px;
    line-height: 15px;
    cursor: pointer;
    padding: 0 5px;
    box-sizing: border-box;
    word-break: break-all;
}

.rmn-icon {
    float: left;
    position: relative;
    overflow: hidden;
    width: 25px;
    height: 15px;
    line-height: 15px;
    padding: 0;
    margin-right: 5px;
    border: 0 !important;
    font-size: 12px;
}
/* Patient Details display with CSS */
.mnTtlBld {
    font-weight: bold;
    font-size: 14px;
}

.semiTtl {
    color: #6f6969;
    font-size: 10px;
    font-weight: 700;
}

.smlTtl {
    font-size: 9px
}

.importicon {
    position: relative;
    padding-right: 5px;
    cursor: pointer;
    /* margin: 0 0px 0 5px;*/
}

    .importicon:before {
        content: "\f016";
        font-family: 'FontAwesome';
        font-size: 14px;
        line-height: 20px;
        color: #45bbff;
    }

    .importicon:after {
        content: "\f178";
        font-family: 'FontAwesome';
        line-height: 16px;
        color: #fff;
        position: absolute;
        left: -2px;
        font-size: 10px;
        top: -1px;
        color: #45bbff;
    }

.Searchhighlighted {
    background-color: yellow;
}

/* Patient Details display with CSS */
@media only screen and (min-width:320px) and (max-width:992px) {
    .mobile-right {
        width: 20% !important;
        padding-right: 15px;
    }

    .mobile-left {
        width: 80% !important;
    }

    .card-outer-main {
        display: flex;
        flex-wrap: wrap;
        float: left;
        width: 85%
    }
}

.circle-num {
    border-radius: 50%;
    padding: 2px;
    background: #fff;
    border: 1px solid #fff;
    color: #1773d7;
    text-align: center;
    font: 10px Arial, sans-serif;
    position: relative;
    position: relative;
    right: -20px;
    top: -11px;
}

.top-blue-header-tab .activeMainTab .circle-num, .top-blue-header-tab .ui-state-active .circle-num {
    background: #1773d7;
    color: #fff;
    border: 1px solid #1773d7;
}

.eligibity-block tr td:nth-child(even) {
    width: 70%;
}

.eligibity-block tr td:nth-child(odd) {
    width: 30%;
    font-weight: bold
}

.demo-enable {
    height: 150px
}

.patient-app-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.slide-section-outer .patient-app-close {
    color: #fff;
}

.view-app.close-slide {
    right: -1500px
}

.view-app.open-slide {
    right: 0px
}
/* EPA Tooltip*/
.tooltip, .left-tooltip {
    position: relative; /* making the .tooltip span a container for the tooltip text */
    border-bottom: 1px dashed #000; /* little indicater to indicate it's hoverable */
}

    .tooltip:before, .left-tooltip:before {
        content: attr(data-text); /* here's the magic */
        position: absolute;
        /* vertically center */
        top: 50%;
        transform: translateY(-50%);
        /* move to right */

        margin-left: 13px; /* and add a small left margin */
        /* basic styles */
        width: 500px;
        padding: 10px;
        border-radius: 10px;
        background: #134f72e6;
        color: #fff;
        text-align: center;
        display: none; /* hide by default */
    }

    .tooltip:before {
        left: 100%;
    }

    .left-tooltip:before {
        right: 100%;
        margin-right: 13px;
    }

    .tooltip:hover:before, .left-tooltip:hover:before {
        display: block;
    }

    .tooltip:after, .left-tooltip:after {
        content: "";
        position: absolute;
        /* position tooltip correctly */

        margin-left: -5px;
        /* vertically center */
        top: 50%;
        transform: translateY(-50%);
        /* the arrow */
        border: 10px solid rgba(27, 88, 121, 1);
        border-color: transparent #2a6080 transparent transparent;
        display: none;
    }

    .tooltip:after {
        left: 100%;
    }

    .left-tooltip:after {
        right: 100%;
        border-color: transparent transparent transparent #2a6080;
    }

    .tooltip:hover:before, .tooltip:hover:after, .left-tooltip:hover:before, .left-tooltip:hover:after {
        display: block;
    }
/* 27-10-2023.dropmenu css*/
#nav li a.top_link span {
    float: left;
    display: block;
    padding: 0 17px 0 5px;
    height: 26px;
    font-weight: var(--font600);
    /*background: url(Menu/three_0.gif) right top no-repeat;*/
}

.mainMenu {
    background: var(--primary-color);
    padding-bottom: 0px;
    /*height: 26px;*/
    /*line-height: 28px;*/
}

#nav li.top {
    display: block;
    float: left;
    height: 27px;
    margin-top: 0;
    transition: all 0.5s;
}
/*#nav li a.top_link span {
    float: left;
    display: block;
    padding: 0 4px;
    height: 26px;
    font-weight: 500;
}*/
ul.select-drop {
    padding-left: 0 !important;
}

#nav li:hover {
    position: relative;
    z-index: 200;
    background: #eaeaea;
}
    /*menu changes 19-12-2024 - width by jyoti start*/
    #nav li:hover li:hover li:hover li:hover ul {
        left: 187px !important;
    }

    #nav li:hover li:hover li:hover ul {
        left: 194px !important;
    }
    /*menu changes 19-12-2024 - width by jyoti end*/
    #nav li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
        left: 202px;
        top: -1px;
        background: #fff;
        padding: 3px;
        border: 1px solid #3186C7;
        white-space: nowrap;
        width: 100%;
        z-index: 400;
        height: auto;
        box-shadow: 0px 2px 4px #7591A7;
    }

.container-fluid {
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    background-color: #fff;
    height: 100%;
}

.innerFrgt {
    max-width: 328px;
    margin: 0 !important;
    display: block !important;
    vertical-align: middle;
    min-height: 179px !important;
}

.forget_main {
    height: 200px;
}

    .forget_main.block-container-outer {
        height: 200px;
    }

.forget_modal .simple-popup-content {
    height: 200px;
}

.login-button {
    color: #fff;
    background-color: var(--btnprimarycolor);
    border-radius: 2px;
    border: 0 none;
    transition: all 0.5s;
    cursor: pointer;
    /* min-width: 70px; */
    font-weight: var(--font600);
    line-height: 1.53;
    padding: 0.4375rem 1.25rem;
    font-size: 0.9375rem;
}

#Div_Ifrm_Popup {
    position: absolute !important;
    top: 0 !important;
}
/*30-11-2023*/
#frmBannerDocree {
    width: 60% !important;
}

.new-doc {
    text-align: justify !important;
}

.edit-cal-icon {
    background: url(images/edit-cal.svg);
    width: 18px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}