@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);
html{position: relative;min-height: 100%;margin: 0;padding: 0;direction: rtl;}
body {height: 100%; font-family:'Droid Arabic Kufi', sans-serif; font-size:15px; line-height:2em;margin-bottom: 166px;}
a {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
header.carousel {height:450px;}
.logo{margin:20px 0;}
header{background:#0a345f;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%;height: 100%;background-position: top;background-size: cover;}
footer {font-size:12px; text-align:center; color:#fff; margin-top:10px; position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 166px;}
.social{background:#f0eada; padding:20px 0 15px 0px;}
.copyright{background:#5c9c7a; padding:5px 0;}
.counter{background:#003466; padding:5px 0;}
.nav{padding-right:0px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {color: #fff;background-color: #003466;}
.nav-pills>li>a {border-radius: 0px;}
.nav-stacked>li+li {margin-top: 0px;margin-left: 0;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.activelink {border-left:4px solid #003466;}
.panel-heading{border-radius:0px;}
.btn-lg{border-radius:0px; margin:0px 0px 10px 5px; padding:74px 0 74px 0; width:241px; font-size:16px;}
.blue{color:#003366;}
.btn-img{margin-bottom:10px;} 
.c1{background:#5d9c7b; border:none;}
.c2{background:#498599; border:none;}
.c3{background:#a06e45; border:none;}
.c4{background:#888888; border:none;}
.c5{background:#634566; border:none;}
.c6{background:#c5c268; border:none;}
.c7{background:#993d5a; border:none;}
.c8{background:#e58640; border:none;}
.c9{background:#006999; border:none;}
.btn-info:hover{background:#003366;}
.panel{border-radius:0px; margin-top:15px;}
.navbar{margin-bottom:0px; border-radius:0px; }
.navbar-inverse .navbar-nav>li>a:hover{color:#498599;}
.navbar-nav>li{border-left: 1px solid #174e86;}
.btn{border-radius:0px;}
.btn-success {color: #fff;background-color: #5c9c7a;}
.btn-success:hover {background-color: #4e8568;}
.panel-body {padding: 5px 15px; background:#f0eada; color:#003466;}
.panel-footer{background:#fff;}
.btn-xs{margin-top:4px;}
.dropdown-menu{background:#5d9c7b; }
.dropdown-menu>li>a{color:#fff;}
.mtop{margin-top:100px;}
.tab-content{background:#003366; padding:15px; color:#fff; margin-bottom:15px;}
.nav-tabs.nav-justified{margin-top:-144px; z-index:99999;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:#5d9c7b; color:#fff; border:0px;}
.nav-tabs.nav-justified>li>a{border-bottom: 1px solid #036;border-radius:0px;	 color:#fff; font-size:20px; padding:20px 0; border-left:1px solid #154c86; background:#083b70; opacity:0.9;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border: 1px solid #5D9C7B; background:#5d9c7b; color:#fff;}
.micon{margin-bottom:10px;}
th{background:#5d9c7b; color:#fff; text-align:center !important; font-weight:normal;}
.table{margin-bottom:0px; margin-top:10px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 5px solid #036;}
.nav-tabs>li{float:right;}
.cstabs{background:none; border:1px solid #DADADA; border-top:none; color:#000; padding:10px;}
.nav-tabs>li>a{margin-right:0px; border-radius:0px;}
label {font-weight: normal;margin-bottom: 5px;}
.form-control{padding: 0px 12px; height:36px; margin-top:0px;}
.premove {padding-left: 5px;padding-right: 5px;}
.btn-primary {color: #fff;background-color: #0d3d6e;border-color: #0d3d6e;}
.navbar-toggle{background-color: #64AE88;}
.loginfield{background:#043f79; border:1px solid #0c4c8b; margin-top:10px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:1px solid #DDD;}
.pagination>li>a, .pagination>li>span{float:right;}
.pagination>li>a, .pagination>li>span{color:#000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #003466;border-color: #003466;}
.colright{text-align:right !important;}
.red{color:Red; font-weight:bold;}


.panel-info>.panel-heading{background:#0a345f; color:#fff;}
.input-group-addon:first-child{border-left:0px; border-right:1px solid #CCCCCC;}
.panel-info{border:none;}
.lpanel{margin-top:125px;}
.pad{padding:0 10px;}
.nav>li>a {position: relative;display: block;padding: 7px 9px;font-size: 14px;}
.nav>li>a { padding: 15px 9px;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; right: 100%; margin-top: -6px;margin-left: -1px; border-radius: 0;}
.dropdown-submenu:hover>.dropdown-menu {    display: block;}
.dropdown-submenu>a:after {display: block;  float: left; width: 0; height: 0;  border-color: transparent; border-style: solid;
border-width: 5px 0 5px 5px; border-right-color: #ccc;    margin-top: 5px;    margin-right: -10px;}
.dropdown-submenu:hover>a:after {    border-left-color: #fff;}


@media(max-width:991px) {
.customer-img,.img-related {margin-bottom: 30px;}
}

@media(max-width:767px) {
.img-portfolio {margin-bottom: 15px;}
header.carousel .carousel {height: 70%;}
.btn-lg{width:100%;}
.nav-tabs>li{float:none;}
.nav-tabs>li>a{border-left: 1px solid #DADADA;border-top: 1px solid #DADADA; border-right: 1px solid #DADADA;}
.logo{text-align:center;}
}