@font-face {
  font-family: gurmukhi_font;
  src: local(gurmukhi_font), url('https://results.pupexamination.ac.in/t8/lib/css/fonts/gurmukhi20.TTF') format('opentype');
}

@font-face {
  font-family: raavi_font;
  src: local(raavi_font), url('https://results.pupexamination.ac.in/t8/lib/css/fonts/raavi.ttf') format('truetype');
}

body {
  font-family: Arial, Helvetica, sans-serif, raavi_font;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin: 0;
}

#divHeader {
  display: inline-block;
  padding: 10px;
  background: #a4cbef;
  text-align: center;
  width: 98%;
}

#divHeader img {
  display: inline;
  float: left;
}

#divHeader h1 {
  margin: 0;
  font-size: 2em;
}

#divHeader .subhead {
  font-size: .5em;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#divHeader .subhead2 {
  font-size: .75em;
  font-weight: normal;
}

marquee {
  width: 75%;
  margin: 5px auto;
}

#mainView01 {
  display: flex;
}

#divLinksListMn1, #divMainContent {
  float: left;
  border: 1px solid #aaa;
  margin-left: 2px;
}

#divLinksListMn1 {
  background: #feb;
  min-width: 260px;
  max-width: 280px;
  max-height: 90vh;
  overflow-y: auto;
  padding-bottom: 10px;
}

#divLinksListMn1 ul {
  background: #feb;
  padding-left: 30px;
  margin: 0px;
  list-style: decimal;
  width: 245px;
  float: left;
}

#divLinksListMn1 li {
  margin-left: 8px;
  text-align: left;
  width: 90%;
  background: #fea;
  border-bottom: 1px dashed #8aa;
  padding: 4px;
  font-weight: bold;
  font-size: small;
  color: #305;
  cursor: pointer;
}

#divLinksListMn1 li:hover {
  background: #ffd;
  color: #f55;
}

#divLinksListMn1 li.selected {
  background: #ffd;
  color: #355;
}

#divLinksListMn1 li a {
  color: #305;
  text-decoration: none;
  display: block;
}

#divLinksListMn1 li:hover a {
  color: #f55;
}

#divLinksListMn1 li sup {
  background: #bec;
  color: #973;
  margin: auto;
  margin-right: 10%;
  max-width: 60%;
  display: block;
  font-size: x-small;
}

#divMainContent {
  width: calc(100% - 300px);
  min-width: 300px;
  background: rgb(74, 185, 170);
  padding: 10px;
  flex: 1;
}

#divMainContent h3 {
  margin-top: 0;
}

table {
  margin: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 1em 0;
  border-collapse: collapse;
}

table tr:nth-child(even) {
  background: rgba(23, 23, 23, 0.1);
}

table tr:hover, table tr:active {
  background: rgba(2, 2, 2, 0.2);
}

table td {
  padding: 4px;
  border: 1px solid #555;
  padding: 5px;
}

input[type="text"], input[type="password"], textarea {
  min-width: 200px;
  padding: 3px;
}

input[type="submit"] {
  min-width: 100px;
  padding: 3px;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

hr {
  border: none;
  border-bottom: 1px solid #888;
  width: 90%;
  align-self: center;
}

ol {
  list-style: none;
}

.enf {
  font-family: Times New Roman;
  font-size: 12pt;
}

.insTable td {
  background: none !important;
  border: none;
}

#rollForm {
  margin: 10px 0;
  padding: 10px;
  font-weight: bold;
}

#rollForm input[type="text"] {
  padding: 5px;
  font-size: 14px;
}

#rollForm input[type="submit"] {
  padding: 5px 15px;
  background: #376;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

#rollForm input[type="submit"]:hover {
  background: #598;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #f9f9f9;
  color: #666;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  font-size: smaller;
  border: 1px dashed #eee;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 15px;
  right: 100%;
  margin-top: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #888 transparent transparent;
}

.inp:focus + .tooltiptext,
.tooltip:hover .tooltiptext {
  visibility: visible;
}

#mainPrint {
  margin: 0.5in auto;
  padding: 0.25in 0.5in;
  border: double;
  width: 21cm !important;
  min-height: 11in !important;
  text-align: left;
  background: #fff;
}

#resultTbl {
  margin: 5px auto;
  width: 90%;
}

#resultTbl td, #resultTbl th {
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
}

#resultTbl th {
  background: #eee;
  font-weight: bold;
}

.c4, .ctN9 {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
}

.c4 td, .ctN9 td {
  border: none;
  background: none !important;
}

.cw4 {
  width: 92px;
}

.c4 tr, .c4 tr:hover, .c4 tr:active, .c4 tr:focus,
.ctN9 tr:hover, .ctN9 tr:active, .ctN9 tr:focus {
  background: none !important;
}

.c5 {
  text-align: center;
}

.c6 {
  font-size: 16pt;
  font-weight: bold;
  padding-bottom: 4px;
  text-align: center;
  text-decoration: underline;
}

.pbiuc {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size: 0.9em;
}

.noborder, .noborder td {
  border: none;
  border-collapse: collapse;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

#divFooter {
  text-align: center;
  padding: 5px;
}

#adminPanel table td {
  border: none;
  padding: 4px;
}

#studentTable th {
  background: #598;
  color: white;
  padding: 5px;
  border: 1px solid #467;
  position: sticky;
  top: 0;
}

#studentTable td {
  padding: 4px;
  border: 1px solid #ccc;
}

#studentTable tr:nth-child(even) {
  background: #f5f5f5;
}

@media all and (min-width: 10px) {
  body {
    min-width: 8.5in;
  }
}

@media (max-width: 768px) {
  #mainView01 {
    flex-direction: column;
  }
  #divLinksListMn1 {
    max-width: 100%;
    max-height: 300px;
  }
  #divMainContent {
    width: 100%;
  }
  #mainPrint {
    width: 100% !important;
    margin: 10px auto;
    padding: 10px;
  }
}