@font-face {
    font-family: 'Aradet';
    src: url("font/lay-adamheader-webfont.eot");
    src: url("font/lay-adamheader-webfont.eot?#iefix") format("embedded-opentype"),
         url("font/lay-adamheader-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
 @page
  {
    /*size: 29.7cm  21cm;
    margin: 0mm 0mm 0mm 0mm;         */
    /* change the margins as you want them to be. */
}
@media print
{
    body
    {
       xwidth: 29.7cm;
       xheight: 21cm;
       xmargin: 30mm 45mm 30mm 45mm;
       background-color: #FFFFFF;
    }
}
@media screen
{
    body
    {
      xbackground:  url(img/BG.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      xcolor: #FFFFFF;
    }
}
#xcenter
{
    text-align: center
}
.menu select option
{
    font-size: 11pt ;
}
select ,option {
    display: inline-block;
    border: none;
    padding: 10px 20px;
    margin-right: 0;
    text-decoration: none;
    background: #0069ed;
    color: #ffffff;
    font-family: Aradet;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out,
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}
select:hover,
select:focus {
    background: #0053ba;
}
select:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}
select:active {
    transform: scale(0.99);
}
button {
    display: inline-block;
    border: none;
    padding: 5px 20px;
    margin: 0;
    text-decoration: none;
    background: #0069ed;
    color: #ffffff;
    font-family: Aradet;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out,
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}
button:hover,
button:focus {
    background: #0053ba;
}
button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}
button:active {
    transform: scale(0.99);
}
  .main
  {
  direction: rtl;
  width:100%;
  xborder: solid 0px  #663399;
  xborder-radius: 0px;
  xpadding : 5px;
  xmargin : 0 auto;
  }
  .title
  {
    text-align: center;
    background-color: #000099 ;
    color: #FFFFCC ;
    padding : 10px;
    font-family: "Aradet"  ;
    font-size: 25px;
    xfont-weight: bold  ;
  }
  .menu
  {
    direction: rtl;
    xmargin: 2px;
    width: 100%;
    position: fixed;
    top : 0;
    background-color: #000099;
  }
  .menuitem
  {
      float: right;
      xborder: solid 1px #3300FF;
      border-radius: 0px;
      padding : 5px;
      xmargin-left: 5px;
      font-family: "Aradet"  ;
      font-size: 15px;
  }
  .datacontainer
  {
    xfloat : right;
    width: 90%;
    margin : 0 auto ;
  }
  .txt-box-tit
  {
    xborder : solid 1px #330066;
    padding : 5px;
    xtext-align: center;
    font-family: "Aradet"  ;
    font-size: 15px;
    xbackground-color: #330066;
    xcolor: #FFFFFF;
    width: Auto;
  }
  .textbox
  {
    border: solid 1px #000000;
    border-radius: 2px;
    width: Auto;
    padding: 5px;
    font-family: "Aradet"  ;
    font-size: 15px;
    text-align: center ;
  }
.unline:Active, .unline:visited, .unline:active, .unline:link
{
  text-decoration: none;
  color: #000000 ;
}
.unline:hover
{
  text-decoration: none;
  color: #FF0000 ;
}
.newline
{
     line-height: 2px;
}
.pic-left
{
float: left;
position:      fixed;
top:0px;
left: 0px;
width: 150px;
height: 80px;
}
.pic-left-land
{
float: left;
position:  absolute;
top: 10px;
left:10%;
width: 150px;
height: 60px;
}
.pic-left-land-2
{
float: left;
position:  absolute;
top: 70px;
left:8%;
width: 150px;
height: 60px;
}
.Rep-print
{
size:  A4 landscape;
margin-top : 25px;
margin-bottom: 40px;
 margin-right: 30%;
 margin-left: 30%;
direction: rtl;
}
.page-b
{
 page-break-after: always;
}