body{
  font-family: "Public Sans", sans-serif;
  font-weight:400;
}
h1,h2,h3,h4,h5,h6{font-weight:700;}
ul li{list-style:none;}
input:focus{outline:none;}
.edit_ic{width:14px;}
.dashbaord_home{background-color:#DCEAF5;}
.bgbox-color-1{background-color:#F0F8FF;}
.bg-white{background-color:#fff;}
.searc_fi{padding:15px 25px 15px 50px;background-image:url(../images/search_ic.png);background-repeat: no-repeat;background-position:center left 20px;}
.inner_box h4{font-size:24px;}
.inner_box h4 span{font-weight:400;}
.search-wrap .searc_fi{width:33.333%;}
.inner_box_full_1 h5{color:#E31E25;font-size:18px;font-weight:600;margin-bottom:10px;}
.inner_box_full_1 ul{padding-left:0px;}
.inner_box_full_1 ul li{display:block;padding-top:5px;padding-bottom:5px;font-size:14px;font-weight:700;color:#697A8D;}
.inner_box_full_1 ul span{font-weight:400;}
.edit_ic_xs{display:inline-flex;margin-left:10px;}
.edit_ic_xs img{width:13px;}
.icon_hol1{margin-right:10px;display:inline-flex;}
.inner_box h4{font-size:18px;}
.nav-tabs .nav-link{font-size:14px;font-weight:500;color:#697A8D;border:1px solid #CBCBCB;background-color:#F0F8FF;border-radius:0px;}
.nav-tabs .nav-link.active{background-color:#008AD3;color:#fff;}
.fi_label{color:#697A8D;font-size:14px;font-weight:400;}
.input_fi,.select_fi{width:100%;border:1px solid #CBCBCB;padding:2px;border-radius:4px;font-size:14px;}
.col_blk{padding:0px 9px}
.blk2{margin-left:-9px;margin-right:-9px;}
.input_blk{height:100%;}
.ic_dwld{border:1px solid #CBCBCB;padding:10px 15px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.ic_dwld a{display:block;}
.btn-close2{color:#E03C20;font-size:14px;}
.payment_details_2 h5{color:#E31E25;}
.table-container {
  width: 100%;
  margin: 20px 0;
  overflow-x: auto;
}
.logo img{width:45px;}
table {
  width: 100%;
  border-collapse: collapse;
}

.table-container th, .table-container td {
  border: 1px solid #ddd;
  padding: 10px 15px;
  text-align: left;
  font-size:14px;
  color:#697A8D;
  font-weight:400;
  text-transform: uppercase;
}


.pay-button {
  background-color: #008AD3;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 25px;
  font-size:14px;
}

.pay-button:hover {
  background-color: #0056b3;
}
.monthly_fee_coll .c_box{height:100%;}
.select_fi_2{border:none;font-size:18px;font-weight:500;background-color: transparent;}
.select_fi_2:focus{outline:none;}
.c_font{font-size:14px;}
.c_font span{font-size:18px;font-weight:600;}
.counter_c{font-size:36px;line-height:42px;font-weight:600;color:#58697B;}
.second_grid .inner_box{height:150px;}
.second_grid .wrap .col-blk:nth-child(3){margin-top:1rem;}
.second_grid .wrap .col-blk:nth-child(4){margin-top:1rem;}
.second_grid{padding-left:1rem;}
.button_wrap button{background-color:#0185CD;font-size:18px;font-weight:500;color:#fff;border:none;padding:5px 15px;border-radius:5px;margin:0px 5px;}
.uservise_fee_collection .box li{color:#8D6969;font-size:16px;padding-top:3px;padding-bottom:3px;}
.uservise_fee_collection ul{padding-left:0px;}
.uservise_fee_collection{padding:15px 15px 15px 15px}
.uservise_fee_collection .swiper-pagination{bottom:0px !important;}
.mySwiper1 .swiper-slide{margin-bottom:30px;}
.student_status h6,.monthly_wise_admission h6{color:#8D6969;font-weight:500;font-size:16px;}
.counter_c2{font-size:26px;line-height:32px;font-weight:600;color:#58697B;margin-top:1rem;}
.outer_box3 .inner_box{height:130px;margin-top:7px;margin-bottom:7px;}
.mySwiper2 .col-blk{padding:0px 7px}
.outer_box3 .box{height:100%;}
.uservise_fee_collection .swiper-pagination{bottom:0px !important;}
.mySwiper2 .swiper-slide{margin-bottom:30px;}
.screen2 h4{font-size:18px;display:flex;align-items:center;}
.icon{width:40px;}
.total_amount{margin-top:5px;}

.mySwiper2 .d-flex {
  display: flex;
  flex-wrap: wrap;
}
.mySwiper2 .col-blk {
  flex: 1 1 50%; /* Adjusts each block to take up 25% of the row */
}
#sidebar-menu ul li a{margin-left:1rem;margin-right:1rem;border-radius:5px;position: relative;}
#sidebar-menu ul li a.active{background-color:#0185CD;}
#sidebar-menu ul li a.active:after{content:"";position:absolute;height:100%;background-color:#E31E27;border-top-left-radius:5px;border-bottom-left-radius:5px;right:-1rem;width:5px;top:0px;}
#sidebar-menu ul li a.active span{color:#fff;}
#sidebar-menu ul li a.active i{filter: invert(50%) brightness(200%);line-height:0;}
.sidebar-enable #sidebar-menu ul li a{margin:0rem}
.sidebar-enable #sidebar-menu ul li a.active:after{display:none;}

.table-container table{table-layout:fixed;}
.table-container tr th:nth-child(1){width:10%;}
.table-container tr th:nth-child(2){width:10%;}
.table-container tr th:nth-child(3){width:10%;}
.table-container tr th:nth-child(4){width:10%;}
.table-container tr th:nth-child(5){width:10%;}

@media (max-width: 1400px) { 

  .inner_box h4,.screen2 h4,.student_status h6,.monthly_wise_admission h6{font-size:14px;}
  .inner_box_full_1 h5{font-size:16px;}
  .inner_box_full_1 ul li,.fi_label,.table-container th, .table-container td{font-size:13px;}
  .searc_fi{padding:10px 20px 10px 50px;background-position:center left 15px;}
  .counter_c{font-size:22px;line-height:28px;}
  .icon{width:25px;}
  .select_fi_2{font-size:14px;}
  .c_font span{font-size:14px;}
  .uservise_fee_collection .box li{font-size:14px;}
  .button_wrap button{font-size:14px;}
  .counter_c2{font-size:22px;}

 }

 @media (max-width: 1199.98px) { 

  .second_grid .inner_box{height:140px;}
  .select_fi_2{font-size:14px;}
  .outer_box3 .inner_box{height:115px;}
    
 }
 @media (max-width: 991.98px) { 

  .search-wrap .searc_fi{width:50%;}
  .inblk2{margin-top:1rem;}
  .table-container th, .table-container td{padding:5px 10px}
  .inblk2{width:100%;}
  .col_blk:nth-child(3){margin-top:1rem;}
  .second_grid{margin-top:1rem;}
  .second_grid .inner_box{height:auto;}
 }

 @media (max-width: 767.98px) { 

  .second_grid{padding-left:0rem;}
  .inner_box h4, .screen2 h4,.student_status h6,.monthly_wise_admission h6{font-size:12px;line-height:24px;}
  .select_fi_2{font-size:12px;}
  .icon{width:18px;}
  .button_wrap{display:flex;}
  .button_wrap button{font-size:12px;line-height:16px;padding:3px 7px}
  .uservise_fee_collection .box li{font-size:9px;padding-top:1px;padding-top:1px;}
  .mySwiper2 .swiper-slide{margin-bottom:10px;}
  .outer_box3 .inner_box{height:auto;}
  .search-wrap .searc_fi{width:100%;}
  .counter_c2{font-size:16px;}

}