* {
  box-sizing: border-box;
  margin: 0;
  font-family: "Roboto", sans-serif;
  /* font-size: 12px; */
}

.opacity-0 {
  opacity: 0;
}

#loaderContaier {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#duplicate_table {
  padding: 7px;
  width: 1050px;
  height: 1470px;
}
.px-2 {
  padding: 0 8px;
}
.border_bottom_none {
  border-bottom: none !important;
}
.display_none {
  display: none;
}

.mt-4 {
  margin-top: 16px !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.border-bottom-2 {
  border-bottom: 2px solid black !important;
}

.border-left-none {
  border-left: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

table tr td {
  margin: 0 !important;
  padding: 0 !important;
  padding: 3px 0 !important;
  font-size: 14px;
}

#capture {
  padding: 7px;
  width: 1050px;
  height: 1470px;
}

.mark_sheet_template_5 {
  /* background-color: red; */
  border: 5px solid #9c7033;
  margin: 10px;
  padding: 10px 7px;
  overflow: hidden;
  background-color: #fbf8ed;
  height: 100%;
}

.mark_sheet_template_5 .mark_sheet_template {
  position: relative;
  border: 3px solid #9c7033;
  background-color: #ffffff;
  height: 100%;
}

.institute_logo {
  position: absolute;
  width: 100px;
  height: 100px;
  left: auto;
  right: 20px;
  top: 25px;
}

.institute_logo img {
  width: 100%;
  height: 100%;
}

.school_name {
  text-align: center;
  text-transform: uppercase;
  padding: 25px 0 0 0;
  font-weight: bold;
}

.address_info .eiin-code {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}

.address_info .address {
  margin: 0;
  text-align: center;
}

.template_body {
  padding: 0 20px;
  margin-top: 10px;
}

.template_body_header {
  display: flex;
  align-items: flex-start;
}

.student_common_container {
  width: 33.333333%;
}

.pdf_template_name {
  margin: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  border: 3px solid black;
  text-align: center;
  font-weight: 600;
}

.student_img {
  width: 130px;
  height: 130px;
  margin-top: 150px;
}

.institute_img {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
}

.student_img img {
  height: 100%;
  width: 100%;
}

.grade_system_table_parent {
  display: flex;
  justify-content: flex-end;
}

#grade_system_table {
  width: 230px !important;
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
}

#grade_system_table th {
  border: 1px solid black;
}

#grade_system_table td {
  border: 1px solid black;
}

/* student info */
.template_body_student_info {
  display: flex;
  margin-top: 30px;
}

.template_body_student_info .left_side {
  width: 500px;
}

.template_body_student_info .left_side p {
  display: flex;
  margin-bottom: 5px;
}

.template_body_student_info .left_side p span {
  width: 200px;
  display: block;
}

.template_body_student_info .right_side p {
  display: flex;
  margin-bottom: 5px;
}

.template_body_student_info .right_side p span {
  width: 100px;
  display: block;
}

/* main table */
.main_table_header_lg_f {
  font-size: 14px !important;
  font-weight: bold !important;
}

.default_bold {
  font-weight: bold;
}

.main_table_header_sm_f {
  font-size: 14px !important;
  font-weight: 600 !important;
}

#template_main_mark_sheet_table {
  margin: 5px 0;
}

#template_main_mark_sheet_table table {
  width: 100%;
  /* border: 1px solid black; */
  border-collapse: collapse;
}

#template_main_mark_sheet_table table th {
  border: 2px solid black;
  border-left: none;
  border-collapse: collapse;
  font-weight: 400;
}

#template_main_mark_sheet_table table th:first-child {
  border-left: 2px solid black;
}

#template_main_mark_sheet_table table .firstRow {
  padding-top: 5px;
  /* margin-top: 5px; */
}

#template_main_mark_sheet_table table tr {
  /* border: 2px solid black; */
  border-top: none;
  border-collapse: collapse;
  text-align: center;
}

/* #template_main_mark_sheet_table table tr td {
border-right: 2px solid black;
} */

#template_main_mark_sheet_table table tr td:first-child {
  text-align: left;
  padding-left: 5px !important;
  text-transform: uppercase;
}

#template_main_mark_sheet_table table tr td {
  border: 2px solid black;
  border-top: none;
  /* border-right: none; */
  border-left: none;
}

#template_main_mark_sheet_table table tr td:first-child {
  border-left: 2px solid black;
}

.template_body_bottom_tables {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

/* first table */
.template_body_bottom_tables .first_table {
  width: 340px;
}

.template_body_bottom_tables .second_table {
  width: 240px;
}

.template_body_bottom_tables .third_table {
  width: 180px;
}

.template_body_bottom_tables table {
  width: 100%;
}

.template_body_bottom_tables .commonTable table {
  border: 2px solid black;
  border-collapse: collapse;
  font-weight: 500;
  text-align: center;
}

.template_body_bottom_tables .commonTable table tr {
  border-bottom: 2px solid black;
}

.template_body_bottom_tables .commonTable table tr:last-child {
  border-bottom: none;
}

.template_body_bottom_tables .commonTable table tr td {
  border-right: 2px solid black;
  padding: 0 5px !important;
}

.template_body_bottom_tables .commonTable table tr td:first-child {
  text-align: left;
  padding-left: 5px !important;
}

.template_body_bottom_tables .commonTable table tr td:last-child {
  border-right: none;
}

.template_body_bottom_tables .third_table td:last-child {
  padding: 0 20px !important;
}

/* first table end*/

.qr_code_parent {
  width: 70px;
}

.qr_code_parent img {
  width: 100%;
}

/* template_uncountable_table */
#template_uncountable_table {
  width: 700px;
}

#template_uncountable_table table {
  border: 2px solid black;
  /* border-bottom: none; */
  border-collapse: collapse;
  text-align: center;
}

#template_uncountable_table table tr td:first-child {
  text-align: left;
  padding-left: 10px !important;
  text-transform: uppercase;
}

#template_uncountable_table table tr th {
  border-bottom: 2px solid black !important;
  border-right: 2px solid black !important;
}

#template_uncountable_table table tr {
  border-bottom: 2px solid black !important;
}

#template_uncountable_table table tr:first-child {
  border-bottom: none !important;
}

#template_uncountable_table table tr:last-child {
  border-bottom: none !important;
}

#template_uncountable_table table tr td {
  border-right: 2px solid black;
}

#template_uncountable_table table tr td:last-child {
  border-right: none !important;
}

/* template_uncountable_table */
.border-right-none {
  border-right: none !important;
}

/* signature */
.template_signature {
  position: absolute;
  display: flex;
  justify-content: space-around;
  top: auto;
  bottom: 20px;
  width: 100%;
}

.template_signature .common {
  width: 170px;
  text-align: center;
  border-top: 3px dashed black;
}

.signature_img_wrapper {
  width: 150px;
  height: 70px;
  overflow: hidden;
}

.signature_img_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: auto;
}

.template_signature > div span {
  font-weight: 500;
}

.uncountable_title {
  border: 2px solid black;
  border-bottom: none;
  text-align: center;
  background-color: #f7d7d7;
  margin-bottom: 0;
  font-weight: 600;
}

.template_comment {
  width: 700px;
  height: 30px;
  position: absolute;
  border: 3px solid black;
  top: auto;
  bottom: 120px;
}

.template_comment div {
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
}