.statistics .counter .counter-icon {
    line-height: 27px;
}
.h5, h5 {
    font-size: 18px;
    font-weight: 100;
}
.detailsf.position-relative {
    margin-top: 15px;
}
.breadcrumb {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #DDD;
}

/*تأثيرات القائمة البريدية والجوال*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
#subscribebox {
	background: #3c3c3c;
	padding: 20px;
	font-family: 'PT Sans', sans-serif;
	margin-bottom: 20px;
}
.font-menu {
	font-size: 16px;
	font-family: "JF Flat Regular";
}
.widget_follow_subscribe .widget-detail {
	padding: 36px 30px 40px
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
#subscribebox p {
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	font-family: 'Noto Sans Kufi Arabic', sans-serif!important;
	line-height: 3em;
}
.follow-subscribe-social {
	padding: 0 0 14px;
	border-bottom: #858585 solid 1px
}
.follow-subscribe-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}
.follow-subscribe-social ul li {
	display: inline;
	margin-left: 20px;
	border-bottom: none
}
.follow-subscribe-social ul li a {
	font-size: 17px;
	color: #cacaca;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
.follow-subscribe-social ul li a:hover {
	color: #fff
}
form.subscribe {
	margin-top: -7px
}
form.subscribe input {
	display: block;
	width: 100%
}
.subscribe-email {
	height: 45px;
	border: none;
	margin: 0 0 10px;
	font-size: .928571em;
	background-color: rgba(255, 255, 255, 0.2);
	text-align: center;
	color: #fff
}
.subscribe-email:focus {
	outline: 0
}
form.subscribe .placeholder {
	color: #cacaca
}
form.subscribe input:-ms-input-placeholder {
	color: #cacaca
}
form.subscribe input::-webkit-input-placeholder {
	color: #cacaca
}
form.subscribe input:-moz-placeholder {
	color: #fafafa
}
form.subscribe input::-moz-placeholder {
	color: #fafafa
}
.subscribe-button {
	height: 45px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	background-color: #f73d3d;
	transition: background-color .2s ease-in-out;
	font-family: 'Droid Arabic Naskh', serif;
}
.subscribe-button:hover {
	background-color: #d83231
}
.subscribe-button:focus {
	outline: 0
}
/*تأثيرات القائمة البريدية والجوال*/


/*بلك تسجيل الدخول*/
.username {
	text-align: left;
	margin-left: 5px;
}
.password {
	text-align: left;
	margin-left: 5px;
}
/*بلك تسجيل الدخول*/

/*سجل الزوار*/
.Guestbook {
	direction: rtl;
	display: inline;
	float: right;
	/*margin: 0 1%;*/
	text-align: right;
	width: 88%;
}
.Guestbook .msg {
	margin-bottom: 20px;
}
.Guestbook.chat .msg {
	position: relative;
	text-align: -webkit-right;
}
.Guestbook .left {
	position: absolute;
}
.Guestbook .left>img, .Guestbook.chat .msg>img {
	display: block;
	position: absolute;
	padding: 5px;
	right: 0;
	border: 1px solid #bdbdbd;
	border-radius: 3px;
	background: url(images/Guestbook/avatar-bg.png) repeat-x;
}
.Guestbook .left .buttons li a:hover {
	background: #ebebeb url(images/Guestbook/button-hover-background.png) repeat-x;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.48)
}
.Guestbook .left .buttons li:first-child a {
	border-left: 1px solid #c2c2c2;
	border-radius: 3px 0 0 3px;
}
.Guestbook .left .buttons li:last-child a {
	border-radius: 0 3px 3px 0;
}
.Guestbook .left .buttons:after {
	clear: both;
}
.Guestbook .left .buttons:before, .Guestbook .left .buttons:after {
	content: "";
	display: table;
}
.Guestbook .left .buttons:before, .Guestbook .left .buttons:after {
	content: "";
	display: table;
}
.Guestbook .content {
	position: relative;
	width: 100%;
	padding: 15px;
	margin-left: 80px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: url(images/Guestbook/content-background.png);
	background: #FFF;
	margin-right: 48px;
}
.Guestbook-full {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}
a.button1 {
	background: #FFFFFF;
	padding: 7px;
	border: 1px solid #3BA2E7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-right: 50px;
	margin-top: 9px;
	float: right;
}
a.button2 {
	background: #FFFFFF;
	padding: 7px;
	border: 1px solid #EB9696;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-right: 8px;
	margin-top: 9px;
	float: right;
}
.Guestbook.chat .reply .content:after {
	left: auto;
	right: -11px;
	background: url(images/Guestbook/content-arrow-right.png);
}
.Guestbook .content h3 {
	padding: 5px 0;
	padding-top: 0;
	border-bottom: 1px solid #d6d6d6;
}
.Guestbook .content h3 small {
	float: left;
}
.Guestbook .content p {
	margin: 5px 0;
}
.rd_admin {
	background: #F2F2F2;
	padding: 10px;
	border: 1px solid #E5DFDF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 10px;
}
span.rd {
	color: #15860D;
}
input#name-Guestbook {
	margin-left: 500px;
	margin-top: 50px;
}
.span-name {
    margin-right: 10px;
}
/*سجل الزوار*/

/*استعادة الباسورد*/
.re_password_form {
	margin-right: 15px;
}
.login_form {
	margin-left: 15px;
}
.fa_color {
	font-size: 24px;
	color: #7d7d7d;
}
/*استعادة الباسورد*/

/*تأثير ايقونات بلك تسجيل الدخول*/
.iconlodng {
	width: 17px;
	float: right;
	margin-left: 3px;
}
/*تأثير ايقونات بلك تسجيل الدخول*/

/*تأثير الـ tr*/
.lth:hover {
	background-color: #FFF7C0;
	color: #000000;
}
.likert tbody tr:hover td, .likert tbody tr:hover th {
	background-color: #FFFFCF;
}
/*تأثير الـ tr*/

/*تأثير بلك الخدمات الإجتماعية*/
div.widget-counter {
	width: 100%;
	height: 210px;
	margin-right: -80px;
}
#sidebar .widget-counter {
	margin-bottom: 20px;
	overflow: hidden;
	background: white;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 1px 3px 0 #B5B5B5;
	-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
	-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
	clear: both;
	border: 1px solid #DDD;
	border-bottom: 0 none;
}
.widget-counter ul {
	width: 100%;
}
.widget-counter.col2 li:nth-child(2n+2), .widget-counter.col4 li:nth-child(2n+2) {
	border-left: 1px solid #DDD !important
}
.widget-counter li {
	line-height: 15px;
	float: right;
	width: 50%;
	border-bottom: 1px solid #ddd;
	-moz-transition: .4s linear;
	-webkit-transition: .4s ease-out;
	transition: .4s linear;
}
.widget-counter.col1 li {
	width: 100%;
	border: 0 none !important;
}
.widget-counter.col2 li, .widget-counter.col4 li {
	width: 153px;
	border-width: 0 0 1px 0 !important;
}
.widget-counter li:nth-child(3n-1) {
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.widget-counter li a {
	display: block;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}
.widget-counter li a strong {
	background: url(images/separate.png) no-repeat;
	opacity: .6;
	display: block;
	height: 51px;
	margin-bottom: 5px;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}
.widget-counter li a:hover strong {
	opacity: 1
}
.widget-counter li:hover {
	background-color: #F8F8F8
}
.widget-counter li:hover a {
	text-decoration: none
}
.widget-counter li.rss-subscribers a strong {
	background-position: center -884px
}
.widget-counter li.rss-subscribers a:hover strong {
	background-position: center -939px
}
.rss-subscribers span {
	font-family: BebasNeueRegular, arial, Georgia, serif;
	font-size: 14pt;
	display: inline-block;
}
.widget-counter li.facebook-fans a strong {
	background-position: center -992px
}
.widget-counter li.facebook-fans a:hover strong {
	background-position: center -1046px
}
.widget-counter li.twitter-followers a strong {
	background-position: center -668px
}
.widget-counter li.twitter-followers a:hover strong {
	background-position: center -722px
}
.widget-counter li.youtube-subs a strong {
	background-position: center -776px
}
.widget-counter li.youtube-subs a:hover strong {
	background-position: center -830px
}
.widget-counter li.vimeo-subs a strong {
	background-position: center -560px
}
.widget-counter li.vimeo-subs a:hover strong {
	background-position: center -614px
}
.widget-counter li.dribbble-followers a strong {
	background-position: center -452px
}
.widget-counter li.dribbble-followers a:hover strong {
	background-position: center -506px
}
.widget-counter li span {
	display: block;
	font-size: 21px;
	font-family: -webkit-pictograph;
}
.widget-counter li a small {
	color: #777
}
/*تأثير بلك الخدمات الإجتماعية*/

/*تأثير الهشتاقات*/
.hshtag {
	padding: 6px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	margin-top: 10px;
}
.hshtag_text {
	width: 100%;
	margin-top: 10px;
	margin-right: 15px;
	text-decoration: none;
	color: #065463;
}
/*تأثير الهشتاقات*/

/*تأثير اللايكات*/
.panel {
	width: 100%;
	padding: 16px 0px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}
.btn {
	display: inline-block;
	/*padding: 6px 12px;*/
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.fonts {
	font-size: 14px;
	font-weight: 400;
}
.pull-right {
	float: right!important;
	margin-top: -10px;
	margin-right: 10px;
}
.like-btn {
	color: #000;
	float: left;
	margin-top: -19px;
	margin-left: 10px;
}
/*.btn-link:hover {
	color: #fff;
	background-color: #1966bf;
	border-color: #4d50ae;
}*/
.btn-success {
	color: #fff;
}
.btn-success:hover ,active {
	border-color: transparent;
	color: #fff;
	background-color: #dadada;
	border-color: #bebbbc;
}
.like_numbar {
	margin-right: 5px;
}
.btn-link .likes {
    font-weight: 400;
    color: #565656;
    border-radius: 0;
}
/*تأثير اللايكات*/

/*تأثير التعليقات المتميزه والسيئة*/
.comment_valuable {
    margin: 1px 0px 0px 0px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 42px;
}
.comment_ok1 {
    color: #1ba714;
}
.comment_ok1:hover ,active {
	color: #1ba714;
}
.comment_ok2 {
    color: #f00;
}
.comment_ok2:hover ,active {
	color: #f00;
}
.comment_no {
    color: #565656;
}
.comment_no:hover ,active {
	color: #565656;
}
/*تأثير التعليقات المتميزه والسيئة*/

/*تأثيرالمرفقات*/
fieldset {
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2px groove (internal value);
}
/*تأثيرالمرفقات*/

/*تأثيرات مواضيع ذات صله*/
.play_relevant {
	float: right;
	margin-left: 15px;
}
.title_play_relevant {
	padding: 5px;
	border-radius: 3px;
	margin-left: 8px;
	color: #505050;
}
.icon_relevant {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-right: 10px;
}
/*تأثيرات مواضيع ذات صله*/

/*رسائل النظام*/
#no {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #f1f1f1;
	color: #ff0000;
	border: 1px solid #ff0000;
	text-align: center;
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
}
#yes {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: #8EF9B4;
	color: #120D0D;
	border: 1px solid #969C9D;
	text-align: center;
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
}
#ok {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: #f1f1f1;
	color: green;
	border: 1px solid green;
	text-align: center;
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
}
#page {
	margin-right: 4px;
	color: #f50;
	font-size: 18px;
	font-weight: bold;
}
#page2 {
	margin-right: 4px;
	color: #ff0000;
	font-size: 20px;
	font-weight: bold;
}
#ok_mail_lists {
	width: 30%;
	text-align: center;
	color: red;
	background: #F5F5F5;
	position: relative;
	vertical-align: middle;
	display: block;
	border: 1px solid #DDD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 20px;
	padding: 2px;
}
#login-erorr {
	background: #FFA5A5;
	padding-top: 20px;
	padding-bottom: 20px;
	padding: 10px;
	text-align: center;
	border: 1px solid #DDD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 1px 12px 0px #E4E4E4;
	-moz-box-shadow: 0px 13px 30px 5px #1F1E1E;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
	width: 37%;
}
.ok-rgster {
	width: 100%;
	padding: 0px;
	background: #FFDA65;
	font-size: 17px;
	color: #A80000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 9px;
	text-align: center;
}
#login-ok {
	background: #e2ffb7;
	width: 40%;
	height: 100px;
	padding-top: 50px;
	border: 1px solid #defdb0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 1px 12px 0px #E4E4E4;
	-moz-box-shadow: 0px 13px 30px 5px #1F1E1E;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
/*رسائل النظام*/

/*تاثير تفرع الاقسام داخل الاقسام*/
.breadcrumb {
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 8px 15px;
	list-style: none;
	background: #CDCFC0;
	/*border: 1px solid #DDD;*/
	border-radius: 4px;
	margin: 0px;
}
.breadcrumb li {
	font-size: 12px;
}
.breadcrumb>li {
	display: inline-block;
}
.breadcrumb li a {
	color: #565656;
	font-size: 14px;
	outline: 0;
}
.breadcrumb-shrtah {
	padding: 0 5px;
	color: #757070;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	color: #428bca;
	text-decoration: none;
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #5b5b5b;
}
i.fa.fa-home {
    font-size: 20px;
    padding-right: 5px;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*تاثير تفرع الاقسام داخل الاقسام*/

/*تأثير شكل التنزيل*/
.d2counters .waitText {
	color: #000;
}
.d2counters .waitingText, .d2counters .waitText {
	margin: 10px 0 0;
	font-size: 15px;
}
.d2counters {
	width: 226px;
	height: 215px;
	border: 1px solid #d1d5d8;
	background: #f8f8f8;
	background: linear-gradient(top, #fff 0, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f1f1f1));
	background: -o-linear-gradient(top, #fff 0, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%);
	position: relative;
}
.d2counters .freeDownloadButton:hover {
	background: #b0b2b5;
	background: linear-gradient(top, #d0d2d4 0, #abadb0 100%);
	background: -webkit-linear-gradient(top, #d0d2d4 0, #abadb0 100%);
	background: -moz-linear-gradient(top, #d0d2d4 0, #abadb0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d2d4), color-stop(100%, #abadb0));
	background: -o-linear-gradient(top, #d0d2d4 0, #abadb0 100%);
	background: -ms-linear-gradient(top, #d0d2d4 0, #abadb0 100%);
}
.d2counters .freeDownloadButton {
	display: block;
	width: 218px;
	/*height: 24px;*/
	padding: 10px 0;
	position: absolute;
	bottom: 3px;
	left: 3px;
	border: 1px solid #b0b4b9;
	background: #d3d4d7;
	background: linear-gradient(top, #d0d2d4 0, #b6b9bc 100%);
	background: -webkit-linear-gradient(top, #d0d2d4 0, #b6b9bc 100%);
	background: -moz-linear-gradient(top, #d0d2d4 0, #b6b9bc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d2d4), color-stop(100%, #b6b9bc));
	background: -o-linear-gradient(top, #d0d2d4 0, #b6b9bc 100%);
	background: -ms-linear-gradient(top, #d0d2d4 0, #b6b9bc 100%);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7);
	cursor: pointer;
	text-decoration: none;
}
.freeDownloadCounter.d2counters .waitingText, .freeDownloadCounter.d2counters .waitText {
	margin-top: 31px;
}
.d2counters .waitingText {
	color: #84888d;
}
.d2counters .sec {
	font: 54px Tahoma, Arial, sans-serif;
	padding-top: 0;
	color: #d1d5d8;
	text-shadow: 0 -1px 1px #b2b5b8;
}
.d2counters .smald {
	font-size: 18px;
	color: #b8bfc4;
	margin-top: -8px;
}
.sec {
	font: normal 28px Tahoma, Arial, sans-serif;
	padding-top: 15px;
}
.alignCenter {
	text-align: center;
}
a.dark-gray, .dark-gray {
	color: #576874;
}
p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.lucida, input.lucida, .lucida input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
a.light-blue, .light-blue {
	color: #0574b5;
}
div {
	display: block;
}
.smald {
	font-size: 11px;
	font-weight: normal;
}
.round4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.freeDownloadButton .freeDownloadButtonText {
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	line-height: 28px;
	white-space: nowrap;
}
.ffshadow {
	text-shadow: 1px 1px 0 #fff;
}
/*تأثير شكل التنزيل*/

/*تأثيرات زر الرفع*/
.btn {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}
.btn-ls {
    background-color: #269abc;
    border-color: #269abc;
    color: white;
    border-radius: 1px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.btn-ls:focus, .btn-ls:hover {
    color: #269abc;
    background-color: white;
}
/*تأثيرات زر الرفع*/

/*القائمة الجانبية*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}
#cssmenu {
	width: 100%;
	color: #ffffff;
}
#cssmenu ul ul {
	display: none;
}
#cssmenu>ul>li.active>ul {
	display: block;
}
.align-right {
	float: left;
}
#cssmenu>ul>li>a {
	padding: 10px 10px;
	cursor: pointer;
	z-index: 2;
	font-size: 17px;
	text-decoration: none;
	color: #444;
	border-bottom: 1px #e5e5e5 dotted;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
#cssmenu>ul>li>a:hover {
	color: #444;
	background: #f5f5f5;
}
#cssmenu ul>li.has-sub>a:after {
	position: absolute;
	left: 26px;
	top: 14px;
	z-index: 5;
	display: block;
	height: 10px;
	width: 2px;
	background: #444;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#cssmenu ul>li.has-sub>a:before {
	position: absolute;
	left: 22px;
	top: 18px;
	display: block;
	width: 10px;
	height: 2px;
	background: #444;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#cssmenu ul>li.has-sub.open>a:after, #cssmenu ul>li.has-sub.open>a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cssmenu ul ul li a {
	padding: 14px 22px;
	cursor: pointer;
	z-index: 2;
	font-size: 17px;
	text-decoration: none;
	color: #444449;
	border-bottom: 1px #e5e5e5 dotted;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
#cssmenu ul ul ul li a {
	padding-left: 32px;
}
#cssmenu ul ul li a:hover {
	color: #444;
	background: #f5f5f5;
}
#cssmenu ul ul>li.has-sub>a:after {
	top: 16px;
	right: 26px;
	background: #dddddd;
}
#cssmenu ul ul>li.has-sub>a:before {
	top: 20px;
	background: #dddddd;
}
/*القائمة الجانبية*/

/* ---- القائمة الرئيسية ---- */
#menu a {
	font: 16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 10px;
	text-decoration: none;
	background: #FFFFFF;
	outline-style: none;
	display: block;
	color: #4D4D4D;
	text-align: right;
}
#menu a:hover,#menu li:hover a,#menu li.iehover a {
	background: #73d2ba;
	color: #FFF;
}
i.fa.fa-bars {
    margin: 5px;
}
/* ---- القائمة الرئيسية ---- */

/*صورة الازرار الفرعية للقائمة العلويه*/
#nav-h a.popup_down {
	background-image: url(images/arrow_down_h.gif);
	background-position: 5px 21px;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 5px;
}

/*ازرار بلك بعد تسجيل الدخول*/
#menu,#menu li,#menu ul {
    list-style: none;
    width: 99%;  /* العرض الكلي للقوائم */
    padding: 0;
    margin: 0;
    margin-left: 5px;
}
#menu ul {
	position: absolute;
	z-index: 1000;
	display: none;
	right: 100%;
	top: 0;
}
#menu li {
	position: relative;
	width: 100%;
	height: 35px;
	margin-top: -2px;
}
#menu li.iehover {
	z-index: 1000;
  height: 35px;
}
#menu li:hover ul,
#menu ul li:hover ul {
	display: block;
  height: 35px;
}
/*ازرار بلك بعد تسجيل الدخول*/

/*تأثير القوالب والأقسام*/
.div_block {    
	width: 145px;    /*height: 146px;*/    
	margin-top: -19px;    
	margin-left: 3px;    
	padding: 20px 0px 0px 0px;    
	float: right;    
	padding-bottom: 16px;    
	margin-bottom: 22px;    
	border-bottom: 1px solid #C0B9B9;    
	overflow: hidden;    
	text-align: center;
	margin-right: 13px;
}
.block-image {    
	width: 130px;    
	height: 90px;    
	border: 1px solid #C0B9B9;    
	overflow: hidden;    
	text-align: center;}
.block-title {
    width: 141px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    margin-right: -5px;
    margin-top: 6px;
}
.block-zwar {    
	width: 125px;    
	overflow: hidden;
}
.block-author {    
	width: 125px;    
	overflow: hidden;
}
.thumbnail {
margin-bottom: 12px;
}
.infodiv {
margin-bottom: 12px;
}
.infodiv2 {
float: right;
margin-left: 18px;
margin-bottom: 12px;
}
/*تأثير القوالب والأقسام*/

/*تأثير ايقونات اللغة العلوية*/
.form_icon_language {
    float: right;
    margin: 3px;
}
/*تأثير ايقونات اللغة العلوية*/

/*تأثير خانات كود التحقق*/
.humancodediv {
    margin: 10px 0px 0px 0px;
}

.humancodeimg {
    margin: 10px 0px 0px 0px;
}

.humancodespan {
    margin: 10px 0px 0px 0px;
}

/*تأثير ازرار البلكات الاساسية */
#nav-v {
    list-style:none;
    width: 100%;
    padding: 0;
}
.font-nav-b {
    color: #555;
    border-bottom: 1px solid #e5e5e5;
}
.font-nav-b:hover {
	color: #23527c;
    text-decoration: underline;
    border-bottom: 1px solid #6b4597;
    background: #fbfbfb;
}
a.font-nav-b:focus, a.font-nav-b:hover, button.font-nav-b:focus, button.font-nav-b:hover {
    color: #555;
    text-decoration: none;
}
.font-nav-b {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}
/*تأثير ازرار البلكات الاساسية */

/*تأثير حدود الجداول في الفرومات*/
.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 #eaeaea;
}
/*تأثير مشغل الموادا الصوتية والفديو*/
.changeTextSize {
    background-color: #fcf9f7;
    border: 1px solid #e7e4e2;
    border-radius: 5px;
    float: left;
    padding: 5px;
}
.changeTextSize2 {
    background-color: #fcf9f7;
    border: 1px solid #e7e4e2;
    border-radius: 5px;
    float: right;
    padding: 5px;
}
img.img-fa {
    width: 30px;
    padding: 1px;
}
.TextSize a:focus, a:hover {
    color: #626a6d;
}
.TextSize a:focus, a:hover {
    color: #626a6d;
}
/*تأثيرات ترقيم الصفحات بالاسفل*/
.pagination {
    padding-right: 0;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li a {
    display: inline;
    background-color: #eee;
    color: #D4CFCF;
    border: 1px solid #eee;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    /* border-top-left-radius: 4px; */
    /* border-bottom-left-radius: 4px; */
}
.pagination>li>a, .pagination>li>span {
    float: right;
    margin-right: -1px;
    margin-left: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*تأثيرات أخرى*/
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

/*تأثير خانات كود التحقق*/
.humancodediv {
    margin: 10px 0px 0px 0px;
}

.humancodeimg {
    margin: 10px 0px 0px 0px;
}

.humancodespan {
    margin: 10px 0px 0px 0px;
}
.pdf_render {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 500px;
    border-radius: 3px;
}
