.font-large-2 {
  font-size: 3rem !important;
}
.user-bell.dropdown-toggle::after {
  border: 0px;
  margin: 0px;
}

.notify {
  position: relative;
}

  .notify .heartbit {
      position: absolute;
      top: -7px;
      right: -7px;
      height: 25px;
      width: 25px;
      z-index: 10;
      border: 5px solid #e85359;
      border-radius: 70px;
      -moz-animation: heartbit 1s ease-out;
      -moz-animation-iteration-count: infinite;
      -o-animation: heartbit 1s ease-out;
      -o-animation-iteration-count: infinite;
      -webkit-animation: heartbit 1s ease-out;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
  }

  .notify .point {
      width: 22px;
      height: 22px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background-color: #e85359;
      position: absolute;
      right: -8px;
      top: -8px;
      font-size:.7rem;
      font-weight:600;
      text-align:center;
      padding-top:3px;
      color:#fff;
  }

.noti-fication li {
    padding: 8px 6px;
    border-bottom: 1px dashed #c2c2c2
}



.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 660px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-button-symbol, .highcharts-button-box, .highcharts-credits{display:none !important;}

@-moz-keyframes heartbit {
  0% {
      -moz-transform: scale(0);
      opacity: 0;
  }

  25% {
      -moz-transform: scale(.1);
      opacity: .1;
  }

  50% {
      -moz-transform: scale(.5);
      opacity: .3;
  }

  75% {
      -moz-transform: scale(.8);
      opacity: .5;
  }

  100% {
      -moz-transform: scale(1);
      opacity: 0;
  }
}

@-webkit-keyframes heartbit {
  0% {
      -webkit-transform: scale(0);
      opacity: 0;
  }

  25% {
      -webkit-transform: scale(.1);
      opacity: .1;
  }

  50% {
      -webkit-transform: scale(.5);
      opacity: .3;
  }

  75% {
      -webkit-transform: scale(.8);
      opacity: .5;
  }

  100% {
      -webkit-transform: scale(1);
      opacity: 0;
  }
}

/* main  */

main::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 2rem;
}
main::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 0.25rem;
}

main {
    height: calc(100vh - 135px);
    overflow-y: auto;
    /* flex: 1 1 auto; */
}



#layoutSidenav #layoutSidenav_content {
    height: 100vh;
    overflow: hidden;
    padding: 1rem .5rem;
    background: #F3F3F3;
}


/* main end */


/* sidemenu */
#layoutSidenav #layoutSidenav_nav {
    height: 100vh;
    width:250px;
}
/* sidemenu end */
/* navbar */
.navbar .bi {
    color: var(--bs-white);    
}

.user-icon-dropdown .bi {
    color: #727272;    
}

.navbar .dropdown-toggle::after {
    border-top-color: var(--bs-white);
    
}
.sb-sidenav-menu .collapse {
    background: #034f66;
}
/* navbar end*/
.logoText {
    color: #203D4B;
    text-align: center;
    font-weight: 600;
    white-space: normal;
}
header.navbar h4 {
    color: var(--bs-white);
}

.sb-sidenav-menu{ overflow: auto;}
.sb-sidenav-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 2rem;
}

.sb-sidenav-menu::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 0.25rem;
}
/*-----------------pramod header section design--------------*/
a {
    text-decoration: none;
}

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


.animated-box {
    width: 300px;
    box-shadow: 0px 10px 19px 1px rgb(199 199 199 / 67%);
    transition: 0.6s ease;
    border: none;
}
.round-bg {
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    line-height: 20px;
}
.notification__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #dddd;
    background: #1e3b74;
    color: #fff;
}
.notification__header h5 {
    font-size: 1.15rem;
    margin-bottom: 0;
}
    .notification__header .view-all {
        background: #3b5587;
        outline: none;
        border: 0;
        border-radius: 0.25rem;
        color: #fff;
        padding: 0 0.5rem;
        font-size: 90%;
        transition: 0.3s;
    }
.notification__list ul {
    padding: 0.6rem 1rem;
    height: 250px;
    overflow-y: auto;
}


.notification__list ul li a {
    display: flex;
    color: inherit;
    text-decoration:none;
}
.notification__count {
    display: flex;
    width: 40px;
    height: 28px;
    background: #e4e4e4;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 1rem;
}
.notification__list ul li .date {
    font-size: 90%;
    color: #6d6969;
    font-style: italic;
    display: block;
    font-weight: 500;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 2rem;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 0.25rem;
}
.leftmenu-logo {
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* .rate-area {
	float: left;
	border-style: none;
} */

.rate-area:not(:checked) > input {
	position: absolute;
	top: -9999px;
	clip: rect(0, 0, 0, 0);
}

.rate-area:not(:checked) > label {
	float: right;
	width: 0.8em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 180%;
	color: lightgrey;
}

.rate-area:not(:checked) > label:before {
	content: "★";
}

.rate-area > input:checked ~ label {
	color: gold;
}

.rate-area:not(:checked) > label:hover,
.rate-area:not(:checked) > label:hover ~ label {
	color: gold;
}

.rate-area > input:checked + label:hover,
.rate-area > input:checked + label:hover ~ label,
.rate-area > input:checked ~ label:hover,
.rate-area > input:checked ~ label:hover ~ label,
.rate-area > label:hover ~ input:checked ~ label {
	color: gold;
}
.fillter {
    position: absolute;
    right: 20px;
    top: 10px;
}
#filter .filter-body {
    border: 2px dotted #80808045;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #1d397217;
   
}


@media screen and (max-width: 2560px) {
    .header {
      width: 92.7%;
  }

  .display-full .header {
      width: 98.2%;
  }
}

@media screen and (max-width: 1920px) {
  .header {
      width: 90.3%;
  }

  .display-full .header {
      width: 97.5%;
  }
}

@media screen and (max-width: 1440px) {
  .page-container .mainpanel .breadcrumb {
      padding-top: 0;
      padding-bottom: 0;
  }
}
.bi-bell{ font-size:1.3rem;}

/*Tab Menu Start*/
.tab-menu {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1rem;
    display: flex;
    padding: .5rem;
}

.tab-menu__item {
    padding: 0 1rem;
    display: inline-block;
    color: #909b91;
    position: relative;
    font-weight: 600;
    line-height: 2;
}

    .tab-menu__item::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 3px;
        background: #004256;
        transition: 0.5s;
        transform: scale(0);
    }

    .tab-menu__item:hover {
        color: #e85122;
    }

    .tab-menu__item.active {
        color: #004256;
    }

        .tab-menu__item.active::before {
            transform: scale(1);
        }

.tab-menu .indicator, .tab-menu .table-utilities {
    margin: 0 0 0rem auto;
    display: flex;
    align-items: center;
}

.table-utilities .btn-sm {
    opacity: 0.76;
}

.tab-menu .btn-sm {
    line-height: 100%;
}
/*Tab Menu Ends*/

.manadatory {
    color: #f00;
}

label {
    font-weight: 500;
}

.form-group {
    margin-bottom: 1rem;
}

.btn-reset {
    background: #e4e4e4;
    color: #7a7a7a;
}

.filterBox, .filterBtn {
    margin-top: -1rem;
    margin-bottom: 1rem;
    
}

.image-sm{ height:40px; width:40px; border-radius:4px;}
/*Sabyasachi 02.11.2022 Start*/
/* .input-group .input-group-addon{
    position: absolute;
    right: 13px;
    top: 7px;
    z-index: 9;
    color: #afafaf;
} */
/*input[type="text"], input[type="email"], input[type="tel"], input[type="file"], .form-select {
    border: 1px solid #b9bcbf!important;
}*/
.form-control:focus {
    background-color: #FFF;
    border: 1px solid #022949 !important;
    box-shadow: none;
}
.form-check-input[type=radio] {
    border: 2px solid #0045b6;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #0045b6;
    border-color: transparent;
}

@media screen and (max-width: 1366px) {
    .form-label, .form-check-label {
        font-size: 0.9rem;
    }
}
/*    .form-control{
        border-radius: 0.25rem !important;
    }*/

    .showListBtn {
        font-weight: 600;
        border: 0;
        position: relative;
        z-index: 1;
        background: #e6e6e8;
        padding: 0.2rem 1.5rem;
        border-radius: 0 0 0.3rem 0.3rem;
    
    }
    
    .table thead th {
        background: #e9ecef;
        padding: 0.4rem 0.5rem;
        vertical-align: text-bottom;
    }
    
    .actionBox {
        margin-top: -1rem;
    }
    .text-right{text-align: right;}

    .locationThumbnailImg{width: 40px;height:30px;}
.custom-tab-content.tab-content{border: 1px solid #e1e1e1 !important; padding: 15px; border-top: none; margin-top: -1px;}



 /*Sabyasachi 02.11.2022 End*/



/* -----------------------pramod ---------------------*/
.datepicker table tr td, .datepicker table tr th {
    width: 33px;
    height: 33px;
}
    .datepicker table tr td.range, .datepicker table tr td {
        border-radius: 50%;
        vertical-align: middle;
        line-height: 1;
    }

.btn-success {
    background-color: #244A88 !important;
    border-color: #244A88;
}

    .btn-success:hover {
        background-color: #3961b5 !important;
        border-color: #3961b5 !important;
    }
.f-600{ font-weight: 600 !important;}
.not-read {
    font-weight: 600 !important;
}
.read {
    font-weight: 500 !important;
}

.sb-sidenav-toggled .sb-sidenav-dark {
    margin-left: -75px;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
}

.logoText:hover {
    color: #000;
}
header.navbar .bi.bi-grid {
    font-size: 1.2rem;
    color: var(--bs-yellow);
}

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
    padding: 0.4em .6em !important;
    border: none !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.buttons-copy {
    background-color: #525c76 !important;
    border: 1px solid #525c76 !important;
}

    .buttons-copy:hover {
        background-color: #6b7695 !important;
        border: 1px solid #6b7695 !important;
    }

.buttons-excel {
    background-color: #34a853 !important;
    border: 1px solid #34a853 !important;
}

    .buttons-excel:hover {
        background-color: #2fc958 !important;
        border: 1px solid #2fc958 !important;
    }

.buttons-pdf {
    background-color: #9e3201 !important;
    border: 1px solid #9e3201 !important;
}

    .buttons-pdf:hover {
        background-color: #bd4712 !important;
        border: 1px solid #bd4712 !important;
    }

.buttons-print {
    background-color: #21417d !important;
    border: 1px solid #21417d !important;
}

    .buttons-print:hover {
        background-color: #3159a5 !important;
        border: 1px solid #3159a5 !important;
    }

.buttons-collection {
    background-color: #565656 !important;
    border: 1px solid #565656 !important;
}

    .buttons-collection:hover {
        background-color: #6e6e6e !important;
        border: 1px solid #6e6e6e !important;
    }

.buttons-colvis {
    background-color: #500a09 !important;
    border: 1px solid #500a09 !important;
}

    .buttons-colvis:hover {
        background-color: #8b1312 !important;
        border: 1px solid #8b1312 !important;
    }

/*.buttons-excel {
    position: relative;
}
.buttons-excel::after {
    content: '';
    display: block;
    background: #123;
    width: 10px;
    height: 10px;
}*/

.dashboard .card-header p{ margin-bottom: 0;}

.dashboard-cards img {
    width: 100%;
    object-fit: cover;
}
.dashboard-cards ::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
  }
  
  /* Track */
  .dashboard-cards ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
  }
   
  /* Handle */
  .dashboard-cards ::-webkit-scrollbar-thumb {
    border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #F5F5F5;
  }
  
  /* Handle on hover */
  .dashboard-cards ::-webkit-scrollbar-thumb:hover {
    background: #F5F5F5; 
  }
  
.dashboard-cardsicon {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8rem;
    border-radius: 50%;
}
.dashboard-cards .row .col-xl-3:nth-child(1) .dashboard-cardsicon {
    background-color: #3ECF74;
}
.dashboard-cards .row .col-xl-3:nth-child(2) .dashboard-cardsicon {
    background-color: #3C78DB;  
}
.dashboard-cards .row .col-xl-3:nth-child(3) .dashboard-cardsicon {
    background-color: #ECAF1B;  
}
.dashboard-cards .row .col-xl-3:nth-child(4) .dashboard-cardsicon {
    background-color: #DE4045; 
}
.dashboard .card {
    box-shadow: 0 10px 17px rgb(0 0 0 / 8%), 0 2px 3px rgb(0 0 0 / 0%);
    border: 0;
}
.dashboard-cardsdetails p{
    line-height: 0.7;
    text-wrap: nowrap;
    font-size: .9rem;
    margin-bottom: 0;
}
.dashboard-cardsdetails span {
    font-size: 2rem;
    font-weight: 600;
    color: #585858;
}
 .dashboard .card-header {
    background-color: transparent;
    color: #000000;
    font-weight: 600;
}
.dashboard select{
    background-color: #F5F5F5;
    border-radius: 1.6rem;
    font-size: .9rem;
    font-weight: 600;
}
.form-select:focus {
    border-color: #dee2e6;
    box-shadow: none;
}
#survey {
    height: 300px;
}
#Grievance {
    height: 300px;
}
.highcharts-title, .highcharts-credits, .highcharts-axis  {
    display: none;
}

.table thead tr th {
    background-color: rgb(121 158 214 / 11%);
    font-weight: 500;
}
.dashboard .table-responsive {
    display: block;
    height: 300px;
}

/* landing dashboard css starts here */

.landing-dashboard #layoutSidenav #layoutSidenav_content {
    margin-left: 0;
}
 .landing_dashboard {
    z-index: 2;
    position: relative;
} 
a {
    text-decoration: none;
}
.landing_dashboard_heading h3 {
    color: #000000d9;
    font-size: 2rem;
}
.landing_dashboard_heading p {
    color: #0000009c;
    font-size: 1.25rem;
}
.landing_dashboard_content {
    flex-wrap: wrap;
    gap: 18px;
}
.landing_dashboard_card {
    background-color: #ffffff;
    border-radius: 0.6rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 1.4rem 1.2rem;
    position: relative;
    flex: 0 0 18.5%;
    text-align: center;
}
.landing_dashboard_text {
    font-size: 1rem;
    color: rgb(68 68 68);
    font-weight: 500;
}
.landing_dashboard_icon {
    background: linear-gradient(141deg, #E9F1FF 20%, #ffffff4f);
    padding: 1rem;
    border-radius: 50%;
}
.landing_dashboard_card:hover {
    background-color: #244A88;
    transition: all 300ms;
}
.landing_dashboard_card:hover .landing_dashboard_icon{
    background: linear-gradient(-28deg, #244A88 20%, #ffffff4f);
}
.landing_dashboard_card:hover .landing_dashboard_text {
    color: #ffffff;
}
.landing_dashboard_card:hover .landing_dashboard_icon img {
    filter: invert(1) brightness(100) saturate(0) contrast(100);
    transition: filter 0.3s ease;
}
.landing-header { display: flex; align-items: center; padding-left: 1rem;}
.landing-header img{ height: 60px;}
header.navbar .landing-header h4{ font-size: 1.1rem;}
.landing-dashboard .navbar {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    z-index: 4 !important;
}
.landing-dashboard{ position: relative;}
.landing-dashboard::after{content: "";  position: absolute; bottom: 2.4rem; width: 100%; height: 100%; background-image: url(../img/landing_dashboard_bakimg.svg);
    background-size: contain;}
.landing-dashboard main{ display: flex; justify-content: center; align-items: center;}

.bg-patch {
    background-color: #1d397217;
    padding: 10px;
    border-radius: .8rem;
}
@media screen and (max-width: 1366px) {
    .landing_dashboard_heading h3 {
        font-size: 1.8rem;
    }
    .landing_dashboard_heading p {
        font-size: 1.15rem;
    }
}
@media screen and (max-width: 1280px) {
    .landing_dashboard_card {
        padding: 0.3rem 0.3rem;
    }
    
    .landing_dashboard_icon {
        padding: 0.8rem;
    }
    .landing_dashboard_icon img {
        height: 33px;
    }
   
}
@media screen and (max-width: 1024px) {
    .landing_dashboard_content {
        padding-bottom: 1rem;
    }
    .landing_dashboard_heading h3 {
        font-size: 1.7rem;
    }
    .landing_dashboard_heading p {
        font-size: 1.05rem;
    }
   
    .landing_dashboard_card {
        padding: 0.7rem 0.7rem;
        flex: 0 0 23%;
    }


}
@media screen and (max-width: 768px) {
    .landing_dashboard_card {
        flex: 0 0 28%;
    }
    .landing_dashboard_heading h3 {
        font-size: 1.5rem;
    }
    .landing_dashboard_heading p {
        font-size: 1rem;
    }
   
}
@media screen and (max-width: 500px) {
    .landing_dashboard_card {
        flex: 0 0 45%;
    }
    .landing_dashboard_heading h3 {
        font-size: 1.2rem;
    }
    .landing_dashboard_heading p {
        font-size: 0.9rem;
    }

    .landing-dashboard .inner-layout {
        height: calc(100vh - 135px);
    }
 
}
  @media screen and (max-width: 420px){
    .landing_dashboard_card {
        flex: 0 0 100%;
    }
    .landing_dashboard_heading p {
        font-size: 0.9rem;
    }
    .landing_dashboard_heading h3 {
        font-size: 1.5rem;
    }
    .landing-header img {
        height: 50px;
    }
    header.navbar .landing-header h4 {
        font-size: 0.9rem;
    }
  }
  @media screen and (max-width: 375px){
    .landing_dashboard_content {
        gap: 9px;
    }
    .landing_dashboard_heading h3 {
        font-size: 1.2rem;
    }
  }
  @media screen and (max-width: 320px){
    header.navbar .landing-header h4 {
       display: none;
    }
  }
  /* landing dashboard css ends here */ 

.appl-details .title {
    color: #48484899;
    margin-bottom: 5px;
    font-size: 1rem;
}
.appl-details .name {
    margin-bottom: 0;
    font-weight: 500;
    color: #333333;
    display: block;
}
/* for multiselector starts*/
.select2-container {
    min-width: 100%;
  }
  
  .select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
  }
  .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
  }
  .select2-results__option[aria-selected=true]:before {
    font-family:fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #1f3e79;
    border: 0;
    display: inline-block;
    padding-left: 3px;
  }
  .select2-container--default .select2-results__option[aria-selected=true] {
      background-color: #fff;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: #eaeaeb;
      color: #272727;
  }
  .select2-container--default .select2-selection--multiple {
      margin-bottom: 10px;
  }
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
      border-radius: 4px;
  }
  .select2-container--default.select2-container--focus .select2-selection--multiple {
      border-color: #f77750;
      border-width: 2px;
  }
  .select2-container--default .select2-selection--multiple {
      border-width: 2px;
  }
  .select2-container--open .select2-dropdown--below {
      
      border-radius: 6px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
  }
  .select2-selection .select2-selection--multiple:after {
      content: 'hhghgh';
  }
  /* select with icons badges single*/
  .select-icon .select2-selection__placeholder .badge {
      display: none;
  }
  .select-icon .placeholder {
  /* 	display: none; */
  }
  .select-icon .select2-results__option:before,
  .select-icon .select2-results__option[aria-selected=true]:before {
      display: none !important;
      /* content: "" !important; */
  }
  .select-icon  .select2-search--dropdown {
      display: none;
  }
/* for multiselector  ends*/
.modal .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.modal-header {
    background: #244a88;
    color: #fff;
}
.styleTitle {
    font-size: 25px;
    font-weight: 600;
    color: #244987;
}
/* Common styles for both checkbox and radio */
.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
    border: 2px solid #244987 !important;
    background-color: #fff; /* Default background */
    width: 1.2rem;
    height: 1.2rem;
}

/* Remove blue glow on focus */
.form-check-input:focus {
    box-shadow: none !important;
    border-color: #244987 !important;
}

/* Style when checkbox is checked */
.form-check-input[type="checkbox"]:checked {
    background-color: #244987 !important;
    border-color: #244987 !important;
}

/* Style when radio is checked */
.form-check-input[type="radio"]:checked {
    background-color: #244987 !important;
    border-color: #244987 !important;
}

/* Optional: Improve appearance on hover */
.form-check-input:hover {
    border-color: #1a3563 !important; /* Slightly darker on hover */
}

/* dashboard new css starts here  */
#Grievance,
#HH_Summary,
#GRM_Authority,
#Partner,
#Data_Request {
    height: 300px;
}

.card-icon {
    position: relative;
    width: fit-content;
}

.icon-circle {
    position: absolute;
    top: -15px;
    left: -15px;
}

.icon-main {
    position: relative;
    z-index: 0;
}

/*.card-icon {
    margin-right: 15px; 
}
*/
.card-text {
    padding-left: 15px; 
}

.dashboard-card-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem;
/*    padding: 2.6rem;*/
    height: 285px;
}
    .dashboard-card-body.right-panel {
        grid-template-columns: repeat(1, 1fr);
    }

    .dashboard-card-body-inner {
        background-color: #f9f9f9;
        padding: 1.2rem;
        border-radius: 1.1rem;
    }

.dashboard-card-body p {
    line-height: 1.3;
    text-wrap: nowrap;
    font-size: 0.9rem;
    margin-bottom: 0.1rem;
    text-wrap-mode: wrap;
}

.dashboard-card-body span {
    font-size: 1.5rem;
    font-weight: 600;
    color: #585858;
}


@media screen and (max-width: 1366px) {
    .dashboard-card-body-inner { padding: .7rem;  }
    .dashboard-card-body {
        height: auto;
    }
        .dashboard-card-body p {  font-size: 0.8rem;}

    .icon-main {height: 20px;    }
    .height-box{ height:350px}

}
    @media screen and (max-width: 768px) {

        .dashboard-card-body {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    .act-wd {
        width: 175px;
        text-wrap: auto;
    }

    @media print {
        .description-wd {
            text-wrap: auto;
        }
    }