body {
}
.h-e {
     background: #58cf9d;
}
.but-e2 {
     border:1px solid #739fee;
}
.backicon {
    background: #7ce0a9;
}
.hedar-e {
    background:#4ecc97;
}


/*-------------new design-----------*/
.hedar-n {
    background:#d1d1d1;
}
.hedar-graid {
    background:#f2f2f2;
    color:#464646;
    font-weight:bold;
}

.btun33n {
     width:130px;
     background:#4ecc97;
     border-radius:5px;
      border:1px solid #ccc;
       color:#414141;
       font-weight:bold;
        }
 .btun33n:hover {
     width:130px;
     background:#efeeee ;
     border-radius:5px;
      border:1px solid #ccc; 
      color:#414141;
       font-weight:bold;
        }
 .p1 {
            font-size: 16px;
            font-family: 'Droid Sans Arabic';
            color: #000;
            margin-right: 15px;
        }

 /*-----------------end ----------------------*/



.but-e {
            background-color:#a9f2dc;
           
           border:1px solid #739fee;
           font-weight:bold;
           color:#09589c;
           
            border-radius:10px 10px 0 0 ;
        }
         .but-e:hover {
            background-color:#EFEFEF;
           
           border:1px solid #739fee;
           font-weight:bold;
       
           text-decoration:none;
        }

.icon-e {
    color:#079a5c;
   
}
 .icon-e:hover{
    color:#068a52;
}
.div_hed {
    background-color:#65e2ae;
    height:40px;
    border-top:1px solid #7cddf3;
}
.btun33 {
     width:160px;
     background:#3fd4b0;
     border-radius:5px;
      border:1px solid #c88bf2;
       color:#fff;
       font-weight:bold;
        }
 .btun33:hover {
     width:160px;
     background:#35c288;
     border-radius:5px;
      border:1px solid #c88bf2; 
      color:#000;
       font-weight:bold;
        }
 .btun33n {
     width:160px;
     background:#f8f8f8;
     border-radius:5px;
      border:1px solid #ccc;
       color:#414141;
       font-weight:bold;
        }
 .btun33n:hover {
     width:160px;
     background:#efeeee ;
     border-radius:5px;
      border:1px solid #ccc; 
      color:#414141;
       font-weight:bold;
        }
 
 

 hr {
            color: #000000;background:#000000;width:100%;height: 1px;
        }

        .SmallButton {
            position: relative;
            background-image: url('images/button_hover.gif');
           
            white-space: nowrap;
            display: block;
            width: 100px;
            height: 33px;
            margin: 0;
            padding: 0;
            color: #000000;
            top: 0px;
            right: 325px;
        }

            .SmallButton a {
                display: block;
                color: #000000;
                font-size: 8px;
                width: 100px;
                height: 33px;
                display: block;
                float: left;
                color: #00FFFF;
                text-decoration: none;
            }

            .SmallButton img {
                width: 30px;
                height: 30px;
                border: 0;
            }

        * html a:hover {
            visibility: visible;
        }

        .SmallButton a:hover img {
            visibility: hidden;
        }

        .button1 {
            color: white;
            background: url('images/105.png') no-repeat right;
        }

        .button2 {
            color: white;
            background: url('images/105.png') no-repeat right;
        }

        .button3 {
            color: white;
            background: url('images/105.png') no-repeat right;
        }

        .button4 {
            color: white;
            background: url('images/105.png') no-repeat right;
        }

        .button5 {
            color: white;
            background: url('images/105.png') no-repeat right;
        }

        .style16 {
            font-size: 10pt;
        }

        .style17 {
            height: 21px;
        }

        .style18 {
            height: 24px;
        }

        .style19 {
            height: 36px;
        }
        #btn_show_sal_Peace1 {
            background-color:#bdebdf;
            height:30px;
        }
        .but1-1 {
            background-color:#edefed;
            border:1px solid #71dca1;
            height:30px;
            font-size:15px;
            border-radius:10px;
            font-family:'Hacen Tunisia';
           font-weight: bold;
           color:#034262;
     
        }
        .but1-1:hover{
            background-color:#bdebdf;
            border:1px solid #71dca1;
            color:#034262;
        }
        .but1-1:active{
            background-color:white;
             border:1px solid #71dca1;
             color:#00ac65;
              border-radius:10px;
        }
        
        .div_aa {
            padding-right:10px;
            background-color:#00ac65;
            height:30px;
            border-radius:14px 14px 0px 0px;
            border-bottom:2px solid #00ac65;
            color:#fff;
        }
        .div_bak{
            
       
        background-color:white;
        border-radius:15px 15px 0px 0px;
       
        }
        .pp{
           
            font-size:16px;
             font-family:'Droid Sans Arabic';
             color:#fff;

        }
        .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:#58cf9d;
    border-radius:50%;
    float:right;
    margin-left:4px;
     margin-top:-4px;
     text-align:center;
}
        .but1-2 {
            background-color:#89eab5;
            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:#bdebdf;
            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:#8deeb8;
border-radius:5px 5px 0px 0;
height:25px;color:black;
      }  
 

  .menu1 {
    clear:both;
    margin:0 auto;
    padding:0;
    background:#00ac65;
    font:bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
    height:45px;
    width:250px;
    position:absolute;
    top:5px;
}

            #footer1{
    color:#fff;
    /*background: #caced1 url(footer.jpg) no-repeat center top;*/
    clear:both;
    width:960px;
    height:57px;
    text-align:center;
    font-size:90%;
    background-color:#00ac65;
    border-radius:5px 5px 0 0;
}
.menu_head {
	padding : 9px 5px 5px;     
	color:White;
	cursor: pointer;
	position: relative;
    font-weight:bold;
    background-color:#00ac65 ;
    vertical-align:middle;
    
}


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

    #footer1 a {
        color:#fff;
        text-decoration: none;
    }
   
 /*-------------------------------------new------------------------------------*/
 *, body, html {
    margin: 0;
    padding: 0px;
    
}

body {
    height: 100%;
    
    
}

html {
    height: 100%;
}
          @font-face {
    font-family: Segoe UI Emoji;
    src: url(SegoeUIEmoji.ttf);
    font-family: 'Al-Jazeera-Arabic';
    src: url(../fonts/Al-Jazeera-Arabic-Regular.ttf);
    src: url(../fonts/Al-Jazeera-Arabic-Light.ttf);
    src: url(../fonts/Al-Jazeera-Arabic-Bold.ttf);
}
       


         #menu {background: white;padding:10px;margin: 0 auto;direction: rtl;font-family:Al-Jazeera-Arabic}
#menu ul {margin:0; padding:0;list-style: none;}
#menu ul li {margin: 0;padding: 4px 0 6px;border-bottom: 1px dashed #dbdbdb;}
#menu ul li a {color: #007195;text-align: right;text-decoration:none;font-size:15px}
#menu ul li a:hover {color:#CC3332;}
#menu ul li span {color:#7D7D7D;text-align: right;}
#menu li span:hover {color: #494949;}

.colortop{
    width: 100%; height:7px; background: #39ceb0
}

.divcontainerall{
    background:#fff;display:inline-block;padding-bottom: 20px;
}

.divtopcontent{
    background: #39ceb0;border-radius:0 0 7px 7px;font-family: Al-Jazeera-Arabic;
}

.buttontop{
    font-weight: bold; color: #706e6e; border: 1px solid #01a584; border-radius: 20px; padding: 7px ;
     text-align: center; margin-top: 5px; float: right; margin-right: 8px; text-decoration: none;background:#c2fce4
}
.buttontop:hover{
    font-weight: bold; color: #494949; border: 1px solid #01a584; border-radius: 20px; padding: 7px ;
     text-align: center; margin-top: 5px; float: right; margin-right: 8px; text-decoration: none;background:#85fecc
}

.textdate{
    font-weight: bold; color: #fff; border-radius: 20px; padding: 7px; text-align: center; margin-top:8px;margin-right:30px;
}
.textnametop{
    font-weight: bold;  color: #4b4b4b; border: 1px solid #9e9ca0; border-radius: 20px; padding: 7px; text-align: center; margin-top:10px;background:#f1f1f1;
}
.massegtop{
    font-weight: bold;  color: #fff; border-radius: 20px; padding: 7px; text-align: center; margin-top: 5px;text-align:center
}
.center {
            margin: 0 auto;
            text-align: center;
           
        }

.divimageright{
    background: #fff; margin-top: 3px; height: 180px; text-align: center;border: 2px solid #4ecc97;border-radius: 7px
}
.divimageleft{
    border: 1px #4ecc97 solid; margin-top: 3px; height: 180px;border-radius: 7px
}

.divmanu{
    background: #39ceb0; margin-top: 5px; height:35px;border-radius: 7px 7px 0 0;
}
.textnammenu{
    font-weight: bold; color: #fff;  text-align: center; font-size: 12pt;padding:5px;padding-top:7px; font-family: Al-Jazeera-Arabic;
}

.divcontentmenu{
      background: #EFEFEF;border: 1px solid #4ecc97;font-family: Al-Jazeera-Arabic;
}

.footer{
    background: #4ecc97;border-radius: 7px 7px 0 0;
}
.textfooter{
    font-weight: bold; color: #fff; padding: 4px; text-align: center; font-size: 11pt; margin-top: 6px;font-family: Al-Jazeera-Arabic;
}

.divcontentbageadress{
    background: #4ecc97; margin-top: 5px; height: 40px;
}
.divcontentbage{
    border: 2px solid #4ecc97; height: 317px
}
.textcontetntadress{
    font-weight: bold;  color: #fff; padding: 8px; text-align: center; font-size: 12pt;
}

/*----------------------------------------------------------*/

.h-e {
     background: #58cf9d;
}
.but-e2 {
     border:1px solid #739fee;
}
.hedar-e {
    background:#39ceb0;
}
.but-e {
            background-color:#a9f2dc;
           
           border:1px solid #739fee;
           font-weight:bold;
           color:#09589c;
           
            border-radius:10px 10px 0 0 ;
        }
         .but-e:hover {
            background-color:#EFEFEF;
           
           border:1px solid #739fee;
           font-weight:bold;
       
           text-decoration:none;
        }

.icon-e {
    color:#079a5c;
   
}
 .icon-e:hover{
    color:#068a52;
}
.div_hed {
    background-color:#65e2ae;
    height:40px;
    border-top:1px solid #7cddf3;
}
.btun33 {
     width:160px;
     background:#3fd4b0;
     border-radius:5px;
      border:1px solid #c88bf2;
       color:#fff;
       font-weight:bold;
        }
 .btun33:hover {
     width:160px;
     background:#35c288;
     border-radius:5px;
      border:1px solid #c88bf2; 
      color:#000;
       font-weight:bold;
        }

.colorbtunm {
    background: #4ecc97;
}

    .colorbtunm:hover {
        background: #42bb88;
    }