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

.app-main {
    background: #F5F7F6
}

.app-footer {
    display: none;
}

.app-sidebar {
    background: #8cb2a2 !important;
}

.app-sidebar-menu {
    background: #fdfdfd !important;
    /*  box-shadow: 0px 2px 6px 0px #6d687c; */
    border-right: 1px solid #D7D7D7;
    position:relative;
}
#collapse-menu-rise{
    position: absolute;
    top: 81px;
    right: -10px;
    z-index: 3;
    background: #fff;
}

.app-header,
.app-sidebar-logo,
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px solid #D7D7D7;
}

.app-sidebar-logo {
    background: white !important;
    border-right: 1px solid #D7D7D7;
    box-shadow: 0 none;
}

.app-sidebar-logo-default {
    padding: 6px;
}

/* .app-sidebar-logo{
    background: white !important;
   box-shadow: 0px 2px 6px 0px #6d687c;
} */
.menu-link:hover svg path,
.menu-link:focus svg path,
.menu-link:active svg path,
.menu-link.active svg path,
.menu-item.menu-accordion.hover.show svg path{
    fill:#fff;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #446054
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #446054
}

/* [data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 0px dashed white;
} */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link:hover {
    border-radius: .475rem;
    background: #446054 !important;
    color: white !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) {
    border-radius: .475rem;
    background: #446054 !important;
    color: white !important;
}

.app-default,
body {
    background-color: white !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: #446054;
    color: white !important;
}

.btn-red:hover {
    /* background: #676b72 !important; */
    background: #446054 !important;
    color: white;
}

.btn-red,.btn-red:hover,.btn-red:focus,.btn-red:active {
    color: var(--bs-primary-inverse) !important;
    border-color: var(--bs-primary);
    background-color: #446054 !important
}

.menu-link .menu-icon i {
    color: white
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 25%;
}

.w-25 {
    width: 25%;
}

.w-85 {
    width: 85%;
}

/* [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link:hover .menu-icon .svg-icon {
    filter: brightness(0) invert(1);
} */

/* [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon {
    filter: brightness(0) invert(1);
} */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: white !important;
    color: white;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {

    color: black;
}

#patientTabs .nav-link:hover {
    background-color: white !important;
    color: white;
}

#patientTabs .nav-link {
    background: wheat;
}

.form-check-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.form-check-flex input[type="checkbox"] {
    margin-right: 5px;
}

.form-check-flex .form-control-new {
    margin-right: 5px;
    padding-left: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: var(--bs-gray-700);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-gray-300);
    border-radius: .475rem;
    box-shadow: false !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.kids-info-block {
    margin-top: 2px;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.dashboard-div {
    align-items: center;
}

.dashboard-div>div:first-child {
    padding: 10px;
    background: #f5deb3;
    border-radius: 10px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

/* table.dataTable tfoot td, table.dataTable tfoot th, table.dataTable thead td, table.dataTable thead th{
    color: white !important;
    font-weight: 600 !important;
    border-bottom: 1px solid white !important;
    border-color: white !important;
    white-space: nowrap;
} */
.btn.btn-danger {
    background: #446054 !important;
}

.btn.btn-danger:hover {
    background: #656566 !important;
}

.text-primary {
    color: white !important;
}

.page-heading {
    color: white !important;
}

.pagination-right-block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.status-allocated {
    background-color: #e6ffe6 !important;
}

.status-extended {
    background-color: #f93966 !important;
}

.status-released {
    background-color: #f8285963 !important;
}

.status-approved {
    background-color: #f7c205b2 !important;
}

.m5 {
    margin: 5px !important;
}

.f-end {
    float: inline-end;
}

#patientBarChart {
    height: 300px !important;
}

#horizontalRoomBedChart,
#horizontalStateWiseChart,
#genderReportChart {
    height: 340px !important;
}

/*Login screen*/
.rise-login-block {
    font-family: "Gothic A1", sans-serif !important;
    max-width: 410px;
    padding: 40px !important;
    border-radius: 16px;
    color: #6F6F6F;
}

.rise-login-block .card-body {
    padding: 0;
}

.rise-login-block label {
    font-weight: 600;
}

.form-control.form-control-solid {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    border-radius: 8px;
    border: 1px solid var(--Grey-3, #D7D7D7);
    background: var(--White, #FFF);
}

.form-control.form-control-solid:hover,
.form-control.form-control-solid:focus,
.form-control.form-control-solid:active {
    border: 1px solid #6F6F6F;
    background: var(--White, #FFF);
    transition: all 0.2s ease-in;
}

.form-check-label {
    color: var(--Primary-Color, #446054);
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.28px;
}

.form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 4px;
}

.form-check.form-check-solid .form-check-input:not(:checked) {
    background: #Fff;
    border: 1px solid var(--Grey-3, #D7D7D7);
}

.sign-in-forgot-password,
.sign-in-forgot-password:hover,
.sign-in-forgot-password:focus,
.sign-in-forgot-password:active {
    color: var(--Primary-Color, #446054) !important;
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.28px;
}

/*Login screen*/
@media screen and (min-width:991px) {
    .app-sidebar-menu .menu>.menu-item>.menu-link>.menu-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.32px;
    }
}

/* .app-sidebar .menu .menu-item .menu-link.active .menu-icon svg path,
.app-sidebar .menu .menu-item .menu-link:hover .menu-icon svg path,
.app-sidebar .menu .menu-item .menu-link:active .menu-icon svg path,
.app-sidebar .menu .menu-item .menu-link:focus .menu-icon svg path,
.app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon svg path
{
    fill:#fff
} */
#kt_app_sidebar_menu_scroll .menu-rounded .menu-link {
    border-radius: 0 8px 8px 0;
}

.badge-rise {
    display: inline-block !important;
    padding: 4px 6px !important;
    border: 1px solid !important;
    font-family: "Gothic A1" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 12px !important;
    letter-spacing: 0.24px !important;
    background: #fff !important;
    border-radius: 4px !important;
}

.completed-badge {
    color: #3E906D !important;
    background: #F2FFF9 !important;
    border-color: #C9E7DA !important;
}

.not-started-badge {
    color: #E22626 !important;
    background: #FFF6F6 !important;
    border-color: #F7C3C3 !important;
}

.in-progress-badge {
    color: #EA920F !important;
    background: #FFF6E9 !important;
    border-color: #FBDCAD !important;
}

.reactivate-badge {
    color: #056EE9 !important;
    background: #EFF7FF !important;
    border-color: #B5D4F9 !important;
}

.active-user-badge {
    position: relative;
    padding: 2px 8px 2px 20px !important;
    color: #3E906D !important;
    border-radius: 34px !important;
    border: 1px solid #C9E7DA !important;
    background: #F2FFF9 !important;
}

.active-user-badge:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #3E906D
}

.inactive-user-badge {
    position: relative;
    padding: 2px 8px 2px 20px !important;
    color: #E22626 !important;
    border-radius: 34px !important;
    background: #FFF6F6 !important;
    border: 1px solid #F7C3C3 !important;
}

.inactive-user-badge:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #E22626
}

#kt_app_sidebar_toggle {
    border: 1px solid #446054 !important;
    border-radius: 24px;
}

.btn.btn-color-success i {
    color: #446054
}

.page-heading-rise {
    font-family: "Gothic A1";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 34px;
    letter-spacing: 0.48px;
    color: #383838 !important;
}

.breadcrumb {
    display: none;
}

.basic-datatables th {
    color: var(--Subtext-Color, #6F6F6F) !important;
    font-family: "Gothic A1" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0.28px !important;
    padding: 8px 20px !important;
    border-bottom: 1px solid var(--Grey-3, #D7D7D7) !important;
    background: var(--Table-Header, #F5F7F6) !important;
}
.dataTables_scrollBody thead {
    visibility: collapse; /* keeps structure, removes rendering */
}
.basic-datatables td {
    color: var(--Headline-Text-Color, #383838) !important;  
    font-family: "Gothic A1" !important;
    font-size: 14px !important;   
    font-style: normal !important;   
    font-weight: 600 !important;  
    line-height: 18px !important; 
    letter-spacing: 0.28px !important;  
    padding: 8px 20px !important;
    background: var(--White, #FFF) !important;
    vertical-align: middle;
    border-bottom: 1px solid var(--Grey-3, #D7D7D7) !important;
}

.username-rise {
    color: var(--Primary-Color, #446054);
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.28px;
}
.username-rise:hover,.username-rise:focus,.username-rise:active{
    border-bottom:1px solid #446054;
}
.slideout-panel-rise .card-title h3 {
    color: var(--Headline-Text-Color, #383838);

    /* Body/S */
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: 0.28px;
}

.slideout-panel-rise .card-header {
    min-height: auto;
    padding: 8px 16px;
    border-bottom: 1px solid var(--Grey-3, #D7D7D7) !important;
}

.slideout-panel-rise .card-body {
    padding: 16px;
}

.text-link-rise {
    color: var(--Primary-Color, #446054);
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.28px;
    border-bottom:1px solid transparent
}
.text-link-rise:hover{
    border-bottom:1px solid #446054;
}

.text-link-rise:hover,
.text-link-rise:focus,
.text-link-rise:active {
    text-decoration: underline;
}

.slideout-panel-title .title-text {
    margin: 0;
    color: var(--Headline-Text-Color, #383838);
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.28px;
}

.slideout-panel-fields .field-edit {
    display: none;
}
.btn.btn-outline:not(.btn-outline-dashed),.swal2-cancel{
    background:#fff !important;
    border:1px solid #446054 !important;
    color:#446054 !important;
}
.btn.btn-outline:not(.btn-outline-dashed):hover,.swal2-cancel:hover{
     border:1px solid #446054 !important;
     background:#446054 !important;
    color:#fff !important;
}
.swal2-styled.swal2-confirm{
    background:#446054 !important;
    color:#fff !important;
}
.btn-outline-rise {
    padding: 10px 8px;
    color: var(--Primary-Color, #446054);
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.28px;
}

.btn-outline-rise:hover,
.btn-outline-rise:focus,
.btn-outline-rise:active {
    background: #446054 !important;
    color: #fff !important;
}

.btn-outline-rise:hover svg path,
.btn-outline-rise:focus svg path,
.btn-outline-rise:active svg path {
    fill: #fff;
}
.btn-outline-rise.btn-outline-rise-filter{
    padding:8px 10px;
    font-weight:600;
}
.swal2-icon{
    display:none !important;
}
.page-item.active .page-link {
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid var(--Primary-Color, #446054);
    background: var(--Highlight-Color, #E5EDEA);
    color: var(--Headline-Text-Color, #383838);
    text-align: center;   
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.28px;
}
.tablescroll{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #D7D7D7;   
    border-left:0px none;
    /* border-radius: 16px; */
}
/* div.dataTables_scrollHead .tablescroll{
    border-radius:16px 16px 0 0;
} */
.tablescroll th,
.tablescroll td {   
    white-space: nowrap; /* prevents wrapping */
    border-right: 1px solid #D7D7D7 !important;      
    border-bottom: 1px solid #D7D7D7 !important;      
}
.tablescroll tr td:first-child,div.dataTables_scrollBody thead th:first-child{
     border-left: 1px solid #D7D7D7;   
} 
.tablescroll tr td:last-child,div.dataTables_scrollBody thead th:last-child{
     border-right: 1px solid #D7D7D7;   
} 
.tablescroll th{    
    border-bottom:0px none !important;
}
/* .tablescroll th:first-child,
.tablescroll td:first-child {
    position: sticky !important;
    left: 0;
    width: 24px;      
    min-width: 24px;
    max-width: 24px;
    background: #fff; 
    z-index: 10;    
}
.tablescroll th:nth-child(2),
.tablescroll td:nth-child(2) {
    position: sticky !important;
    left: 64px;  
    width: 150px;      
    min-width: 150px;
    max-width: 150px;
    background: #fff;
    z-index: 10;
    box-shadow: 5px 2px 4px 0 rgba(0, 0, 0, 0.25);
} */
/* .tablescroll th:nth-child(3),
.tablescroll td:nth-child(3) {
    position: sticky !important;
    left: 170px;   
    background: #fff;
    z-index: 10;
    box-shadow: 5px 2px 4px 0 rgba(0, 0, 0, 0.25);
} */
.tablescroll th:last-child,
.tablescroll td:last-child {
    position:sticky !important;
    right: 0;   /* width of first column */    
    background: #fff;
    z-index: 10;
    /* border-left:1px solid #ccc; */
}
[data-control="select2"] {
  width: 180px !important; /* or auto */
}
/* .dataTables_scrollBody{
    margin-top:-10px !important;
} */
.tablescroll .dataTables_scrollBody thead{
    display:none;
}
.tablescroll tr td.dtfc-fixed-right,.tablescroll th:last-child{   
   /*  box-shadow: -4px 7px 8px 0 rgba(0, 0, 0, 0.25); */
    z-index: 3;
} 
/* div.dataTables_scrollHead .tablescroll tr:first-child th:first-child {
    border-top-left-radius: 16px;
} */
/* div.dataTables_scrollHead .tablescroll tr:first-child th:last-child{
    border-top-right-radius: 16px;
} */
div.dataTables_scrollBody .tablescroll{
    border:0px none;
}
div.dataTables_scrollBody thead{
    height:0;   
    /* padding:0;    */ 
}
div.dataTables_scrollBody thead th{
    border:0 none;
    background:#fff !important;
    /* padding:0 !important */
}
.filter-table-rise{
    padding:16px 8px 0 8px;
}
.org-filters-right .select2-container{
    max-width:150px
}
.org-filters-right .select2-container .select2-selection--single{
    padding:8px 10px;
    background-color:#fff;
    color: var(--Subtext-Color, #6F6F6F);   
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; 
    border-radius: 6px;
    border: 1px solid var(--Grey-3, #D7D7D7); 
}
.org-filters-right .select2-container .select2-selection--single:hover,
.org-filters-right .select2-container .select2-selection--single:focus,
.org-filters-right .select2-container .select2-selection--single:active,
.org-filters-right .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid{
    background-color:#fff;
}
.org-filters-right .select2-container--bootstrap5 .select2-dropdown .select2-results__option{
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; 
}
.search-block-rise .svg-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform: translateY(-50%);
}
.search-block-rise .form-control{
    padding: 8px 16px 8px 32px;
    border-radius: 8px;
    border: 1px solid var(--Grey-3, #D7D7D7);
    background: var(--White, #FFF);
    color: var(--Grey-1, #B7B7B7);    
    font-family: "Gothic A1";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; 
    letter-spacing: 0.28px;
}
#myTable1_filter,#myTable1_wrapper{
    padding:0;
}
.table-card-padding{
    padding:16px 8px
}
table.table-bordered.dataTable td, table.table-bordered.dataTable th{
    border-color:#D7D7D7;
}
div.dataTables_wrapper div.dataTables_info{
    padding: 3rem 0 1rem 0;
}
.toggle-desc{
    color:#446054
}
.toggle-desc:hover,.toggle-desc:focus,.toggle-desc:active{
    color:#446054;
    text-decoration:underline !important;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Hide the browser's default title tooltip */
.tooltip[title] {
  position: relative;
}

/* Create tooltip text using ::after */
.tooltip[title]::after {
  content: attr(title);
  position: absolute;
  bottom: 125%; /* show above the element */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  font-size: 14px;
  z-index: 10;
  pointer-events: none;
}

/* Tooltip arrow */
.tooltip[title]::before {
  content: "";
  position: absolute;
  bottom: 115%; 
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Show tooltip on hover */
.tooltip:hover::after,
.tooltip:hover::before {
  opacity: 1;
  visibility: visible;
}
#kt_sign_in_form div[data-field="password"]{
    position: absolute;
    bottom: -20px;
}

/* Ensure fixed columns have solid borders */
.dtfc-fixed-left,
.dtfc-fixed-right {
    border-right: 1px solid #ddd !important; /* for left side */
    border-bottom: 1px solid #ddd !important;  /* for right side */
    background: #fff; /* prevent overlap flicker */
    z-index: 3; /* keep above scrolling area */
}

/* Remove duplicate borders inside scrollable table */
/* .dataTables_scrollBody td,
.dataTables_scrollBody th {
    border-left: none !important;
    border-right: none !important;
} */
 tr .dtfc-fixed-left:first-child::before {
    content: "";
    position: absolute;
    left: 65px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #D7D7D7;
 }
tr .dtfc-fixed-left:first-child::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #fff;
}
tr th.dtfc-fixed-left:first-child::after {
    background: #F5F7F6;
}
tr .dtfc-fixed-left:nth-child(2)::before{
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid #D7D7D7;
  /* box-shadow: 3px -2px 8px 0 rgb(74 74 74); */
}
tr .dtfc-fixed-left:nth-child(2)::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 1px solid #D7D7D7;
  box-shadow: 3px -2px 8px 0 rgb(74 74 74);
}
.dtfc-fixed-right::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #D7D7D7;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%); */
    /* box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); */
    box-shadow: -2px 1px 5px 0 rgb(74 74 74);
}
.dtfc-fixed-right::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #D7D7D7;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%); */
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
.tablescroll tr td:first-child,
.tablescroll tr th:first-child{
    border-left:0px none !important
}
.tablescroll tr td:first-child:before,.tablescroll tr th:first-child:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #D7D7D7;
}
.tablescroll tr th:first-child
.tablescroll tr td:last-child,
.tablescroll tr td:nth-last-child(2),
.tablescroll tr th:last-child,
.tablescroll tr th:nth-last-child(2),
.tablescroll tr th:nth-child(2){
    border-right:0px none !important;
}











#kt_drawer_example_basic .w-100.rounded-5 {
    display: flex;
    flex-direction: column;
    height: 100%;   /* make drawer full height */
    overflow: hidden; /* prevent header/footer from scrolling */
}

#kt_drawer_example_basic .card-header {
    flex: 0 0 auto; /* fixed at top */
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #eee;
}

#kt_drawer_example_basic .card-body {
    flex: 1 1 auto; /* takes remaining height */
    overflow-y: auto; /* scroll only content */
    padding: 1rem;
}

#kt_drawer_example_basic .card-footer {
    flex: 0 0 auto; /* fixed at bottom */
    background: #fff;
    z-index: 10;
    border-top: 1px solid #eee;
}
#import-success-alert,#import-error-alert,#success-alert{
    align-items: center;
}
#import-success-alert strong,#import-error-alert strong,#success-alert strong{
    font-size:20px !important;
    line-height:30px !important;
    font-weight:500 !important;
}
#import-error-alert{
    color:#E22626;
    border-radius: 8px;
    border: 2px solid var(--Red-Error, #D62828);
    background: var(--Error-Bg, #FFEDED);
    }

#import-success-alert,#success-alert{
    color:#0F6F5A;
    border-radius: 8px;
    border: 2px solid #0F6F5A;
    background: #ECFFFB;
}
#import-error-alert ul{
    padding:0;
}
#import-error-alert ul li{
    font-size:14px !important;
    line-height:18px !important;
    margin-bottom:8px !important;
}


@media screen and (max-width:767px) {
    #notifiction {
        margin-left: 0 !important;
    }

    .title-section-dashboard {
        flex-wrap: wrap !important;
    }

    .title-section-dashboard .page-title {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .dashboard-title-button-section {
        flex-wrap: wrap !important;
        margin-top: 16px;
    }

    .dashboard-title-button-section a,
    .dashboard-title-button-section button {
        flex: 0 0 130px;
        max-width: 130px;
    }

    .dashboard-title-button-section.dashboard-title-button-section-pdf button {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .scroll-tabs-mobile {
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
    }

    .scroll-tabs-mobile .nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        padding: 3px 0 !important;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-bottom: 3px !important;
    }

    .page-item .page-link {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .page-item {
        margin-right: 2px !important;
    }

    .pdf-patient-details .patient-image {
        float: left !important;
    }

    .card-details-pdf {
        width: 100%;
    }

    .btn-blacklist {
        margin-top: 16px !important;
    }

    .container-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.daterangepicker .drp-calendar td.active{
    background-color: #446054 !important;
}
.daterangepicker td.in-range {
    background-color: #ebf4f8 !important;
}
.cancelBtn{
    background: #fff !important;
    border: 1px solid #446054 !important;
    color: #446054 !important;
}
.applyBtn {
    background: #446054 !important;
    color: #fff !important;
}
.applyBtn:hover {
    /* background: #676b72 !important; */
    background: #446054 !important;
    color: white;
}
#date_range{
    
    color: rgba(56, 56, 56, 1);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2%;
    line-height: 18px;

}
.daterangepicker .ranges li.active {
    background-color: #446054 !important;
    color: #fff;
}