body{font-family: noori !important; font-size:1.3em; direction: rtl; line-height: 2;}

h1,h2,h3,h4,h5{ font-family: noori !important; font-size: 1.5em; }
.main{width:98%; margin:auto !important; min-width:1500px; max-width:1500px; margin-right: 17px;  padding-top: 1%; padding-bottom: 2.5%;}    

/*.row1{width:99%; margin:0 auto;}*/

.h-left{width:20%; display: inline; float: left; text-align: center;}
.h-left2{width:231px; display: inline; float: left; text-align: center; font-size:0.8em;}
.h-left1{width:416px; display: inline; float: left; font-size:1em; text-align: center;}

.h-center{width:60%; display: inline; float: left; text-align: center;}
.h-center1{width:591px; display: inline; float: left; font-size:1em; text-align: center;}
.h-center > .arabic{ font-family: 'Quranic'; font-size: 1.4em; }

.h-right{width:20%; display: inline; float: left; text-align: center;}

.h-part{border:1px dotted black; margin-bottom: 2%; padding-bottom: 10%;}

.h-part-top{background:lightgray; padding:5px;}

.h-center > p{margin-top: -0%; font-weight: bold;}

.h-center > h2{margin-top: -2.5%
}

.h-center-main{width:90%; margin:0 auto;}
.h-center-gray{background:lightgray; border:0.5px solid black; width:20%;  display: inline-block;     margin-bottom: 1%;
               text-align: center;
               /* vertical-align: text-top; */
               padding-top: 0.5%; padding-bottom:1%;}

.h-center-main > p{display: inline; position: relative; top: -1px;  font-size: 1.3em;
                   margin-right: 14px;}

.h-center-gray2{background:lightgray; padding:6px; border:0.5px dotted black; width:95%;  margin: 26px auto;}

table > thead{background: lightgray;} 
table > thead > tr > th{text-align: center !important;}
table > tbody > tr > td{text-align: center; }
table > tbody > tr > td > p {transform:rotate(270deg); font-weight: bold;}
td{padding:2.5px; font-size:16px;}
tr{padding:2px}
th{padding:2px}

.dataTables_paginate {
    display: inline-block !important;
}
.dataTables_paginate ul{
    list-style-type: none !important;
}
.dataTables_paginate ul li{
    float: left !important;
    padding: 0 10px !important;
    background-color: #292d30 !important;
}
.dataTables_paginate ul li a{
    color: #fff !important;
}

.dataTable th[class*=sort]:hover {
    color: #ffb752 !important;;
}

.dataTable th[class*=sorting_] {
    color: #292d30 !important;
}
.dataTable th.sorting_asc:after {
    color: #292d30 !important;
}

/*.btn-success, .btn-success:focus {
    background-color: #ffb752!important;
    border-color: #ffb752!important;
}

.btn-success:hover, .open .btn-success.dropdown-toggle {
    background-color:#292d30 !important;
    border: solid white 2px !important;
    border: solid !important;
}

.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active {
    color: #ffb752 !important;
}
.blue {
    color: #292d30 !important;
}

#navbar{
    background: #292d30 !important;
}

.ace-nav>li.light-blue>a {
    background-color: #292d30 !important;
    border: solid !important;
    border-color: #ffb752 !important;
    border-radius: 23px !important;
}

.nav-list>li .submenu>li.active>a {
    color: #ffb752 !important;
}

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
    color: white !important;
}

.navbar .navbar-brand {
    color: #ffb752 !important;
}

.btn-primary, .btn-primary:focus {
    background-color: #1d2024 !important;
    border-color: #1d2024 !important;
}

.btn-primary:hover, .open .btn-primary.dropdown-toggle {
    background-color: #ffb752 !important;
    border-color: #ffb752 !important;
}



.ace-nav>li.open.light-blue>a {
    background-color: white !important;
}

.nav-list>li.active:after {
    border: 1px solid #ffb752 !important;
}

.rtl .nav-list li.active>a:after {

    border-left-color: #ffb752 !important;
}

.table-header {
    background-color: #292d30 !important;
}


.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
    border-color: #ffb752 !important;
}*/

.alert>p{
    margin-bottom: 0 !important;
    direction: ltr !important;
}