.new_nav p{
font-size: 20px !important;
font-weight: 600 !important;
color: #000 !important;
padding: 20px 20px 8px 20px;
}
.gap-row{
margin-top: 20px;
}
.text_size{
    font-size: 17px;
}
.div_img{
    margin-left: 29px;
}
.fst_div_img{
    margin-left: 75px;
}
.sidebar .nav .nav-item.active > .nav-link {
    background-color: #009EFF;
}
.sidebar_img{
    width: 15px;
}
.menu-title{
    margin-left: 10px;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link{
    background-color: #009EFF;
}
.card.card-tale {
    background-color: #fff;
    color: #000;
}
.card.card-dark-blue {
    background-color: #fff;
    color: #000;
}
.card.card-tale:hover {
    background-color: #fff;
}
.card.card-dark-blue:hover {
    background-color: #fff;
}
.card.card-light-blue {
    background-color: #fff;
    color: #000;
}
.card.card-light-blue:hover {
    background-color: #fff;
}
.text_colr{
    color: #009EFF;
    font-weight: 600;
}
.rect_box1 {
    background-color: #E65D5D;
}
.rect_box3 {
    background-color: #009EFF;
}
.rect_box2 {
    background-color: #F4A528;
}
.rect_box1 p{
    color: #fff;
    font-weight: 600;
}
.rect_box2 p{
    color: #fff;
    font-weight: 600;
}
.rect_box3 p{
    color: #fff;
    font-weight: 600;
}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
    background-color: #009EFF;
}
.sidebar .nav.sub-menu {
    background-color: #009EFF;
}
.sidebar-icon-only .sidebar_img{
    width: 30%;
}
.dough_chart{
    background-color: #fff;
    padding: 20px;
}

.chart_conti{
    background-color: #fff;
    padding: 20px;
}
canvas {
    max-width: 100%;
    height: auto;
  }
#batchSelect{
    height: 35px;
  }
.stu_nw{
    background-color: #fff;
    padding: 20px;
}
.cls_mis h1{
    font-size: 18px;
}
.total-cls{
font-size: 18px;
}
.srch_name{
    height: 30px;
}
.skil_dt{
    margin-top: 30px;
}
.ciity{
    margin-top: 20px;
}
.city_bdy{
    border: 1px solid #000;
    padding: 0px !important;
}
.click_btn_div{
    background-color: #009EFF;
    text-align: center;
}
.click_btn{
    color: #ffffff;
    font-size: 16px;
}
.click_btn:hover{
    color: #ffffff;
}
.cls_mis{
    padding: 20px;

}
.nam_rw{
    margin-top: 20px;
}
.total-cls p{
    font-size: 14px;
    font-weight: 600;
}
.lrn_hr{
    height: 256px;
}
.tm_size{
    font-size: 48px;
    margin-top: 50px;
}
.ov_lh{
    font-size: 18px;
    font-weight: 500;
}
.stu_no p{
    font-size: 18px;
    font-weight: 500;
}
.custom_tab{
    justify-content: space-between;
}
.table td{
    border-bottom: 1px solid #CED4DA !important;
}
#weekSelect{
    height: 30px;
}
.nw_bdy{
    background: #F5F7FF;
}
.pdf_tx h4{
    font-size: 12px !important;
}
.star td img{
    width: 12px !important;
    height: 12px !important;
}
.total-pdf{
    color: #129805;
    font-weight: 500;
    text-align: center;
    font-size: 55px;
    margin-top: 20px;
}
.nav-tabs .nav-link.active{
    background-color: #009EFF;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.nav-tabs .nav-link {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #ffffff;
}
.exprt_pdf p{
    font-size: 10px;

}
.student_right p{
    font-size: 18px;
    font-weight: 500;
}
.stud_nt p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 38px;
}
.tab-content {
    border-radius: 4px;
    border: 1px solid #ffffff !important;

}
.sign_in{
    background-color: #009EFF;
    border-color: #009EFF;
}
.google_btn{
    background-color: #000;
    border: #000;
}
.google_btn:hover{
    background-color: #000;
    border: #000;
}
.sign_in:hover{
    background-color: #009EFF;
    border-color: #009EFF;
}
.email{
    font-weight: 600;
    font-size: 16px !important;
}
.log_in h4{
    font-size: 20px;
    font-weight: 500;
}
.profile{
    background-color: #009EFF;
    border-radius: 5px;
    border: 1px solid #009EFF;
}
.crnt_lvl{
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 15px;
}
#pills-tab li{
    margin-top: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.lh-1 h3{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
}
.lst_updt h4{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.city{
    padding: 30px;
    text-align: center;
}
.box_img{
    position: absolute;
    top: 39px;
    right: 4px;
    width: 49px;
}
.rect_box4{
    background-color: #00A65A;
    color: #fff;
    font-weight: 600;
}

.chart-container {
        width: 100%; /* Ensure the container takes up the full width */
        height: 300px; /* Adjust the height as needed */
    }
.app_user p{
    font-size: 18px;
    font-weight: 500;
}
.tf{
    padding: 0px !important;
}
.tf_row{
    margin-top: 50px;
}


@media (min-width: 992px) {
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
        background: #009EFF;
    }
}
@media (max-width: 767px) {
    .content-wrapper {
        padding: 0rem;
    }
    .mb_mar{
        margin-top: 20px;
    }
    .fst_div_img {
        margin-left: 45px;
        width: 9%;
    }
    .div_img {
        margin-left: 8px;
        width: 9%;
    }
    .div_im{
        width: 9%;
    }
    .gap-row{
        padding: 10px;
    }
    .total-cls{
        margin-top: 30px;
    }
    .tm_size {
        font-size: 40px;
    }
    .total-pdf {
        font-size: 45px;
    }
    .stu_no p {
        font-size: 18px;
        font-weight: 600;
    }
    .nav-tabs .nav-link {
        background: #ffffff;
        font-size: 16px;
        font-weight: 600;
    }
    .nav-tabs .nav-link.active {
        font-size: 16px;
        font-weight: 600;
    }
    .cls_mis h1 {
        font-size: 18px;
        font-weight: 600;
    }
    .ov_lh {
        font-size: 18px;
        font-weight: 600;
    }
    .date{
        margin-top: 20px;
    }
    .nw-clss{
        flex-direction: column;
    }
    .tab-content {
        padding: 0px;
    }
    .dat_tm h4{
        font-size: 12px;
        margin-top: 15px;
    }
    #pills-tab li {
        font-size: 11px;
    }
    .slect_cls{
        margin-top: 20px;
    }
    .card .card-body {
        padding: 15px !important;
    }

}
@media only screen and (min-width: 340px) and (max-width: 370px)  {
    .fst_div_img {
        margin-left: 80px;
        width: 9%;
    }
    .div_img {
        margin-left: 36px;
        width: 9%;
    }
}
@media only screen and (min-width: 371px) and (max-width: 400px)  {
    .fst_div_img {
        margin-left: 80px;
        width: 9%;
    }
    .div_img {
        margin-left: 42px;
        width: 9%;
    }
}
@media only screen and (min-width: 401px) and (max-width: 440px)  {
    .fst_div_img {
        margin-left: 110px;
        width: 9%;
    }
    .div_img {
        margin-left: 70px;
        width: 9%;
    }
}