.lineheader{height: 5px;width:100%;float:left;background: linear-gradient(90.03deg, #EB1A7F 0.04%, #FFC603 23.42%, #A7F387 49.51%, #16D6FA 73.98%, #AF87CE 104.43%);margin-bottom: 3px;}
.header1 {background-color: #425C8B;left: 0;position: fixed;right: 0;top: 60px;z-index: 1001;height:auto;color: #fff;text-align: center;  }
.BranchDtl{display:inline-block; margin:0 44px;}
.BranchName{}
.Customcard{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 11px; width:100%; padding:6px 12px; height:151px;}
.fullwidth{width:100%; float:left;}
.bg-blue{background: #2FC9F3;}
.bg-yellow{background: #fec107;}
.bg-green{background: #74c054;}
.bg-pink{background: #d44389;}
.bg-blue .progess_custom .progress{background:#87B2FF !important}
.bg-blue .progess_custom  .progess1{background: #425C8B;}
.bg-yellow .progess_custom .progress{background:#ffdda9 !important}
.bg-yellow .progess_custom  .progess2{background: #543200;}
.bg-green .progess_custom .progress{background:#78ffdc !important}
.bg-green .progess_custom  .progess3{background: #0c7d60;}
.bg-pink .progess_custom .progress{background:#FFA9A9 !important}
.bg-pink .progess_custom  .progess4{background: #AA182D;}
.cardIcon{width: 48px;height: 48px;background: #fff;border-radius: 24px;text-align: center;display: flex;align-items: center;justify-content: center;float: left;}
.cardDtl{display: flex;align-items: center;float: left;font-size: 12px;color: #fff;margin-left: 7px;margin-top: 7px;}
.cardFile{float:right}
.progess_custom{margin-top: 8px;margin-bottom: 3px;}
.content_cus{font-size: 12px;color: #fff;margin-top: 5px;}
.mt30{margin-top:30px;}
.btnChart{float:right;}
.btnChart a{width: 69.1px;height: 49.59px;display:inline-block;border-right:1px solid #fff;float:left;display: flex;align-items: center;justify-content: center;color:#2B3A55; font-size:12px; font-weight:bold;background: #D9D9D9;}
.btnChart a.active{background: linear-gradient(180deg, #F99229 0%, #EF3B67 82.81%); color:#fff;}
.card-title1{font-size:18px;}
.card-header-bg-custom{background: linear-gradient(180deg, #F99229 0%, #EF3B67 82.81%);}
.card .card-header-bg-custom .card-title {margin-bottom: 0;font-weight: 600;font-size: 16px;color: #fff;    }
.tbl_height{max-height:365px; overflow-y:auto;}
.tbl_height::-webkit-scrollbar {width: 5px;}
.tbl_height::-webkit-scrollbar-track {background: #f1f1f1;}
.tbl_height::-webkit-scrollbar-thumb {background: #888;}
.tbl_height::-webkit-scrollbar-thumb:hover {background: #555;}
.AdmisionCurrent{display:inline-block; color:#30C9F3; font-size:14px; margin:0 10px;}
.AdmisionCurrent span{width:10px; height:10px; display:inline-block; margin-left:5px; background:#30C9F3;}
.AdmisionPrev{display:inline-block; color:#677FA9; font-size:14px; margin:0 10px;}
.AdmisionPrev span{width:10px; height:10px; display:inline-block; margin-left:5px; background:#677FA9;}
.PeriodAllotted{display:inline-block; color:#77C152; font-size:14px; margin:0 10px;}
.PeriodAllotted span{width:10px; height:10px; display:inline-block; margin-left:5px; background:#77C152;}
.FreePeriod{display:inline-block; color:#EB1A7F; font-size:14px; margin:0 10px;}
.FreePeriod span{width:10px; height:10px; display:inline-block; margin-left:5px; background:#EB1A7F;}
.PY-Type{display: inline-block;    padding: 0 0 0 15px;    border-left: 1px solid #ededed;    width: 150px;}
.PaymentIcon{display:inline-block}
.PaymentName{font-size:13px; margin-left:4px; font-weight:bold;}
.payamount{    font-size: 14px;    margin-top: 7px;}
.cash_color{color:#2cabe3;}
.Cheque_color{color:#53e69d;}
.dd_color{color:#ff7676;}
.NEFT_color{color:#ffc36d;}
.Online_color{color:#8d9ea7;}
.Swiped_color{color:#60c0ea;}
.displayFlex{display:flex;}
.CollectionBx{display: inline-block;    padding: 0 0 0 15px;    border-left: 1px solid #ededed; }
.CollectionBx .PaymentName{color:#3E3D3D; font-size:15px;}
.CollectionBx .payamount{    font-size: 18px;    margin-top: 7px;}
.noBorder{border:none;}
.shadowBx{background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 11px; width:100%; float:left; padding:0 15px;}
.schoolnamePia{text-align:center; font-weight:bold; margin:10px 0;}
.logoLibrary{text-align:center; margin: 10px 0 25px 0;}
.libBx{display:flex;  border-bottom: 1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.LibraryBx{width:100%;}
.LibrarColor{width:12px; height:12px; display:inline-block;margin-right:3px;}
.LibrarLable{font-size:12px; font-weight:bold;}
.LibrarNoofBooks{font-size:14px; font-weight:bold; padding-left:12px;}
.libBx-blue .LibrarColor{ background:#2CABE3;}
.libBx-blue .LibrarLable{color:#2CABE3;}
.libBx-red .LibrarColor{ background:#FF8387;}
.libBx-red .LibrarLable{color:#FF8387;}
.libBx-yellow{border-bottom:none;}
.libBx-yellow .LibrarColor{ background:#FFC36D;}
.libBx-yellow .LibrarLable{color:#FFC36D;}

@media (max-width: 767.98px){
    .header1 {height: 128px;}
    .BranchDtl { margin: 0 18px;}
    .header-left{display: none !important;}
    .page-wrapper{padding-top: 140px;}
    .Customcard {margin-bottom:18px;}
    .PY-Type {width: 48%;margin-bottom: 15px;}
    .displayFlex {display: block;}
    .CollectionBx { border-bottom: 1px solid #ededed; margin-bottom:15px; border-left:none;}
            
}