/*.w3-padding-large{padding:12px 24px!important}
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#333;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap
}*/

/*القائمة الرئيسية*/

@media print {
  body {
padding-left:0%;
  }
}
body {
margin-left:auto;
margin-right:auto;
  }

.body1 {
background-image: url("img/backgrond.jpg");
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;      
}

.header {
	background-image: url("img/header.jpg");
  background-color: #04B4AE;
  padding:10px;
  text-align: right;
  border-radius: 30px;
  width:auto;
  height:150px;
}

.footer_mht{
  bottom: 0;
  color: #000;
  padding-top: 3mm;
  padding-bottom: 5mm;
}


/*دعاية الشركة*/
.codrops-top {
	
	line-height: 6px;
	font-size: 16px;
	
	
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	/*box-shadow: 1px 0px 2px rgba(0,0,0,0.2);*/
}


/* Hide all steps by default: */
.tab {
  display: none;
}


/* Hide all steps by default: */
#more {display: none;}


/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}


.header3 {
	background-image: url("img/headerBG-fs.png");
  
 
 
  /*padding:0px;
  text-align: center;*/
  border-radius:3px;
  width:150px;
  height:150px;
}

h1 {
	font-family:Arial;
	width: 100%;
        font-size: 37px;
      margin: 0px ;
        text-align: center;
        color:#000066;
        text-shadow: 0px 1px 1px #f2f2f2,
                     0px 2px 1px #f2f2f2,
                     0px 3px 1px #f2f2f2,
                     0px 3px 1px #f2f2f2,
                     0px 4px 1px #6600ff,
                     0px 2px 1px #6600ff,
                     0px 5px 1px #6600ff,
                     0px 8px 3px rgba(100, 100, 100, 0.4),
                     0px 9px 5px rgba(100, 100, 100, 0.1),
                     0px 10px 7px rgba(100, 100, 100, 0.15),
                     0px 11px 9px rgba(100, 100, 100, 0.2),
                     0px 12px 11px rgba(100, 100, 100, 0.25),
                     0px 13px 15px rgba(100, 100, 100, 0.3);
     transition:all .8s ease-in-out;  
      -o-transition:all .8s ease-in-out;  
      -moz-transition:all .8s ease-in-out;  
      -webkit-transition:all .8s ease-in-out;
}


@media print
{
.normal {display:none;}
}






	h7 {
    color:#000000;
	font-size: 52px;
    text-shadow: 2px 2px 3px white, 0 0 20px black, 0 0 5px ;
}
p{ 

font-size: 18px;
}

	/*h2 {
    color:#335599;
	font-size: 25px;
    text-shadow: 2px 2px 3px white, 0 0 1px #335599, 0 0 2px ;
	padding:0px;
}
*/


h2 {
	font-family:Arial;
	width: 100%;
        font-size: 28px;
      margin: 10px ;
        text-align: center;
        color:#000066;
        text-shadow: 0px 1px 1px #ffffff,
                     0px 2px 1px #ffffff,
                     0px 2px 1px #ffffff,
                    
                    
                     0px 2px 1px #000066,
                     0px 3px 1px #000066,
                     0px 8px 3px rgba(100, 100, 100, 0.1),
                     0px 9px 5px rgba(100, 100, 100, 0.1),
                     0px 10px 7px rgba(100, 100, 100, 0),
                     0px 11px 9px rgba(100, 100, 100, 0),
                     0px 12px 11px rgba(100, 100, 100, 0),
                     0px 13px 15px rgba(100, 100, 100, 0.2);
     transition:all .8s ease-in-out;  
      -o-transition:all .8s ease-in-out;  
      -moz-transition:all .8s ease-in-out;  
      -webkit-transition:all .8s ease-in-out;
}

	h4 {
    font-family:SC_SHARJAH;
   /* text-shadow: 2px 2px 3px white, 0 0 5px black, 0 0 5px ;*/
   
   
   width: 100%;
       
      margin: 0px ;
        text-align: center;
        color:#000066;
        text-shadow: 0px 1px 1px #f2f2f2,
                     0px 2px 1px #f2f2f2,
                     0px 3px 1px #f2f2f2,
                     0px 3px 1px #f2f2f2,
                     0px 4px 1px #6600ff,
                     0px 2px 1px #6600ff,
                     0px 5px 1px #6600ff,
                     0px 8px 3px rgba(100, 100, 100, 0.4),
                     0px 9px 5px rgba(100, 100, 100, 0.1),
                     0px 10px 7px rgba(100, 100, 100, 0.15),
                     0px 11px 9px rgba(100, 100, 100, 0.2),
                     0px 12px 11px rgba(100, 100, 100, 0.1),
                     0px 1px 1px rgba(100, 100, 100, 0.1);
     transition:all .8s ease-in-out;  
      -o-transition:all .8s ease-in-out;  
      -moz-transition:all .8s ease-in-out;  
      -webkit-transition:all .8s ease-in-out;
}

	h5 {
    color:#0000000;
	font-size: 28px;
   /* text-shadow: 2px 2px 3px white, 0 0 5px black, 0 0 5px ;*/
}
	h6 {
    color:#000000;
	font-size: 4px;
    
}

	h8 {
	
    color:#0000000;
	font-size: 12px;
    
}

	h9 {
	font-family: "Roboto", sans-serif;
    color:#ffffff;
	font-size: 22px;
    
}

#navbar {
  overflow: hidden;
  background-color:#006666;
   box-shadow: 0 5px 15px #999;
}

#navbar a {
  float: right;
  display: block;
  color:#ffffff;
  text-align: center;
  font-size:20px;
  padding: 15px 16px;
  text-decoration: none;
  font-family: 'Thabit', serif;
 
  
}

#navbar a:hover {
  background-color:#ecf9f2;
  color: #9900cc;
  font-family: ' Thabit', serif;
}

#navbar a.active {
  background-color:#006666;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
/*رموز القائمة العلوية
#navlist {
    position: relative;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#navlist li, #navlist a {
    height: 44px;
    display: block;
}

#home {
    left: 0px;
    width: 46px;
    background: url('img_navsprites_hover.gif') 0 0;
}

#prev {
    left: 63px;
    width: 43px;
    background: url('img_navsprites_hover.gif') -47px 0;
}

#next {
    left: 129px;
    width: 43px;
    background: url('img_navsprites_hover.gif') -91px 0;
}

#home a:hover {
    background: url('img_navsprites_hover.gif') 0 -45px;
}

#prev a:hover {
    background: url('img_navsprites_hover.gif') -47px -45px;
}

#next a:hover {
    background: url('img_navsprites_hover.gif') -91px -45px;
}
*/
.form1 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background:#e6e6ff;
   border-radius: 15px;
  border: 0;
  margin: 0 0 15px;
  padding: 0px;
  box-sizing: border-box;
  font-size: 35px;
  text-align: center;
  width:auto;
  size:auto;
}





.form3 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background:#6699ff;
  box-shadow:1px 5px 5px 2px rgba(30,0,0,0.5);
   border-radius: 5px;
  border: 0;
  margin: 0 0 0px;
  padding: 0px;
  box-sizing: border-box;
  font-size: 35px;
  color:#FFFFFF;
  text-align: center;
  width:auto;
  size:auto;
}

.form6 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  box-shadow:1px 3px 2px 0px rgba(30,0,0,0.5);
  background: #e6e6ff;
   border-radius: 3px;
  border: 0;
  margin: 0 0 10px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
}



.form2 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  box-shadow:1px 3px 2px 0px rgba(0,0,0,0.2);
  background: #e6e6ff;
   border-radius: 3px;
  border: 0;
  margin: 0 0 10px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
}


.form4 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  
  background:#e6e6ff;
   border-radius: 8px;
  border: 0;
  margin: 0 0 15px;
  padding: 0px;
  box-sizing: border-box;
  font-size: 23px;
  color:#000000;
  text-align: center;
  width:auto;
  size:auto;
}


.ginral input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #e6e6ff;
   border-radius: 15px;
  border: 0;
  margin: 0 0 10px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 18px;
   text-align: center;
  size:auto;
   width:auto;
}

.mean input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: yellow;
  text-align: center;
  border: 0;
  margin: 0 0 10px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 25px;
   border-radius: 15px;
   width:auto;
}


.low input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: red;
  text-align: center;
   border-radius: 15px;
  border: 0;
  margin: 0 0 10px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 25px;
  size:auto;
}


.invers input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background:#00ff40;
  text-align: center;
   border-radius: 15px;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 18px;
  width:auto;
}

.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  box-shadow:1px 3px 2px 0px rgba(30,0,0,0.5);
  background: #e6e6ff;
  text-align: center;
   border-radius: 3px;
  border: 0;
  margin: 0 0 10px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 18px;
  width:auto;
  display:inline;
 
}


.form5 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #e6e6ff;
  text-align: center;
   border-radius: 5px;
  border: 0;
  margin: 0 0 5px;
  padding: 2px;
  box-sizing: border-box;
  font-size: 12px;
  width:auto;
}

.form select {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
    box-shadow:1px 3px 2px 0px rgba(30,0,0,0.5);
  border: 0;
  border-radius:3px;
  margin: 0 0 10px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 18px;
  display:inline;
}
/*البطمه المضلله*/
.button {
  padding: 10px 30px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #335599;
  border: none;
  border-radius: 5px;
  box-shadow: 0 5px 15px #999;
}




.button:hover {background-color: #c1f0f0;
color:#006666;}

.button:active {
  background-color: #3e8e41;
  
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}



.buttonshort {
 
  
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #f2f2f2;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 5px #999;
}


.button1 {
  padding: 10px 30px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #000;
  background-color:#c1f0f0 ;
  border: none;
  border-radius: 5px;
  box-shadow: 0 5px 15px #999;
}

.button1:hover {background-color: #335599;
color:#fff;}

.button:active {
  background-color: #3e8e41;
  
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}




/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



/*الجدول حجم صغير*/
.table_smalll {
    border-collapse: collapse;


}
.table_smalll:th {
    text-align: center;
    padding: 8px;
	/*font-size:8px;*/
}

tr:nth-child(even){background-color: #ffffff}

th {
    background-color:#335599;
    color: white;
	border-radius: 0px;
	
	 
  top: 0;
	/*font-size:8px;*/
}


/* جدول حجم عادي */
table {
    border-collapse: collapse;
    
}

th, td {
    text-align: center;
    padding:8px;
	/*position: sticky;
	font-size:18px;*/
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color:#335599;
    color: white;
	border-radius: 0px;
}


/* جدول حجم عادي */
.tablev {
    border-collapse: collapse;
    
}

.tablev th {
    text-align: center;
    padding:2px;
	
	/*font-size:18px;*/
}

.tablev td {
    text-align: center;
    padding:2px;
	/*font-size:18px;*/
	
}
.tablev tr:nth-child(even){background-color: #f2f2f2}

.tablev th {
     background-color:#335599;
    color: white;
	border-radius: 0px;
}








/* جدول القوائم الطويلة */
.tablew {
    border-collapse: collapse;
    
}

.tablew th {
    text-align: center;
    padding:0px;
	
	/*font-size:18px;*/
}

.tablew td {
    text-align: center;
    padding:0px;
	/*font-size:18px;*/
	
}
.tablew tr:nth-child(even){background-color: #f2f2f2}

.tablew th {
    background-color:#f1f1f1;
    color: black;
	border-radius: 0px;
}



/* جدول بدون تضليل*/
.table2 {
    border-collapse: collapse;
    
}

.table2 th{
    text-align: center;
    padding: 8px;
	/*font-size:18px;*/
}
.table2 td {
    text-align: center;
    padding: 8px;
	/*font-size:18px;*/
}

.table2 tr:nth-child(even){background-color: #FFFFFF;}

.table2 th {
    background-color:#335599;
    color: white;
	border-radius: 0px;
}



/*الصوره الشخصية*/
.container1 {
  position: relative;
  width: 20%;
}

.image {
  display: block;
  width: 50%;
  height: auto;
 
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #009999;
  overflow: hidden;
  width: 50%;
  height:0;
  transition: .5s ease;
}

.container1:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}



img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/*no print*/	
@media print
{
.noprint {display:none;}
}


/*drop line*/

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}




/*echo sum in top*/
.top{
	
position: absolute;
  
  top: 80px;'
	
}

.top2{
	
position:absolute;
  left: 50px;
  top: 100px;'
	
}


.top3{
	
position: absolute;
  

   bottom:0%;
	
}


.topshort{
	
position: absolute;
  right: 0px;
  top: 240px;'
	
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}




/*border text*/

.dotted {border-style: dotted;}
.dashed {border-style: dashed;}
.solid {border-style: solid;}
.double {border-style: double;}
.groove {border-style: groove;}
.ridge {border-style: ridge;}
.inset {border-style: inset;}
.outset {border-style: outset;}
.none {border-style: none;}
.hidden {border-style: hidden;}
.mix {border-style: dotted dashed solid double;}


/*أطار ابيض */

.container, figure{
  width:1100px;
  height: auto;

 background:#ffffff;
  border-radius: 30px;

   box-shadow:0px 2px 5px 5px rgba(0,0,0,0.5);
 
    transform-style: preserve-3d;
	
}



/*اطار 3D*/
.box3d {
  margin: 10px auto;
  padding: 18px 20px;
  width:1150px;
  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}




/*login 3d  input*/
.login-input {
  font-size:18;
  text-align:center;
  width: ;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}

/*icon record*/

.speech {
        border: 1px solid #DDD;
        width:300px;
        padding:0;
        margin:0
      }

      .speech input {
        border:0;
        width:240px;
        display:inline-block;
        height:30px;
        font-size: 14px;
      }

      .speech img {
        float:right;
        width:40px
      }

/*-------------------------------------*/
/*أطار ابيض */

.title{
  width:1100px;
  height: auto;

 background:#ffffff;
  border-radius: 30px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.9);
 
    transform-style: preserve-3d;
	
}