* {
    direction: rtl;

}



ul{list-style-type: none;}
li{display: block;float: right;}
a{  display: block;    text-decoration: none;}

body{background: url(../pics/back.jpg);  }

.all_page {
    width: 90%;
    margin: 0 auto;
}

#head{
    width: 100%;
    height:auto;
    background: #000000;
    margin: 0 auto;
}


#head .back_head{
    width: 100%;
    height: 200px;
    background:  url(../pics/head.jpg) center no-repeat ;
    background-size:  100%;
    margin-top: 50px;
}

#head .navbar{
    width: 89%;
    background:  #660000;
    z-index: 100;
    height: 50px;
    position: fixed;
    overflow: hidden;
    top: 0;
}

.menu {
    float: right;
}





.social {
     float: right;
    margin: 0;
    z-index:300;
    left: 60px;
    position: relative;

}
.social ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
            width: 60px;
}

.social li {
      background-color: #660000;
            width: 100px;
            margin: 8px;
            padding: 5px;
            border-radius: 10px 10px;
}

.social img{
    width: 35px;
    padding: 0;
}

#head .navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #660000;
            height: 50px;


}

#head .navbar li {
    float: right;
}

#head .navbar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    font: 16px bold;
    border-left: 1px #FFFFFF solid;
    width: auto;
        font-family: 'Noto Kufi Arabic', sans-serif;


}



.marq {
  height: 2px;
  width: 100%;
  color: #CCCCCC;



}













#head .navbar li a:hover {
    background-color: #990000;
    border-left: 2px #FFFFFF solid;
}

#head .navbar .active {
    background-color: #4CAF50;
    width: 30px;
    padding: 8px;;
}
#head .navbar .avtive img{
    width: 10px;
    padding: 0;
    margin: 0px;
}

#head  .search{
    width: 225px;
    height: 60px;
    float: left;
    padding: 12px 5px;
}

#head .search img{
         width:30px;
         float: left;
}

#head .search input{
    width: 80%;
    height: 22px;

}

.quiq_news{
    width: 100%;
    background:  #000000;
    height: 30px;

}


.slide {
    width: 100%;
    height: 305px;
    background:   url(../pics/ahdaf.jpg);
    margin: 0 auto;
    border-bottom: 5px #990000   ridge;

}
.slide .slide1{
    float: right;
    width: 50%;
    max-width: 710px;
    max-height:350px;
    background: #000000;

}

.slide .slide2{

    float: left;
    font-size:90%;

    display: table;
    position: relative;
    width: 48%;
    max-width: 670px;
    max-height:350px;
    margin:0px auto 0px;
    z-index:90;
    text-align:right;
    font-weight: bold ;
    text-align: justify;
    padding: 5px;
    height: 100%;
}

@media only screen and (max-width: 950px) {
     .slide .slide2{
           font-size:70%;

     }
}
.slide .slide2 img{
    width: 25%;
    position: relative;
    padding: 2px;
    float: left;
    border-radius: 3px;
    margin: 3px;
    background:  #990000;
}

#content {
    width: 100%;
    margin: 0 auto;
    background: url(../pics/back.jpg);
    height: auto;

}

#content .content_right{
    width: 80%;
    background:  #F2F2F2;
    float: right;
    height: 100%


}
#content .content_left{
    width: 19%;
    background: #F2F2F2;
    float: left;
    height: 100%

}

#content .show_news{
    width: 99%;
    height: auto;
    padding: 5px 0;

}

#content .tender_show{
    width: 99%;
    height: auto;
    padding: 5px 0;

}

#content .last_news{
    width: 99%;
    padding: 5px 0;
        padding: 5px;

}

#content .last_news aside{
    width: 400px;
    background: #660000;
    height: 25px;
    padding: 12px 5px;
    margin: 0px 0 0 0 ;
    color: #FFFFFF;
    border-radius: 15px 0;
    font-size: 16px;
            font-family: 'Noto Kufi Arabic', sans-serif;


}

#content .show_news aside{
    width: 200px;
    background: #660000;
    height: 25px;
    padding: 12px 5px;
    margin: 0px 0 0 0 ;
    color: #FFFFFF;
    border-radius: 15px 0;
    font-size: 16px;
                font-family: 'Noto Kufi Arabic', sans-serif;

}

#content .tender_show aside{
   width: 200px;
    background: #660000;
    height: 25px;
    padding: 12px 5px;
    margin: 0px 0 0 0 ;
    color: #FFFFFF;
    border-radius: 15px 0;
    font-size: 16px;
                font-family: 'Noto Kufi Arabic', sans-serif;
}

#content .last_news section{
    width: 48%;
    background:  #F2F2F2;
    float: right;
    margin: 5px 5px 0 5px ;
    height: 150px;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    text-align: justify;
     border-radius: 5px;
     border: 1px solid #E6E6E6;
                     font-family: 'Noto Kufi Arabic', sans-serif;



    }



#content .tender_show section{
    width: 98%;
    background:  #F2F2F2;
    float: right;
    margin: 5px 5px 0 5px ;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    text-align: justify;
     border-radius: 5px;
     border: 1px solid #E6E6E6;
                          font-family: 'Noto Kufi Arabic', sans-serif;



    }

    #content .show_news section{
    width: 75%;
    background:  #F2F2F2;
    margin: 0 auto ;
    padding: 0;
    font-weight: bold;
    text-align: center;
    height: auto;
        font-size: 18px;


                         font-family: 'Noto Kufi Arabic', sans-serif;




    }

#content .last_news section  img{
        height:80%;
        margin: 5px;
width:40%;
        border-radius: 5px;
 float: right;


}

#content .show_news img{
        width:60%;
        margin: 5px;
        border-radius: 10px;
            margin: 0 auto ;

        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



}

#content .last_news section a{
                  height: 110px;
                  margin: 0;
                  color: #333333;

}

#content .show_news section p{
                  margin: 0;
                  color: #333333;
                  text-align: justify;
                  font-size: 14px;
                                           font-family: 'Noto Kufi Arabic', sans-serif;


}

#content .last_news .footer_news{
    width: 100%;
    padding: 0;
        height: 15%;
            margin: 0;
            font-size: 9px;



}

#content .show_news .footer_news{
    width: 100%;
    padding: 0;
            margin: 0;
            font-size: 9px;
            float: left;



}

.call_show p {
    text-align: center;
    font-size: 20px;


}

#content .last_news .footer_news li{
        width: auto;
        margin: 3px;
        padding: 3px;
}

#content .show_news .footer_news li{
        width: auto;
                    float: left;
 margin: 0;

}

#content .last_news .footer_news li img{
      width: 10px;
      margin: 0 3px;
}

#content .show_news .footer_news li img{
      width: 10px;
      margin: 0 3px;
}



#customers {
    width: 100%;
}

#customers td, #customers th {
    padding: 8px;
}

#customers tr:nth-child(even){background-color:   #CCCCCC; border-radius: 10px;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
    background-color: #660000;
    color: white;
     border-radius: 10px;
}







#content .last_tender aside{
    width: 400px;
    background: #660000;
    height: 20px;
    padding: 10px 5px;
    margin: 0px 0 0 0 ;
    color: #FFFFFF;
    border-radius: 15px 0;
    font-size: 18px;
                             font-family: 'Noto Kufi Arabic', sans-serif;


}
#content .last_tender{
    width: 100%;
    height: auto;
    padding: 5px;
    border-bottom: 1px dotted #333333;


}

#content .last_tender .last_tender_side{
  width: 45%;
  background: #CCCCCC;
  position: relative;

}

#content .last_tender .last_tender_side section{
  width: 100%;
}

#content .last_tender a{
  font-size: 12px;
  font-weight: bold;
  color: #000066;
                           font-family: 'Noto Kufi Arabic', sans-serif;



}

#content .last_tender a:hover{
      color:  #666666;



}


#content .last_vedio aside{
    width: 400px;
    background: #660000;
    height: 25px;
    padding: 12px 5px;
    margin: 0px 0 0 0 ;
    color: #FFFFFF;
    border-radius: 15px 0;
    font-size: 18px;
                             font-family: 'Noto Kufi Arabic', sans-serif;

}

#content .last_vedio section{
    padding: 5px;
    margin-top: 5px;
}


#content .last_pics aside{
    width: 75%;
    background: #660000;
    height: 20px;
    padding: 10px 1px;
    margin: 0;
    color: #FFFFFF;
    border-radius: 0 15px 0 0;
    font-size: 16px;
    float: left;
                             font-family: 'Noto Kufi Arabic', sans-serif;

}

#content .last_pics section{
    width: 100%;
    height: auto;
    border-bottom: 1px dotted #CCCCCC;

    text-align: center;
     padding: 5px;
    margin-top: 5px;
}

#content .last_pics section img{
  width: 75%;
  padding: 5px;
  border-radius: 0 20px;
  margin: 0 auto;

}

.footer{
    width: 100%;
    clear: both;
    text-align: center;
    background: #333333;
    height: 50px;
    color: #FFFFFF;
    margin-top: 5px;
    padding: 0;
    font-size: 14px;
    font-family: 'Noto Kufi Arabic', sans-serif;


}


.admin_form {
    width: 80%;
    background: url(../pics/form_back.png);
    margin: 0 auto;
     border-radius: 10px;
font-weight:bold;
}

.admin_form .tb_form {
    margin: 20px auto;

}

.admin_form  td{
    height: 50px;
    padding: 3px;
    color: #333333;
     font-size: 20px;

}

.admin_form .tb_form .input_title {
    width: 500px;
    height: 35px;
    font-size: 18px;
}

.admin_form .tb_form .input_details {
    width: 700px;
    height: 200px;
    font-size: 18px;
}

.admin_form .tb_form .input_type {
    width: 200px;
    height: 35px;
    font-size: 18px;
}

.admin_form .tb_form .input_pic {
    width: 500px;
    height: 35px;
    font-size: 18px;
}

.admin_form .tb_form .input_but {
    width: 200px;
    height: 35px;
    font-size: 18px;
     margin: 0 auto;
     background:  #333333;
      color: #FFFFFF;
    }

.admin_form .tb_form .input_but:hover{
          background:  #666666;
              font-size: 20px;


}

.admin_form h1{
    text-align: center;
}