.universal-style-regular {
    font-family: 'OpenSansRegular' !important;
}
.universal-style-bold {
    font-family: 'OpenSansBold' !important;
}
.universal-style-semibold {
    font-family: 'OpenSansSemiBold' !important;
}
.universal-style-OpenSansLight {
    font-family: 'OpenSansLight' !important;
}
.universal-font-color-heading{
    color: var(--universal--titleHeader--fontColor) !important;
}
.universal-font-color-text{
    color: var(--universal--font--color--text) !important;
}
.universal-font-color-para{
    color:var(--para--font--color) !important;
}
.universal-setting-text-style {
    color: var(--schedular--font--color) !important;
}
.universal-font-size-text{
    font-size: 12px !important;
}
.universal-font-color-para-report-title{
    color:var(--universal--font--color--para--text) !important;
}
.hide-header .ag-header-cell-text {
    visibility: hidden !important;
}
.nav-font-size-text{
    font-size: 12px !important;
}
.universal-font-heading-size {
    font-size: 17px !important;
}
.nav-font-size-text{
    font-size: 12px !important;
}
.universal-small-font-text{
    font-size: 9px !important;
}
.header-small-font-size{
    font-size: 11px !important;
}
.universal-button {
    width: 130px !important; 
    height: 30px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    /* font-style: normal !important; 
    line-height: normal !important; */
    border-radius: 16px !important;
    border: 1px solid !important;

}
.universal-green-button {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: var(--greenbtn--bg--color) !important;
    box-shadow: var(--greenbtn--box-Shadow);
    color: #FFFFFF !important;
    font-weight: 700 !important;
  

}
.universal-red-button {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: #D9534F !important;
    box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.30), 1px 1px 0px 0px rgba(255, 255, 255, 0.15) inset !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;

}
.universal-gray-button {
    border-color: rgb(128, 128, 128) !important;
    color: rgb(128, 128, 128) !important;
}
.universal-back-button {
    border-color: #3f3f45 !important;
    background-color: #3f3f45 !important;
    color: #fff !important;
}
.universal-cancel-button {
    border-color: var(--greenOutline--border-color)!important;
    background: transparent !important;
    color: var(--greenOutline--font-color) !important;
    font-weight: 600 !important;
}
.universal-delete-button {
    border-color: var(--redOutline--font--color) !important;
    background: transparent !important;
    color: var(--redOutline--font--color) !important;
    font-weight: 600 !important;
}
.universal-red-transparent-button {
    border-color: var(--report--redOutline--border--color) !important;
    background: transparent !important;
    color: var(--report--redOutline--font--color) !important;
    font-weight: 600 !important;
}
.universal-blue-button {
    border-color: var(--report--blueOutline--border--color) !important;
    background: transparent !important;
    color: var(--report--blueOutline--font--color) !important;
    font-weight: 600 !important;
}
.universal-red-bulk-button {
    border-color: var(--redOutline--border--color) !important;
    background: transparent !important;
    color: var(--redOutline--font--color) !important;
    font-weight: 600 !important;
}
.universal-purple-bulk-button {
    border-color: var(--actionButton--border-color) !important;
    background: transparent !important;
    color: var(--actionButton--font-color) !important;
    font-weight: 600 !important;
}
.universal-blue-bulk-button {
    border-color: var(--blueOutline--border--color) !important;
    background: transparent !important;
    color: var(--blueOutline--font--color) !important;
    font-weight: 600 !important;
}
.universal-status-button {
    width: 94px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: 1px solid #1783B2 !important;
}
.assignActionBtn {
    width: fit-content !important;
    border-color: var(--greenOutline--border-color)!important;
    background: transparent !important;
    color: var(--greenOutline--font-color) !important;
    font-weight: 600 !important;
    line-height: normal !important;
    height: 26px !important;
    border-radius: 16px !important;
    font-family: 'OpenSansRegular' !important;
    margin: 5px !important;
}
.universal-cancel-button:not(:disabled):hover, .universal-red-bulk-button:not(:disabled):hover,
.universal-red-transparent-button:not(:disabled):hover,.universal-blue-button:not(:disabled):hover,
.universal-purple-bulk-button:not(:disabled):hover, .universal-blue-bulk-button:not(:disabled):hover,
.universal-delete-button:not(:disabled):hover, .assignActionBtn:not(:disabled):hover {
    color: var(--outline--hover-font-color) !important;
    border-color:var(--outline--hover-border-color) !important;
}
.universal-cancel-button:disabled, .universal-red-bulk-button:disabled,
.universal-red-transparent-button:disabled,.universal-blue-button:disabled,
.universal-purple-bulk-button:disabled, .universal-blue-bulk-button:disabled {
    opacity: 0.45 !important;
}
/* {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
} */
.universal-delete-button:disabled {
    opacity: 0.5 !important;
}
/* Ic & rad hamburgerMenu styles */
.common-sidebar {
    width: 100%;
    overflow-y: auto;
    background-color: var(--hamburgerMenu--bg--color);
}

.common-sidebarhide {
    width: 62px;
    min-width: 55px;
    overflow-y: auto;
    background-color: var(--hamburgerMenu--bg--color);
}
 .docpanelMenuIcon {
    background-image: var(--menuIcon--idle--bg--image);
    cursor: pointer;
    background-repeat: no-repeat;
 } 
 .docpanelMenuIcon:hover {
    background-image: var(--menuIcon--hover--bg--image);
    cursor: pointer;
    background-repeat: no-repeat;
}
.lightModeMenuIcon{
        background-image: url('../docpanel_images/light_menu icon-idle.svg');
        cursor: pointer;
        background-repeat: no-repeat;
     } 
.lightModeMenuIcon:hover {
    background-image: url('../docpanel_images/light_menu icon-hover.svg');
    cursor: pointer;
    background-repeat: no-repeat;
}
.navbar-menu-docpanel-icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.hamburgerDocpanelLogo {
    width: 122px;
    cursor: default;
    height: auto;
}
.docpanelLogo{
    background-image: var( --docpanel--logo);
    background-repeat: no-repeat;
    height: 30px;
}
.doclogo_position{
    position: relative;
    top: 15px;
}
.selectedTabSideBar {
    background-color: var(--hamburger--selectedMenu--bg--color) !important;
    border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.commonHamburgerMenuItems {
    padding: 1px 0px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    height: 34px;
    background-color: transparent;
}

.commonHamburgerMenuItems i {
    font-size: 20px;
    color: white;
}

.commonHamburgerMenuItems img {
    width: 35px;
    height: auto;
    /* margin-left: 10px; */
    /* margin-top: -3px; */
}

.commonHamburgerMenuItems:hover {
    background-color: #308B70;
    border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.common-hamburger-menu-icons {
    /* padding: 7.5px 0px; */
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 10px;
    border-radius: 13px;
    text-align: center;
}
.commonHamburgerMenuItems a {
    padding: 9px 0px 6px 0px !important;
    color: var(--hamburgerMenu--font--color) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.selectedTabSideBar a {
    padding-left: 3px !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}
/* .common-hamburger-menu-icons img {
    margin-left: -5px;
    margin-top: -4px;
} */

.common-hamburger-menu-icons:hover {
    /* background-color: #308B70; */
    margin-left: 4px;
    margin-right: 4px;
}

/* .selectedTabHamburgerMenuIcon {
    background-color: #084533 !important;
} */

/* Ic & rad header Navbar Styles */
.commonNavbarBackgroundstyle {
    background-color: var(--header--bg--color) !important;
}
.icFooterStyle {
    background-color: var(--aggrid--bg--color) !important;
    height: 60px !important;
    /* box-shadow: none !important; */
    box-shadow: var( --footer--boxShadow--color) !important;

}
.navbar-padding-style {
    padding: 10px 35px 10px 35px;
    height: auto !important;
}
.search-listing-container {
    width: 100%;
    display: inline-block;
    position: relative;
    /* line-height: 30px; */
}
.common-nav-menu {
    margin-left: 7px;
}
.thumbnailImageStyle {
    height: 32px;
    width: 32px;
    margin-left: 15px;
}
.docpanel-logo-style {
    display: inline-block;
}
.navbar-daily-capacity-style {
    padding: 0px 6px;
    opacity: 0.5;
}
.navbar-daily-capacity-style:hover {
    color: var(--capacity--font--color) !important;
}
.user-income-style {
    display: inline-block;
    padding: 0px 5px;
}
.capacityIcon {
    background: var(--capacity--idle--bg--image) center;
    background-repeat: no-repeat;
}
.navbar-daily-capacity-style:hover .capacityIcon {
    background: var(--capacity--hover--bg--image);
    background-repeat: no-repeat;
}
.button-arrow-left-style {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.income-text-style {
    text-emphasis: filled; 
    text-emphasis-position: under;  
}

.button-arrow-left-style:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 23px;
    height: 23px;
    margin-left: 5px;
    background: inherit;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 4px 4px 4px 10px;
}

.button-arrow-left-style:before {
    transform: rotate(225deg);
}

.button-arrow-left-style:before {
    left: -11px;
}

.rad-fname-header-style {
    color: #FFFFFF;
    font-size: 13px !important;
}

.rad-lname-header-style {
    color: #A9B0C3;
}

.navbar-nav>.activeRad>a {
    color: linear-gradient(270deg, #329A7B -29.33%, #52B195 100%);
}

.common-login-user-header-style li.active .common-active-line-style {
    width: 26px;
    border-bottom: 2px solid var(--active--bar--color);
    margin: -8px auto;
    border-radius: 1px;
}

.common-login-user-header-style>.active>a>span {
    color: var(--active--name--color) !important;
}
.common-login-user-header-style>.active>a {
    color: var(--active--name--color) !important;
    cursor: pointer;
}
.common-login-user-header-style>.loginHeaderalign>:hover {
    cursor: pointer;
    color: var(--active--name--color) !important;
}
.tab-padding-left {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.common-login-user-header-style>li {
    margin-right: 0px !important;
    padding: 0px 0px 0px 35px !important;
}   

li.loginHeaderalign:hover .countHover {
    color: var(--active--name--color) !important;
    cursor: pointer;
}


.borderTopLine {
    border: 1px solid var(--header--border--color);
    margin-right: 35px;
}

/* ic & rad body styles */

.count-text-style {
    /* margin-right: 10px; */
    padding: 5px;
    border-radius: 3px;
}

.totalCountOutline:hover {
    text-decoration: none;
    color: var(--universal--font--color--text);
}

.common-search-style {
    border: 0 !important;
    outline: none;
    border-bottom: 1px solid var(--input--border--color) !important;
    margin-right: 0px !important;
    color: var(--input--font--color) !important;
    width: 234px !important;
}

.common-search-style::placeholder {
    color: #A9B0C3 !important;
    font-size: 11px;
}

.totalCountOutline {
    background-color: var(--checked--count-bg);
    color: var(--universal--font--color--text);
    padding: 3px 7px 3px 7px;
    border-radius: 4px;
    text-decoration: none;
    cursor: default;
}

.navbar-menu-dropdown {
    border-radius: 6px !important;
    border: none !important;
    padding: 10px 10px !important;
    text-indent: 8px;
    background-color: var(--modal--bg--color);
}

.navbar-menu-dropdown>p {
    padding: 3px 0px 3px 0px !important;
    font-size: 11px !important;
    cursor: pointer;
    line-height: 28px !important;
}

.navbar-menu-dropdown>p:hover {
    padding: 3px 0px 3px 0px !important;
    border-radius: 6px !important;
}

.largeTextTabNameColor {
    color: #52B195 !important;
    font-family: Lato !important;
}
.uploadedCaseList{
    background: linear-gradient(0deg, var(--report--casedetail--bg-color) 0%, var(--report--casedetail--bg-color) 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%);
}
.parentNewrequestBtn {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%);
}

.NewrequestBtn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* bottom: 44px; */
    padding-right:0px !important;
    margin-top: 22px;
}

.sideBgColorNewReq{
    /* background: linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%); */
    background: var(--aggrid--bg--color) ;
}

.acceptBtnParentClass {
    position: absolute;
    right: 40%;
    margin-top: 20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%);
}

/* .acceptBtnRad,.declineBtnRad{
    width: 140px !important;
} */
.declineBtnRad{
    margin-right:10px;
}
.PreferenceRadio{
    float: left;
    margin-right:20px ;
    margin-top: 10px;
}
.universal-col-9{
    padding-left: 0;
    margin-left: 0; 
    width: 71.5%;
}
.universal-hr{
    border: 1px solid;
    color: var(--schedular--hr--color);
}
.universal-col-3{
    padding-left: 0;
    margin-left: 0; 
    padding-right: 0;
}
.scheduler_heading {
    font-size: 13px !important;
}
.scheduler_subheading{
    font-size: 12px !important;
}
.capacity_icon{
    width: 25px;
}
.capacity_heading{
    color: #000;
    font-weight: bold;
    font-size: 11px !important;
    position: relative; 
    top: 2px;
}
.capacity_para_dc{
    font-size: 11px !important;
    color: #000;
    position: relative; 
    top: 8px;
    padding: 5px 5px 0px;
}
.capacity_para{
    font-size: 11px !important;
    color: #000;
    position: relative; 
    /* top: 8px; */
    left: -4px;
    padding: 5px 5px 0px; 
} 
.capacity_logo{
    padding: 0px;
    width: 15%;
}
.capacity_content{
    padding: 0px 0px 0px 2px;
    border-right: 1px solid rgba(51, 51, 51, 1);
    position: relative;
    bottom: 4px;
    width: 85%;
}

.capacity_bar{
    font-size: 20px
}
.universal-modal-table>.table>tbody>tr>td {
    border-bottom: 1px solid #292C35 !important;
}
.bguploadedCaseList, .bguploadedCaseFooter{
    background: linear-gradient(0deg, var(--aggrid--bg--color) 0%, var(--aggrid--bg--color) 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%) !important;
}
.bguploadedCaseFooter{
    /* border-top: 1px solid #292C35 !important; */
    height: 100px;
    box-shadow: var( --footer--boxShadow--color) !important;
}
.casesHeadingTabName {
    display: inline-block;
    width: 55%;
    line-height: 18px;
}
.headingTabStyle {
    /* min-width: 660px !important; */
}
.headingLogoStyle {
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.headingRightSideContentStyle {
    float: right;
    display: inline-block;
    cursor: pointer;
}
.universal-green-button:disabled {
    opacity: 0.5 !important;
} 
.universal-green-button:not(:disabled):hover {
    background-color: #006A49 !important;
    color: #ffffff !important;
}

.menu-dropdown {
    border-radius: 6px !important;
    border: none !important;
    padding: 12px 10px !important;
    font-size: 12px !important;
    font-family: 'OpenSansRegular' !important;
    color: var(--header--para-color) !important;
    background-color: var(--modal--bg--color) !important;
    box-shadow: var(--dropdownMenu-box-shadow) !important;
    font-weight: var(--regOrSemi--font--weight) !important;
}
.submenu-dropdown:hover {
    border-radius: 6px !important;
    background-color:var(--selected--bg--color) !important;
    color: #ffffff !important;
}
.assignCasePagePreset .menu-dropdown>li:hover {
    border-radius: 10px !important;
    background-color: var(--selected--bg--color) !important;
    color: #ffffff !important;
}
.assignCasePagePreset .menu-dropdown>li {
   padding: 5px 5px;
}
.formInputs .menu-dropdown>li {
    padding: 5px 5px;
} 
.formInputs .menu-dropdown>li:hover {
    border-radius: 10px !important;
    background-color: var(--selected--bg--color) !important;
    color: #ffffff !important;
}

.menu-dropdown>li>a {
    line-height: 28px !important;
    color:var(--header--para-color) !important;
    font-weight: var(--regOrSemi--font--weight) !important;
}

.menu-dropdown>li>a:hover, .menu-dropdown>li>a:focus {
    border-radius: 6px !important;
    background-color:var(--selected--bg--color) !important;
    color: #ffffff !important;
}
.navbarLeftContent {
    display: inline-block;
    width: 53%;
}
.fillterIcon {
    background: var(--dashboardFilter--idle--bg--image);
    background-repeat: no-repeat;
}
.fillterIcon:hover {
    background-image: var(--dashboardFilter--hover--bg--image);
    background-repeat: no-repeat;
}
.columnConfigIcon {
    background: var(--dashboardcolumn--idle--bg--image);
    background-repeat: no-repeat;
}
.columnConfigIcon:hover {
    background: var(--dashboardcolumn--hover--bg--image);
    background-repeat: no-repeat
}
.refreshIcon {
    background: var(--dashboardrefresh--idle--bg--image);
    background-repeat: no-repeat;
}
.refreshIcon:hover {
    background: var(--dashboardrefresh--hover--bg--image);
    background-repeat: no-repeat;
}
.clearIcon {
    background: var(--dashboardclear--idle--bg--image);
    background-repeat: no-repeat;
}
.clearIcon:hover {
    background: var(--dashboardclear--hover--bg--image);
    background-repeat: no-repeat;
}
.changeScreenMode{
    background: var(--dashboardScreenMode--idle--bg--image);
    background-repeat: no-repeat;
}
.changeScreenMode:hover{
    background: var(--dashboardScreenMode--hover--bg--image);
    background-repeat: no-repeat;
}
/* Scrollbar css */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    /* Set scrollbar width */
}

::-webkit-scrollbar-thumb {
    background-color: #353945;
    border-radius: 5px;
    /* Set thumb color */
}

::-webkit-scrollbar-track {
    background-color: transparent;
    /* Set track color */
}
.ag-body-horizontal-scroll ::-webkit-scrollbar-thumb{
    background-color: var(--aggrid--scrollbar--color) !important;
}
.removeFocusVisible:focus-visible {
    outline: 0px !important;
}
/* case assignment page style */
.assignCasePageBackgroundColor {
    background: linear-gradient(0deg, var(--aggrid--bg--color) 0%, var(--aggrid--bg--color) 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%) !important;
}
.assignCaseHeadingSize {
    font-size: 14px !important;
}
.assigncaseListTable {
    margin: 0px 16px 0px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.assignCaseButtonBackground {
   background: transparent !important;
   color: var(--universal--font--color--text) !important;
   border: 1px solid var(--universal--font--color--text);
}
.assignCasespagecommonTableContainer>.table-striped>tbody>tr:nth-of-type(odd) {
    background: transparent;
}
.assignCasespagecommonTableContainer>.table-striped>tbody>tr:nth-of-type(even) {
    background: transparent;
}
.assignPagepatientsimiliardata tbody tr td {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.assignPagepatientsimiliardata tbody {
    max-height: 300px;
    overflow: auto;
}

.assignPagepatientsimiliardata thead tr th {
    border-left: 1.5px solid #585652;
    border-right: 1.5px solid #585652;
}

.assignPagepatientsimiliardata {
    margin: 0px !important;
}

.assignPagepatientsimiliardata .table {
    margin-bottom: 0px;
}
.assignCasePageBackgroundColor tbody tr td {
    font-size: 11px !important;
}
.caseAssignPagepriorCustumTableHead {
    border-bottom: 1px solid #eb6207 !important;
}
.radPanelErrorColor {
    color:#F16A70;
}

.assignCasePagePreset select {
    height: 25px;
    width: 120px;
    border: 0;
    margin-right: 10px;
    background-position-x: 100px;
    padding: 0 10px;
}

.assignCasePagePreset select[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed !important;
}
.assignPresetDropdownList {
    overflow-x: auto;
    height: 180px;
    cursor: pointer;
}
.assignPageInputIconStyle {
    width: 150px;
    background-position-x: 130px;
    border: 0;
    cursor: pointer;
    padding-left: 6px;
    margin-right: 6px;
}
.presetDropdown {
    display: inline-block;
}
.assignCasePageArrowDown {
    background: var(--dropdown--arrow--image) no-repeat right !important;
    background-size: 10px !important;
    font-family: 'OpenSansSemiBold' !important;
}
.assignCasePageArrowDown:hover {
    background: var(--dropdown--arrow--image) no-repeat right;
    background-size: 10px !important;
}

.assignPageInputIconStyle::placeholder {
    color: var(--inputPlaceholder--font--color) !important;
}
.assignPageInputieldUnderLine::placeholder {
    color: var(--inputPlaceholder--font--color) !important;
}
.dropdownInputFieldStyle {
 height: 28px;
 margin-bottom: 8px !important;
}
.assignPageInputieldUnderLine {
    border-bottom: 1px solid var(--input--border--color) !important;
}
/* .dropdown-content li.selected::after {
    content: "\2713";
    margin-left: 5px;
    color: white;
    float: right;
    font-weight: bold;
    font-size: 21px;
    margin-top: -6px;
} */
.dropdown-content li.selected::after {
    content: url(../docpanel_images/check_mark.svg) !important;
    margin-left: 5px;
    /* color: white; */
    float: right;
    /* font-weight: bold; */
    /* font-size: 21px; */
}
.dropdown-content li.selected {
    border-radius: 10px !important;
    background-color: var(--selected--bg--color) !important;
    color: #ffffff !important;
}
.highlightDropdownAssigPage {
    border-radius: 10px !important;
    background-color: var(--selected--bg--color) !important;
}
.highlightDropdownAssigPage .presetText{
    color: #ffffff !important;
}


.pdf-print-icon {
    background: url(../docpanel_images/print_icon.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.pdf-print-icon:hover{
    background: url(../docpanel_images/print_hover.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.pdf-download-icon {
    background: url(../docpanel_images/download_icon.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.pdf-download-icon:hover{
    background: url(../docpanel_images/download_hover.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.hamburger-menu-tooltiptext {
    display: none;
    position: absolute;
    background-color: var(--dashboardTooltip--bg--color);
    color: var(--dashboardTooltip--font--color);
    padding: 5px 10px;
    line-height: 12px;
    border-radius: 6px;
    font-size: 11px;
    font-family: 'OpenSansRegular';
    width: auto;
    left: 45px;
    z-index: 99999999999999999999 !important;
  }
  
  .show-tooltip {
    display: block;
  }
  
.ag-grid-tooltip {
    position: relative;
    display: inline-block;
}

.ag-grid-tooltip .ag-grid-tooltiptext {
    display: none;
    width: auto; 
    height: auto;
    padding: 5px 10px;
    line-height: 12px;
    background-color: var(--dashboardTooltip--bg--color);
    color: var(--dashboardTooltip--font--color);
    border-color: var(--aggrid--evenrow--bg--color) !important;
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    font-family: 'OpenSansRegular';
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.ag-grid-tooltip:hover .ag-grid-tooltiptext {
    display: block;
}
.agGridTableTootip {
    background-color: var(--dashboardTooltip--bg--color);
    color: var(--dashboardTooltip--font--color);
    border-color: var(--aggrid--evenrow--bg--color) !important;
    font-size: 11px;
    text-align: center;
    padding: 5px 10px;
    line-height: 12px;
    border-radius: 6px;
    height: auto;
    position: absolute;
    font-family: 'OpenSansRegular';
    width: auto;
}
.left-content-navbar,
.right-content-navbar {
    flex: 1;
}

.navbar-container-style {
    display: flex;
}

.centered-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-container-style .navbar-right {
    margin-right: 0px !important;
}
.common-worklist-padding {
 padding: 0 35px 0 35px !important;
}
.gridHeaderSpacing {
    padding: 10px 35px 0 35px !important;
}
.header-tab-row-padding {
    padding: 30px 35px 30px 35px !important;
}
.header-tab-img-padding {
    padding: 3px 6px 3px 6px;
}
.header-right-content-padding {
    padding-left: 24px;
}
.navbar-ic-name-style {
    font-size: 12px !important;
    border-radius: 15px !important;
    border: 1px solid var(--navbar--icName--border--color) !important;
    padding: 8px;
    color: var(--navbar--icName--font--color) !important;
    font-weight: 600 !important;
    line-height: 12px !important;
    background: transparent;
    text-align: center;
}
.bar-line {
    font-size: 16px;
    padding:0px 7px;
}
.navbar-arrow-down {
    background: var(--dropdown--arrow--image) no-repeat;
    background-size: 10px;
}
.actionbutton-style {
    position: relative;
    bottom: 3px;
}
.assign-page-padding-body {
 padding: 0px 35px 0px 35px !important;
}
.footer-padding-style {
    padding-right: 0px!important;
}
.navbar-black-menu-icon-middle {
    float: left;
    display: flex;
    align-items: center;
}
.navbar-white-menu-icon-middle {
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
}
.line-height-navbar-style {
    line-height: 50px;
    height: 50px;
}
.dark-navbar-height-style {
    height: 51px;
}
.back-icon-middle-style {
    vertical-align: middle;
}
.back-icon {
    background: var(--backIcon--idle--bg--image);
    background-repeat: no-repeat;
}
.back-icon:hover {
    background: var(--backIcon--hover--bg--image);
    background-repeat: no-repeat;
}
@media(max-width: 1400px) {
    .casesHeadingTabName {
        width: 50%;
    }
    .navbarLeftContent {
        width: 50%;
    }
}
@media(max-width: 1400px) {
    .casesHeadingTabName {
        width: 50%;
    }
    .navbarLeftContent {
        width: 50%;
    }
}
@media(max-width: 1350px) {
    .casesHeadingTabName {
        width: 50%;
    }
    .navbarLeftContent {
        width: 48%;
    }
    .child-heading-tab-style {
        max-width: 300px;
    }
    .navbar-left-child-style {
        max-width: 430px;
    }
}

@media(max-width: 992px) {
    .navbarLeftContent {
        width: 40%;
    }
    .casesHeadingTabName {
        width: 37%;
    }
}
@media(max-width: 768px) {
    .navbarLeftContent {
        width: 20%;
    }
    .casesHeadingTabName {
       width: 20%;
    }
}
.universal-icon-style {
    width: 32px;
    height: 32px;
}
.universal-icon-header-style {
    width: 34px;
    height: 34px;
}
.ag-tooltip {
    background-color: var(--dashboardTooltip--bg--color) !important;
    color: var(--dashboardTooltip--font--color) !important;
    border-color: var(--aggrid--evenrow--bg--color) !important;
    font-size: 11px !important;
    font-family: 'OpenSansRegular' !important;
    padding: 5px 10px !important;
    line-height: 12px !important;
    border-radius: 6px !important;
}
.custom-date-filter:after {
    position: absolute;
    content: '\f073';
    display: block;
    font-weight: 400;
    font-family: 'Font Awesome 5 Free';
    right: 5px;
    pointer-events: none;
    color: rgba(169, 176, 195, 1);
    font-size: 10px;
}
.actions-menu{
    padding-left: 0px !important;
}
.actions-menu>li>a {
    padding-left: 20px !important;
}
.dropdown-submenu {
    padding-left: 10px;
    background-color: transparent !important;
}
.dropdown-submenu:hover {
    padding-left: 10px;
    background-color: transparent !important;
} 
.intl-tel-input .country-list {
    position: absolute !important;
    z-index: 2 !important;
    list-style: none !important;
    text-align: left !important;
    padding: 0px 0px 0px 5px !important;
    margin: 0 0 0 -1px !important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) !important;
    background-color: var(--countryList--dropUp--bg--color) !important;
    border: 1px solid var( --input--border--color) !important;
    white-space: nowrap !important;
    max-height: 200px !important;
    overflow-y: scroll !important;  
    color: var(--report--caseTitlesemi--fontColor) !important;
  }
  .intl-tel-input .country-list .country.highlight, .intl-tel-input .country-list .country.highlight .dial-code{
    background-color: #009B6B !important;
    border-radius: 5px;
    color: #ffffff !important;
  }
  .country-name{
    font-family: OpenSansRegular !important;
    font-size: 12px !important;
    
  }
  
  .intl-tel-input .country-list .country .dial-code {
    color: var(--report--caseTitlesemi--fontColor) !important;
    font-family: OpenSansRegular !important;
    font-size: 11px !important;
  }
  .intl-tel-input .country-list .divider{
    border-bottom: 1px solid var(--report--borderLine-color) !important;
  }
  
  .statedropdownbtn::before {
    content: "State";
  }
 .adminRoleSelectionStyle {
    margin: 8px;
 }
 .setting-page-body-style {
    background: linear-gradient(0deg, var(--report--casedetail--bg-color) 0%, var(--report--casedetail--bg-color) 100%), radial-gradient(129.98% 121.39% at 48.99% 0%, rgba(17, 17, 19, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.55) 100%) !important;
 }
 .navbar-line-menu-hide-style {
   margin-left: -121px !important;
 }
 .navbar-line-menu-show-style {
    margin-left: 35px !important;
  }
  .overlayIc {
    width: 100%;
    height: 100%;
    background-color: #454545;
    opacity: 0.1;
    position: fixed;
    top: 0px;
    display: none;
}

.spinnerIc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    display: none;
    background-image: url('assets/img/loading.gif');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999999;
}
.overlay_nextCase {
    width: 100%;
    height: 100%;
    background-color: #454545;
    opacity: 0.1;
    position: fixed;
    top: 0px;
    /* display: none; */
}

.spinner_nextCase {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    background-image: url(../img/loading.gif), linear-gradient(to right, rgb(212 218 224 / 61%), rgb(212 218 224 / 61%));
    /* background-image: url('../img/loading.gif'); */
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}


#autoNextCase-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh; /* Ensures the modal takes up the full viewport height */
  }
  
  .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
 
  
  #autoCaseLoading {
    text-align: center;
    bottom: 0px;
    position: absolute;
    height: 46%;
    display: grid;
    align-content: baseline;
}
  .autoCaseLoading > div {
    margin: 10px 0; /* Adds some space between the items */
  }
  

.documentOutDiv{
    width: 80% !important;
}
.documentInDiv{
    width: 80% !important;
}
.documentPriorOutDiv{
    width: 77% !important;
}
.list-group-config {
    display: grid;
    grid-template-columns: repeat(2, 1fr) ;
    gap: 10px;
    grid-auto-flow: column;
}
.changeMode{
    background-image: var(--theme--toggle--image);
    background-repeat: no-repeat;
    height: 33px;
    width: 100px;
    display: inline-block;
    position: relative;
    top: 14px;
    cursor: pointer;
}
.header-para-font{
    color: var(--header--para-color) !important;
}
.header-heading-font{
    color: var( --header--heading-font-color);
}
.header-capacity-font{
    color: var(--capacity--font--color);
}
.deleteGreen_Icon{
    background-image: var(--deleteGreen--idle--bg--image);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat;
}
.deleteGreen_Icon:hover{
    background-image: var(--deleteGreen--hover--bg--image);
    height: 24px;
    background-size: 22px;
    background-repeat: no-repeat;
}
.action-button {
    padding: 0px 0px;
    height: 30px;
    width: 100px;
    color: var(--actionButton--font-color) !important;
    border-radius: 16px !important;
    border: 1px solid var(--actionButton--border-color) !important;
    background-color: transparent !important;
}
.add_icon{
    background-image: var(--addIcon--idle--bg--image);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat;
}
.add_icon:hover{
    background-image: var(--addIcon--hover--bg--image);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat;
}
.edit_icon{
    background-image: var(--editIcon--idle--bg--image);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat; 
}
.lightModeTable{
    background-color: #F4F5F6 !important;
    margin-top: 10px;
    border-bottom: 2px solid #ffffff;
}
.lightModeTable .lightModeRow:nth-child(odd) {
    background-color:  #FFFFFF !important;
    border: none !important;
}
.lightModeTable .lightModeRow:nth-child(even) {
    border: none !important;
    background-color: #F4F5F6 !important;
}
.universal-font-size-heading-report{
    font-size: 17px;
}

/* pdfviewer css */

.pdf-common-bgColor{
    background-color: var(--pdfViewer--bg-color);
    color: #fff; 
    border-color: var(--report--borderLine-color) !important; 
} 
.schedulerCalImage{
    background-image: var(--schedular--calender-image) ;
    background-repeat: no-repeat;
    height: 221px;
}
.assignCaselightBg{
    background: var(--report--casedetail--bg-color) !important;
   
}
.assignCaseLightMargin{
    margin: 0px 25px 0px 25px !important;
    padding: 10px 10px;
}
.assignCaseDarkMargin{
    margin:0px 35px 0px 35px !important;
}
.casesMenuClass{
    background-image: var(--selectedCaseIcon--idle--image);
}
.commonMenuBar{
    height: 34px;
    background-repeat: no-repeat;
    background-position: center;
}
.caseIconHover{
    background-image: var(--hoverCaseIcon--idle--image);
}
.selectedCaseMenuIcon{
    background-image: var(--selectedCaseIcon--pressed--image);
}
.radiologistMenuClass{
    background-image: var(--selectedRadiologistIcon--idle--image);
}
.radiologistIconHover{
    background-image: var(--hoverRadiologistIcon--idle--image);
}
.selectedRadiologistMenuIcon{
    background-image: var(--selectedRadiologistIcon--pressed--image);
}
.helpMenuClass{
    background-image: var(--selectedHelpIcon--idle--image);
}
.helpIconHover{
    background-image: var(--hoverHelpIcon--idle--image);
}
.selectedHelpMenuIcon{
    background-image: var(--selectedHelpIcon--pressed--image);
}
.analyticsMenuClass{
    background-image: var(--selectedAnalyticsIcon--idle--image);
}
.analyticsIconHover{
    background-image: var(--hoverAnalyticsIcon--idle--image);
}
.selectedAnalyticsMenuIcon{
    background-image: var(--selectedAnalyticsIcon--pressed--image);
}
.settingMenuClass{
    background-image: var(--selectedSettingIcon--idle--image);
}
.settingIconHover{
    background-image: var(--hoverSettingIcon--idle--image);
}
.selectedSettingMenuIcon{
    background-image: var(--selectedSettingIcon--pressed--image);
}
.userMenuClass{
    background-image: var(--selectedUserIcon--idle--image);
}
.userIconHover{
    background-image: var(--hoverUserIcon--idle--image);
}
.selectedUserMenuIcon{
    background-image: var(--selectedUserIcon--pressed--image);
}
.logoutMenuClass{
    background-image: var(--selectedLogoutIcon--idle--image);
}
.logoutIconHover{
    background-image: var(--hoverLogoutIcon--idle--image);
}
.selectedLogoutMenuIcon{
    background-image: var(--selectedLogoutIcon--pressed--image);
}
.universal-inactiveCheckbox{
    background-image: var(--greenCheckBox--inactive--image);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;

}
.universal-activeCheckbox{
    background-image: var(--greenCheckBox--active--image);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}
.hamburgerIconMenu{
    height: 33px;
    width: 35px;
    background-repeat: no-repeat;
    display: inline-block;
}
.hamburgerCommonText{
    position: absolute;
    padding-left: 4px !important;
}
.addMoreCaseContent {
    background-color: var(--header--bg--color) !important;
    border: 1px solid var(--header--bg--color) !important;
    color: var(--universal--font--color--text) !important;
}
.addMoreCase{
    color: var(--universal--font--color--text) !important;
    background-color: var(--header--bg--color) !important;
    border-color: var(--header--bg--color) !important;
    box-shadow: 0px 0px -2px 1px var(--header--bg--color) !important;
}
.addMoreCard{
    box-shadow:var(--addCard--box--shadow) !important;
}
input[type=checkbox]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: var(--greenCheckBox--inactive--image) left top no-repeat !important;
    cursor: pointer;
}

input[type=checkbox]:checked+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background: var(--greenCheckBox--active--image) top no-repeat !important;
}
.selectedCheckBox{
    cursor: pointer;
    background: var(--greenCheckBox--active--image) top no-repeat !important;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    display: inline-block;
}
.unSelectedCheckBox{
    background: var(--greenCheckBox--inactive--image) top no-repeat !important;
    cursor: pointer;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    display: inline-block;
}
.presetDeleteIcon{
    background-image: var(--deleteGreen--idle--bg--image) !important;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 30%;
}
.presetDeleteIcon:hover{
    background-image: var(--deleteGreen--hover--bg--image) !important;
    background-repeat: no-repeat;
}
.menu-dropdown>li>a:hover .presetDeleteIcon{
    background-image: var(--deleteGreen--hover--bg--image) !important;
    background-repeat: no-repeat;
}
.menu-dropdown > li > a:focus .presetDeleteIcon{
    background-image: var(--deleteGreen--hover--bg--image) !important;
    background-repeat: no-repeat;
}
.nav-header-size-text{
    font-size: 13px !important;
}
.changeModeOpenHam{
    width: 100%;
    background-position: center;
}
.withoutChangeMode{
    margin-top: -10px;
    padding-top: 10px;
}
.viewByheading{
    display: inline-block;
    /* float: right; */
    margin: 3px 20px;
    /* font-family: Regular!important;  */
    font-size: 13px;
    color: var(--universal--font--color--text);
}
#myGrid .dropdown-toggle{
    
    font-family: 'OpenSansSemiBold' !important;
}
.screenModePage{
    height: calc(100vh);
    background-color: var(--header--bg--color) ;
}
.screenModePage-radPref{
    height: calc(100vh);
    background-color: var(--header--bg--color-rad-pref) ;
}
.darkModeSettingsThumbnail{
    background-color: #323232;
    color: #AFAFB1;
}
#radList_spinner_Load {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    display: none;
    background-image: url('../img/loading.gif');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #454545; */
    z-index: 999999999;
}
.searchable-select {
    position: relative;
  }
  .searchable-select input {
    width: 100%;
    box-sizing: border-box;
    cursor : pointer;
  }
  .searchable-select ul {
    position: absolute;
    width: 100%;
    bottom: 100%;
    max-height: 500px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 1000;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .searchable-select ul li {
    padding: 10px;
    cursor: pointer;
  }
  .searchable-select ul li:hover {
    background: #3f4a4d !important;
    color: white !important;
  }
.disabledReadingMode a:hover{
    text-decoration: none;;
}
.disabledReadingMode{
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 16px;
    border-color:var(--greenOutline--border-color) !important;
    font-weight: 700 !important;
    text-align: center;
    height: 30px; 
}
.enabledReadingMode{
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 16px;
    border-color:var(--greenOutline--border-color) !important;
    font-weight: 700 !important;
    text-align: center;
    height: 30px; 
    background: var(--greenOutline--border-color) !important;
}
.enabledReadingMode a{
    color: #ffffff;
}
.enabledReadingMode a:hover{
    text-decoration: none;;
}
.autonextcaseGrey{
    background-color: hsl(0deg 0.73% 67.8% / 66%);
}
.autoCaseLoading{
    position: absolute;
    top: 6%;
    font-size: 19px;
    font-weight: 900;
    z-index: 10000;
    display: grid;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;

}
.autoCaseText {
    color: black;
    font-size: 19px;
    font-weight: 900;
    font-family: 'OpenSansRegular' !important;

}
.autoCaseAlign{
    display: grid;
    max-height: 140px;
    overflow-y: auto;
}
.disableExitReadingMode {
    cursor: pointer;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 10px;
    border-color: #ffffff;
    font-weight: 700 !important;
    text-align: center;
    background: #ffffff;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.autoCase_loadingButtons{
    display: flex;
    justify-content: center;
}
.disableExitReadingMode a:hover{
    text-decoration: none;
}
.autoCaseAlign span{
    text-align: left;
}
 /* exportWorkList Filter */
 .rowFlex{
    display: flex;
    margin-left: -15px;
    /* margin-top: 15px; */
  }
  .radioStyle{
    cursor: pointer; 
  } 
  .exportFilterLabel{
    position: relative;
    top: 10px;
  }
.exportFilterSection{
    margin-left:4px;
    margin-right:31px;
    border-radius: 5px;
    background-color: rgb(245, 245, 245);
    margin-top: 10px;
    height: auto;
    overflow: unset;
    position: relative;
    margin-bottom: 10px;
    /* border: 1px solid rgb(150, 150, 150); */
}
 .exportFilterInput{
   border: none !important;
   border-radius: 0px !important;
   background-color: var( --analytics--grid--bg--color) !important;
 }
 .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 20px;
    margin-left: 10px;
    cursor: pointer;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .loadingHeader{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 35px 0px 0px;
  }
  .filterUpArrow {
    background: var( --filteruparrow-icon) no-repeat;
    cursor: pointer;
    width: 32px;
    height: 32px;
}
.filterUpArrow:hover {
    background: var(--filteruparrow-hover-icon) no-repeat;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.changefilterDownArrow {
    background: var(--filterdownarrow-icon) no-repeat;
    cursor: pointer;
    width: 32px;
    height: 32px;
}
.changefilterDownArrow:hover {
    background: var(--filterdownarrow-hover-icon) no-repeat;
    cursor: pointer;
    width: 32px;
    height: 32px;
}
.calenderIconFilter {
    background: url(../docpanel_images/calendar_lm.svg) no-repeat right !important;
    background-size: 11px !important;
}
.activeSummary{
    color: var(--active--name--color) !important;
  }
.showLine{
    width: 26px;
    border-bottom: 2px solid  var(--active--bar--color) !important;
    margin: 5px auto !important;
}
.showActiveLine{
    width: 26px;
    border-bottom: 2px solid  var(--active--name--color) !important;
    margin: 5px auto !important;
}
.inlineBtnDiv{
    display: inline-block;
    padding-right: 19px;
}
 
.whiteButton {
    background-color: transparent;
    cursor: pointer !important;
    border: none;
   
}
.analyticsNavbarStyle {
    background-color: var(--analytics--grid--bg--color) !important;
}
.analyticsBtn:hover{
    cursor: pointer;
    color: var(--active--name--color) !important;
    background-color: transparent !important;
}
.custom-tooltip {
    display: none;
    width: auto;
    background-color: var(--dashboardTooltip--bg--color) !important;
    color: var(--dashboardTooltip--font--color) !important;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    z-index: 5;
    position: fixed;
    line-height: 12px;
    font-size: 11px;   
  }

  .upload-btn-wrapper:hover .custom-tooltip {
    display: block;
    opacity: 1;
  }

  .filter-icon-assign {
    background-size: 24px !important;
    margin-top: 7px;
    cursor: pointer !important;
  }
  .analyticsDashboardWidth{
    width: calc(100vw - 65px) !important;
  }
 
.income-parent-style {
    position: relative;
}

.income-child-style {
    position: absolute;
    top: 16px;
}
.daily-cases-label {
  opacity: 0.5;
  font-size: 10px;
  text-transform: uppercase !important;
}
.progress-section {
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  gap: 25px;
  position: relative;
  top: -5px;
  padding-left: 15px;
}

.progress-container {
  display: flex;
  flex-direction: column; 
  align-items: flex-start;
  position: relative;
}

.progress-value {
  line-height: 2;
}

.progress-title {
  line-height: 0.5;
  font-size: 10px;
  opacity: 0.5;
  height: 6px;
}

.progress-bar {
  width: 100%;
  height: 4px;
  background-color:#A9B0C3;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  top: 41px;
}

.progress-fill {
  height: 100%;
  background-color: var(--selected--bg--color);
  border-radius: 4px;
  width: var(--percentage, 0%);
}
.incomeCount{
    color: var(--selected--bg--color) !important;
    cursor: pointer;
}
.universal-pointer {
    cursor: pointer !important;
}
.invoice-download-icon,
.invoice-preview-icon,
.invoice-download-icon:hover,
.invoice-preview-icon:hover {
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.down-arrow-invoice {
    /* transform: rotate(180deg); */
    width: 11px;
    height: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.invoice-download-icon {
    background-image: url('../docpanel_images/invoiceDownload.svg');
}
.invoice-download-icon:hover {
    background-image: url('../docpanel_images/invoiceDownload_hover.svg');
}
.invoice-preview-icon {
    background-image: url('../docpanel_images/invoiceView.svg');
}
.invoice-preview-icon:hover {
    background-image: url('../docpanel_images/invoiceView_hover.svg');
}

.invoice-section {
    margin-top: 15px;
}

.invoice-title {
    margin-bottom: 15px;
    padding-left: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px; 
}

.invoice-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* background-color: #efefef; */
    background-color: var(--invoice-bg-color);
    border-radius: 10px;
}

.invoice-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    padding-left: 20px;
}

.invoice-cell {
    flex: 1;
    padding: 5px;
    text-align: left;
    color: var(--universal--font--color--text) !important;
}

.invoice-action-icons {
    display: inline-flex;
    gap: 10px;
}

.down-arrow-invoice {
    transition: transform 0.3s ease;
}

.arrow-rotated {
    transform: rotate(180deg);
}

.content-container {
    height: calc(100vh - 110px); 
    overflow: auto;
    padding: 30px 35px;
}

.invoice-section input[type="checkbox"] {
    display: block;
}

.invoice-lable {
    margin-bottom: 0;
    color: var(--active--name--color);
}

.invoice-cell-empty {
    padding-left: 18px;
}

.invoice-filter-section {
    display: inline-flex;
    gap: 40px;
}

.invoice-footer-section {
    padding-right: 20px !important;
    position: absolute;
    right: 0;
    top: 10px;
}
.invoice-parent {
    position: relative;
}
.invoice-parent .invoice-no-rec {
    position: absolute;
    top: 100px;
    right: 50%;
    transform: translate(-50%, -50%);
}
.text-area-scroll ::-webkit-scrollbar-thumb{
    background-color: var(--aggrid--scrollbar--color) !important;
}
.show-more-btn {
    width: 80px !important;
    margin-left: 10px !important;
    height: 26px !important;
    font-size: 11px !important;
}
.show-more-text-area {
    height: auto;
    border-radius: 10px;
    padding: 10px;
    font-family: OpenSansRegular !important;
    color: var(--report--smallText--fontColor) !important;
    font-size: 12px !important;
}
.scrollable-content {
    max-height: 400px;
    overflow: auto;
}
.show-more-break-txt {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}
.resizeTxtArea textarea::-webkit-resizer {
    border-width: 15px !important;
    border-style: solid !important;
    border-color: var(--casedetail--textarea-color) !important;
}

.active-delete-icon {
    background-image: var(--active-delete-icons);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat;  
}
.active-edit-icon {
    background-image: var(--active-edit-icons);
    height: 24px;
    width: 24px;
    background-size: 22px;
    background-repeat: no-repeat;  
}
.documents-icons-parent {
    display: flex;
    margin-top: 4px;
}
.doc-icons-center {
    position: relative;
    top: 10px;
}
.radAcceptbg {
    background-color: #000 !important;
}
.new-request-count {
    color: #FF7A00 !important;
}
.active-count {
    color: #3d9dc7 !important;
}
.critical-find-form-stl {
    padding: 4px;
}
.critical-finding-txtarea::placeholder {
    color: #555 !important;
}
#idForCallAngularFunctionNHP input[type=checkbox] {
    display: block !important;
}
#configuration input[type=checkbox] {
    display: none !important;
}