/*fonts*/
@font-face{font-family:dr; src: url('font/DroidKufi-Regular.ttf');}
@font-face{font-family:dr; src: url('font/DroidKufi-Regular.eot');}
@font-face{font-family:dr; src: url('font/DroidKufi-Regular.woff');}
@font-face{font-family:h1; src: url('font/HelveticaNeueW23-Reg.woff');}
@font-face{font-family:h2;src: url('font/HelveticaNeueW23-Bd.woff');}
@font-face{font-family:g1;src: url('font/GE SS Two Light.otf');}
@font-face{font-family:g2; src: url('font/GE SS Two Medium.otf');}
@font-face{font-family:g3; src: url('font/GE SS Two Bold.otf');}

/*general-css*/
.img-responsive{
	max-width: 100%;
}
img{
	border: 0px;
}
body{
	padding: 0px;
	margin: 0px;
	font-family:dr;
	font-weight: normal;
	color:#000;
}
ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
input[type="submit"]{
	cursor: pointer;
}
input[type="reset"]{
	cursor: pointer;
}
*{
	outline: 0px;
}
a{
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	text-decoration: none;
}
a:hover{
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.row{
	min-height: 10px;
	overflow: hidden;
}

/*top header*/
.top-header{
	background: url('img/bg-header.jpg')  no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 209px;
}
.bg-login{
	background:#22313f url('img/bg-login.jpg')  repeat; 
    min-height: 55px;
	color: #fff;
	direction: rtl;
	margin-right:auto;
	margin-left:auto;
	text-align: right;
	line-height: 55px;
}
.bg-login .in-log{
	color: #fff;
	font-size: 13px;
	direction: rtl;
	text-align: left;
	float: right;
	width: 130px;
}
.bg-login label i{
	color: #e2e2e2;
	font-size: 15px;
	direction: rtl;
	text-align: right;
}
.bg-login .user-in input{
	background: #e2e2e2;
	border: 0px;
	line-height: normal;
	height: 30px;
	border-radius: 5px;
	margin-right: 5px;
	padding: 0px 5px;
	margin-top: 11px; 
}
.bg-login .password-in input{
    background: #e2e2e2;    
    border: 0px;    
    line-height: normal;    
    height: 30px;    
    border-radius: 5px;    
    margin-right: 5px;
    padding: 0px 5px;
    margin-top: 11px;
}
.bg-login .user-in{
	float:right;
	min-height: 10px;
	overflow: hidden;
}
.bg-login .password-in{
	float:right;
	min-height: 10px;
	overflow: hidden;
}
.bg-login .remember-in{
	float: right;
	color: #0066FF;
	margin: 0px 30px 0px 20px;
	min-height: 10px;
	overflow: hidden;
}
.bg-login .remember-in label{
	color: #0066FF;
	font-size: 12px;
}
.bg-login .remember-in label input{
	margin: 0px 0px;
}
.bg-login .log-in{
	float: right;
	min-height: 10px;
	overflow: hidden;
}
.bg-login .log-in input{
	background: #0066FF;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: normal;
	border: 0px;
	padding: 2px 15px;
	border-radius: 3px;
	font-family:dr;
	font-weight: normal;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	margin-top: 11px;
}
.bg-login .log-in input:hover{
	background: #fff;
	color: #0066FF;
	font-size: 13px;
	text-align: center;
	line-height: normal;
	border: 0px;
	padding: 2px 15px;
	border-radius: 3px;
	font-family:dr;
	font-weight: normal;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	margin-top: 11px;
}
.bg-login label{
	color: #fff;
	font-size: 13px;
	direction: rtl;
	text-align: left;
	float: right;
}

/*menu-search*/
.menu-search{
	min-height: 75px;
	background: #f6f5f5;
	overflow: hidden;
	border-bottom: 2px solid #eee;
	margin-bottom: 10px;
}
.menu-search-1{
	min-height: 10px;
	overflow: hidden;
	width: auto;
		display: inline-block;

	
}
.menu-search-1 li{
	float: right;
		display: inline-block;

	text-align: right;
	direction: rtl;
	color: #313131;
	margin: 0px 0px 0px 20px;
}
.menu-search-1 li a{
	text-align: right;
	direction: rtl;
	width: auto;
	color: #313131;
	font-size: 18px;
	font-weight: normal;
	display: block;
	border-bottom: 4px solid transparent;
	line-height: 70px;
}
.menu-search-1 li a:hover{
	text-align: right;
	direction: rtl;
	color: #313131;
	font-size: 18px;
	font-weight: normal;
	display: block;
	border-bottom: 4px solid #0066FF;
	line-height: 70px;
}
.menu-search-2{
	padding-top: 20px;
}
.menu-search-2 input[type="text"]{
	width: 100%;
	background: #dfdfdf;
	border: 0px;
	height: 39px;
	vertical-align: middle;
	line-height: normal;
	text-align: right;
	direction: rtl;
	color: #a4a4a4;
	padding-left: 55px;	
	padding-right: 10px;
}

.menu-search-2 input[type="submit"]{
	border: 0px;
	background: url('img/s.jpg') no-repeat;
	width: 41px;
	height: 39px;
	position: absolute;
	top: 20px;
	left: 15px;
}


/*logged-in*/
.logged-in{
	min-height: 10px;
	overflow: hidden;
}
.in-logged-in{
	float: right;
	margin-left: 20px;
	line-height: 65px;
	color: #fff !important
}
.in-logged-in a:hover{
	color: #000 !important
}
.in-logged-in a{
	color: #66FFFF !important;
	
	font-size: 16px;
}











/*home css*/

.top-home-forum{
	margin-bottom: 3px;
}
.in-top-home-forum .tcat{
	min-height: 10px;
	overflow: hidden;
	line-height: 30px;
	text-align: centre;
	padding: 0px 2px 0px 0px;
	
	font-family: g2;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
	
}

.forum-home-espace {
	margin-bottom: 4px;
	margin-top: 4px;
}


.in-top-home-forum .tcat a span{
	min-height: 10px;
	overflow: hidden;
	line-height: 30px;
	text-align: right;
	text-margin-right:	padding: 0px 2px 0px 0px;
	background:#ccc;
	border-radius: 5px;
	color:#fff !important;
	font-family: g2 !important;
	font-weight: normal !important;
	font-size: 14px !important;
}
.tcat img{
	border-radius: 20px;
}
.in-top-home-forum .tcat #collapseimg_usercp_subthreads{
	border-radius: 8px;
}
.in-bottom-top-home-forum{
	display: none;
}
.home-loop-forum{
	width: 100%;
	min-height: 20px;
	overflow: hidden;
	background: url('img/line.png') bottom repeat-x;
	padding-bottom: 10px;
	padding-top: 10px;
}
.bottom-top-home-forum .home-loop-forum:last-child{
	width: 100%;
	min-height: 45px;
	overflow: hidden;
	background: none;
	padding-bottom: 10px;
	padding-top: 10px;
}
.home-loop-forum .alt2{
	background: none;
	
}
.home-loop-forum .alt1{
	background: #fff;
}
.home-loop-forum .alt1Active{
	background: none;
}
.home-loop-forum-img{
	float: right;
	padding: 0px 0px 0px 10px;
}
.home-loop-forum-img img{
	border-left: 1px solid #d6d6d6;
	padding-left: 10px;
}
.home-loop-forum-title{
	border-left: 1px solid #d6d6d6;
	background: none !important;
}
.home-loop-forum-title1{
	padding-right: 50px;
	padding-top: 5px;
}
.home-loop-forum-title2{
	padding-right: 50px;
}
.home-loop-forum-title4{
	padding-right: 50px;
}
.home-loop-forum-title4 a font{
	color: #0066FF !important;
}
.home-loop-forum-title4 a font:hover{
	color: #3C5385 !important;
}
.home-loop-forum-title4 strong{
	font-weight: normal;
}
.home-loop-forum-last-by{
    background: none !important;
}
.home-loop-forum-last-by a{
	color: #263645 !important;
}
.home-loop-forum-last-by a:hover{
	color: #0066FF !important;
}
.home-loop-forum-posts{
}
.home-loop-forum-all-posts{
}
.lastby-home{
	line-height: 20px !important;
}
.lastby-home a strong{
	font-family: h2;
	font-size: 15px !important;
}
.bottom-home-box-1 .tcat{
	padding: 10px 10px;
	text-align: right;
	border-radius: 5px;
	margin-bottom: 10px;
}
.bottom-home-box-3 .thead{
  min-height: 10px;
  overflow: hidden;
  text-align: right;
  line-height: 25px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  background: #eee !important;
  color: #3C5385 !important;
}
.bottom-home-box-3 .thead a{
	color: #3C5385 !important;
}
.bottom-home-box-5 .thead{
  min-height: 10px;
  overflow: hidden;
  text-align: right;
  line-height: 25px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee !important;
  color: #3C5385 !important;
}
.bottom-home-box-4{
	width: 100%;
	min-height: 10px;
	overflow: hidden;
}
.bottom-home-box-4 .alt2{
	float: right;
	background: #fff;
	direction: rtl;
	text-align: right;
	padding: 10px 5px;
}
.bottom-home-box-4 .alt1{
	float: right;
	background: none;
	direction: rtl;
	text-align: right;
	padding: 5px 5px;
}
.bottom-home-box-6{
	width: 100%;
	min-height: 10px;
	overflow: hidden;
}
.bottom-home-box-6 .alt2{
	float: right;
	background: #fff;
	direction: rtl;
	text-align: right;
	padding: 10px 5px;
}
.bottom-home-box-6 .alt1{
	float: right;
	background: none;
	direction: rtl;
	text-align: right;
	padding: 5px 5px;
}
.bottom-home-box-11 .tfoot{
	padding: 10px 10px;
}
.tfoot-tfoot{
	min-height: 10px;
	overflow: hidden;
	padding: 5px 10px;
	margin: 20px 25px 0px 25px;
	border-radius: 7px;
}
.tfoot a{
	font-weight: normal;
}
.tfoot-1{
	float: right;
	margin-left: 10px;
	margin-top: 2px;
}
.tfoot-1 select{
	border: 0px;
	padding: 3px;
	font-family: h1;
	font-size: 12px;
	width:100%;
}
.tfoot-2{
	float: right;
	margin-top: 2px;
}
.tfoot-2 select{
	border: 0px;
	padding: 3px;
	font-family: h1;
	font-size: 12px;
}
.tfoot-3{
	float: left;
	margin-top: 4px;
}
.up-navbar{
	width: 100%;
	min-height: 10px;
	overflow: hidden;
}
.right-navbar-1{
	float: right;
	text-align: center;
	padding: 5px 10px;
	font-size: 26px;
	border: 1px solid #DBDBDB;
	border-radius: 8px;
}
.navba-nav{
	background: url('img/bg-nav.jpg') repeat !important;
}
.navba-nav-1-span{background: url('img/2nav-bg.jpg') bottom no-repeat !important;display: block;position: absolute;left: 15px;bottom: 0px;width: 131px;height: 46px;z-index: 9;}

.navba-nav-7 .navbar{
	color: #0066FF;
	font-size: 10px;
}
.navba-nav-7 .navbar a{
	font-size: 15px;
}
.navba-nav-7 .navbar a span{
	color:#81a948 !important;
	font-size: 15px !important;
	font-weight: normal !important;
}
.navba-nav-7 .navbar a span:hover{
	color:#0066FF !important;
	font-size: 15px !important;
	font-weight: normal !important;
}
.navba-nav-8 i{
	color: #22313F;
	font-size: 16px;
}
.navba-nav-9{
	color: #22313F;
}
.navba-nav-1 a{
	color: #22313F !important;
}
.navba-nav-1 a:hover{
	color: #0066FF !important;
}
.right-navbar-1 a{
	color: #22313f !important;
}
.right-navbar-1 a:hover{
	color: #0066FF !important;
}
.navba-nav{
	margin-right: 60px;
	position: relative;
}
.navba-nav-1 .alt1{
	background: none;
	direction: rtl;
	text-align: right;
	color: #0066FF;
}
.icon-login-code-im{
	float: right;
}
.icon-login-code-4{
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.icon-login-code-5{
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.icon-login-code-6{
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.icon-login-code-4 .smallfont{
	float: right;
	margin-top: 25px;
}
.icon-login-code-5 .smallfont{
	float: right;
	margin-top: 25px;
}
.icon-login-code-6 .smallfont{
	float: right;
	margin-top: 25px;
}
.input-group{
	position: relative;
}
.search-query{
	width: 100%;
	direction: rtl;
	text-align: right;
	font-family: dr;
	border: 0px;
	border-radius: 50px;
	padding: 0px 10px;
	height: 35px;
}
.search-submit{
	background: url('img/s.png') no-repeat;
	border: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 5px;
	background-color: transparent !important;
}
.wel-msg{
	background: #fff4be;
	border-radius: 7px;
	direction: rtl;
	text-align: right;
	padding: 20px 20px;
	font-family: h1;
	line-height: 20px;
	font-size: 15px;
}
.wel-msg1{
	color: #888888;
}
.wel-msg2{
	color: #888888;
}
.wel-msg a{
	font-family: h1;
	font-weight: normal;
}
.wel-msg a:hover{
	color: #81A948;
	font-family: h1;
	font-weight: normal;
}
.bottom-footer{
	min-height: 230px;
	background: url('img/bg-footer.jpg') repeat;
	overflow: hidden;
}
.links-footer{
	color: #fff;
}
.links-footer h2{
	color: #fff;
	font-size: 17px;
	font-family: h2;
	margin: 30px 0px 10px 0px;
}
.links-footer ul{
	display: inline-block;
}
.links-footer li{
	padding-left: 50px;
	margin-bottom: 5px;
}
.links-footer li a i{
	color: #f3f3f3;
	font-size: 12px;
}
.links-footer li a:hover i{
	color: #0066FF;
	font-size: 12px;
}
.links-footer li a{
	color: #0066FF;
	font-size: 17px;
	font-family: h1;
}
.links-footer li a:hover{
	color: #fff;
	font-size: 17px;
	font-family: h1;
}
.copy-footer{

}
.up-up{
	text-align: left;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 9999999999999999;
}
.up-up img{
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 30px;
	left: 15px;
}
.copy-footer{
	text-align: left;
	padding-top: 110px;
	color: #fff;
}
.copy-footer a{
	color: #fff !important;
}
.copy-footer img{
	margin-bottom: 10px;
}
.copy-footer .smallfont{
	line-height: 15px;
	font-size: 13px;
}
.elyoom{
	font-size: 13px;
	color: #888;
	margin-left: 5px;
}
.list-acoount{
	color: #fff;
	margin: 10px 0px 0px 0px;
	float: right;
}
.list-acoount3 span{
	color: #fff;
}
.list-acoount a i{
	
	color: #fff !important;
	font-size: 20px !important;
	border-radius: 50px;
	padding: 5px 5px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.list-acoount a:hover i{
	background: #fff;
	color: #0066FF !important;
	font-size: 20px !important;
	border-radius: 50px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.list-acoount2 i{
	padding: 5px 6px !important;
}
.list-acoount3 i{
	padding: 5px 7px !important;
}
.lastby-home-1{
	width: 100%;
	display: block;
	min-height: 15px;
	overflow: hidden;
}
.lastby-home-2{
	width: 100%;
	display: block;
	min-height: 15px;
	overflow: hidden;
}
.lastby-home-2 a{
	color: #0066FF !important;
}
.lastby-home-2 a:hover{
	color: #253545 !important;
}
.lastby-home-3{
	width: 100%;
	display: block;
	min-height: 15px;
	overflow: hidden;
}
.lastby-home-3 .time{
	display: inline-block;
}
.ac-sub-forms{
	direction: rtl !important;
	text-align: right !important;
}
.ac-sub-forms-2{
	padding: 10px !important;
	text-align: right;
	direction: rtl;
	margin-bottom: 10px;
}
.ac-sub-forms-3{
	padding: 10px !important;
	text-align: right;
	direction: rtl;
	margin-bottom: 10px;
}
.ac-sub-forms-4{
	padding: 10px !important;
	text-align: right;
	direction: rtl;
	margin-bottom: 10px;
}
.ac-sub-forms-6{
	min-height: 10px;
	overflow: hidden;
	text-align: right;
	line-height: 25px;
	border-radius: 5px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	background: #eee !important;
	color: #3C5385 !important;
}
.ac-sub-forms select{
	width: 100%;
}


/*custom-css*/
#content_container{
	width: 100%;
	float: right;
	margin-left: 0px;
}
#content{
	margin-left: 0px !important;
}
#profile_tabs{
	
}
#profile_tabs .tab_list{
	height: 40px !important;
}
#profile_tabs .tab_list li{
	line-height: 20px;
	height: 30px;
	width: 120px !important;
	text-align: center;
}
#profile_tabs .tab_list li.tcat{
	background: #fff;
	color: #3C5385;
	border: 1px solid #DBDBDB;
}
#profile_tabs .tab_list li:hover{
	background: #eee;
	color: #223241;
	border: 1px solid #DBDBDB;
}
ul.tab_list li.thead{
	top: 0px !important;
}
#main_userinfo .floatcontainer{
	
}
#main_userinfo .floatcontainer li{
	background: #fff !important;
	padding: 0px 10px;
}
.custom-profile{
	position: initial !important;
}
#profile_tabs .tab_header{
	padding: 0px !important;
	border: 0px !important; 
}
#link_bar a{
	  color: #223241;
}
#link_bar a:hover{
	  color: #444;
}




/*forumdesplay*/
.forumdesp-home{
	margin-bottom: 10px;
}
.forumdesp-home-2{
	min-height: 10px;
	overflow: hidden;
}
.forumdesp-home-3{
	float: right;
	background: none !important;
	color: #3C5385 !important;
}
.forumdesp-home-4{
	background: none !important;
	float: left;
	color: #3C5385 !important;
	border-right: 2px solid #DBDBDB;
}
.forumdesp-home-5{
	float: left;
	background: none !important;
	color: #3C5385 !important;
}
.forumdesp-home-4 a{
	color: #0066FF !important;
	font-size: 16px;
}
.forumdesp-home-5 a{
	color: #0066FF !important;
	font-size: 16px;
}
.forumdesp-home-4 a:hover{
	color: #81A948 !important;
	font-size: 16px;
}
.forumdesp-home-5 a:hover{
	color: #81A948 !important;
	font-size: 16px;
}
.form-des-pel{
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.form-des-pel-2{
	float: right;
	background: none !important;
	color: #3C5385 !important;
}
.form-des-pel-3{
	float: left;
	background: none !important;
	color: #3C5385 !important;
}
.form-des-pel-3 a{
	font-size: 16px;
	color: #0066FF !important;
}
.form-des-pel-3 a:hover{
	font-size: 16px;
	color: #81A948 !important;
}
.form-des-pel-8{
	border-radius: 5px;
	margin-bottom: 10px;
	background: url('img/bg-login.jpg') !important;
	color: #fff !important;
}
.form-des-pel-4{
	min-height: 10px;
	overflow: hidden;
}
.sub-forums-home-in-1{
	min-height: 10px;
	overflow: hidden;
}
.sub-forums-home-in{
	width: 100%;
	min-height: 45px;
	overflow: hidden;
	background: url('img/line.png') bottom repeat-x;
	padding-bottom: 10px;
	padding-top: 10px;
}
.sub-forums-home-in-5{
  float: right;
  padding: 0px 0px 0px 10px;
}
.sub-forums-home-in-5 img{
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
}
.sub-forums-home-in-8{
	padding-right: 50px;
	margin-top: 5px;
}
.sub-forums-home-in-9{
	padding-right: 50px;
}
.form-des-pel-4 .sub-forums-home-in:last-child{
	width: 100%;
	min-height: 45px;
	overflow: hidden;
	background: none;
	padding-bottom: 10px;
	padding-top: 10px;
}
.sub-list-thread{
	min-height: 10px;
	overflow: hidden;
}
.sub-list-thread-1{
	min-height: 10px;
	overflow: hidden;
}
.sub-list-thread-2{
	min-height: 10px;
	overflow: hidden;
}
.sub-list-thread-9{
	
}
.sub-list-thread-11{
	text-align: right !important;
	border-radius: 0px !important;
	background: url('img/bg-login.jpg') !important;
	color: #fff !important;
	border: 0px !important;
	  padding-right: 15px !important;
  padding-left: 15px !important;
}
.sub-list-thread-12{
    border-radius: 0px !important;
    background: url('img/bg-login.jpg') !important;
    color: #fff !important;
    border: 0px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.sub-list-thread-13{
    border-radius: 0px !important;
    background: url('img/bg-login.jpg') !important;
    color: #fff !important;
    border: 0px !important;
      padding-right: 15px !important;
  padding-left: 15px !important;
}
.sub-list-thread-14{
    border-radius: 0px !important;
    background: url('img/bg-login.jpg') !important;
    color: #fff !important;
    border: 0px !important;
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.sub-list-thread-15{
	padding: 14px 0px !important;
	background: url('img/bg-login.jpg') !important;
	color: #fff !important;
	border: 0px !important;
}
.sub-list-thread-11 a{
	color: #fff !important;
}
.sub-list-thread-12 a{
    color: #fff !important;
}
.sub-list-thread-13 a{
    color: #fff !important;
}
.sub-list-thread-14 a{
    color: #fff !important;
}
.sub-list-thread-15 a{
	color: #fff !important;
}
.in-posts-1 .thead{
	background: #3C5385 !important;
	color: #fff !important;
}
.post-bit-def .thead{
	background: #3C5385 !important;
	color: #fff !important;
}
.pop-admin-pop .thead{
	background: #3C5385 !important;
	color: #fff !important;
}
.in-posts-popup .thead{
	background: #3C5385 !important;
	color: #fff !important;
}
.list-threadbits_sticky .list-thead-list{
	min-height: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.list-threadbits .list-thead-list{
	min-height: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.list-threadbits .list-thead-list:last-child{
	min-height: 10px;
	overflow: hidden;
	border-bottom: 0px solid #ddd;
}
.list-thead-listata{
	float: right;
}
.list-thead-list-1{
	float: right;
	margin: 16px 0px 0px 5px;
}
.list-thead-list-2{
	float: right;
	margin: 16px 0px 0px 0px;
}
.list-thead-list-3{
	text-align: right;
	background: none !important;
}
.list-thead-list-4{
	margin-top: 8px;
	padding-right: 20px;
}
.list-thead-list-7{
	padding-right: 20px;
}
.list-thead-list-12{
	padding-top: 10px;
	background: none !important;
}
.list-thead-list-12 .smallfont{
	text-align: right;
}
.list-thead-list-17{
	padding-top: 10px;
	background: none !important;
}
.list-thead-list-18{
	padding-top: 10px;
	background: none !important;
}
.list-thead-list-20{
	padding-top: 6px;
	float: left;
}
.controller-list{
	min-height: 10px;
	overflow: hidden;
}
.controller-list-1{
	min-height: 10px;
	overflow: hidden;
}
.forum-role-li{
	min-height: 10px;
	overflow: hidden;
}
.forum-role-li-1{
	min-height: 10px;
	overflow: hidden;
}
.forum-role-li-2{
	text-align: right;
}

.smallfontdz { 
	font-size:11px;
	font-family:"Droid Arabic Kufi","Open Sans",sans-serif;
        color: #000;
}


.list-rule-li-9 .smallfont{
	font-size: 14px !important;
	font-family: h2 !important;
	text-align: left !important;
}
.forum-role-li-4 .smallfont{
	font-size: 14px !important;
	font-family: h2 !important;
	text-align: left !important;
}
.forum-role-li-4 select{
	width:90%;
}
.list-rule-li-2{
	text-align: right !important;
}
.list-rule-li{
	min-height: 10px;
	overflow: hidden;
}
.list-rule-li-1{
	min-height: 10px;
	overflow: hidden;
}
.cotrooller-list{
	min-height: 10px;
	overflow: hidden;
	margin-top: 10px !important;
}
.cotrooller-list-1{
	min-height: 10px;
	overflow: hidden;
}
.toolbar-list{
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.toolbar-list-3 a{
	color: #81A948 !important;
}
.toolbar-list-3 a:hover{
	color: #0066FF !important;
}
.toolbar-list-1{
	min-height: 10px;
	overflow: hidden;
}
.toolbar-list-2{
	float: right;
	background: none !important;
	color: #3C5385 !important;
	text-align: right !important;
}
.toolbar-list-2 .smallfont{
	color: #3C5385 !important;
}
.toolbar-list-4{
	display: inline-block;
}
.toolbar-list-5{
	display: inline-block;
}
.toolbar-list-6{
	display: inline-block;
}
.toolbar-list-7{
	display: inline-block;
}
.toolbar-list-8{
	display: inline-block;
}
.toolbar-list-lis{
	text-align: left;
}
.toolbar-list-lis .vbmenu_control{
	background: none !important;
	color: #0066FF !important;
}
.toolbar-list-lis .vbmenu_control a{
	color: #0066FF !important;
}
.toolbar-list-lis .vbmenu_control a:hover{
	color: #81A948 !important;
}
.toolbar-list-8{
	font-size: 14px !important;
}
.toolbar-list-8 i:hover{
	font-size: 14px !important;
	color: #81A948 !important;
}

/*in-posts*/
.in-posts{
	min-height: 20px;
	overflow: hidden;
	padding:9px 9px 0px 9px !important;
}
.in-posts-1{
	min-height: 10px;
	overflow: hidden;
}
.in-posts-3{
	border-radius: 0px 5px 5px 0px !important;
}
.in-posts-4{
	border-radius: 5px 0px 0px 5px !important;
}
.in-posts-5{
	min-height: 10px;
	
	
}
.in-posts-32{
	min-height: 10px;
	overflow: hidden;
}
.in-posts-20{
	text-align: right;
	direction: rtl;
	padding: 5px 0px 0px 0px !important;
}
.in-posts-popup{
	padding: 5px !important;
}
.in-posts-popup-4{
	padding: 3px 0px 3px 0px !important;
}
.in-posts-popup-6{
	padding: 3px 0px 3px 0px !important;
}
.in-posts-popup-10{
	padding: 3px 0px 3px 0px !important;
}
.in-posts-popup-12{
	padding: 3px 0px 3px 0px !important;
}
.in-posts-popup-14{
	padding: 3px 0px 3px 0px !important;
}
#threadsearch_menu input[type="text"]{
	width: 150px;
	padding: 0px 0px;
	margin: 0px 5px;
}
#threadsearch_menu input[type="submit"]{
	padding: 5px 5px 3px 5px;
	border: 0px;
	line-height: 20px;
	background: #eee;
}

/*pool*/
.pools-ac-2{
	padding: 10px 10px !important;
	text-align: right !important;
}
.poll-res-7{
	padding: 10px !important;
	text-align: right !important;
}
.poll-res{
	min-height: 10px;
	overflow: hidden;
	margin: 10px 0px;
}
.new-poll-ac-13 label{
	min-height: 10px;
	overflow: hidden;
	display: block;
}
.new-poll-ac-2{
	padding: 10px !important;
	text-align: right !important;
}
.new-poll-ac-7 input[type="text"]{
	width: 100%;
}
.new-poll-ac-13 input[type="text"]{
	width: 100%;
}
.in-polls-ed-7 input{
	width: 50%;
}
.in-polls-ed-8 label{
	min-height: 10px;
	overflow: hidden;
	display: block;
	width: 50%;
}
.in-polls-ed-8 label input{
	width: 100%;
}





/*new-threads*/
.new-threads-ad-11 input[type="text"]{
	width: 100%;
}
.new-threads-ad-15 input[type="text"]{
	width: 100%;
}
.new-po-op-3{
	min-height: 10px;
	overflow: hidden;
	text-align: right !important;
	padding-right: 10px !important;
}
.new-threads-ad-6{
	overflow-x:auto;
}
.new-threads-ad-2{
	padding: 10px !important;
	text-align: right !important;
}

/*search*/
.sear-erro-2{
	padding: 10px !important;
	text-align: right !important;
}
.sear-erro-4{
	direction: rtl !important;
	text-align: right !important;
}
.search-in-ac-2{
	padding: 10px !important;
	text-align: right !important;
}


/*contact-us*/
.contact-uses-11 input{
	width: 50%;
}
.contact-uses-13 input{
	width: 50%;
}
.contact-uses-17 input[type="text"]{
	width: 50%;
}
.contact-uses-18 textarea{
	width: 100%;
}
.contact-uses-5{
	padding: 10px 10px;
}
.contact-uses-1{
	text-align: right;
	padding: 10px;
}
.contact-uses-2{
	direction: rtl;
	text-align: right;
}
.contact-uses-2 ol{
	list-style: none;
	padding: 10px;
	margin: 0px;
}
.top-faq-col .tcat{
	min-height: 10px;
	overflow: hidden;
	direction: rtl;
	text-align: right;
	line-height: 40px;
	padding: 0px 10px 0px 0px;
}
.faq-in-put input{
	width: 100%;
}
.faq-in-put select{
	width: 100%;
	padding: 3px 0px;
}
.panel-col-md-12{
	min-height: 10px;
	overflow: hidden;
}
.up-faq{
	min-height: 10px;
	overflow: hidden;
}

/*se-tags*/
.tags-search{
	min-height: 10px;
	overflow: hidden;
}
.se-tags{
	min-height: 10px;
	overflow: hidden;
}
.top-se-tags{
	margin-bottom: 10px;
}
.top-se-tags .tcat{
	padding: 5px 0px;
}
.tags-search-2{
	padding: 10px 0px;
	margin-bottom: 10px;
}
.tags-search-6{
	border-radius: 0px !important;
	border: 0px !important;
}
.tags-search-7{
	border-radius: 0px !important;
	border: 0px !important;
}
.tags-search-8{
	border-radius: 0px !important;
	border: 0px !important;
}
.tags-search-9{
	border-radius: 0px !important;
	border: 0px !important;
}
.tags-search-11{
	background: #eeeeee !important;
	padding: 14px 0px !important;
	border-radius: 0px !important;
	border: 0px !important;
	color: #3C5385;
	font: normal 14px dr, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	text-align: center !important;
}


/*search-result*/
.search-result{
	min-height: 10px;
	overflow: hidden;
}
.search-result-2{
	padding: 10px !important;
	text-align: right !important;
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.search-result-3{
	min-height: 10px;
	overflow: hidden;
}
.search-result-1{
	min-height: 10px;
	overflow: hidden;
}
.list-thead-list{
	min-height: 10px;
	overflow: hidden;
}
.search-result-4{
	text-align: right !important;
	border-radius: 0px !important;
	color: #3C5385 !important;
	border: 0px !important;
}
.search-result-5{
	text-align: right !important;
	border-radius: 0px !important;
	color: #3C5385 !important;
	border: 0px !important;
}
.search-result-6{
	text-align: right !important;
	border-radius: 0px !important;
	color: #3C5385 !important;
	border: 0px !important;
}
.search-result-7{
	text-align: right !important;
	border-radius: 0px !important;
	color: #3C5385 !important;
	border: 0px !important;
}
.search-result-9{
	margin-top: 7px;
	float: left;
	background: transparent !important;
	text-align: center !important;
	border-radius: 0px !important;
	color: #3C5385 !important;
	border: 0px !important;
}
.search-result-12 .tfoot{
	padding: 10px 10px;
	border-radius: 5px;
}




/*usercp-control*/
.usercp-control-5{
	padding: 5px;
	margin-bottom: 10px;
}
.subscrib-thread-li-3{
	min-height: 10px;
	overflow: hidden;
	direction: rtl !important;
	text-align: right !important;
	padding-right: 10px;
	margin-bottom: 10px;
}
.subscrib-thread-li-5{
	background: none !important;
	border: 0px !important;
	border-radius: 0px !important;
	min-height: 10px;
	overflow: hidden;
}
.usercp-control-4{
	direction: rtl;
	text-align: right;
}
.usercp-control-4 .alt2{
	margin: 5px 0px;
	background: none;
}
.usercp-control-2{
	position: inherit !important;
}
.ed-pro input[type="text"]{
	width: 90%;
}
.buddylist-ed input[type="text"]{
	width: 90%;
}
.editavatar-pro input[type="text"]{
	width: 90%;
}
.editsignature-pro{
	overflow-y:scroll;
	overflow: hidden;
}
.editsignature-pro input[type="text"]{
	width: 90%;
}
.editsignature-pro-5{
	min-height: 10px;
	overflow: hidden;
}
.editsignature-pro-6{
	direction: rtl;
	text-align: right;
}
.editpassword-pro input[type="password"]{
	width: 90%;
}
.editpassword-pro input[type="email"]{
	width: 90%;
}
.editpassword-pro input[type="text"]{
	width: 90%;
}
.editoptions-pro select{
	width: 90%;
}
.ignorelist-pro select{
	width: 90%;
}
.ignorelist-pro input[type="text"]{
	width: 90%;
}
.private-proo input[type="text"]{
	width: 90%;
} 
.private-proo textarea{
	width: 90%;
} 
.panel-proo-1{	
	overflow-y:scroll;
	overflow: hidden;
}
.editfolders-prr input[type="text"]{
	width: 90%;
}
.editfolders-prr input[type="text"]{
	width: 90%;
}
.editfolders-subscription input[type="text"]{
	width: 90%;
}
.subscription-subscription-3{
	min-height: 10px;
	overflow: hidden;
}
.subscription-subscription-16{
	min-height: 10px;
	overflow: hidden;
}
.subscription-subscription-22{
	  padding: 8px !important;
	text-align: center !important;
}
.subscription-subscription-24{
	padding: 5px;
	border-radius: 5px;
}
.subscription-subscription-28{
	direction: rtl;
	text-align: right;
}

/*memberlist_search*/
.memberlist_search-co{
	border-radius: 7px;
}

/*quickreply*/
.quickreply-4{
	min-height: 10px;
	overflow: hidden;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}
.quickreply-14{
	background: #E1E1E2;
	padding: 6px;
}

/*forumjump*/
.forumjump-up{
	min-height: 10px;
	overflow: hidden;
}
.forumjump-11{
	text-align: right;
	padding-right: 0px;
}
.forumjump-12{
	text-align: left;
	padding-left: 0px;
}
.forumjump-2{
	margin-top: 20px;
}
.forumjump-2 .smallfont{
	text-align: left !important;
}


/*post*/
.in-posts-1133{
	text-align:right;
}
.in-posts-11{
	text-align:left;
}










/*syle*/
.hidden-for-all{
	display: none;
}



/*controller-list*/
.controller-list-2{
	padding:0px 0px;
}
.controller-list-3{
	padding:0px 0px;
}

.t-pag{
	min-height:10px;
	overflow: hidden;
}
.tt-pag{
	padding:0px 0px;
}
.b-pag{
	padding:0px 0px;
}
.pagenav-3 div{
	float:right;
	margin:0px 0px 0px 10px;
}
.pagenav-2{
width:99%;
		min-height:10px;
	overflow: hidden;
	float:left;
}
.page{
	min-height: 10px;
	overflow: hidden;
	width:100%;
}

.in-posts-6{
	padding:0px 0px;
}

/*nav_moderation_popups*/
.usercp-control-3 .alt2, .alt2Active{
	background: none !important;
}

#profilepic_cell{
	border: 0px !important;
}



/*del-posts*/
.del-list-up{
float:right;
}
.del-list-1{
  float: right;
  margin: 16px 0px 0px 5px;
}
.del-list-2{
  float: right;
  margin: 19px 0px 0px 0px;
}
.del-list-4{
text-align: right;
  margin: 10px 45px 0px 0px;
}
.del-list-5{
text-align: right;
  margin: 0px 45px 0px 0px;
}






/*class-login-qu*/
.class-login-qu-6{
	text-align: center;
}
.class-login-qu-6 input[type="text"]{
	width:400px;
	min-height: 30px;
	overflow: hidden;
}
.class-login-qu-6 input[type="password"]{
	width:400px;
	min-height: 30px;
	overflow: hidden;
}
.class-login-qu-7{
	width:400px;
	text-align: right;
}
.class-login-qu-8{
	width:400px;
	text-align: right;
}
.class-login-qu-9{
	width: 400px;
	text-align: right;
	min-height: 10px;
	overflow: hidden;
	line-height: 20px;
	margin: 5px 0px;
}
.class-login-qu-9 label{
	float: right;
	margin-left: 10px;
}
.class-login-qu-10{
	width:400px;
	text-align: right;
}




@media (max-width: 768px) {
	.menu-search{
		padding-bottom: 10px;
	}
	.menu-search-1 a{
	
		line-height: 35px !important;	
	}
	.register-fo-qu input[type="text"]{
		width: 100%;
	}
	.register-fo-qu input[type="password"]{
		width: 100%;
	}
	.time-z-qu select{
		width: 100%;
	}
	.nav-collapse{
		margin-bottom: 15px;
		
	}
	.home-loop-forum-title{
		border-left: 0px solid #d6d6d6;
	}
	.tfoot-1{
		float: none;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.tfoot-1 select{
		padding: 2px;
	}
	.tfoot-2{
		float: none;
		margin-top: 0px;
	}
	.tfoot-2 select{
		padding: 2px 13px;
	}
	.tfoot-3{
		float: none;
		text-align: center;
		margin: 5px 0px;
	}
	.bottom-home-box-4 .alt2{
		display: none;
	}
	.bottom-home-box-6 .alt2{
		display: none;
	}
	.lastby-home{
		line-height: 20px;
		padding-right: 50px;
		margin-top: 10px;
	}
	.icon-login-code-10{
		text-align: center;
	}
	.menu-nav{
		text-align: center;
		min-height: 10px;
		overflow: hidden;
	}
	.top-navbar ul li{
		float: none;
	}
	.logo-forum{
		text-align: center;
		margin: 10px 0px;
	}
	.in-login-su{
		padding: 0px 15px !important;
	}
	.in-login{
		border-radius: 10px;
	}
	.in-login-2{
		border-radius: 10px;
	}
	.user-login-sub{
		margin-top: 8px;
	}
	.in-rem{
		padding-top: 5px;
		padding-right: 20px !important;
	}
	.copy-footer{
		text-align: left;
		padding-top: 10px;
		color: #fff;
	}
	.copy-footer .smallfont{
		text-align: left;
		color: #fff;
	}
	#forumsearch_menu{
		left: 80px !important;
	}
	#forumtools_menu{
		left: 40px !important;
	}
	.hidden-xs {
		display: none !important;
	}
	.list-threadbits_sticky .list-thead-list{
		min-height: 10px;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		text-align: right;
	}
	.list-threadbits .list-thead-list{
		min-height: 10px;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		text-align: right;
	}
	.list-threadbits .list-thead-list:last-child{
		min-height: 10px;
		overflow: hidden;
		border-bottom: 0px solid #ddd;
		text-align: right;
	}
	.list-thead-listata{
		float: right;
		text-align: right;
	}
	.list-thead-list-1{
		float: right;
		margin: 10px 0px 0px 0px;
		text-align: right;
	}
	.list-thead-list-2{
		float: right;
		margin: 10px 0px 0px 0px;
		text-align: right;
	}
	.list-thead-list-3{
		text-align: right;
	}
	.list-thead-list-4{
		margin-top: 8px;
		padding-right: 20px;
		text-align: right;
	}
	.list-thead-list-7{
		padding-right: 20px;
		text-align: right;
	}
	.list-thead-list-12{
		padding-top: 10px;
		text-align: right;
	}
	.list-thead-list-12 .smallfont{
		text-align: right;
	}
	.list-thead-list-17{
		padding-top: 10px;
		text-align: right;
	}
	.list-thead-list-18{
		padding-top: 10px;
		text-align: right;
	}
	.list-thead-list-20{
		padding-top: 10px;
		text-align: right;
	}
	.forum-role-li-4{
		margin-top: 10px;
	}
	.forum-role-li-4 .smallfont{
		text-align: center !important;
	}
	.list-rule-li-9 .smallfont{
		text-align: center !important;
		margin-top: 10px !important;
	}
	.toolbar-list-2{
		float: none;
		background: none !important;
	}
	.toolbar-list-4{
		float: none;
	}
	.toolbar-list-5{
		float: none;
	}
	.toolbar-list-6{
		float: none;
	}
	.toolbar-list-7{
		float: none;
	}
	.toolbar-list-8{
		float: none;
	}
	.in-posts-3{
		border-radius: 0px !important;
	}
	.in-posts-4{
		border-radius: 0px !important;
	}
	.in-posts-19{
		border-right: 0px solid #DBDBDB !important;
		min-height: 185px !important;
	}
	.in-posts-35{
		border-right: 0px solid #DBDBDB !important;
	}
	.contact-uses-11 input{
		width: 100%;
	}
	.contact-uses-13 input{
		width: 100%;
	}
	.contact-uses-17 input[type="text"]{
		width: 100%;
	}
	.contact-uses-18 textarea{
		width: 100%;
	}
	.bottom-footer{
		padding-bottom: 20px;
	}
	.links-footer li{
		padding-left: 30px;
		margin-bottom: 5px;
	}
	.bo-se-tags input[type="text"]{
		width: 100%;
	}
	.bo-se-tags input[type="submit"]{
		margin-top: 10px;
	}
	.in-polls-ed-7 input{
		width: 100%;
	}
	.in-polls-ed-8 label{
		min-height: 10px;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	.usercp-control-2{
		margin-bottom: 20px;
	}
	.menu-search-1 li{
		float: none;
	}
/*class-login-qu*/
	.class-login-qu-6{
		text-align: center;
	}
	.class-login-qu-6 input[type="text"]{
		width:100%;
		min-height: 30px;
		overflow: hidden;
	}
	.class-login-qu-6 input[type="password"]{
		width:100%;
		min-height: 30px;
		overflow: hidden;
	}
	.class-login-qu-7{
		width:100%;
		text-align: right;
	}
	.class-login-qu-8{
		width:100%;
		text-align: right;
	}
	.class-login-qu-9{
		width:100%;
		text-align: right;
	}
	.class-login-qu-10{
		width:100%;
		text-align: right;
	}
}








@media (max-width: 480px) {
	.bg-login{
		padding: 10px 15px;
	}
	.bg-login .user-in{
		float:none;
	}
	.bg-login .password-in{
		float:none;
	}
	.bg-login .remember-in{
		margin: 0px 0px 0px 20px;
	}
	.bg-login .in-log {
	  color: #fff;
	  font-size: 13px;
	  direction: rtl;
	  text-align: right;
	  float: right;
	  width: 130px;
	}
	.logged-in{
		
		overflow: hidden;
	}
	.in-logged-in{
		float: none;
		margin-left: 0px;
		
	}
	.list-acoount{
		float: none;
		margin: 7px 0px 0px 0px;
	}
/*class-login-qu*/
	.class-login-qu-6{
		text-align: center;
	}
	.class-login-qu-6 input[type="text"]{
		width:100%;
		min-height: 30px;
		overflow: hidden;
	}
	.class-login-qu-6 input[type="password"]{
		width:100%;
		min-height: 30px;
		overflow: hidden;
	}
	.class-login-qu-7{
		width:100%;
		text-align: right;
	}
	.class-login-qu-8{
		width:100%;
		text-align: right;
	}
	.class-login-qu-9{
		width:100%;
		text-align: right;
	}
	.class-login-qu-10{
		width:100%;
		text-align: right;
	}
}





@media (max-width: 350px) {
	.bg-login .in-log {
	  color: #fff;
	  font-size: 13px;
	  direction: rtl;
	  text-align: right;
	  float: right;
	  width: 130px;
	  line-height: 30px;
	}
}
.RCSR {
  border-radius:3px;
}
.Browsers {
  background:none 0 0 repeat scroll #DEF0D0;
  color:#669246;
  float:right;
  margin-left:5px;
  margin-top:2px;
  text-align:center;
  width:125px;
}
.ReplyCount {
  background:none 0 0 repeat scroll #DADADA;
  color:#3F576C;
  float:right;
  margin-left:5px;
  margin-top:2px;
 padding-right:3px;  
  padding-left:3px; 
  text-align:center;
  width:auto;
  
}

.RCM {
  border-radius:7px;
}
.LastFormhome {
  background:none 0 0 repeat scroll #F5F5F5;
  border:1px solid #E0E0E0;
  float:left;
  font-family:'Droid Arabic Kufi', 'Open Sans', sans-serif;
  line-height:18px;
  margin:4px;
  padding:4px;
  width:280px;
}
/* التوقيع*/
.Signaturemo{
    background: #E3EAEB none repeat scroll 0px 0px;
        background-color: #E3EAEB;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    border: 1px solid #CED5D6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CED5D6;
        border-right-color: #CED5D6;
        border-bottom-color: #CED5D6;
        border-left-color: #CED5D6;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin-top: 10px;
    padding: 10px;
	width:auto;
}


.iktibass{
    background: #E3EAEB none repeat scroll 0px 0px;
        background-color: #E3EAEB;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    border: 1px solid #CED5D6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CED5D6;
        border-right-color: #CED5D6;
        border-bottom-color: #CED5D6;
        border-left-color: #CED5D6;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin-top: 10px;
    padding: 10px;
	width:initial;
	 display:block;
}



/** معلومات العضو */
.RightPostmo {
    background-color: #F0F0F0;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    float: right;
    padding: 8px;
        padding-top: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
    min-width: 200px;
	max-width: 210px;
	width:auto;
	
}
/* معرف العضو */
.CommTitleName {
    background: #DEDEDE none repeat scroll 0px 0px;
        background-color: #DEDEDE;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;

        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
		
    color: #FFF;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
}



.toppost-date {
    width:100%;
    color: #000;
	float:right;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
	text-align:center;
    font-weight: bold;
   
}


.toppost {
    background: #3C5385  none repeat scroll 0px 0px;
        background-color: #3C5385;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;

    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    color: #FFF;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
	margin-top: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
}


.toppost-l {
  float:left;
    color: #FFF;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
   
}
.toppost-r { 
  float:right;
    color: #FFF;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
   
}
/** عنوان المشاركة*/
.inpost {
float:left;
background: #DEDEDE  none repeat scroll 0px 0px;
        background-color: #DEDEDE;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;

    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    
    line-height: 22px;
    margin-bottom: 5px;
	margin-top: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
  float:right;
    color: #3C5385;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
	width:100%;
   
}

#posts-b {
float:left;
	width:100%;
		min-width:649px;
		max-width:1020px;

   
}
.posts {

	width:auto;
   
}

@media (max-width: 900px){

#posts-b {

	width:100%;
		

   
}
.posts-b {

	width:100%;
		

   
}
.posts {

	width:100%;
   
}

.RightPostmo {
    background: #FDFDFD none repeat scroll 0px 0px;
        background-color: #F0F0F0;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto; 
    border-color: #3C5385 #E8E8E8 #DEDEDE;
        border-top-color: #3C5385;
        border-right-color: #E8E8E8;
        border-bottom-color: #DEDEDE;
        border-left-color: #E8E8E8;
    border-radius: 25px 25px 5px 5px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    border-style: solid;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    border-width: 10px 1px 1px;
        border-top-width: 10px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    box-shadow: 0px 0px 3px #E7E7E7;
    clear: both;
    margin: 0px 5px;
        margin-top: 0px;
        margin-right: 5px;
        margin-bottom: 0px;
        margin-left: 5px;
    padding: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
		min-width: 274px;
		
		width:100%;
}

.toppost {
    background: #3C5385  none repeat scroll 0px 0px;
        background-color: #3C5385;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;

    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    color: #FFF;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 14 px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
	margin-top: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.iktibass{
    background: #E3EAEB none repeat scroll 0px 0px;
        background-color: #E3EAEB;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    border: 1px solid #CED5D6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CED5D6;
        border-right-color: #CED5D6;
        border-bottom-color: #CED5D6;
        border-left-color: #CED5D6;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin-top: 2px;
    padding: 2px;
	width:500px;
	max-width:
}




}



.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}
.info-box small{font-size:14px}
.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}
.info-box .progress,.info-box .progress .progress-bar{border-radius:0}
.info-box .progress .progress-bar{background:#fff}
.info-box-icon{
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px;
    padding-top:20px;
    display:block;
    float:left;
    height:90px;
    width:90px;
    text-align:center;
    font-size:45px;
    line-height:90px;
    background:rgba(0,0,0,0.2)
}
.bg-red{
    background:#3C5385;
    color:#fff;
}
.bg-green{
    background:#00A65A;
    color:#fff;
}
.bg-yellow{
    background:#F39C12;
    color:#fff;
}
.info-box-icon>img{max-width:100%}
.info-box-content{padding:5px 10px;margin-left:90px}
.info-box-number{display:block;font-weight:bold;font-size:18px}
.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info-box-text{
    text-transform:uppercase;
    padding-top:10px;
}
.info-box-more{display:block}  


.IconControls {
    display: table;
	min-height:10px;
    margin: 5px;
    width: 100%;
}

.IconThread {
    background-color: #FFF;
    border: 1px solid #CCC;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCC;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    color: #000;
    float: right;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: lighter;
    margin: 5px;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
    padding: 2px 5px;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
    width: auto;
    height: 30px;
}
.BoxShadow {
    box-shadow: 0px 0px 3px #DDD;
}
.IconControlsColor {
    background: #3C5385 none repeat scroll 0px 0px;
        background-color: #3C5385;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box; 
        background-size: auto auto;
    border: 1px solid #366FA0;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #366FA0;
        border-right-color: #366FA0;
        border-bottom-color: #366FA0;
        border-left-color: #366FA0;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    color: #FFF !important;
    text-shadow: 0px 1px 0px #000;
}

.HomeCatForum .TitleCat .ReplyCount {
    background: #D9EBEB none repeat scroll 0px 0px;
    color: #3F576C;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
    text-align: center;
    width: 125px;
	
}

.HomeCatForum .TitleCat .ReplyIcon {
    font-size: 14px;
    margin-left: 3px;
	
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
    transform: translate(0px, 0px);
}


.guestdz {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    border: 1px solid #C3E2AE;
    background-color: #D9F4C7;
    color: #3D5929;
    float: right;
    margin: 5px 5px 2px 0px;
    padding: 0px;
	 text-align: center;
    width: auto;
    font-size: 10px;
}
.pagenav {
    
    color: #3D5929;
    float: left;
    margin: 5px 5px 2px 0px;
    padding: 0px;
	
    width: 98%;
    
}





	
.guestdz:hover {
         background: none repeat scroll 0% 0% #CCF8AF;
}

.postdz {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
   background-color: #D6DFE7;
  border: 1px solid #B1BFCC;

    float: right;
    margin: 5px 5px 2px 0px;
    padding: 0px;
    text-align: center;
    width: auto;
    font-size: 10px;
}
.postdz a {
    
    color: #B64B44;
 
}	
.postdz:hover {

         background: none repeat scroll 0% 0% #FFDAD7;

}

.linktoolsdz {
    padding: 5px 2px 0px 10px;
        padding-top: 5px;
        padding-right: 2px;
        padding-bottom: 0px;
        padding-left: 10px;
    border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    height: 25px;
    width: 100px;
    text-align: center;
    border: 1px solid #CBCBCB;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CBCBCB;
        border-right-color: #CBCBCB;
        border-bottom-color: #CBCBCB;
        border-left-color: #CBCBCB;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    background: #FFF none repeat scroll 0px 0px;
        background-color: #FFF;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    font-family: "Droid Arabic Kufi";
    font-weight: lighter;
}

.linktoolsdz a {
   
    font-family: "Droid Arabic Kufi";
    font-weight: lighter;
}



.floating-box {
    float: right;
    width: 100%;
  
    background-color:#FFFFFF;
    margin-top: 6px;
	
}


 .imgbox :hover {

    background: #dadada;
}


.post-box {
    float: right;
    width: 99%;
	 -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
    box-shadow: 0 2px 8px 1px rgba(0,0,0,0.2)!important;
    background-color:#FFFFFF;
 margin: 3px;
}
.tcat-box {
    float: right;
    width: 99%;
	 -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
    box-shadow: 0 2px 8px 1px rgba(0,0,0,0.2)!important;
    background-color:#28597a;
	
       margin: 3px;
}
.title-box {
    float: left;
    width: 20px;
    height: 20px;
	margin-left:2px;
    margin: 2px;
	   
}

.title-box5 {
    float: left;
      
	margin-left:2px;
	margin-bottom:6px;
    
	   
}
.title-box2 {
    float: right;
    width: 70%;
    
    margin: 2px; 
	color:#80000;
}

.title-box3 {
    float:left;
	
   
    margin-bottom: 4px;
	   
}
.imgbox2{
  
    width:58px;
	height: 58px;
    max-height: 58px;
 
}
.imgbox{
    float: right;
    width: 60px;
    height: 60px;
    margin: 4px;
	
	 -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2)!important;
    background-color:#FFFFFF; 
}

.title {   
    text-align: right;
	color:#96230e;
	
}


.after-box {
float: right;
    clear: right;
	    height: 30px;
	width: 100%; 	
}
.tooltipdz {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltipdz .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  left:120%;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltipdz:hover .tooltiptext {
    visibility: visible;
	
}



.note {
    position:relative;
	float:right;
    width:99%;
    padding:1em 1.5em;
    margin:0.2em auto;
    color:#000;
    background:#C8DCEA;
    overflow:hidden;
}
.note.red {background:#C8DCEA;}
.note.red:before {border-color:#fff #fff #C8DCEA #C8DCEA; background:#C8DCEA;}
.note.rounded {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}


.usrp {
float: right;
height:50 px;
width:100%;
 -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
background:#C8DCEA;

}

.toolp {
float: right;
bottom:0px;
width:100%;
 -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
background:#fff;

}
.usrp  span {
float: right;

}
.usrn   {
margin-right: 70px;
margin-top:20px;
margin-left:3px;
height:20 px;
text-align:right;

}
.usrn1   {
margin-right: 70px;
margin-top:2px;
margin-left:3px;
height:20 px;
text-align:right;

}

.tilt {
 border-radius: 50%;
  border: 1px solid #ddd;
    margin:2 2 2 2;
    padding: 2px;
 float: right;
 height:58x;
width:58px;
}

.tooltipp {
    
    position: relative;
}

.tooltipp > span {
z-index:9999;
    width: 200px;
    padding: 6px 9px;
    margin-top: 0;
    margin-left: -100px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: relative;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: 
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

/*a.tooltip > span:hover,*/
.tooltipp:hover > span {
    opacity: 1;
	z-index:9999;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 50px;
    display: inline;
    margin-left: 9px;
}

    

.tooltipp > span {
z-index:9999;
	color: #000000; 
	background: #FBF5E6;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
	background: linear-gradient(top, #FBF5E6, #FFFFFF);	    
	border: 1px solid #CFB57C;	     
}    
	

   
#presentation{
  width: 480px;
  height: 120px;
  padding: 20px;
  margin: auto;
  background: #FFF;
  margin-top: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 
  transition: all 0.3s; 
  border-radius: 3px;
}

#presentation:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: all 0.3s;
  transform: translateZ(10px);
}

#floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #1b435e;
   opacity: 0.5;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.plus{
  color: white;
  position: absolute;
  top: 0;
 
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;

  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 50px;
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

#container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}

.edit{
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
}

#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.nd1{
  background: #d3a411;
  right: 40px;
  bottom: 120px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd3{
  background: #3c80f6;
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd4{
  background: #ba68c8;
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.nd5{
  background-image: url('https://lh3.googleusercontent.com/-X-aQXHatDQY/Uy86XLOyEdI/AAAAAAAAAF0/TBEZvkCnLVE/w140-h140-p/fb3a11ae-1fb4-4c31-b2b9-bf0cfa835c27');
  background-size: 100%;
  right: 40px;
  bottom: 300px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .nd3{
  animation-delay: 0.08s;
}
#container-floating:hover .nd4{
  animation-delay: 0.15s;
}
#container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.letter{
  font-size: 23px;
  font-family: 'Roboto';
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.reminder{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.profile{
  border-radius: 50%;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}