[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
    color: #000000 !important;
    font-weight: 600;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link i {
    font-weight: 500;
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    color: #000000 !important;
}
#page-topbar {
    background-color: #b4c6ff !important;
}
.single_dsbox {
        background: #fff;
}
.single_dsbox h2 {
   color: #000000;
}
.ttl_income .avatar-title {
    background: #ffe8a8;
}
.setteld_cases .avatar-title {
    background: #b5eb9a;
}
.ttl_cases .avatar-title{
    background: #b4c6ff;
}
.tts_stafs .avatar-title {
     background: #b1fff8;
}
.bx_titls {
    color: #000;
    font-size: 16px;
}
.cs_search_dropdown {
    border: 1px solid #ddd;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.cs_drpd {
      width: 180px;
    border: unset;
}
.horizontal-logo img {
        width: 140px;
}
.sl_dt {
    text-align: center;
    font-size: 30px;
    display: block;
    color: #000;
    font-weight: 600;
}
.month_yr {
    text-align: center;
    display: block;
    color: #000;
    font-weight: 500;
}
.det_part {
background: #d1dcff;
    padding: 10px;
    position: relative;
}
.ongoing_cases {
    border: 1px solid #ccc;
    padding: 5px;
    position: relative;
}
.ongsnt {
      font-weight: 500;
    font-size: 16px;
    color: #000;
}
.cs_dtpat p {
    margin: 5px 0px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 25px;
     display: inline-block;
}
.cs_loc {
      background: #d4ffbf;
}
.cs_type {
       background: #dde0e9;
   
}
.ongoing_listes {
    position: relative;
}
.single_cs_dlt {
    font-size: 22px;
    color: #f06548;
    display: inline-block;
    float: left;
    margin-left: 2px;
    background: #efefef;
    line-height: 1;
    padding: 5px;
}
.sl_mtricon {
    color: #5774d3;
}
.sl_editicon {
    color: #4fe306;
}
.sin_case_btnm {
  position: absolute;
    top: 10px;
    right: 12px;
}
.ongoing_listes .card {
    margin-bottom: 10px;
}
.whtas-title h3 {
    background: #b4c6ff;
    padding: 10px;
    color: #000;
    font-size: 18px;
    text-align: center;
}
.ongo_readmore {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: #ffd29b;
    width: 100px;
    padding: 5px;
    font-size: 14px;
    color: #000;
    border-radius: 30px;
    font-weight: 600;
    transition: 0.2s;
}
.cs_search_dropdown .cusbtn-bdr{
border: unset;
border-left: 1px solid #ccc;
}
.ongo_readmore:hover {
    background: #b4c6ff;
    transition: 0.2s;
    color: #000;
}
.bgimg img {
    width: auto;
    height: 100vh;
}
.logresg-form {
    height: 100vh;
    background: #fff;
    overflow-y: scroll;
    padding: 40px;
}
.cus_inp {
       border: 1px solid #8d8d8d;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.logresg-form h2 {
    color: #000;
    font-size: 24px;
    margin-bottom: 25px;
}
.cus_label {
    font-size: 14px;
    color: #3e3e3e;
}
.cus_btn {
    background: #b4c6ff;
    color: #000;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #b4c6ff;
}
.dnttext {
    font-size: 16px;
}
.dnttext a {
    color: #000000;
    font-weight: 600;
}
.loglogo img {
    width: 160px;
    margin-bottom: 50px;
}
.back_to_btn {
     background: #fff5e8;
    padding: 5px 10px;
    color: #000000;
    font-weight: 500;
    border: 1px solid #fff5e8;
    border-radius: 4px;
    margin-bottom: 17px;
    display: inline-block;
    font-size: 13px;
}
.mobo_logo {
      position: absolute;
    left: 25%;
    display: block;
    margin: 0 auto;
    bottom: 22px;
    top: -20px;
}
.mobo_logo img {
      width: 90px;
    margin-top: 38px;
    display: inline-block;
}
.mbmenubtn i {
    background: #ffd29b;
    font-size: 35px;
    position: absolute;
    bottom: 8px;
    padding: 4px;
    border-radius: 5px;
}
.card-title {
    color: #000;
}
.navbar-menu .navbar-nav .nav-link span {
    font-size: 17px !important;
}
.staff_listing .media img {
       width: 100px;
    height: 100px;
        margin: 0 auto;
}
.staff_listing .media {
    text-align: center;
}
.staff_listing .media h5 {
    color: #000;
}
.staff_listing .media i {
       font-size: 16px;
}
.staff_details .media img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.staff_details .media h5 {
    color: #000;
}
.staff_details .media {
    text-align: center;
}
.staff-details-info table tr td {
    font-size: 14px;
}
.staff-details-info table tr th {
    font-size: 14px;
}
.pd10 {
    padding: 10px;
}
.cuspage_title h4 {
    font-size: 18px;
    color: #000;
}
.cuspage_title {
    background: #fff;
    padding: 15px 15px;
    margin-bottom: 10px;
}
.cuspage_title h4 i {
    font-size: 18px;
    color: #b4c6ff;
    background: #d0dbff;
    color: #000;
    border-radius: 50%;
    margin-top: 1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    line-height: 1.6;
}
.breadcrumb-item>a {
    color: #000000 !important;
    font-weight: 500;
}
.title_table_staff {
    text-align: right;
    width: 45%;
        color: #000;
}
.ans_table_staff {
    text-align: left;
        color: #000;
}
.upload_import-btn {
    background: #b4c6ff;
    color: #000;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #b4c6ff;
    margin-top: 26px;
    width: 100%;
}
.cus_label i {
    color: #ff0000;
    font-size: 10px;
    position: relative;
    top: -5px;
}
.custom_tabled {
    background: #fff;
    padding: 15px;
}
.custom_tabled tr th {
     background: #e2e9ff;
}
.cusbtn-bdr {
  border: 1px solid #ccc;
    font-weight: 600;
    border-radius: 0 !important;
}
.cusbtn-color2 {
    background: #405189;
    color: #fff !important;
    border: none !important;
}
.cusbtn-color2:hover {
    background: #405189;
    color: #fff !important;
}
.cusbtn-color {
    background: #6e82bf;
    border: 1px solid #6e82bf !important;
    color: #ffffff !important;
}
.cusbtn-color:hover {
    background: #6e82bf;
    border: 1px solid #6e82bf !important;
    color: #ffffff !important;
}
.cusbtn-bdr2 {
       border: 1px solid #b4c6ff !important;
    color: #000000 !important;
    font-weight: 600;
}
.pagination-cus .page-link {
    color: #405189;
    padding: 6px 15px !important;
    font-size: 18px !important;
    border-color: #405189 !important;
}
.pagination-cus .page-link:hover {
      background: #405189;
      color: #ffffff !important;
}
.pagination-cus {
    margin-top: 20px;
}
.client_dt_tb .nav-link {
      box-shadow: 0 2px 4px rgb(80 132 199 / 12%);
    background: #e5ebff;
    font-size: 14px;
    color: #000;
    padding: 10px;
    border-right: 2px solid #9fb1e7;
    border-radius: 0;
}
.client_dt_tb .nav-link.active, .nav-pills .show>.nav-link {
    background: #9fb1e7;
}
.cpayment_link {
    border: 1px dashed #405189;
    padding: 2px 10px;
    text-align: center;
    font-weight: 600;
    border-radius: 40px;
    color: #405189 !important;
}
.case_list_details .ongoing_listes .card {
       border: 2px solid #ffffff;
}
.case_list_details .ongoing_listes .card.active {
       border: 2px solid #b4c6ff;
       position: relative;
}
.case_list_details .ongoing_listes .card.active:after {
    position: absolute;
    content: "";
    top: 40%;
    right: -20px;
    width: 30px;
    height: 30px;
    background: #86ff95;
    border-radius: 50%;
    border: 5px solid #fff;
}
.case_list_details .ongoing_listes .card:hover {
       border: 2px solid #b4c6ff;
}
.cslsd_page {
    height: 1000px;
    overflow-y: scroll;
}
.details_part h5 {
    color: #000;
}
.margin_right {
    margin-right: 10px;
}
.custom_advocate_box {
    min-height: 150px;
}
.cas_lst_tb .nav-pills .nav-link {
        border: 1px solid #d2dcff;
    background: #d2dcff;
}
.ongoing_cases_mobile .case_dtmob h4 {
    font-size: 16px;
    margin-bottom: 4px;
    color: #6c85d5;
}
.ongoing_cases_mobile .cs_dtpat p {
    padding: 2px 10px;
}
.cs_mbcrd {
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #dddddd !important;
    margin-bottom: 25px !important;
}
.list-stick {
    position: sticky;
    top: 120px;
    background-color: #b4c6ff;
    padding: 10px;
    font-size: 20px;
    z-index: 99;
}
.list-stick a {
    font-size: 15px;
    color: #fff;
    border: 1px solid #b4c6ff;
    padding: 4px 10px;
    border-radius: 35px;
    background: #405189;
    display: block;
    width: 190px;
    text-align: center;
    font-weight: 600;
}
.list-stick-hgh-wdth a {
    width: 230px !important;
}
.list-stick a i {
    font-size: 15px;
    float: left;
}
.add_cse_btn {
    position: fixed;
    bottom: 40px;
    left: 100px;
    z-index: 999;
}
.add_cse_csbtn i {
    font-size: 30px;
    color: #fff;
}
.add_cse_csbtn {
    background: #809eff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #d5dfff;
}
.add_cse_csbtn:hover {
    background: #809eff;
     border: 5px solid #d5dfff;
}
.details_part {
    background: #e1e1ff;
    padding: 10px;
}
.custom_advocate_box .card-title {
    font-size: 15px;
}
.filter_btn {
    border: 1px solid #e1e1ff;
    background: #dfe0fd;
    font-weight: 600;
}
.case_search {
    padding: 12px;
    margin-right: 5px;
}
.new_case_icon {
    position: absolute;
    top: -9px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    padding: 2px 10px;
    border-radius: 30px;
}

.short_date_filter .hstack .btn {
        font-weight: 500;
    font-size: 14px;
}
.save_print_btn {
    text-align: center;
}
.svprnt {
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
}
.s-print {
    background: #b4c6ff;
    color: #000;
}
.s-print:hover {
    background: #b4c6ff;
    color: #000;
}
.case_idno {
    font-size: 13px;
    color: #162969;
    background: #f0f0ff;
    display: inline-block;
    padding: 3px 3px;
    border-radius: 5px;
}
.dt_width_title {
    width: 160px;
}
/*Responsive*/
@media only screen and (max-width: 576px) {
    .ongoing_cases {
    margin-bottom: 30px;
}
.dt_width_title {
    width: auto;
}
.cs_drpd {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #ccc;
}
.list-stick {
    top: 70px;
}
.csdrp_s {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.cas_lst_tb .nav-justified .nav-item, .nav-justified>.nav-link {
    width: 45%;
}
.short_date_filter .hstack {
    overflow-x: scroll;
    height: 70px;
}
.cs_mbcrd {
    margin-bottom: 10px !important;
}
.svprnt {
    padding: 10px 15px;
}
.short_date_filter .hstack .btn {
      white-space: nowrap;
}
.short_date_filter .flex-wrap {
  flex-wrap: unset !important;
}
.custom_advocate_box {
    min-height: auto;
}
.add_cse_btn {
    left: 8px;
}
.client_dt_tb .nav-link {
    background: #e5ebff;
    font-size: 12px;
    color: #000;
    padding: 5px 3px;
    border-right: 2px solid #9fb1e7;
    border-radius: 0;
}
.nav-justified .nav-item, .nav-justified>.nav-link {
    flex-basis: unset;
    width: 100%;
}
.ongsnt {
    font-size: 14px;
    padding-right: 5px;
}
.apex-charts .apexcharts-bar-series path, .apex-charts .apexcharts-pie-series path {
    stroke: transparent !important;
}
.apexcharts-title-text {
    display: none;
}
#column_chart_datalabel .apexcharts-text tspan {
    display: none;
}
.res_btn {
    width: 100%;
    margin: 5px 0px;
}
}