body{
  font-family: Arial, Helvetica, sans-serif;
}
tr:nth-of-type(odd) {
  background-color:rgba(209, 204, 255, 0.2);
}

    @media print {
      .no-print {
        display: none !important;
      }
    }

#headerNav{
  font-family: sans-serif;
  white-space:nowrap;"
}
div .panelDiv{
  border-radius: 10px;
  font-weight:normal;
  font-family: Arial, Helvetica, sans-serif;
  //border:1px solid rgb(236, 26, 35, 0.5);
  padding:30px 10px;
  margin:20px auto;
  //background: rgba(253, 242, 4, 0.01);
  text-align: left;
  width:90%;
  overflow-x: auto;

}
.titleBW{
  border-radius: 5px;
  margin:5px;
  padding:10px;
  color:white;
  background-color:rgba(93, 44, 150, 1);
  font-size:12px;
  text-align:center;
  font-weight:normal;
  letter-spacing: 3px;
}

.btnClass{
color: rgba(93, 44, 150, 0.8) !important;
background-color:white !important;
font-size:11px !important;
padding:5px !important;
margin:1px !important;
border:1px solid rgba(93, 44, 150, 1) !important;
}

.btnDropdownClass{
color: rgba(93, 44, 150, 0.8) !important;
background-color:white !important;
font-size:11px !important;
padding:5px !important;
margin:1px !important;
}

.btnClass.Active{
color: white !important;
background-color:rgba(93, 44, 150, 1) !important;
}


.nav-link.active{
  border-bottom:1PX solid white !important;
  color: rgba(93, 44, 150, 0.8) !important;
}

.nav-tabs{
margin: 15px;

}
.panelDiv.tabContent{
  margin-top: -1px;
  margin-left: 0px;
  padding-top:20px;
  border:1PX solid var(--bs-border-color) ;
  border-radius: 8px;
  display: none;
}
.panelDiv.tabContent.active{
display: block;
}



.class-grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.class-item {
  flex: 1 1 200px;
  text-align: center;
}

.class-item .imgFrame {
  flex: 1 1 200px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 10px;
}
.class-item img {
  max-height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.class-item p {
  margin-top: 10px;
  font-size: 10px;
  font-weight: 500;
}

.footerDiv{
	margin-top:50px;
	text-align:center;
	color:gray;
	font-size:10px;
	text-decoration:none;
}

.footerDiv .bi-pen{
  display:none;
}