html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}

@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;
    }
}

.fbutton {
        width:  49%;
        display: inline-block;
        border: none;
        border-radius: 0px;
        padding: 5px 10px;
        margin: 1px;
        text-decoration: none;
        background: #0069ed;
        color: #ffffff;
        font-family: Aradet;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
}
.fbutton:hover,
.fbutton:focus {
        background: #0053ba;
}
.fbutton:focus {
        outline: 1px solid #fff;
        outline-offset: -4px;
}
.fbutton:active {
        transform: scale(0.99);
}
.Window
{
    margin : 0 auto;
    width : 50%;
    padding : 2px;
    box-shadow: 3px 6px 13px 1px #777;
    xborder : solid 3px #FF6600;
    border-radius: 3px;
    height: auto;
}
.Window-body
{
    padding-top : 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}
.Window-title
{
 padding : 5px;
 font-family: aradet;
 font-size: 11pt;
}
.Line
{
    line-height: 5px;
}
.input-title
{
    padding : 5px;
    width: 15%;
    background-color: #FFFFFF ;
    border: solid 0px #FFFFFF;
    font-family: Aradet;
    font-size: 11pt;
}
.input-data
{
    padding : 5px;
    width: 80%;
    background-color: #FFFFFF ;
    border: solid 1px  #AAAAAA;
    border-radius: 0px;
    font-family: Aradet;
    font-size: 11pt;
    text-align: center;
}
/* Table Grid Setting */
.page
{
    margin : 0 Auto;
    padding : 100px;
    width :100%;
}

.mid-page
{
    margin : 0 Auto;
}

.table-set
{
  direction: rtl;
  margin-right: auto;
  margin-left: auto;
}
.td-box
{
 text-align: center;
 float: right;
 margin : 1px;
}
.td-box-flat
{
 text-align: center;
 float: right;
 xmargin : 1px;
}
/* Form Setting  */

.Form-Box
{
    margin: 0 auto;
    padding: 2px;
    xbox-shadow: 1px 3px 2px 1px #BDBDBD;
    border-radius: 0px;
    display:  table;
    background-color: #FFFFFF ;

}
.Form_body
{
        padding :10px;
        overflow-y: scroll;
}
.block
{
        margin: 0 auto;
        width : Auto;
        padding: 2px;
        xborder: 4px solid  #FF6600;
        box-shadow: -3px 3px 13px 1px #BDBDBD;
        border-radius: 0px;
        display:  table;
}
.titlebar
{
        padding : 5px 15px 5px 5px;
}
.window_body
{
        padding :10px;
}
.title-item
{
    font-family: Aradet;
    font-size : 11pt;
}
table
{
border-collapse: collapse;
}
td input
{
        text-align: center;
        line-height: 25px;
        xwidth : 330px;
        xmargin: 0px;
        xpadding : 0px;
}
td select, td option
{
   xwidth: 338px;
   line-height: 29px;
   padding : 2px 5px 2px 2px;
   font-family: Aradet;
   font-size : 11pt;
   text-align: center;
   background-color: #FFFFFF ;
   color: #000000 ;
   border : solid 1px  #9E9E9E;
}
td select:hover, td option:hover ,td select:focus
{
    color: #FFFFFF;
}
select
{
  text-align: center;
  text-align-last : center;
}
.clearall
{
	clear: both;
}
td a
{
 text-decoration: none;
}
.glass-bg
{
  background-color: rgba(255,255,255,0.6);
}
.login
{
  display: table;
  width: 450px;
  margin : 100px Auto;
}

/*--------------------------------------------------------------------------------------*/
  .navbar
  {
  /*position:   absolute; ORG Var */
  position:   fixed;
  top : 0;
  xoverflow:   visible;
  width: 100%;
  display: block;
  background-color: #333;
  font-family: Aradet;
  font-size: 12pt;
  text-decoration: none;
  text-align: center ;
  z-index: 1000;
 }
/* Links inside the navbar */
.navbar a {
  float:  right;
  font-size: 12pt;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}
/* The dropdown container */
.dropdown {
  float:  right;
  overflow: hidden;
 }
/* Dropdown button */
.dropdown .dropbtn {
  font-size: 12pt;
  border: none;
  outline: none;
  color: white;
  padding: 10px 10px;
  background-color: #333;
  font-family: aradet; /* Important for vertical align on mobile phones */
  font-size: 12pt;
  margin: 0; /* Important for vertical align on mobile phones */
  text-align:  right;
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color:   #FF6600;
  text-decoration: none;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  background-color: #f9f9f9;
  color: black;
  padding: 1px 15px;
  text-decoration: none;
  display: block;
  text-align:   right;
}
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/*--------------------------------------------------------------------------------------*/
  .navbar_butom
  {
  position:  fixed;
  bottom : 0;
  xoverflow:   visible;
  width: 100%;
  display: block;
  background-color: #333;
  font-family: Aradet;
  font-size: 12pt;
  text-decoration: none;
  text-align: center ;
  z-index: 1000;
 }
/* Links inside the navbar */
.navbar_butom a {
  float:  right;
  font-size: 12pt;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;

}
/* The dropdown container */
.dropup {
  float:  right;
  right: 10px;
  position: relative;
  display: inline-block;
  text-align: center;

 }
/* Dropdown button */
.dropup .dropbtn {
  font-size: 12pt;
  border: none;
  outline: none;
  color: white;
  padding: 10px 10px;
  background-color: #333;
  font-family: aradet; /* Important for vertical align on mobile phones */
  font-size: 12pt;
  padding-right: 100px;
  padding-left: 100px;
  xmargin: 0; /* Important for vertical align on mobile phones */
  text-align: center;
}
/* Add a red background color to navbar links on hover */
.navbar_butom a:hover, .dropup:hover .dropbtn {
  background-color:   #FF6600;
  text-decoration: none;
}
/* Dropdown content (hidden by default) */
.dropup-content {
  display:  none;
  position: absolute;
  bottom: 48px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  xcolumns: 2;
  direction: rtl;
}
/* Links inside the dropdown */
.dropup-content a {
  xfloat: none;
  background-color: #f9f9f9;
  color: black;
  padding: 1px 15px;
  text-decoration: none;
  display: block;
  text-align:  center;
}
/* Add a grey background color to dropdown links on hover */
.dropup-content a:hover {
  background-color: #ddd;
  cursor: pointer;
}
/* Show the dropdown menu on hover */
.dropup:hover .dropup-content {
  display:    block;
}
/*--------------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------------*/
   .mcd-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #FFF;
    /*height: 100px;*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    /* == */
    width: 250px;
    /* == */
}
.mcd-menu li {
    position: relative;
    /*float:left;*/
}
.mcd-menu li a {
    display: block;
    text-decoration: none;
    xpadding: 12px 20px;
    color: #000;

    text-align: center;
    border-right: 1px solid #E7E7E7;

    /* == */
    text-align: center;
    height: 36px;
    position: relative;
    border-bottom: 1px solid #EEE;
    /* == */
}
.mcd-menu li a i {
    /*display: block;
    font-size: 30px;
    margin-bottom: 10px;*/

    /* == */
    xfloat: left;
    xfont-size: 20px;
    margin: 0 10px 0 0;
    /* == */
    color: #000 ;

}
/* == */
.xmcd-menu li a p {
    xfloat: left;
    xmargin: 0 ;
}
/* == */

.xmcd-menu li a strong {
    display: block;
    text-transform: uppercase;
}
.xmcd-menu li a small {
    display: block;
    font-size: 10px;
}



.mcd-menu li:hover > a {
    color: #e67e22;
}
.xmcd-menu li a.active {
    position: relative;
    color: #e67e22;
    border:0;
    /*border-top: 4px solid #e67e22;
    border-bottom: 4px solid #e67e22;
    margin-top: -4px;*/
    box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    -webkit-box-shadow: 0 0 5px #DDD;

    /* == */
    border-left: 4px solid #e67e22;
    border-right: 4px solid #e67e22;
    margin: 0 -4px;
    /* == */
}
.xmcd-menu li a.active:before {
    content: "";
    position: absolute;
    /*top: 0;
    left: 45%;
    border-top: 5px solid #e67e22;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;*/

    /* == */
    top: 42%;
    left: 0;
    border-left: 5px solid #e67e22;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    /* == */
}

/* == */
.xmcd-menu li a.active:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0;
    border-right: 5px solid #e67e22;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
/* == */





.mcd-menu li ul,
.mcd-menu li ul li ul {
    position: absolute;
    height: auto;
    min-width: 200px;
    padding: 0;
    margin: 0;
    background: #FFF;
    /*border-top: 4px solid #e67e22;*/
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    /*top: 130px;*/
    z-index: 1000;

    /* == */
    left:280px;
    top: 0px;
    border-left: 4px solid #e67e22;
    /* == */
}
.mcd-menu li ul:before {
    content: "";
    position: absolute;



    /* == */
    top: 25px;
    left: -9px;
    border-right: 5px solid #e67e22;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
    display: block;
    opacity: 1;
    visibility: visible;
    /*top: 100px;*/

    /* == */
    left:250px;
    /* == */
}
/*.mcd-menu li ul li {
    float: none;
}*/
.xmcd-menu li ul li a {
    xpadding: 10px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #EEE;

    /* == */
    height: auto;
    /* == */
}
.xmcd-menu li ul li a i {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px 0 0;
}
.xmcd-menu li ul li ul {
    left: 230px;
    top: 0;
    border: 0;
    border-left: 4px solid #e67e22;
}

.mcd-menu li ul li:hover > ul {
    top: 0px;
    left: 200px;

}


/*.mcd-menu li.float {
    float: right;
}*/

/*--------------------------------------------------------------------------------------*/
  .navbar
  {
  /*position:   absolute; ORG Var */
  position:   fixed;
  top : 0;
  xoverflow:   visible;
  width: 100%;
  display: block;
  background-color: #333;
  font-family: Aradet;
  font-size: 12pt;
  text-decoration: none;
  text-align: center ;
  z-index: 1000;
 }
/* Links inside the navbar */
.navbar a {
  float:  right;
  font-size: 12pt;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}
/* The dropdown container */
.dropdown {
  float:  right;
  overflow: hidden;
 }
/* Dropdown button */
.dropdown .dropbtn {
  font-size: 12pt;
  border: none;
  outline: none;
  color: white;
  padding: 10px 10px;
  background-color: #333;
  font-family: aradet; /* Important for vertical align on mobile phones */
  font-size: 12pt;
  margin: 0; /* Important for vertical align on mobile phones */
  text-align:  right;
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color:   #FF6600;
  text-decoration: none;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  background-color: #f9f9f9;
  color: black;
  padding: 1px 15px;
  text-decoration: none;
  display: block;
  text-align:   right;
}
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/