/* CSS Document  for ss (artatarh) ;) */



@font-face 
{
    font-family:'B Yekan';
    src:url('../fonts/BYekan.eot');
    src:url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BYekan.woff') format('woff'),
        url('../fonts/BYekan.ttf') format('truetype');
}

@font-face 
{
    font-family:'RYekan';
    src:url('../fonts/RYekan.eot');
    src:url('../fonts/RYekan.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RYekan.woff') format('woff'),
        url('../fonts/RYekan.ttf') format('truetype');
}


@font-face 
{
    font-family:'Arad';
    src:url('../fonts/986633301-Kufi_0.eot');
    src:url('../fonts/986633301-Kufi_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/986633301-Kufi_0.woff') format('woff'),
        url('../fonts/986633301-Kufi_0.ttf') format('truetype');
}


::selection {
background: rgba(0, 0, 0, 0.58);
color: #FFFFFF;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.61);
}



body
{
	font-family:'B Yekan';
	font-size:14px;
	background: #F3F3F3;
	margin: 0px;
	background:url(../images/bg.png) repeat;

	
}
a
{
	text-decoration:none;
}


.header {
background: #1c7d7d;
width: 100%;
left: 0px;
top: 0px;
position: absolute;
height: 120px;
border-bottom: solid 45px #EEEEEE;
box-shadow: 0 4px rgba(230, 230, 230, 1), 50px 0px 0px 5px rgba(0, 0, 0, 0.10) inset;
z-index: 1;
}



/************************************menu*********************/


.menu {
float: right;
height: 50px;
color: #FFFFFF;
font-size: 15px;
margin: 0 auto;
position: relative;
top: 115px;
right: 20px;
text-align: center;
direction: rtl;

}

.menu li {
list-style: none;
text-decoration: none;
display:inline-block;
margin: -1px;
}

.menu ul li a {
text-decoration: none;
color: #999;
text-shadow: 1px 1px #fff;
padding: 10px 10px;
padding-bottom: 16px;
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
background: rgba(0, 0, 0, 0.04);
border-left: solid 1px rgba(0, 0, 0, 0.05);
text-align: center;
padding-right: 35px;

}

.menu ul li a:hover{
background: rgba(0, 0, 0, 0.06);
color: #818181;
padding-bottom: 12px;
box-shadow: 0 4px rgba(0, 0, 0, 0.23);
}


/************************************logo*********************/

.logo {
position: absolute;
right: 140px;
top: 10px;
cursor:pointer;
}
.well {
color: #fff;
font-size: 40px;
direction: rtl;
text-align: right;
text-shadow: 1px 3px rgba(0, 0, 0, 0.19);

}

.matn {
color: #FFEF9D;
font-size: 15px;
direction: rtl;
text-align: right;
text-shadow: 1px 1px rgba(0, 0, 0, 0.19);

}
/************************************color*********************/

.color{
	float:left;
margin-top: 35px;
margin-left: 5px;
background: #EEEEEE;
padding: 5px;
border-radius: 4px;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(0, 0, 0, 0.03) inset;

}

.blue{
	background:#489bc2;
	width:30px;
	height:30px;
	display:block;
	border-radius:4px;
	margin-bottom: 5px;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) inset;
}

.red{
	background:#1c7d7d;
	width:30px;
	height:30px;
	display:block;
	border-radius:4px;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) inset;
}
/************************************   ads   *********************/
#ads{
position:absolute;
}
.ads{
	position: absolute;
margin-top: 18px;
margin-left: 100px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);
}

.sef {
width: 468px;
height: 18px;
display: block;
background: rgba(0, 0, 0, 0.16);
text-align: right;
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.47);
margin-top: 87px;
margin-left: 145px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);
line-height: 15px;
position: absolute;
transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}

.sef:hover{

background: rgba(0, 0, 0, 0.25);
color: #FFECB2;

}

@media (max-width: 980px) {
.tab {display: none;}

}

@media (max-width: 720px) {
.menu {position: relative;
top: 5px;}

}

@media (max-width: 910px) {
.azi {
position:absolute;

}

}




/************************************  Mas   *********************/


.mas {
background: #1c7d7d;
border: solid 1px rgba(156, 52, 52, 1);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.03), 0 3px 0px 0px rgba(0, 0, 0, 0.09);
position: relative;
margin: 0 auto;
width: 1000px;
margin-top: -35px;
height: 44px;
top: 220px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
/************************************  azi     *********************/

.azi {
text-align: right;
float: right;
margin-top: 10px;
margin-right: 5px;
color: #FFFFFF;
text-shadow: 1px 3px rgba(0, 0, 0, 0.15);
font-size:14px;
}
/************************************    main     *********************/

.main {
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 47%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(251,251,251,1)), color-stop(100%,rgba(247,247,247,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 );
border: solid 1px rgba(0, 0, 0, 0.10);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.01), 0 3px 0px 0px rgba(0, 0, 0, 0.03);
position: relative;
margin: 0 auto;
width: 1000px;
margin-top: 10px;
height: 350px;
top: 220px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-bottom: solid 5px rgba(0, 0, 0, 0.10);
}

/************************************    vorod    *********************/

.vorod {
width: 350px;
height: 45px;
background: #1c7d7d;
border-radius: 0px 5px 5px 0px;
margin-top: 8px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.12), 0px 0px 0 3px rgba(3, 3, 3, 0.08);
border: solid 1px rgba(0, 0, 0, 0.19);
border-left: none;
cursor:cell;
}

.vo {
text-align: right;
float: right;
margin-right: 5px;
margin-top: 10px;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

.line {
height: 330px;
border-right: solid 1px rgba(0, 0, 0, 0.10);
box-shadow: 1px 0 #FFF;
position: absolute;
left: 400px;
top: 10px;
}


.tf-user {
position: absolute;
border: solid 0px;
/* -webkit-box-shadow: rgba(0, 0, 0, 0.10) 0 0 0 4px; */
width: 190px;
height: 35px;
text-align: right;
padding-right: 15px;
font-family: b yekan,tahoma;
color: #4D4D4D;
background: #FFFFFF;
border: solid 1px #D3D3D3;
border-radius: 5px 0px 0px 5px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.02) inset;
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}

.ico {
width: 35px;
height: 35px;
background: #ECECEC;
border: solid 1px #D3D3D3;
border-radius: 0px 5px 5px 0px;
display: block;
position: absolute;
right: -27px;
/* border-left: none; */
top: 0px;
padding-bottom: 2px;
}

.icoo {
width: 35px;
height: 35px;
background: #ECECEC;
border: solid 1px #D3D3D3;
border-radius: 0px 5px 5px 0px;
display: block;
position: absolute;
right: -27px;
/* border-left: none; */
top: 49px;
padding-bottom: 2px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(141, 141, 141, 0.35);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.09);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.09);
}
	

.tf-pass {
position: absolute;
border: solid 0px;
/* -webkit-box-shadow: rgba(0, 0, 0, 0.10) 0 0 0 4px; */
width: 190px;
height: 35px;
text-align: right;
padding-right: 15px;
font-family: b yekan,tahoma;
color: #4D4D4D;
background: #FFFFFF;
border: solid 1px #D3D3D3;
border-radius: 5px 0px 0px 5px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.02) inset;
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}


.switch {
position: absolute;
height: 36px;
width: 240px;
background: rgba(255, 255, 255, 1);
margin: 5px auto;
border-radius: 5px;
font-family: B Yekan,tahoma;
margin-bottom: -2px;
top: 2px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.02) inset;
border: solid 1px #D3D3D3;
}
.switch-label {
position: relative;
z-index: 2;
float: left;
width: 100px;
line-height: 34px;
font-size: 14px;
color: rgba(156, 156, 156, 1);
text-align: center;
text-shadow: 1px 3px rgba(0, 0, 0, 0.08);
cursor: pointer;
left: 6px;
}

.text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.45);cursor:pointer
.switch-label:active{font-weight:700}
.switch-label-off{padding-left: 15px;}
.switch-label-on{padding-right:2px}
.switch-input{display:none}


.switch-input:checked + .switch-label {
color: rgba(0,0,0,0.65);
text-shadow: 0 1px rgba(255,255,255,0.25);
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
-o-transition: .15s ease-out;
transition: .15s ease-out;

}


.switch-input:checked + .switch-label-on ~ .switch-selection{left:110px}


.switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 8px;
width: 100px;
height: 25px;
background: #A0A0A0;
border-radius: 3px;
background-image: linear-gradient(tobottom,#9dd993,#65bd63);
-webkit-transition: left .15s ease-out;
-moz-transition: left .15s ease-out;
-o-transition: left .15s ease-out;
transition: left .15s ease-out;
margin-top: 3px;
text-align: center;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) inset , 0 0 15px rgba(0, 0, 0, 0.13) inset;
margin-left: 9px;
}


.switch-yellow .switch-selection {
background: #A0A0A0;
background-image: linear-gradient(tobottom,#e0dd94,#c4bb61);
}


.jens{font-family:tahoma;font-size:9pt;color:#FFF;background-color:#2C838A;border:1px solid #D3D3D3}
.loginbtn{-moz-box-shadow:inset 0 1px 0 0 #c1ed9c;-webkit-box-shadow:inset 0 1px 0 0 #c1ed9c;box-shadow:inset 0 1px 0 0 #c1ed9c;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c',endColorstr='#8cb82b');background-color:#9dce2c;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #83c41a;display:inline-block;color:#fff;font-family:tahoma;font-size:12px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #689324;padding:6px 24px}
.loginbtn:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b',endColorstr='#9dce2c');background-color:#8cb82b}
.loginbtn:active{position:relative;top:1px}




.label_better {
margin: 0;
vertical-align: top;
display: inline-block;
font-family: B yekan,candara;
font-size: 13px;
color: #343434;
min-width: 150px;
height: 20px;
background: #fbfbfb;
border: 1px solid #cccdcf;
padding: 8px 10px;
box-shadow: inset 0 2px 3px #e8e8e8;
border-radius: 3px 0 0px 3px;
}
.prefix.dark-grey, .postfix.dark-grey {
/* background: ; */
background: #8D8D8D /*url(../images/Flaticon_3657.png) no-repeat center*/;
border: 1px solid rgba(0, 0, 0, 0.22);
color: #fff;
width: 20px;
height: 22px;
padding: 7px 10px;
box-shadow: rgba(0, 0, 0, 0.19) 0 0 20px inset;
position: absolute;
border-radius: 0px 3px 3px 0px;
}




.lb_label.active {
	font-family: candara,tahoma;
	color:#fff;
	text-shadow:none;
	background:#f26b6b;
	padding:3px;
	border-radius:3px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.12);
	
	
}




*{outline:none;}

.btn {
position: absolute;
border: solid 0px;
width: 214px;
padding-bottom: 3px;
height: 38px;
text-align: center;
font-family: B Yekan,tahoma;
color: #FFFFFF;
text-shadow: 1px 1px rgba(7, 7, 7, 0.2);
font-size: 16px;
/* border-radius: 4px; */
/* -webkit-border-radius: 4px; */
-moz-border-radius: 4px;
cursor: pointer;
left: 15px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background: #1c7d7d;
border-radius: 4px;
border: solid 1px #195959;
line-height: 28px;
top: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10),inset rgba(0, 0, 0, 0.12) 0 0 20px;
}

.btn:hover {
background: #979797;
border: solid 1px #696969;
}



.rounded-list a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
padding-right: 30px;
margin-bottom: 1px;
background: rgba(221, 221, 221, 0.2);
color: #858585;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-align: right;
direction: rtl;
border-bottom: 1px solid rgba(0, 0, 0, 0.02);
cursor: help;
}
			.rounded-list a:hover{
				background: #34495e;
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
			}

.rounded-list a:hover:before {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
background: #F7F7F7;
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .04);
color: rgba(0, 0, 0, 0.61);
text-shadow: 1px 1px #fff;
}

.rounded-list a:before {
content: counter(li);
counter-increment: li;
position: absolute;
right: -16px;
top: 50%;
margin-top: -1.3em;
background: #34495e;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #F3F3F3;
text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
color: rgba(255, 255, 255, 1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-shadow: 1px 1px rgba(0, 0, 0, 0.54);
}

.livicon {
  display: inline-block;
  line-height: inherit;
  vertical-align: middle;
  height: 5px!important;
}

/************************************** bottom-go********************************/

.bottom-go {
display: inline-block;
position: relative;
top: 220px;
right: 5px;
}

.bottom-go li {
color: #898989;
text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.08);
border-bottom: 1px dashed #C4C4C4;
line-height: 26px;
list-style:none;
text-align:right;
}

.bottom-go li a{
	color:#1c7d7d;
}

.bottom-go li a:hover{
	color:#666666;
}


.ghavanin {
width: 550px;
height: 45px;
background: #8B8B8B;
border-radius: 5px 0px 0px 5px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.12), 0px 0px 0 3px rgba(3, 3, 3, 0.08);
border: solid 1px rgba(0, 0, 0, 0.19);
border-left: none;
cursor: cell;
position: absolute;
right: 0px;
top: 8px;
}

.gh {
text-align: right;
float: right;
margin-right: 5px;
margin-top: 10px;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

.number{
	color:#1c7d7d;
}

.text li {
color: #898989;
text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.08);
border-bottom: 1px dashed #C4C4C4;
line-height: 26px;
list-style:none;
text-align:right;
direction:rtl;
}

.text {
display: inline-block;
position: absolute;
right: 10px;
top: 70px;
}



.admin {
position: relative;
text-align: right;
width: 500px;
display: block;
float: right;
top: 85px;
right: 20px;
color: #A5A5A5;
text-shadow: 1px 3px rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.03);
padding-right: 5px;
border-right: solid #BDBDBD 4px;
}

.or{
	color:#1c7d7d;
	font-size:15px;
	text-align:right;
	direction:rtl;
	margin-right:7px;
	margin-top:2px;
}

.dayere {
position: absolute;
width: 10px;
height: 10px;
border-radius: 20px;
background: #BDBDBD;
right: -10px;
top: 7px;
border: solid #F7F7F7 3px;
}
.box {
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 47%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(251,251,251,1)), color-stop(100%,rgba(247,247,247,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 );
border: solid 1px rgba(0, 0, 0, 0.10);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.01), 0 3px 0px 0px rgba(0, 0, 0, 0.03);
position: relative;
margin: 0 auto;
width: 1000px;
margin-top: 20px;
height: 100px;
top: 220px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-bottom: solid 5px rgba(0, 0, 0, 0.10);
margin-bottom:10px;
}


.tdost{
	position: absolute;
right: 20px;
width: 120px;
height: 30px;
background: #1c7d7d;
color: #fff;
text-align: center;
line-height: 27px;
border-radius: 4px;
top: -14px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.doost{
	margin-right:20px;
}


.footer {
background:#1c7d7d;
border: solid 1px rgba(0, 0, 0, 0.10);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.01), 0 3px 0px 0px rgba(0, 0, 0, 0.03);
position: relative;
margin: 0 auto;
width: 1000px;
margin-top: 10px;
height: 40px;
top: 220px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-bottom: solid 5px rgba(0, 0, 0, 0.10);
margin-bottom:30px;
}

.cop{
	text-align: right;
direction: rtl;
float: right;
color: #fff;
font-size: 15px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.44);
margin-top: 8px;
margin-right: 35px;
}

.cp {
text-align: right;
direction: rtl;
float: left;
color: #1c7d7d;
font-size: 15px;
text-shadow: 1px 1px rgba(255, 255, 255, 1);
margin-top: 5px;
margin-left: 10px;
background: #F5F5F5;
border-radius: 3px;
padding: 3px;
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.04);
padding-right: 40px;
}

.cp a{
color: #1c7d7d;
}

.doost a{
	
		-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}

.doost a:hover{
	opacity: 0.5;

}
.online {
float: left;
background: rgba(0, 0, 0, 0.12);
color: #fff;
height: 100%;
font-size: 16px;
padding: 0px 10px;
line-height: 2.5;
direction: rtl;
text-shadow: 1px 1px rgba(0, 0, 0, 0.35);
}