.body, .html {
  height: 100%;
}
.body {
  /* The image used */
    background-image: url(../images/iaaa-mawaqit.jpg);
  /* Full height */
    height: 1950px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    width: fit-content;
}
.caption {
    direction: rtl;
    font-family: cursive, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bolder;
    border: ridge;
    color: darkblue;
    width: 1164px;
}
.protect {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff; /* Set this to the background color of your table header */
  z-index: 999; /* Set this to a high value to make sure the header stays on top */
  border: outset;
}
.p {
	font-size: 30px;
	margin-top: 20px;
}
.gold {
    background-color: gold;
}
.table1 {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    font-size: large;
    border: outset;
}
.table1 th {
    padding: 10px;
    border-collapse: collapse;
    text-align: center;
    border: 1px solid black;
    background-color: mediumturquoise;
    border: outset;
}
.table1 tr {
    background-color: white;
}
.table1 td {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    border: 1px solid beige;
    border: outset;
    -webkit-text-stroke: thin;
}
.table1 tbody tr:nth-child(odd) {
    background-color: lavender;
    border: outset;
}
.table2 {
    background-color: transparent;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
}
.table2 th {
    background-color: transparent;
    background: transparent;
}
.table2 tr {
    background-color: transparent;
    background: transparent;
}
.table2 td {
    padding: 0 5px 0 5px;
    background-color: transparent;
    background: transparent;
}
.table2 tbody tr:nth-child(odd) {
    background-color: transparent;
    background: transparent;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    width: fit-content;
    margin-top: 365px;
}
.footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    width: fit-content;
}