
 @font-face {
  font-family: 'iransans1';
  src: url('fonts/iransansl.eot') format('eot');
  src: url('fonts/iransansl.ttf') format('ttf');
  src: url('fonts/iransansl.woff') format('woff');
}
@font-face {
  font-family: 'iransans2';
  src: url('fonts/iransans2.eot') format('eot');
  src: url('fonts/iransans2.ttf') format('ttf');
  src: url('fonts/iransans2.woff') format('woff');
}
@font-face {
  font-family: 'iransans3';
  src: url('fonts/iransans3.eot') format('eot');
  src: url('fonts/iransans3.ttf') format('ttf');
  src: url('fonts/iransans3.woff') format('woff');
}
@font-face {
  font-family: 'iransans4';
  src: url('fonts/iransansb.eot') format('eot');
  src: url('fonts/iransansb.ttf') format('ttf');
  src: url('fonts/iransansb.woff') format('woff');
}
body{
  background: rgb(235, 235, 235);
  direction: rtl;
 
}
.selector{
  width: 210mm;
  height: 294mm;  
  /* height: 297mm;   */
  background-color: white;
  /* display: flex; */
  justify-content: center;
  padding-top: 10px;
  margin: auto;  
}
.content{
  width: 95%;
  height: 95%;
  border: 1px solid rgb(0, 96, 138);
  border-radius: 4mm;
  margin: auto;
  padding-top: 20px;
}
table{
  width: 95%;
  align-items: center;
  text-align: center;
  border-collapse: collapse;
}
td,th{
  border: 1px solid green;
}


h3{
  font-family: iransans4;
  color: white;
  margin: 10px;
}
h4{
  font-family: iransans4;
  color: rgb(0, 96, 138);
  display: inline;
}
h5{
  font-family: iransans4;
  color: rgb(0, 96, 138);
  display: inline;
}
.lable_style{
  font-family: iransans2;
  font-size: 0.8em;
  margin: 5px;
}
.lable_style1{
  font-family: iransans3;
  font-size: 0.9em;
  margin: 5px;
}
.flex_center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_right{
  display: flex;
  justify-content: right;
  align-items: center;
}
.loader {
  border: 3px solid white;
  border-top: 3px solid rgb(56,196,254); 
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}