@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
@import url('https://fonts.googleapis.com/css?family=Merienda+One&display=swap');
body
{
     
   
   
}
.bg
{
    background-position: right top;
    background-image: url('http://www.np.bsu.edu.eg/Images/BG.png');
    background-repeat: no-repeat;
}
.footer
{
    background-position: right; background-color: #2c3e50; color: #FFFFFF; background-image: url('/NewProgramApp/Images/MenuBG.png'); background-repeat: no-repeat;
    }
.h
{
    display: none;
}
.s
{
    display: block;
}
body
{
   
}

.menubutton
{
    display: block;
    border: 1px solid lightgray;
    color: black;
    text-decoration: none;
    background-image: url('Images/TransparentBGWhite.png');
    margin: 2px;
    padding: 5px;
}
.menubutton:hover
{
    color: White;
    background-color: #003366;
    text-decoration: none;
}
select
{
    font-family: 'Droid Arabic Kufi' ,tahoma;
}
option
{
    font-family: 'Droid Arabic Kufi' ,tahoma;
}
.container
{
    
}
.l1
{
    width: 400px;
    text-align: right;
    padding-left: 75px;
    padding-right: 75px;
}

.r1
{
    width: 550px;
    text-align: center;
}

.circle
{
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 0px 10px;
    border-radius: 50px;
    background-color: #2c3e50;
    color: #ffffff;
    text-align: center;
}
input
{
    font-family: 'Droid Arabic Kufi';
}
.grditem
{
    margin: 5px;
}
.grditem a
{
    padding: 5px 35px 5px 10px;
    background-image: url('Images/UnChecked.png');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #E4E4E4;
    text-decoration: none;
    color: #000000;
    width: 100%;
    display: block;
    cursor: pointer;
}
.grditem a.full
{
    padding: 5px 35px 5px 10px;
    background-color: #E4E4E4;
    text-decoration: none;
    color: #000000;
    width: 90%;
    display: block;
}
.grditemselected
{
}
.grditemselected a
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #2c3e50;
    color: #FFFFFF;
    text-decoration: none;
    width:100%;
    display: block;
    background-image: url('Images/Checked.png');
    background-repeat: no-repeat;
}
.grditemselected a:hover
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #333333;
    color: #FFFFFF;
    text-decoration: none;
    width: 500px;
    display: block;
    background-image: url('Images/Checked.png');
    background-repeat: no-repeat;
}

.grditem a:hover
{
    background-color: #FFCC00;
    background-image: url('Images/CheckedHover.png');
    background-repeat: no-repeat;
    padding: 5px 35px 5px 10px;
    background-position: right;
    color: #000000;
}



 .edugate
 {
 font-family: 'Merienda One', cursive;
     
     } 

.edugate input
{
 font-family: 'Merienda One', cursive;
font-size:20px;
    margin: 5px;
}