@font-face {
	font-family: "yekan";
	src: url(Yekan.eot);
	src: url(Yekan.eot?#iefix) format("embedded-opentype"), url(Yekan.woff)
		format("woff"), url(Yekan.ttf) format("truetype"),
		url(Yekan.svg#BYekan) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "titr";
	src: url(Titr.ttf);
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: yekan;
	margin: 0;
	background-color: #f6f8f8;
	direction: rtl;
	text-align: justify;
	color: #444
}
.stared:AFTER{
	content: '*';
	color: red;
	font-family:tahoma;
	margin-right: 5px;
	font-size: 1.2em;
	line-height: 10px
}
.pointer{
	cursor: pointer;
}
.container {
    max-width: 970px; 
}
.container, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
	.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11,
	.col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
	.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5,
	.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,
	.col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
	.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,
	.col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.loginbox{
    max-width: 400px;
	padding: 10px
}
.loginbox > div >div{
    background-color: white;
	border: 1px solid #ddd;
	padding: 12px 30px
}
.loginbox input{
    background-color: #f9f9f9
}
.appspin {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding-bottom: 30px;
	display: none;
	z-index: 10;
	color: #e43774;
}

.form-control {
	font-size: 13px;
}

.panel-title {
	font-family: titr;
	font-size: 0.93em
}

.center-block {
	float: none !important
}

.padd0 {
	padding-left: 0px;
	padding-right: 0px;
}

.mbot5 {
	margin-bottom: 5px
}

.mbot10 {
	margin-bottom: 10px
}

.mbot15 {
	margin-bottom: 15px
}

.mbot20 {
	margin-bottom: 20px
}
.nvopen{
	font-size: 2.5em !important;
    padding: 10px 10px 0 0;
}
#rightmenu{
	position:fixed;
	top:0;
	bottom:0;
	background-color: #eee;
	width:70%;
	z-index:10000;
	right:-72%;
	transition: all 0.3s;
	box-shadow: 0 0 1px #888;
}
.rmopen{
	right:0% !important;
}
#rightmenu ul{
	margin: 0;
	padding: 0;
}
#rightmenu ul li{
	margin: 0;
	padding: 4px 13px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	color: #444
}
#rightmenu ul li.act{
	background-color:#FA006D;
	color: white;
}
#rightmenu ul li a{
	margin: 4px 0;	
	padding: 5px 0;	
	width: 100%;
	color: #444;
	text-decoration: none;
	display: block;
}
#rightmenu ul li:FIRST-CHILD{
	height: 60px;
	border-bottom: none;
}
.fa-close{
	margin: 5px
}
.topbar {
	background-color: #e43774;
	height: 60px;
	color: white;
	padding: 4px 2px;
	position: fixed;
	width: 100%;
	z-index: 100;
	border-bottom: 1px solid #ce0049;
}
.topbar label{
	
}
.topbar a{
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em
}
.topbar i {
	margin-left: 10px;
	font-size: 1.3em
}
.topbar .back{
	padding: 2px 3px;
	margin: 4x 5px 0 15px;
	display: inline-table;
	cursor: pointer;
}
.topbar .cus{
	margin: 4px 5px 0 10px;
	display: inline-table;
}
.topbar img {
	height: 50px;
	margin-left: 10px
}
.topbar ul{
	margin: 0;
	padding: 0;
	padding-top: 12px
}
.topbar ul li{
	display: inline-block;
	cursor: pointer;
	padding: 5px 7px;
	margin: 0 4px;
	color: #ff91a1;
    transition: width .3s;	
	font-size: 1.1em
}
.topbar ul li a{
	color: #fffbfa;
    transition: width .3s;	
}
.topbar ul li:HOVER > a{
	color: #fff8f7
}
.topbar ul .act a{
	color: #ffffff;
}
.topbar ul .act::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
	margin-top:6px;
    background: #ffffff;
    transition: width .3s;
}
.topbar ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
	margin-top:6px;
    background: #fffbfa;
    transition: width .3s;
}
.topbar ul li:hover::after {
  width: 100%;
}
.homeprof {
	background-color: #e43774;
	color: white;
	font-size: 0.9em;
	padding-top: 70px;
}

.homeprof img {
	border: 2px solid white;
	max-height: 150px;
	margin: auto;
}

.homeprof .name {
	text-align: center;
	padding: 5px 0 2px 0;
	font-size: 1.1em
}

.homeprof .code {
	text-align: center;
	padding: 2px 0 8px 0;
	font-size: 0.9em
}

.homeprof .dtl {
	padding: 2px 2px 5px 2px;
	font-size: 0.9em
}

.goldenmember {
	box-shadow: 0 2px 2px #cccccc;
	border-bottom: 1px solid #bbb;
	padding-bottom: 4px;
}

.goldenmember span {
	background-color: gold;
	color: black;
	font-family: titr;
	padding: 4px 6px
}

.goldenmember img {
	height: 65px;
	width: auto;
}

.gmbox {
	height: 65px;
	margin-top: 3px;
	width: max-content;
}

.userstate {
	margin-top: 5px;
	display: none;
}

.userstate .title {
	padding-top: 6px;
	color: #2da5e1;
	margin-bottom: 20px
}

.userstate .text {
	font-size: 0.85em;
	color: #888;
	text-align: justify;
}

.userstate .num {
	color: #333;
	font-size: 0.9em;
}

.userstate .fa {
	font-size: 1.2em;
	color: #2da5e1;
	padding-top: 2px
}

.userstate .rw {
	padding: 10px 0;
	border-bottom: 1px solid #eee
}
.userstate .rw:LAST-CHILD{
	border-bottom: none
}

.userstate .col-xs-6, .userstate .col-xs-2, .userstate .col-xs-10 {
	padding-left: 0;
	padding-right: 5px
}

.searchcat {
	padding: 70px 0 10px 0;
}

.searchcat div {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.searchloader {
	background-color: #eef1f6;
	padding-top: 100px;
}

.searchrow {
	background-color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(230, 230, 230);
	padding: 5px;
	font-size: 0.8em;
	color: #888;
	overflow: hidden;
}
.searchrow .starbox{
	margin-bottom: 15px;
	color: #449bb8;
	font-size: 0.8em;
	direction: ltr;
}

.searchrow .name {
	font-size: 1.5em;
	color: black;
	direction: ltr;
	text-align: right;
}

.searchrow i {
	font-size: 1.6em;
}

.msgbxloader {
	padding: 0 0 10px 0;
}

.msgrow {
	border-bottom: 1px solid rgb(230, 230, 230);
	padding: 5px 0;
	margin: 0 3px;
	font-size: 0.75em;
	color: #888;
	cursor: pointer;
}
.msgrow.act {
	background-color: #efe0df
}

.msgrow .name {
	font-size: 1.1em;
	color: #222;
	direction: rtl;
	text-align: right;
	margin-bottom: 2px;
}

.msgrow .text {
	font-size: 0.9em;
	color: #999;
	text-align: right;
	margin-bottom: 1px
}

.msgrow .time {
	font-size: 0.9em;
	color: #aaa;
	text-align: right;
	margin-bottom: 1px
}

.msgrow i {
	font-size: 1.4em;
	color: #666;
}

.stgrow {
	border-bottom: 1px solid rgb(230, 230, 230);
	padding: 5px 0;
	margin: 0 3px;
	font-size: 0.75em;
	color: #888
}

.stgrow .name {
	font-size: 1.2em;
	color: #555;
	direction: rtl;
	text-align: right;
	margin-bottom: 5px
}

.topgap {
	height: 65px;
	width: 100%;
}
.setiawarning {
	font-family: yekan;
	font-size: 0.7em;
	color: #777;
	padding: 5px 8px;
	line-height: 18px;
	text-align: justify;
	background-color: white;
}
.setiawarning i{
	color: #fb7936;
    font-size: 2em;
    margin-left: 10px;
}
.proftabbox{
	background-color: white;
}
.proftabbox ul{
	width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
    border-top: 4px solid #11B8AB;
	padding: 0
}
.proftabbox ul li{
	    list-style-type: none;
    display: inline-table;
    margin: 0;
    width: 20%;
    text-align: center;
    list-style: none;
    padding: 1.5rem 0;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    position: relative;
    font-size: 0.75em;
}
.proftabbox ul li.active{
	color: #11B8AB;
}
.proftabbox ul li.active:after {
    width: 100%;
    content: '';
    height: 2px;
    bottom: -1px;
    left: 0;
    display: block;
    position: absolute;
    background: #11B8AB;
}
.gallery, .userinfo {
	border-top: 1px solid #e54374;
	margin-bottom: 10px
}

.userinfo .title {
	padding-top: 6px;
	color: #2da5e1;
	margin-bottom: 20px
}

.userinfo .text {
	font-size: 0.7em;
	color: #888;
}

.userinfo .num {
	font-size: 0.85em;
	color: #333;
}

.userinfo .fa {
	font-size: 1.2em;
	color: #2da5e1;
	padding-top: 2px
}

.userinfo .rw {
	margin: 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eee
}

.userinfo .col-xs-6, .userstate .col-xs-2, .userstate .col-xs-10 {
	padding-left: 0;
	padding-right: 5px
}

legend {
	font-family: yekan;
	color: #e54374;
	font-size: 0.85em;
	text-align: center;
	width: max-content;
	padding: 0 10px;
	border: none;
	margin-bottom: 0;
	background-color: #eeeeee
}

.gallery img {
	height: 63px;
	width: auto;
	margin: 0 5px;
	border: 1px solid #94cce8;
}

.gallery a:FOCUS {
	outline: none;
}

.appsupport-title {
	height: 60px;
	background-color: #00add9;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px;
	z-index: 2
}

.appsupport-title .logo {
	height: 50px;
	margin: auto;
}

.appsupport-title .ttl {
	color: white;
	font-weight: bold;
	margin: 10px 0 2px 0
}

.appsupport-title .sname {
	color: #d9f8ff;
	margin: 3px 0 2px 0;
	font-size: 0.75em
}

.appsupport-input {
	height: 40px;
	background-color: white;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	z-index: 2;
     box-shadow: 0 0 2px #989797;		
}

.appsupport-input input {
	margin: 0;
	padding: 2px 5px;
	width: 100%;
	height: 100%;
	border: none;
}
.appsupport-loader {
	box-sizing: border-box;
	margin: 0px 15px 90px 15px;
}

.appsupport-loader div:AFTER {
	content: '';
	display: table;
	clear: both;
}

.appsupport-loader .send {
	position: relative;
    background: #d8fafd;
    border-radius: 4px;
    padding: 20px 15px 20px 15px;
    margin: 8px 10px;
    color: #776c6c;
    float: right;
    clear: both;
    max-width: 100%;
    word-wrap: break-word;
    min-width: 100px;
}

.appsupport-loader .send img{
	max-width: 200px;
	max-height: 400px;
	cursor: pointer;
}
.appsupport-loader .send:after {
	    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left-color: #d8fafd;
    border-right: 0;
    border-bottom: 0;
    margin-top: -10.5px;
    margin-right: -13px;
    display: table;
    clear: both;
}

.appsupport-loader .send .fa-check {
	font-size: 10px;
	position: absolute;
    left: 1px;
    bottom: 3px;
     color: #e55073;	
}
.appsupport-loader .send .chk2 {
	font-size: 9px;
    left: 6px;
     color: #e55073;
	display: none
}
.appsupport-loader .send .time {
	position: absolute;
    bottom: 0;
    right: 6px;
    font-size: 0.7em;
    font-family: sans-serif;
    color: #b7b7b7;
    font-weight: lighter;
}
.appsupport-loader .send .cxbtn {
	position: absolute;
    top: 4px;
    left: 6px;
	cursor: pointer;
}

.appsupport-loader .get {
	position: relative;
    background: #ffffff;
    border-radius: 4px;
    padding: 20px 15px 20px 15px;
    margin: 8px 10px;
    color: #776c6c;
    float: left;
    clear: both;
    max-width: 100%;
    word-wrap: break-word;
    min-width: 100px;
}
.appsupport-loader .get img{
	max-width: 200px;
	max-height: 400px;
	cursor: pointer;
}
.appsupport-loader .get:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 17px solid transparent;
    border-right-color: white;
    border-left: 0;
    border-bottom: 0;
    margin-top: -10.5px;
    margin-left: -13px;
    display: table;
    clear: both;
}
.appsupport-loader .get .time {
	position: absolute;
    bottom: 0;
    right: 4px;
    font-size: 0.7em;
    font-family: sans-serif;
    color: #b7b7b7;
    font-weight: lighter;
}
.appsupport-loader .get .cxbtn2 {
	position: absolute;
    top: 4px;
    right: 6px;
	cursor: pointer;
}
.formlabel {
	position: relative;
	top: 8px;
}

.gallery i {
	position: absolute;
    top: 45px;
    left: 32;
}

.gallery legend i {
	position: relative;
	top: 2px;
	left: 0;
	margin-right: 2px
}

.error {
	position: fixed;
	right: 30%;
	left: 30%;
	top: 40%;
	padding: 15px 8px;
	text-align: center;
	background: rgba(250, 50, 50, 0.95);
	background-image: url("../img/rback.png");
	border-radius: 6px;
	border: 1px solid rgba(50, 50, 50, 0.5);
	color: white;
	text-shadow: 0 0 1px white;
	box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
	display: none;
	z-index: 1100;
}

.success {
	position: fixed;
	right: 30%;
	left: 30%;
	top: 40%;
	padding: 15px 8px;
	text-align: center;
	background: rgba(20, 180, 20, 0.95);
	background-image: url("../img/rback.png");
	border-radius: 6px;
	border: 1px solid rgba(50, 50, 50, 0.5);
	color: white;
	text-shadow: 0 0 1px black;
	box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
	display: none;
	z-index: 1100;
}
@media screen and (max-width: 768px) {
    .success,.error {
    	right: 5%;
		left: 5%;
    	font-size: 0.9em
	}
	.loginbox{
	float: none;
    margin: 0 auto;
	}
}
@media screen and (max-width: 600px) {
	.xs-hiden{
		display: none!important;
	}
	#footer ul li {
		margin: 0 !important;
	}

	#footer ul li a {
		padding: 6px 4px!important;
	}
}
.searchbtn {
	position: fixed;
	left: 20px;
	bottom: 10%;
	border: 1px solid #dedce0;
	border-radius: 50%;
	padding: 10px 11px;
	background-color: #FA006D;
	font-size: 1.6em !important;
	color: white;
}
.useronlinestate{
	font-size: 1.3em !important;
	position: absolute;
	bottom:5px;
	color: rgb(220,220,220);
}

.searchrow .info{
	padding: 5px 2px;
    color: #d8cdcd;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
	font-size: 0.9em
}
.searchrow .info .text{
	margin: 3px 0 8px;
    background-color: rgba(40, 78, 75, 0.72);
    padding: 3px 10px;
	font-size: 0.9em
}
.plan .text {
	font-size: 0.8em;
	color: #888;
}

.plan .num {
	font-size: 1em;
	color: #dd5d07;
}

.plan .num i {
	color: #dd5d07;
}

.plan .fa {
	font-size: 1.2em;
	color: #9a9ea0;
	padding-top: 2px
}

.plan .rw {
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #eee
}

.plan .col-xs-6, .userstate .col-xs-2, .userstate .col-xs-10 {
	padding-left: 0;
	padding-right: 5px
}

.ttable {
	font-size: 1em;
	color: #444;
	margin-bottom: 5px
}

.ttable td {
	border: 1px solid #aabbbd !important;
}

.ttable td .col-xs-3 {
	font-size: 0.9em
}

.ttable .head {
	background-color: #00bcd4 !important;
	color: white;
}

.ttable button {
	text-align: center;
	width: 100%;
	background-color: #69b6a5;
	color: white;
	text-shadow: none;
	padding: 8px;
	border: 1px solid #4b9c8a;
}

.ttable select {
	height: 26px;
	width: 80%;
	margin-right: 10%
}


.btn-default {
	color: #fff;
	background-color: #e43774;
	border-color: #ba2d5f;
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
	.btn-default.active, .open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #bb2d5f;
	border-color: #94234d;
}

.tabbox {
	position: fixed;
	top: 60px;
	width: 100%;
	background-color: white;
	box-shadow: 0 0 1px #999;
	padding-top: 3px;
	z-index: 10;
}

.tabbox>.col-xs-4 {
	padding-right: 2px;
	padding-left: 2px
}

.tab {
	border: 1px solid #ccc;
	margin: 2px 0;
	text-align: center;
	font-size: 0.8em;
	padding: 4px 0;
	border-radius: 3px;
	cursor: pointer;
	color:#e43774;
	font-weight: bold;
}

.tabact {
	background-color: #e43774;
	color: white;
	border: 1px solid #ad2958;
}
.tabact2 {
	background-color: #e43774;
	color: white;
	border: 1px solid #ad2958;
}

.ac {
	display: none;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 0.9em
}
.ac .chk{
	margin: 0 2px 0 7px;
	font-size: 0.9em	
}
.ldir {
	direction: ltr;
	text-align: left
}

.prgbox {
	position: fixed;
	bottom: 0;
	height: 30px;
	width: 100%;
	background-color: white;
	box-shadow: 0 0 1px #999;
	padding-top: 8px;
	z-index: 9;
	direction: ltr;
}
.prgbox i {
	color: #449bb8;
	font-size: 1.1em;
	margin-left: 4px
}
.prgbox progress {
	width: 100%
}
progress[value] {
	appearance: none;
	border: none;
	width: 100%;
	height: 14px;
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
	color: royalblue;
	position: relative;
	margin: 0;
}

progress[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
}
progress[value]::-webkit-progress-value {
	position: relative;
	border-radius: 3px;
	/* Let's animate this */
	animation: animate-stripes 5s linear infinite;
}

@
keyframes animate-stripes { 100% {
	background-position: -100px 0;
}

}
progress[value]::-webkit-progress-value:after {
	/* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	top: 7px;
	right: 7px;
	background-color: white;
	border-radius: 100%;
}
.progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
	/* Dimensions should be similar to the parent progress element. */
	width: 100%;
	height: 14px;
}
.progress-bar span {
	background-color: royalblue;
	border-radius: 3px;
	display: block;
	text-indent: -9999px;
}
p[data-value] {
	position: relative;
}
p[data-value]:after {
	content: attr(data-value) '%';
	position: absolute;
	right: 0;
}

.prgs::-webkit-progress-value {
	/* Gradient background with Stripes */
	background: linear-gradient(141deg, #65dec8 0%, #1fd2db 51%, #0f99b8 75%);
}
progress{
	whidt:100%;
	direction: ltr
}
.qs{
	background-color: white;
	padding: 5px 10px 10px 10px;
	border: 1px solid #ddd;
	box-shadow: 0 0 2px #eee;
	border-radius: 5px;
	margin-bottom: 10px
}
.qs .title{
	color: #444;
	font-size: 0.94em
}
.qs .text{
	color: #888;
	font-size: 0.8em;
	margin: 5px 0;
}
.qs .ans{
	color: #444;
	font-size: 0.8em;
	margin: 10px 5px;
	background-color: #eee;
	padding: 8px 5px;
	border: 1px solid #ccc;
	border-radius: 5px
}
.panel-footer > .war {
	color: #666;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.panel-footer > .war i{
	font-size: 1.2em;
	color: #FA006D;
	margin-left: 5px
}
#footer{
	border-bottom: 1px solid #ddd;
	padding: 10px 3px;
}
#footer ul{
	text-align: center;
	margin: 0;
	padding: 0
}
#footer ul li{
	list-style-type: none;
	display: inline-table;
	font-size: 0.8em;
	margin: 0 8px;
}
#footer ul li a{
	color: #777;
	text-decoration: none;
	padding: 6px 8px
}
#footer ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
	margin-top:6px;
    background: #bbb;
    transition: width .3s;
}
#footer ul li:hover::after {
  width: 100%;
}
.textpage .title{
	margin-top: 20px;
	color: #e43774;
    font-size: 1.1em;
}
.topbar ul li .newmsg{
	position: absolute;
	top: -10px;
	right: 40px;
	background-color: rgb(255, 255, 255);
	min-width: 20px;
	border-radius: 100px;
	color: #21010c;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
#rightmenu ul li .newmsg{
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgb(255, 0, 0);
	min-width: 20px;
	border-radius: 100px;
	color: #ffffff;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
.topbar .back .newmsg{
	position: absolute;
	top: -10px;
	right: 40px;
	background-color: rgb(255, 255, 255);
	min-width: 20px;
	border-radius: 100px;
	color: #21010c;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
.topbar ul li .newsupp{
	position: absolute;
	top: -10px;
	right: 55px;
	background-color: rgb(255, 255, 255);
	min-width: 20px;
	border-radius: 100px;
	color: #21010c;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
#rightmenu ul li .newsupp{
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgb(255, 0, 0);
	min-width: 20px;
	border-radius: 100px;
	color: #ffffff;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
.topbar .back .newsupp{
	position: absolute;
	top: -10px;
	right: 40px;
	background-color: rgb(255, 255, 255);
	min-width: 20px;
	border-radius: 100px;
	color: #21010c;
	display: none;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
.topbar ul li {
	position: relative;
}
#rightmenu ul li{
	position: relative;
}
.item-star{
	color: #ef5151;
	font-size: 14px;
	line-height: 0px;
	font-weight: bold;
}

.modal-header{
	background-color: #e43774;
	color: white;
	text-align: center;
}
.fnloader{
	display: none;	
}
.fnbox{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 150;
	background-color: rgba(0,0,0,0.6);
	display: table;
	width: 100%;
	height: 100%;
}
.fnbox .imgbox{
	text-align: center;
    margin-top: 20px;
    vertical-align:middle;
  display: table-cell;
}
.fnbox .imgbox img{
	border:2px solid white;
	display: inline-table;
	max-height: 94vh;
}
#contextMenu {
  position: fixed;
  z-index:150;
  display:none;
}
 #contextMenu i ,#contextMenu2 i{
	margin-left: 6px;
 	color: #e55073;
}
#contextMenu li,#contextMenu2 li{
	padding: 0 7px;
 	font-size: 0.85em;
	cursor: pointer;
}
 #contextMenu ul,#contextMenu2 ul{
	min-width: 115px !important;
}
#contextMenu li:FIRST-CHILD i{
	color: #008f51;
}
#contextMenu2 {
  position: fixed;
	z-index:150;
  display:none;
} 

.img-circle {
    border-radius: 50%;
    border: 2px solid #449bb8 !important;
}

.img-circle2 {
    border-radius: 50%;
    border: 2px solid #f20070 !important;
}
.img-circle3 {
    border: 2px solid #449bb8 !important;
}

.img-circle4 {
    border: 2px solid #f20070 !important;
}
.dropdown-menu a {
    display: block;
    text-align: right;
    padding: 4px 5px 5px 0;
    color: black;
    font-size: 12px;
    text-decoration: none;
	border-bottom: 1px solid #eee;
}
.dropdown-menu a:LAST-CHILD {
	border-bottom: none;
	padding-bottom: 0
}
.citylink ul{
	background-color: white;
	padding: 10px;
}
.citylink ul a{
	color: #427e96;
}
.citylink ul li{
	text-decoration: none;
	list-style: none;
	display: inline-block;
	width: 300px;
	margin: 10px;
	text-align: center;
}
.demo{
	background-color: white;
	padding: 10px;
	margin-bottom: 10px;
}
.demoheader{
	font-weight: bold;
	text-align: center;
	padding: 10px;
	background-color: #e53774;
	border-radius: 8px;
	color: white;
}
.ezdevajmov{
    background-color: white;
    padding: 10px;
}
.ezdevajmov pre{
    background-color: inherit;!important;
    border: none!important;
    font-family: yekan;
}
.ezdevajmov H1,H2,H3,H4,H5,H6{
    font-family: yekan;
}
.ezdevajmov video{
    width: 80%;
}
.ezdevajmov .videowraper{
    text-align: center;
}

.charity{
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
	color: #05770a;
}
#header2{
    border-top: 1px solid #ddd;
    padding: 10px 3px;
}
#header2 ul{
    text-align: center;
    margin: 0;
    padding: 0
}
#header2 ul li{
    list-style-type: none;
    display: inline-table;
    font-size: 0.8em;
    margin: 0 8px;
}
#header2 ul li a{
    color: #777;
    text-decoration: none;
    padding: 6px 8px
}
#header2 ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    margin-top:6px;
    background: #bbb;
    transition: width .3s;
}
#header2 ul li:hover::after {
    width: 100%;
}
.charity{
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
	color: #05770a;
}
.charitywraper{
	max-width: 600px;
	margin: 0 auto;
}
.charityplantext{
	font-size: 12px;
}
.charitytitle{
	font-weight: bold;
}

.charityimg img{
	max-height: 60px;
}
.charityimg .inverse{
	transform: rotateY(180deg);
}
.charityplanimg img{
	max-height: 45px;
}
.charityplanimg .inverse{
	transform: rotateY(180deg);
}



/* slide show */

#slideshowWrapper{    position: absolute; top: 71px; right: 101px; width: 215px; margin: auto;}
#fssPrev{display: none;}
#fssNext{display: none;}
#fssPlayPause{display: none;}

ul#slideshow{list-style:none;padding:0;margin:auto;width:215px!important;height:376px!important;overflow:hidden;}
ul#slideshow li{width:215px!important;height:376px!important;}
ul#slideshow li img{width:215px!important;height:376px!important;}
#fssList{display: none}


/* index blog */

.box{
	background-color: white;
	border-radius: 4px;
	margin-bottom: 20px
}
.box .title{
	border-bottom: 1px solid #eba1c3
}
.box .title span{
	padding: 5px 10px;
	border-bottom: 3px solid #f05fa2;
	display: inline-block;
}
.post .time {
	text-align: left;
	font-size: .85em;
	color: #666;
}
#footer ul li{
	position: relative;
}
#footer ul ul{
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	background-color: #fcfcfc;
	border-radius: 5px;
	z-index: 100;
	width: max-content;
}
#footer ul ul li{
	display: block;
	position: relative;
	line-height: 25px;
	padding: 2px 8px;
	font-size: .9em;
}
#footer ul ul li a{
	text-decoration: none;
}

#footer ul ul ul{
	position: absolute;
	right: 100%;
	top: 0;
	display: none;
	background-color: #efefef;

}
#footer ul ul ul li{
	display: block;
}

#footer li:hover > ul {
	display: block;
	visibility: visible;
}