.chart-num{
  padding-left:10px;
}
.ico_dashboard {
    width: 100%; /* Default to full width of the container */
    max-width: 50px; /* Optional: Limit the maximum width */
    height: auto; /* Maintain aspect ratio */
}
@media (max-width: 1200px) {
    .ico_dashboard {
      width: 50px; /* Adjust width for medium screens */
    }
}
@media (max-width: 768px) {
    .ico_dashboard {
      width: 43px; /* Adjust width for smaller screens */
    }
   .brand-logo {
        display: none !important;
    }
    .nav-control {
        right:15px;

    }

}
@media (max-width: 576px) {
    .ico_dashboard {
      width: 30px; /* Adjust width for extra small screens */
    }
   .brand-logo {
        display: none !important;
    }
    .nav-control {
        right:15px;

    }
}



.chart-num p {
    font-size: clamp(0.9rem, 1vw, 1.8rem)!important; /* Scales based on viewport width */
}
.chart-num h2 {
    font-size: clamp(1.1rem, 1vw, 1.8rem)!important; /* Scales based on viewport width */
}
.footer {
    position: fixed;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.content-body{
    padding-bottom:150px;
}
.page-title .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:9rem;
}
.dashboard_mth{
    position:absolute;
    width:140px;
    height:auto;
    padding:10px 0px;
    background-color: #FCFCFC;
    border-radius: 10px;
    z-index: 999;
}
.dashboard_mth .sel_mth{
    padding:10px 15px;
    font-size:12px;
    font-weight: bold;
}
.dashboard_mth .sel_mth:hover{
    background-color: #F5F5F5;
    color:#FC5523;
}  


.cpointer{
    cursor:pointer;
}