@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
body{ margin:0; padding:0; overflow-x: hidden; font-family: 'Droid Arabic Naskh', 'Open Sans', sans-serif; }
.logo{ margin:5px 0 10px 0;}
.image{hight:auto; max-width:100%;}
.header{ margin:15px 0 15px 0; padding-right: 0;padding-left: 0px;}
.login-bg {padding-bottom: 10px;padding-top: 10px;background: #003164 url(/img/heder_border.png) bottom repeat-x !important;}
.title-box {margin: 40px 0;position: relative; top:50px;}
.title {padding: 7px 15px;background: #fff;display: inline; color:#003366; font-size:20px;}
.title:before {bottom: 0;content: "";display: block;height: 1px;left: 0;right: 0;margin: 0 auto;position: absolute;background: #003366;top: 12px;z-index: -999;padding-right: 15px;padding-left: 15px;width: 100%;}

.language {
margin-bottom: 50px;
margin-top: 70px;
font-size: 12px;
color: #000033;
position: relative;}
.lcont {margin: 0 auto;max-width: 275px; margin-top:100px;}
.links {font-size: 13px;color: #b18058;line-height: 20px; float:right;}
.space{ margin-bottom:10px;}
.log-btn{float:left;}
.form-control {border: 1px solid #9297A6; padding: 15px 10px 4px 10px;}
.brdr{ border:1px solid #3d5b56; margin-bottom:10px; padding:10px;}
.addmrg{margin-top:20px;}
.mrg-full{margin:15px;}
.menuposition{ padding-left:0px; padding-right:0px;}
.padd{padding:20px;}
.padd-TB{padding-top:10px; padding-bottom:10px;}
.panel{background: #e4d9bd;border-top: 1px solid #a3764e; color:#a3764e; margin-top:0px !important; border-radius: 0px !important;}
.table thead tr th, .table tbody tr th, .table thead tr td, .table tbody tr td{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #e4ddc9;}
.panel-default{ border:1px solid #dfd0c2;}
.btn{ background-color:#e4d9bd; color:#073b72;}

.topbutton{float:right; margin-top:12px; margin-bottom:12px;}


.heading { font-size:25px; color:#903;}
.gripadding{ padding:15px;}
.alert-danger{ color:red;}
.prightr{ padding-right:0px;}
/**************************************************forms*************************************************/
.forms>.panel-default>.panel-heading ,.btn-primary{ background-image:linear-gradient(to bottom,#14477c 0,#003164 100%); color:#fff; border-top:none !important; font-weight:bold; border-radius:0px;}
.inner-panel .panel-default .panel-heading .panel-title a{background-image:none; color:#fff }
.inner-panel .panel-default .panel-heading{border-bottom:none; border-radius:0px;}
.inner-panel .panel-default .panel-heading, .inner-panel .panel-default .panel-heading .panel-title {background-color:#51a37f !important;}
.panel-group{margin-bottom:0px;}
.forms .panel-default .panel-body, .panel-footer{ font-size:16px; color:#003164; background-color:#f7f6f3; border-radius:0px; padding-top:15px;}
.btn-file {    position: relative;    overflow: hidden;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.inner-panel .panel-default .panel-heading .panel-title  a.collapsed::after, .inner-panel .panel-default .panel-heading .panel-title a:after {
content: '+';
position: absolute;
right: 40px;
font-size:24px;
line-height:15px;}
.inner-panel .panel-default .panel-heading .panel-title a:after {content: '-';}
.inner-panel .AR .panel-default .panel-heading .panel-title a:before,  .inner-panel .AR .panel-default .panel-heading .panel-title  a.collapsed::before{
	content:'+';
	position: absolute;
	font-size:24px;
	line-height:22px;
	left: 40px;
	}
.inner-panel .AR .panel-default .panel-heading .panel-title a:before{content:'-';}
.inner-panel .AR .panel-default .panel-heading .panel-title a:after,  .inner-panel .AR .panel-default .panel-heading .panel-title  a.collapsed::after{content:' ';}	
	
.hformat{ margin-top:0px; margin-bottom:0px;}
.col{ color:#e2d8bc;}

.dropdown-menu{left:130px;}
/**************************************************radio + check box*************************************************/
.checkbox , .checkbox label {font-size:14px; font-weight:bold !important; color:#a3764e;}
.radio input[type="radio"], .radio-inline input[type="radio"]{ margin-left:5px; position:inherit;}



/*************************************************h1 .. h6*****************************************************/
h4{font-weight:bold;}
h5{font-size:12px; line-height:1.4em; }
h6{ color:#003164; }
.lead{font-size:12px; color:#003164; text-align:left; margin-bottom:0px; margin-top:10px;}
p{color:#fff;}
.alert p{color:#900;}
.inner-panel p{color:#003; padding:5px;}
/*************************************************left menu*****************************************************/

.glyphicon { margin-right:10px; }

.glyphicon-map-marker{color:#a3764d; margin-right:0px;}
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }


.panel-body .table {margin-bottom: 0px; }
.menu-bg, .panel-title,.panel-default .panel-heading{background-color:#e4d9bd;}
.panel-default .panel-heading{background-image:none; border-bottom:1px solid #b48b66;}
.menue-table { background-color:#f0eada !important; }
.table a{color:#104781;}
.panel-default .panel-heading{color:#724b28;}
.panel-group .panel-heading+.panel-collapse .panel-body{border-top:none;}
/******** AR version*******/
.AR h4 .glyphicon, .AR .glyphicon {margin-left:10px; margin-right:5px;}
.AR .panel-body table tr td, .AR .table-responsive { padding-right: 15px; padding-left:15px; }
.AR .table-responsive table thead th, .AR .table thead tr th{text-align:center;}
.AR .table-responsive table{margin-top:10px;}
.AR .table-responsive table tfoot td{text-align:left;}
.AR .checkbox input[type="checkbox"],.AR .checkbox-inline input[type="checkbox"]{margin-left:5px; position:inherit; margin-right:5px;}

/******** index -- main content*******/
.info{background-color:#e4d9bd; margin:20px;}
.personal-info{background-color:#f0eada; margin:10px;}
.personal-info .glyphicon-user{height:122px; }

a:hover{text-decoration:none;}
a{color:#903;}

.en{direction:ltr; top:10px;}
.ar{direction:rtl; top:10px; text-align:right; }
/*************************************************btn*****************************************************/
.premove .btn ,.btn-default { background-image:linear-gradient(to bottom,#67bc97 0,#439470 100%); text-shadow:none; color:#ffffff; font-weight:bold; border-radius:0px; border:1px solid #2b7756; border-radius:0px; }
.btn-default:hover{background-color:#308761;}
.btn-primary:hover{background-color:#21456b;}
.btn-primary { padding-top:9px; height:35px;}
.btn-warning{background-image:none; background-color:#c8bfa2; border-radius:0px; border-color:#c8bfa2;}
.btn-warning:hover{background-image:none; background-color:#c8bfa2; border-radius:0px; border-color:#c8bfa2; color:#fff;}

.premove{padding-left: 0px;}
#fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;}
/***************************** main page ***************************************************************/


.list-inline{ text-align:center;}
.lft{text-align:left;}
.light .glyphicon-user{font-size:40px; text-align:center; color:#a3764f; }

.lft{text-align:left;}
.light{background-color:#f0eada; border-color:#c5b58b;  padding:15px !important; text-align:center;}
.dark{background-color:#e4d9bd;  border-color:#a3764f;}
.blue{background-color:#003164; border:1px solid #fff; padding:5px !important; color:#fff; font-weight:bold; text-align:center;}


#nav-list {width: 100%; }
#nav-list ul {overflow: hidden; margin: 0;padding: 0;}
#nav-list ul li {list-style: none;float: left; text-align: center; width: calc(100% / 3); box-sizing: border-box;}
#nav-list ul li  {display: block;text-decoration: none;padding: 10px 0;}



.panel-default .dash-head{background-color:#003164; color:#fff; font-weight:bold; font-size:16px; border-radius:0px;}
.dash-bord .panel-default .panel-body table {background-color:#fff !important;}
.update-table tr td{ padding:18px !important; }
.update-table tr{min-height:87px;}
.table-responsive .tinbox tfoot td{border:none;}


/**************************************************footer*************************************************/

.footer {width: 100%;position: relative; background-color:#e4d9bd; margin-top:25px;}
.footer ul {margin: 0;padding: 0;list-style: none;text-align: center;}
.footer ul li {display: inline-block;margin: 0;width: 35px;}
.copyright {background: #0b3456;color: #FFFFFF;padding: 10px 0;font-size: 11px;}

@media screen and (max-width: 766px) {
.header{ text-align:center;}
.logo{ text-align:center;}
.topnav{ float:none; text-align:center; margin-top:0px; margin-bottom:15px;}
}