/*version 2.0.2*/
/* Adding Font bkoodakbold */
@font-face {
    font-family: 'bkoodakbold';
    src: url('../fonts/bkoodakbold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bkoodakbold.eot?#') format('eot'), /* IE6�8 */
        url('../fonts/bkoodakbold.ttf') format('truetype'), /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
        url('../fonts/bkoodakbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/bkoodakbold.otf') format('opentype'),
        url('../fonts/bkoodakbold.svg') format('svg');
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}
* {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    direction: rtl;
    font-family: bkoodakbold , tahoma;
    font-size: 14px;
}

body {
    /*max-width: 1200px;*/
    color:#000000;
    background: #6699CC;
    font-family: bkoodakbold,tahoma ,arial, verdana, serif;
    font-style: normal;
    font-weight: normal;
    /*background:url(../links/img/bgb.jpg) repeat;*/ 
    background:url(../links/img/bg2.jpg) repeat;
}


#heading {
    width:100%;
    height:127px;
    position:relative;
    float:right;
    background:url(../img/Header-pic.gif) repeat;
    /*box-shadow:0 10px 20px #CCC;*/
    -moz-box-shadow:0 10px 20px #CCC;
    -webkit-box-shadow:0 10px 20px #CCC;
    z-index:-100px;
    display:inline;
}

#main {
    width:100%;
    /*background:url(../links/img/bgb.jpg) repeat;*/
    position:relative;
    float:right;
    overflow:hidden;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    /*border:solid #F00 2px;*/
}

#sidebar{
    float:right;
}
#footer {
    width: 100%;
    background:url(../img/Header-pic.gif) repeat;
    box-shadow:0 10px 20px #CCC;
    -moz-box-shadow:0 10px 20px #CCC;
    -webkit-box-shadow:0 10px 20px #CCC;
    float:right;
	margin-top: auto;

}

#heading h1 {
    font-size: 12px;
    color: #efefef;
    float: left;
    margin: 5% 10%;
}

#content {
    /*width:75%;*/
    padding: 1% 2% 0 2%;
    /*background:url(../links/img/bgb.jpg) repeat;*/
    /*float: left;*/
    /*display:inline;*/
    overflow:hidden;
    /*min-height:700px;*/
    /*border:#393  dotted 2px;*/


}

/*#navigate {
width: 20%;
padding: 0 4%;
float: left;
}*/

#content h1 {
    font-size: 13px;
    margin: 2% 0;
    text-align: center;
}

/*#navigate h2 {
font-size: 12px;
margin: 2% 0;
text-align: center;
}*/

#content p {
    font-size: 13px;
    margin: 2% 0;
}



address {
    color: #efefef;
    font-size: 14px;
    text-align: center;
    padding: .5% 0
}

#heading img {
    float: right;
    padding: 1% 0 1% 12%;
    border: none;
    max-width: 80%
}

#content img {
    border: solid #000000 0px;
    margin: .5% 4%;
    max-width: 85%	
}

ul.icons li{
    direction:rtl;
    float:right;
    list-style:none;
    margin:5px;
    padding:3px;
    text-align:center;
    width:100px;
    height:100px;
    font-size:14px;
    border:  1px solid gray;
	border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loginForm{
    border:#F00 dashed 1px;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    position:relative;
    background:url(../links/img/login.png) no-repeat;

    height:247px;
    border:#CAE4F9 solid 1px;
    box-shadow:15px 10px 10px #B0B0B0;
    -moz-box-shadow:15px 10px 10px #B0B0B0;
    -webkit-box-shadow:15px 10px 10px #B0B0B0;

}
.loginmove{
    /*border:#F0F solid 1px;*/

    width:300px;
    margin-top:35px;
    margin-right:2px;
    height:160px;
}
.btn{
    padding:4px 20px 3px 20px;
    margin-top:5px;
    font-size:14px;
    font-weight:bold;
    background:#CAE4F9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:#CAE4F9 solid 1px;

}
.both {
    float: right;
    margin: 0 15px 0 0;
    padding: 0px;
}
select,input[type="text"],input[type="submit"],input[type="button"],input[type="password"] {
    padding: 5px;
}