@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,700,800,900');
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Droid Arabic Naskh', Tahoma;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    color: #000;
}
a:focus{outline:none}
a{background:0 0; font-size:12px; transition: all 0.4s ease 0s;  font-family: 'Droid Arabic Kufi', Tahoma;font-weight:700;color:#000; text-decoration:none; line-height:25px   }
a:visited{color:#000 ; text-decoration:none;  }
a:active,a:hover{ outline:0; color:#999; text-decoration:none ;transition: all 0.4s ease 0s; cursor:pointer } /*  transition: all 0.4s ease 0s;*/
img{border:0}
hr {
    clear: both;
    border-color: #e4e4ec;
    margin:10px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
h1{line-height:45px; color:#111; margin:15px 0;}
table {
    border-collapse: collapse;
    border-spacing: 0; margin:0; padding:0
}
.clear {clear:both}
.top-navbar-inner {
 background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525; height:50px; 
}
.top-navbar-inner-content {
width:90%; margin:0 auto; min-width:90%; direction:rtl
}
 .topnav {
  margin: 0 ; line-height:50px; display:inline-block; width:55%; vertical-align:top; padding:0
}
 .topnav.pull-right {
  float: left;
  margin-left: 0;
}
 .topnav ul{list-style:none}
 .topnav > li {
  float: right; list-style:none
}
 .topnav > li > a {
  float: none;
  padding: 0 20px;
  color: #999;
  text-decoration: none; line-height:50px; font-family:'Droid Arabic Kufi';
}
 .topnav .dropdown-toggle .caret {
  margin-top: 8px;
}
 .topnav > li > a:focus,
.topnav > li > a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
 .topnav > .active > a,
 .topnav > .active > a:hover,
 .topnav > .active > a:focus {
  color: #555555;
  text-decoration: none;


}
 .logo{width:20%; background-color:#ddd; height:50px; display:inline-block; vertical-align:top; text-align:center; line-height:50px}
 .userlogin{width:24%; display:inline-block; color:#fff}
 .userlogin a{font-size:10px; line-height:50px; margin:0 5px; color:#fff}
 .userlogin i{font-size:14px; vertical-align:middle; margin-left:5px}
 .hero-unit {
    width:90%;
  padding: 2.5%;
 margin:20px auto;

  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; direction:rtl
}
 .parthead{font-family:'Droid Arabic Kufi'; border-bottom:solid 1px #ddd; margin-bottom:20px; padding-bottom:20px}
 .successboxCR, .warningboxCR, .errormsgboxCR {
	font-weight:normal;
	padding:4px 40px 4px 10px;
	background-repeat: no-repeat;
	background-position: 318px center; display:block; border-radius:25px ; width:350px; margin-top:10px
	/*width:600px;*/
}
.successboxCR {
	color: #4F8A10;
    background-color: #DFF2BF;
	background-image:url('images/successCR.png');
}
.errormsgboxCR {
	color: #D8000C;
    background-color: #FDD5CE;
	background-image: url('images/errorCR.png');
}

.sectiontitle li a{display:block}
.sectiontitle{width:100%}
.sectiontitle ul{margin:0;padding:0;list-style:none;width:100%}
.sectiontitle li{display:block;padding:8px 0;border-bottom:solid 1px #ddd}
    
.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 5px 0 10px 0px;
padding:20px 30px; border-radius:2px;  font-size:14px; font-family:'Droid Arabic Naskh'; font-weight:300
}
.isa_info {
    color: #2980b9;
    background:rgba(52,152,219,.1);
}
.isa_success {
    color: #27ae60;
    background: rgba(39,174,96,.1);
}
.isa_warning {
    color: #e67e22;
    background:rgba(243,156,18,.1);
}
.isa_error {
    color: #cb2700;
    background:rgba(231,76,60,.1);
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 15px;
    font-size:36px;
    vertical-align:middle;
}
/*<i class="fa fa-info-circle"></i>
<i class="fa fa-warning"></i>
<i class="fa fa-times-circle"></i>
<i class="fa fa-check"></i>*/                                                                                                                                    .sectiontitle li i{font-size:14px;margin-left:8px}
.table {
    width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 15px 5px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd; background-color:#f1f1f1; line-height:30px
    }

    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*=col-], table th[class*=col-] {
    float: none;
    display: table-cell;
}

.table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > .active:hover, .table-hover > tbody > .active:hover > td, .table-hover > tbody > .active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > .success, .table > tbody > tr > .success, .table > tfoot > tr > .success, .table > thead > .success > td, .table > tbody > .success > td, .table > tfoot > .success > td, .table > thead > .success > th, .table > tbody > .success > th, .table > tfoot > .success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > .success:hover, .table-hover > tbody > .success:hover > td, .table-hover > tbody > .success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > .danger, .table > tbody > tr > .danger, .table > tfoot > tr > .danger, .table > thead > .danger > td, .table > tbody > .danger > td, .table > tfoot > .danger > td, .table > thead > .danger > th, .table > tbody > .danger > th, .table > tfoot > .danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > .danger:hover, .table-hover > tbody > .danger:hover > td, .table-hover > tbody > .danger:hover > th {
    background-color: #ebcccc;
}

.table > thead > tr > .warning, .table > tbody > tr > .warning, .table > tfoot > tr > .warning, .table > thead > .warning > td, .table > tbody > .warning > td, .table > tfoot > .warning > td, .table > thead > .warning > th, .table > tbody > .warning > th, .table > tfoot > .warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > .warning:hover, .table-hover > tbody > .warning:hover > td, .table-hover > tbody > .warning:hover > th {
    background-color: #faf2cc;
}
.sectiontitle li span{color:#bf172b;font-family:Arial;font-weight:900;line-height:30px;font-size:14px;margin-left:10px}
.quesiontitle{font-size:14px; font-family:'Droid Arabic Kufi'; font-weight:bold; padding-bottom:10px; margin-bottom:10px;}        
.pagerdiv{border-top:solid 1px #ddd; padding-top:10px}
.quizinfotop{font-family:'Droid Arabic Naskh'; margin-bottom:30px   }
.quizinfotop span{font-family:Lato; font-size:12px; display:inline-block; padding:0 10px; background-color:#ddd; margin-left:30px; border-radius:3px}
.quizresult{padding:10px 0; border-bottom:solid 1px #caccf7; }
.quizresult span{font-weight:bold}
footer{width:90%; margin:0 auto}




                                                                                                                                                                                                                                                                                                                                                                                                         .sectiontitle li:last-child{border-bottom:none;margin-bottom:28px}