html {
  font-size: 12px;
}

body {
  background: #f6f6f6;
  color: #060;
  line-height: 1.5;
}

h1 {
  font-size: 12px !important;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.167em;
}

h4,
h5,
h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  margin: 0.5em 0 .2em;
}

p {
  margin: 1em 0;
  padding: 0;
}

p:first-child {
  margin-top: 0;
}

em,
dfn {
  font-style: italic;
}

ins {
  border-bottom: none;
  text-decoration: none;
}

pre,
code,
tt,
samp,
kbd,
var {
  font-size: 1em;
}

blockquote,
q {
  font-style: italic;
  quotes: "" "";
}

blockquote {
  margin: 0 0 1.5em;
  padding: 0 0 0 3em;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote p {
  margin: 0;
}

strong,
dfn,
caption,
th {
  font-weight: bold;
}

hr {
  border-style: inset;
  border-width: 1px;
  display: block;
}

ul,
ol {
  margin: 0 0 1.5em 2em;
  padding: 0;
}

ol {
  margin-left: 2em;
}

.item-list ul,
.item-list ol {
  margin: 0 0 0 1em;
  padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
  margin-bottom: 0;
}

ul {
  list-style-type: disc;
}

ul ul ul {
  list-style-type: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ul ul,
ul ul ul ul {
  list-style-type: circle;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1.5em 1.538em;
}

table {
  font-size: 90%;
  margin: 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 1;
}

th {
  background: #060;
  border-bottom: 0;
  color: #fff;
  padding: .1em .1em;
}

th a,
th a:hover,
th a:active,
th a:focus {
  color: #fff;
}

td {
  padding: .1em .2em;
}

tr.even,
tr.odd {
  background-color: transparent;
  border-bottom: 0;
}

tr.even td,
tr.odd td {
  border-bottom: 1px dotted #ccc;
}

tr.even {
  background-color: transparent;
}

.site-logo img {
  width: 100%;
  padding: 5px 10px;
  margin-top: -4px;
  border-radius: 5px;
}


.m1 {
  font-weight: bold;
  font-size: 20px; /* Adjust the font size as needed */
  color: darkgreen;
}


/* Add your custom styles here */
.biodata-details {
  /* Add styles to the details wrapper */
  margin-bottom: 10px;
}

.biodata-field label {
  /* Add styles to the label element */
  width: 120px; /* Adjust the width as needed */
  display: inline-block;
  color: darkgreen !important;
}

.biodata-field input[type="text"] {
  /* Add styles to the text input element */
  width: 200px; /* Adjust the width as needed */
  color: green;
}