body {
}
.h-e {
     background: #77cdf8;
}
.but-e2 {
     border:1px solid #739fee;
}
.hedar-e {
    background:#6dc7f3;
}
.but-e {
            background-color:#cdf6f8;         
           border:1px solid #84d8dc;
           font-weight:bold;
           color:#09589c;
           
            border-radius:10px 10px 0 0 ;
        }
         .but-e:hover {
            background-color:#EFEFEF;
           
           border:1px solid #84d8dc;
           font-weight:bold;
       
           text-decoration:none;
        }
 
         .icon-e {
    color:#106dbd;
   
}
         .icon-e:hover{
    color:#0f63aa;
}
 .div_hed1{  width:100%;height:10px;margin-bottom:-10px;float:right;background:#77cdf8;}
.div_hed {
    background-color:#cdf6f8;height:40px;border-top:1px solid #7cddf3;
}

.but1-1 {
            background-color:#edefed; border:1px solid #77cdf8; height:30px; font-size:15px;
            border-radius:10px; font-family:'Hacen Tunisia';font-weight: bold; color:#034262;     
        }
        .but1-1:hover{
            background-color:#cdf6f8;
            border:1px solid #77cdf8;
            color:#034262;
        }
        .but1-1:active{
            background-color:white;
             border:1px solid #84d8dc;
             color:#00ac65;
              border-radius:10px;
        }
.btun33 {
     width:160px; background:#6dc7f3;border-radius:5px;border:1px solid #c88bf2;color:#fff;font-weight:bold;
        }
 .btun33:hover {
     width:160px;background:#84d8dc; border-radius:5px;border:1px solid #c88bf2; color:#000;font-weight:bold;
        }
 hr {
            color:#000000; background:#000000;width:100%; height: 1px;
        }

        
        #btn_show_sal_Peace1 {
            background-color:#bdebdf;
            height:30px;
        }
       
        .div_aa {
           
            background-color:#77cdf8;
           
        }
        .div_bak{
            
       
        background-color:white;
        border-radius:15px 15px 0px 0px;
       
        }
        .pp{
           
            font-size:16px;
             font-family:'Droid Sans Arabic';
             color:#000;

        }
        .img-11 {
       opacity: 1;
       transition: .5s ease;
       backface-visibility: hidden;
  
        }
       
        .middle {
  transition: .5s ease;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
         .img-11:hover {          
      opacity: 0.3;
        }
            .middle:hover {
                 opacity: 4;
            }
       .text {
  background-color:#4CAF50;
  color:white;
  font-size:16px;
  padding:16px 32px;
}
       .img-ico{
       height:25px;width:25px;margin-top:3px;
      
        }
        
        .butt-sav {
            font-weight: bold;
            width:200px;
        }
        .txt-txt {
            text-align: right;
          height:34px;
            width:160px;
            background-color:#fbf9f9;
        }
        .div_img {
    height:30px;
    width:30px;
    background-color:#77cdf8;
    border-radius:50%;
    float:right;
    margin-left:4px;
    margin-top:-4px;
     text-align:center;
   
}
        .but1-2 {
            background-color:#77cdf8;
            border:1px solid #71dca1;
            height:30px;
            font-size:15px;
            border-radius:10px;
            font-family:'Hacen Tunisia';
           font-weight: bold;
           color:#000;     
        }
        .but1-2:hover{
            background-color:#a7d8fa;
            border:1px solid #71dca1;
            color:#034262;
        }
        .but1-2:active{
            background-color:white;
             border:1px solid #71dca1;
             color:#00ac65;
              border-radius:10px;
        }
        .hed2{
width: 265px;
font-size:13px;
text-align:center;
background-color:#92d6f8;
border-radius:5px 5px 0px 0;
height:25px;color:black;
      }  
        
        
       .menu1 {
    clear:both;
    margin:0 auto;
    padding:0;
    background-color:#77cdf8;
    font:bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;  
    width:250px;  
}

            #footer{
    color:#fff;
    /*background: #caced1 url(footer.jpg) no-repeat center top;*/
    clear:both;
   
    height:auto;
    text-align:center;
    font-size:16px;font-family:Arial, Tahoma, Sans-serif;font-weight:bold;
    background-color:#77cdf8;
    border-radius:5px 5px 0 0;padding:10px ;
}

    #footer p {
        padding:10px 0;
        margin:0;
    }

    #footer a {
        color:#fff;
        text-decoration:none;
    }
    .menu_head {
	padding : 9px 5px 5px;     
	color:White;
	cursor: pointer;
	position: relative;
    font-weight:bold;
    background-color:#77cdf8 ;
    vertical-align:middle;
    
}

     .menu_list1{
          background:#fff;
          padding:5px;
          border:1px solid #c0f1f3;
     }
     .menu_list1:hover{
          background-color:#EFEFEF;
          
     }

      .border{
          border:1px solid #c0f1f3;
     }