/* public\dist\css\style.css */
/* marksheet */
.printBtn {
  background-color: #fff;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 800;
  color: #426879;
}

.printBtn:hover {
  background-color: #426879;
  color: #fff;
}

.marksheet .printBtn {
  text-align: right;
}

.marksheet td {
  border: 5px solid #f4f6f9;
  background-color: #fff;
}

.marksheet th {
  border: 5px solid #f4f6f9;
  background-color: #ffffff;
  color: #be4d53;
}

.marksheet .sbjct_name_vrtcl {
  writing-mode: vertical-rl;
  transform: rotate(180deg); 
  text-align: start; 
  /* width: auto; */
  white-space: nowrap; 
  /* padding: 5px; */
}

.distinction {
  color: #fff;
  background-color: #E8A4A4 !important;
}

.good {
  color: #fff;
  background-color: #E8E2A4 !important;
}

.credit {
  color: #fff;
  background-color: #A9E8A4 !important;
}

.pass {
  color: #fff;
  background-color: #8C8CC9 !important;
}

.fail {
  color: #fff;
  background-color: #E6A4E8 !important;
}

/* logo header */
.login-logo {
  height: 4rem;
}

.water-heading {
  font-size: 40px;
  font-weight: 700;
}

.is-invalid .cke_chrome {
  border: 1px solid red;
}

.is-invalid+.cke_chrome {
  border: 1px solid red;
}

.htmlCard {
  border: 1px solid rgb(211, 211, 211);
  padding: 1%;
  padding-right: 2%;
  padding-left: 2%;
  width: 100%;
}


.btn-primary {
  color: #fff;
  background-color: #426879;
  border-color: #426879;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #274654;
  border-color: #274654;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #274654;
  border-color: #274654;
  box-shadow: 0 0 0 0 #274654;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #577380;
  border-color: #577380;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #577380;
  border-color: #577380;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(19, 39, 64, 0.5);
}

.btn-primary2 {
  color: #fff;
  background-color: #6691a4;
  border-color: #6691a4;
  box-shadow: none;
}

.btn-primary2:hover {
  color: #fff;
  background-color: #426879;
  border-color: #426879;
}

.btn-primary2:focus,
.btn-primary2.focus {
  color: #fff;
  background-color: #426879;
  border-color: #426879;
  box-shadow: 0 0 0 0 #426879;
}

.btn-primary2.disabled,
.btn-primary2:disabled {
  color: #fff;
  background-color: #5b7480;
  border-color: #426879;
}

.btn-primary2:not(:disabled):not(.disabled):active,
.btn-primary2:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #426879;
  border-color: #426879;
}

.btn-primary2:not(:disabled):not(.disabled):active:focus,
.btn-primary2:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(141, 80, 80, 0.5);
}

.btn-primary3 {
  color: #fff;
  background-color: #9ac0d1;
  border-color: #9ac0d1;
  box-shadow: none;
}

.btn-primary3:hover {
  color: #fff;
  background-color: #6691a4;
  border-color: #6691a4;
}

.btn-primary3:focus,
.btn-primary3.focus {
  color: #fff;
  background-color: #6691a4;
  border-color: #6691a4;
  box-shadow: 0 0 0 0 #6691a4;
}

.btn-primary3.disabled,
.btn-primary3:disabled {
  color: #fff;
  background-color: #b3d0dd;
  border-color: #b3d0dd;
}

.btn-primary3:not(:disabled):not(.disabled):active,
.btn-primary3:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #b3d0dd;
  border-color: #b3d0dd;
}

.btn-primary3:not(:disabled):not(.disabled):active:focus,
.btn-primary3:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(195, 149, 149, 0.5);
}

.btn-blue {
  color: #fff;
  background-color: #0e76bd;
  border-color: #0e76bd;
  box-shadow: none;
}

.btn-blue:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0069d9;
}

.btn-blue:focus,
.btn-blue.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
  color: #fff;
  background-color: #0e76bd;
  border-color: #0e76bd;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show>.btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #0e76bd;
  border-color: #0e76bd;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show>.btn-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}


/* sidebar */
.main-sidebar .brand-link {
  background-color: #FFFFFF;
}


/* brn-link */
.btn-link0 {
  font-weight: 600;
  color: #5a310a;
}

.btn-link0:hover {
  color: #5a2c00;
}

/* menu */
.li_divider {
  font-size: 12px;
  color: #E5E7EC;
  border-radius: 8px;
  background: #3d5f6e;
  margin: 8px 0;
  padding: 5px 15px;
  /* border-top: 1px solid #e0e0e0; 
  border-bottom: 1px solid #e0e0e0; */
  text-transform: uppercase;
  /* Capitalize text */
  letter-spacing: 1px;
}


/* marksheet styles */
.section-title {
  background-color: #f8f9fa;
  padding: 10px;
  margin: 0 0;
  /* Adjust based on your table padding/margin */
}

.grade-title {
  background-color: #e9ecef;
  padding: 10px;
  margin: 0 0;
  /* Adjust based on your table padding/margin */
}

.class-title {
  background-color: #dee2e6;
  padding: 10px;
  margin: 0 0;
  /* Adjust based on your table padding/margin */
}

.exam-title {
  background-color: #ced4da;
  padding: 10px;
  margin: 0 0;
  /* Adjust based on your table padding/margin */
}