body 

{

direction: rtl;

    /* font-family:Segoe UI;

     font-size:100%;

        font-weight:bold;

        color:#1D3B3B;*/

		

    

}

.cl

{

    clear:both ;

    margin :0 0 100px 0;

    }

	#hr{

height: 20px;

border:0;

background: url('./images/hr.png');

	border-style: none;

	float: left;

    width: 100%;

	

	}

input,select,b

{

 margin-top: 0px;

    margin-bottom: 0px;

}

#home_icon

{

      height: 5%;

    position: relative;

    top: 0.4em;

    width: 5%;

    animation:test 5s;

    -webkit-animation:test 5s; /* Safari and Chrome */

    }

    @keyframes test

{

from {background:red;  height: 1%;

    position: relative;

    top: 0.4em;

    width: 1%;}

to {background:yellow;  height: 1%;

    position: relative;

    top: 0.4em;

    width: 5%;}

}



@-webkit-keyframes test /* Safari and Chrome */

{

from {background:red;  height: 1%;

    position: relative;

    top: 0.4em;

    width: 1%;}

to {background:yellow;  height: 1%;

    position: relative;

    top: 0.4em;

    width: 5%;}

}

.add_row{

    text-decoration:none;

    text-align:center;

    display:inline-block;

    border:1px solid #FF7F7F;

    border-radius:5px;

    width:60px;

    background-color:#EDEDED;

    margin-left:5px;

    font-weight:bolder;

}

#r_links

{

    position :relative ;

    top:5px;

    

    

    }

    #r_links a

    {

        font-family:Segoe UI;

     

        font-weight:bold;

        color:#1D3B3B;

  display:block;

  text-decoration: none;

  color:#000;

  font-size:13px;

      margin :3px 6px -12px 18px;

      padding:8px;

      background:#efefef;

      width:40%;



}

#r_links a:hover{

      background:#dfefff;

      font-style: italic;

      font-weight: bold;



}

#r_links a:before{

    content:""  ;



}



#main_wrapper

{

     margin: 0 auto;

    width: 90%; 

}   

    

#header

{

position:fixed;

top:0px;

 width: 90%;

  float:right; 

margin:0 auto;   

 z-index:20;

 background-color:White;

}



#content

{

    

    float:right;

   position: relative;

   /* top: 150px;*/

   top:-10em;

    left: 12px;

    	



   width:90%;

}



    

    #logo

    {

        float:right;

        width:10%;

        height:10%;

         margin-top: 2.5%;

    }   

    #slogan

    {

        float:right;

        font-family:Segoe UI;

        font-size:180%;

        font-weight:bold;

        color:#1D3B3B;

        margin-left: 1%;

         margin-top: 4%;

    }

 

  h1

    {

       

        font-size:200%;

        font-weight:bold;

        color:#1D3B3B;

    }

    #hr_hd{

    float: left;

    width: 100%;

	background: url('./images/hr.png');

	border-style: none;

}

#footer

{

position:fixed;
   bottom:10;
   width:90%;
   height:60px;
 color:#1D3B3B;

  z-index:20;

   background-color:White;

 

}

#back_btn



{

    text-align: center;

     display: block;

     text-decoration:none;

}

input[type=submit] {

    color:#08233e;

    font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;

    font-size:70%;

    /* ... other rules ... */

    cursor:pointer;

     width:90%;

        height:30px;  

}



input[type=submit]:hover {

    background-color:rgba(255,204,0,0.8);

}

#Login{

position:relative;

top:20em;





}

.load{

position:relative;

top:20em;





}

/* responsive*/





@media  only  screen and (min-width:150px) and (max-width:600px)

{

     #r_links a{

  display:block;

  text-decoration: none;

  color:#000;

  font-size:13px;

      margin :3px 6px -12px 18px;

      padding:8px;

      background:#efefef;

      width:100%;



}

  #slogan

    {

        float:left;

        

        font-size:100%;

        font-weight:bold;

        color:#1D3B3B;

        margin-left: .2%;

    }   

   h1

    {

       

        font-size:100%;

        font-weight:bold;

        color:#1D3B3B;

    }   

    

      #logo

    {

        float:left;

        width:40%;

        height:40%;

    }   

    #content

    {

        top:90px;

    }

    }

	

	.text{

  mso-number-format:"\@";/*force text*/

}



/* custom css */



/* tooltip css */



.tooltip {

	display:none;

	position:absolute;

	border:1px solid #333;

	background-color:#161616;

	border-radius:5px;

	padding:10px;

	color:#fff;

	font-size:12px Arial;

}

#form_content{
margin-bottom: 100;
}