/*done by Eng Osama Abu Al Ouf*/
html{ position:relative; min-height: 100%;}
.clear {clear: both;line-height: 0px;width: 0px;}
ul{ list-style-type:none;}
img{ border-style: none;border-width: 0px;}
em{ font-style:normal;}

a{ text-decoration:none;-o-transition:  background-color 0.3s linear; -moz-transition:  background-color 0.3s linear;-khtml-transition:  background-color 0.3s linear;-webkit-transition:  background-color 0.3s linear;-ms-transition:  background-color 0.3s linear;transition:  background-color 0.3s linear;  }
body {margin:0px;padding:0px ;text-align:right; font-family: "driodkufi", Akhbar MT, Segoe UI Light , Sans-Serif; font-size:0.9em; direction:rtl; }   

#site{}

.topnav{ height:50px; background-color:#F54927;  color:#FFF; }
.topnav h5{line-height:40px; display:inline-table ; float:right;}
.social{ float:left; margin:0px; padding:0px; margin-left:30px;  }
.social li{ line-height:40px;float:right; display:inline-block;  margin-left:10px; margin-top:3px;}
.social li a{ font-size:1.8em;  text-decoration:none; display:block; width:35px; text-align:center ;}

.social li a.fa-facebook:hover{ background-color:#3B5998;}
.social li a.fa-twitter:hover{ background-color:#55ACEE;}
.social li a.fa-google:hover{ background-color:#dd4b39;}
.social li a.fa-youtube:hover{ background-color:#bb0000;}
.topnav a{line-height:40px; float:left; color:#FFF; font-size:1.6em;  }
.topnav a.collage {float:right; margin-right:100px;  text-decoration:none;}
.topnav a.collage:hover{opacity:0.7;}
.topnav a.out{ text-decoration:none;}
.topnav a.out:hover{ opacity:0.7;}
.inst li {

    line-height:30px;
}
.container { margin-top:20px; color:#505050; margin-bottom:60px}
.nav-tabs{ height:35px;  padding:0px ; margin:0px;}
.nav-tabs li { margin-left:5px;}
.nav-tabs li a
{
    border-width: thin;
    border-color: #dee2e6;
    text-decoration: none;
    color: #505050;
    background-color: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 10px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
}

.nav-tabs li.active a{background-color:#F5F5F5 !important;}
.nav-tabs li a:hover
{
    background-color:#F5F5F5;
    }
    
    #tabdiv div.std ,div.lec ,div.supervisor
{
    border-width: 1px;
    border-color: #dee2e6;
    height: 350px;
    border-top-style: inherit;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    display:none;
}
    #tabdiv div.active{ display:block;}
    .formlogin{   color:#505050; padding-top:60px; }
       .formlogin i{ float:right; font-size:1.5em; text-align:center; line-height:40px; padding-right:10px}
    .txtbox{ border:0px;  height:35px; font-weight:bold; width:150px;}
    .btnstyle{ width:100px; border:0px; font-weight:bold; height:40px; background-color:#dedddd;}
.btnstyle:hover{background-color:#F5F5F5;}
    
    .txtbox:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.footer{   height:50px; background-color:#F54927;  color:#FFF; display:block; text-align:center; line-height:50px;  position:absolute; bottom:0px; left:0px ; right:0px;}




@media (max-width: 769px) 
{
    
  
    
    body{ font-size:12px;}
    .topnav a.collage { float:left;}
 .nav-tabs li a { padding:5px;}
 
    }