.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%;
  color: white;
  text-align: center;
}

@font-face {
  font-family: titles;
  src: url(PNU-Regular.ttf);
}
@font-face {
  font-family: report;
  src: url(Questv1-Regular.otf);
}

body {
  background-color: #f6f7fc;

}

.pallets {
  background-color: #6d81fe;
}

.titles1 {
  font-family: titles;
  color: #6d81fe;
}

.titles2 {
  font-family: titles;
  color: #23314c;
}
.titles4 {
  font-family: titles;
  color:white;
}

.titles3 {
  font-family: titles;
  color: white;
}

.log {
  backdrop-filter: blur(30px);
  border-style: none;
  color: white !important;

  margin: auto;
  width: 50%;
  height: 80%;
  padding: 20px;
}
.log2 {
  backdrop-filter: blur(5px);
  border-style: none;
  border-radius: 10px;
  padding: 50px;
  margin: auto;
}
.table-header {
  font-family: titles;
  color: rgb(26, 39, 55);
  font-size: 20px;
}

.nav {
  backdrop-filter: blur(5px) !important;
}

.navbar {
  backdrop-filter: blur(5px) !important;
}

.navbar-default {
  backdrop-filter: blur(5px) !important;
}

.navbar-brand {
  color: #23314c !important;
}

.l {
  width: 200px;
  margin: auto;
}

th {
  text-align: center !important;
}
.img_report_logo
{
  width: 100px;
}
.message
{
  color: rgb(100,100,100);
 
  font-family: report;
}

.student_card_face
{
  font-family: titles;
  width: 10cm;
  height: 6cm;
  border-style: solid;
  border-color: #23314c;
  border-width: 2px;
  border-radius: 5px;
  margin: auto;
  padding:5px;
  background-image:url('../media/images/logo.png');
   background-size:contain; background-repeat:no-repeat; background-position:center; 
   -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
   color-adjust: exact !important;                 /* Firefox 48 – 96 */
   print-color-adjust: exact !important;
}
.student_card_back
{
  font-family: titles;
  width:10cm;
  height: 6cm;
  border-style: solid;
  border-color: #23314c;
  border-width: 2px;
  border-radius: 5px;
  margin: auto;
  transform: rotate(180deg);
  padding:5px;
}
.student_card_info
{
  font-family: titles;
  width:10cm;
  height: 6cm;
  border-top-style: dashed;
  border-color: #23314c;
  border-width: 2px;
  border-radius: 5px;
  margin: auto;
  padding:5px;
}