@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);


body 
{
	direction:rtl;

font-family: 'Cairo', Tahoma;
    background-color: #f4f8fc;
}
        .center-wrap{
            min-height: 100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
        }
        .box{
            width: 440px;
            border: 1px solid #ddd;
            padding: 18px;
            border-radius: 10px;
            background: #fff;
        }
        .row{ margin-bottom: 12px; }
        label{ display:block; margin-bottom:6px; font-weight:600; }
        .txt{ width:100%; padding:9px; box-sizing:border-box; }
        .btn{ padding:10px 14px; cursor:pointer; width:100%; }
        .msg{ margin-top:12px; }

.gridview
{
    font-family: 'Cairo', Tahoma;
    border-collapse: collapse;
    width: 90%;
    margin: 20px auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


/* Header */

.gridview th
{
    background: linear-gradient(#007BFF, #0056b3);
    color: white;
    padding: 12px;
    font-size: 16px;
}


/* Rows */

.gridview td
{
    padding: 10px;
    border-bottom: 1px solid #ddd;
}


/* Alternating Row */

.gridview tr:nth-child(even)
{
    background-color: #f2f7ff;
}


/* Hover */

.gridview tr:hover
{
    background-color: #dbe9ff;
    transition: 0.3s;
}


/* Edit/Delete Buttons */

.gridview input[type=submit]
{
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 4px;
}

.gridview input[type=submit]:hover
{
    background-color: #0056b3;
}




.menue
{
	
	border-left-style:solid;
	border-width:thin;
	border-color:#669999;
    /*    font-family: 'Droid Arabic Kufi', Helvetica, Arial; */
	
	}

.menue2
{
	
	border-right-style:solid;
	border-width:thin;
	border-color:#d6d5d5;

	
	}
	
.menue3
{
	border-style:solid;
	border-width:thin;
	border-color:#000000;

	}

.gridfont
{
	
  /*      font-family: 'Droid Arabic Kufi', Helvetica, Arial; */
	
	}
	
	
	.add
	{
		color:White;
		text-align:center;
		padding-top:5px;
		position:fixed;
		top:0px;
		left:100px;
		background-color:#980d1a;
		width:150px;
		height:30px;		
		border-bottom-left-radius:30px;
		border-bottom-right-radius:30px;
	/*	 font-family: 'Droid Arabic Kufi'; */
		 font-size:small;
		
		
		
		}
	
	.add:hover
	{
		height:40px;
		padding-top:15px;
		font-size:medium;
		
		}
		
		
		


.addnew
	{
		vertical-align:middle;
		color:#e6e5e5;
		text-align:center;
		padding-top:60px;
		
		background-color:#d26670;
		width:160px;
		height:110px;		
	
	/*	 font-family: 'Droid Arabic Kufi';   */
		 font-size:larger;
		
		border-top-left-radius:0px;
		border-top-right-radius:60px;
		border-bottom-left-radius:60px;
		border-bottom-right-radius:60px;
		
		}
	
	.addnew:hover
	{
		color:White;
			border-top-left-radius:100px;
		border-top-right-radius:100px;
		border-bottom-left-radius:100px;
		border-bottom-right-radius:0px;
		background-color:#980d1a;
		font-size:x-large;
		}
		
a:link {
    text-decoration: none;
}