@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 900;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Black.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: bold;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Bold.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 500;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Medium.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 300;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Light.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: 200;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_UltraLight.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: normal;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/iransans/FaNum/ttf/IRANSansWeb.ttf') format('truetype');
}

@font-face {
font-family: 'WMitra';
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebMitra.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebMitra.eot?#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebMitra.woff') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebMitra.ttf') format('truetype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebMitra.svg#WebMitra') format('svg');
font-weight: normal;
font-style: normal;
unicode-range: U+0600 – 06 FF;
}
@font-face {
font-family: 'WYekan';
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebYekan.eot');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebYekan.eot#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebYekan.woff') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebYekan.ttf') format('truetype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/WebYekan.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: Vazir;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir.eot?v=2-RC10');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir.eot?v=2-RC10#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir.woff?v=2-RC10') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir.ttf?v=2-RC10') format('truetype');
font-weight: normal;
}

@font-face {
font-family: Vazir;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold.eot?v=2-RC10');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold.eot?v=2-RC10#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold.woff?v=2-RC10') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold.ttf?v=2-RC10') format('truetype');
font-weight: bold;
}




@font-face {
font-family: Vazir-fa;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-persian-digits-overwrite.eot?v=2-RC10');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-persian-digits-overwrite.eot?v=2-RC10#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-persian-digits-overwrite.woff?v=2-RC10') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-persian-digits-overwrite.ttf?v=2-RC10') format('truetype');
font-weight: normal;
}

@font-face {
font-family: Vazir-fa;
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold-persian-digits-overwrite.eot?v=2-RC10');
src: url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold-persian-digits-overwrite.eot?v=2-RC10#iefix') format('embedded-opentype'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold-persian-digits-overwrite.woff?v=2-RC10') format('woff'),
url('https://ehraz.whc.ir/cache/1753766794/default/theme/assets/fonts/persian_fonts/Vazir-Bold-persian-digits-overwrite.ttf?v=2-RC10') format('truetype');
font-weight: bold;
}



/* <style> /**/

/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background-color: white;
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
/* keep focus styles for a11y
:focus {
	outline: 0 none;
}*/
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
strike, del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
[hidden] { 
	display: none !important;
}/* <style> /**/

/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-col-alt:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { position: relative; }

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

/* ***************************************
	Grid
*************************************** */

/*<style>/**/

.elgg-col {
	float: left;
}
.elgg-col-alt {
	float: right;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}
/* <style> /**/

/* ***************************************
	Typography
*************************************** */
body {
	font-size: 80%;
	line-height: 1.4em;
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
}

a {
	color: #4690D6;
}

a:hover,
a:focus,
a.selected { 	color: #555555;
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}

p:last-child {
	margin-bottom: 0;
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 12px;

	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */

}

pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}

code {
	padding:2px 3px;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace;
}

blockquote {
	line-height: 1.3em;
	padding:3px 15px;
	margin:0px 0 15px 0;
	background:#EBF5FF;
	border:none;
	border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #0054A7;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px}
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

.elgg-heading-site,
.elgg-heading-site:hover,
.elgg-heading-site:focus {
	font-size: 2em;
	line-height: 1.4em;
	color: white;
	font-style: italic;
	font-family: Georgia, times, serif;
	text-shadow: 1px 2px 4px #333;
	text-decoration: none;
}
.elgg-heading-site:hover,
.elgg-heading-site:focus {
	text-shadow: 1px 2px 8px #000;
}

.elgg-heading-main {
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #0054A7;
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-subtext {
	color: #666666;
	font-size: 85%;
	line-height: 1.2em;
	font-style: italic;
}

.elgg-subtext time {
	color: #666;
}

.elgg-text-help {
	display: block;
	font-size: 85%;
	font-style: italic;
}

.elgg-quiet {
	color: #666;
}

.elgg-loud {
	color: #0054A7;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output {
	margin-top: 10px;
}

.elgg-output dt { font-weight: bold }
.elgg-output dd { margin: 0 0 1em 1em }

.elgg-output ul, .elgg-output ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: .4em;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
	height: auto;
}
/* <style> /**/

/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
fieldset > div:last-child {
	margin-bottom: 0;
}
.elgg-form-alt > fieldset > .elgg-foot {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

label {
	font-weight: bold;
	color: #333;
	font-size: 110%;
}
label.elgg-state-disabled {
	opacity: 0.6;
}

input, textarea {
	border: 1px solid #ccc;
	color: #666;
	font: 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 100%;	
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=url]:focus,
textarea:focus {
	border: solid 1px #4690d6;
	background: #e4ecf5;
	color:#333;
	/* We remove outlines from specific input types so we can leave the browser
	   defaults (like glows) for everything else */
	outline: 0 none;
}

.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	border-radius:0;
	width:auto;
}
input[type="number"] {
	-moz-appearance: textfield;
}
.elgg-input-checkbox + label,
.elgg-input-checkbox + .elgg-field-label {
	display: inline-block;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radios.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}

.elgg-form-login, .elgg-form-account {
	max-width: 475px;
	margin: 0 auto;
}

.elgg-fieldset-has-legend {
	border: 1px solid #dedede;
	padding: 10px;
}

.elgg-fieldset-horizontal .elgg-field {
    display: inline-block;
    margin: 0 10px 0 0;
}

.elgg-fieldset-horizontal.elgg-justify-right .elgg-field {
    margin: 0 0 0 10px;
}

.elgg-fieldset-horizontal.elgg-justify-center .elgg-field {
    margin: 0 5px;
}

/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-main-wrapper {
	margin-bottom: 15px;
}
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 730px;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;
	border-radius: 8px;	
	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #4690D6;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/friendspicker.png) no-repeat left top;
}
.friends-picker-navigation-r {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/friendspicker.png) no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/friendspicker.png) no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/friendspicker.png) no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;
	border-radius: 8px;	
	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	AUTOCOMPLETE
*************************************** */
.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index: 10000;
}
.elgg-autocomplete-item .elgg-body {
	max-width: 600px;
}
.ui-autocomplete {
	background-color: white;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item {
	padding: 0px 4px;
	border-radius: 5px;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #eee;
}
.ui-autocomplete a:hover {
	text-decoration: none;
	color: #4690D6;
}
.ui-autocomplete a.ui-state-hover {
	background-color: #eee;
	display: block;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ***************************************
	USER PICKER
*************************************** */
.elgg-user-picker-list li:first-child {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
}
.elgg-user-picker-list > li {
	border-bottom: 1px dotted #ccc;
}
.elgg-user-picker.elgg-state-disabled > input,
.elgg-user-picker.elgg-state-disabled > label {
	display: none;
}
.elgg-user-picker-remove {
	cursor: pointer;
}

/* ***************************************
      DATE PICKER
**************************************** */
.ui-datepicker {
	display: none;

	margin-top: 3px;
	background-color: white;
	border: 1px solid #0054A7;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.ui-datepicker-inline {
	box-shadow: none;
	max-width: 225px;
}

.ui-datepicker-header {
	position: relative;
	background: #4690D6;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #0054A7;
}
.ui-datepicker-header a {
	color: white;
}
.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	top: 5px;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 6px;
}
.ui-datepicker-next {
	right: 6px;
}
.ui-datepicker-title {
	line-height: 1.8em;
	margin: 0 30px;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker-calendar {
	margin: 4px;
}
.ui-datepicker th {
	color: #0054A7;
	border: none;
	font-weight: bold;
	padding: 5px 6px;
	text-align: center;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 2px;
	line-height: 1.2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
	border: 1px solid #ccc;
	color: #4690D6;;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
	color: #0054A7;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
	border: 1px solid #0054A7;
	color: #0054A7;
	background: #E4ECF5;
}
/* <style> /**/

/* **************************
	BUTTONS
************************** */

/* Base */
.elgg-button {
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	background-color: #ccc;
}
a.elgg-button {
	padding: 3px 6px;
}

.elgg-button:hover,
.elgg-button:focus {
	background: #eee;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: white;
	text-shadow: 1px 1px 0px black;
	text-decoration: none;
	border: 1px solid #4690d6;
	background: #4690d6 url(https://ehraz.whc.ir/cache/1753766794/default/button_graduation.png) repeat-x left 10px;
}

.elgg-button-submit:hover,
.elgg-button-submit:focus {
	border-color: #0054a7;
	text-decoration: none;
	color: white;
	background: #0054a7 url(https://ehraz.whc.ir/cache/1753766794/default/button_graduation.png) repeat-x left 10px;
}

/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
.elgg-button-cancel {
	color: #333;
	background: #ddd url(https://ehraz.whc.ir/cache/1753766794/default/button_graduation.png) repeat-x left 10px;
	border: 1px solid #999;
}
.elgg-button-cancel:hover,
.elgg-button-cancel:focus {
	color: #444;
	background-color: #999;
	background-position: left 10px;
	text-decoration: none;
}

/* Action: This button should convey a normal, inconsequential action, such as clicking a link */
.elgg-button-action {
	background: #ccc url(https://ehraz.whc.ir/cache/1753766794/default/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 2px 15px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: none;
}

.elgg-button-action:hover,
.elgg-button-action:focus {
	background: #ccc url(https://ehraz.whc.ir/cache/1753766794/default/button_background.gif) repeat-x 0 -15px;
	color: #111;
	text-decoration: none;
	border: 1px solid #999;
}

/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #333;
	background: #555 url(https://ehraz.whc.ir/cache/1753766794/default/button_graduation.png) repeat-x left 10px;
	text-shadow: 1px 1px 0px black;
}
.elgg-button-delete:hover,
.elgg-button-delete:focus {
	color: #999;
	background-color: #333;
	background-position: left 10px;
	text-decoration: none;
}

.elgg-button-dropdown {
	padding:3px 6px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	position:relative;
	margin-left:0;
	color: white;
	background-color: transparent;
	border:1px solid #71B9F7;
	border-radius:4px;
	box-shadow: 0 0 0;
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size:smaller;
}

.elgg-button-dropdown:hover {
	background-color:#71B9F7;
	text-decoration:none;
}
.elgg-button-dropdown:focus {
	text-decoration: none;
}
.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	outline: none;
	color: #333;
	border:1px solid #ccc;
	border-radius:4px 4px 0 0;
}

.elgg-button:disabled,
.elgg-button.elgg-state-disabled {
	background: #999;
	border-color: #999;
	color: #666;
	text-shadow: 0 0;
	text-decoration: none;
	cursor: default;
}
/* <style> /**/

/* ***************************************
	ICONS
*************************************** */
.elgg-icon {
	color: #CCC;
	font-size: 18px;
	line-height: 1em;
	margin: 0 2px;
}

:focus > .elgg-icon,
.elgg-icon:hover,
.elgg-icon-hover {
	color: #4690D6;
}

h1 > .elgg-icon,
h2 > .elgg-icon,
h3 > .elgg-icon,
h4 > .elgg-icon,
h5 > .elgg-icon,
h6 > .elgg-icon {
	font-size: 1em;
}

.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}
.elgg-avatar > .elgg-icon-hover-menu:before {
	position: absolute;
	right: 2px;
	bottom: 0px;
}

.elgg-ajax-loader {
	background: white url(https://ehraz.whc.ir/cache/1753766794/default/ajax_loader_bw.gif) no-repeat center center;
	min-height: 31px;
	min-width: 31px;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display: inline-block;
}
.elgg-avatar > a > img {
	display: block;
}
.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;

	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	border-radius: 3px;

	background-clip:  border;
	background-size: 25px;
}
.elgg-avatar-small > a > img {
	width: 40px;
	height: 40px;

	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	border-radius: 5px;

	background-clip:  border;
	background-size: 40px;
}
.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}
.elgg-avatar-large {
	width: 100%;
}
.elgg-avatar-large > a > img {
	width: 100%;
	height: auto;
}
.elgg-state-banned {
	opacity: 0.5;
}/* <style> /**/

/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 10px 0;
	display: block;
	text-align: center;
}
.elgg-pagination li {
	display: inline-block;
	margin: 0 6px 0 0;
	text-align: center;
}
.elgg-pagination a, .elgg-pagination span {
	border-radius: 4px;
	display: block;
	padding: 2px 6px;
	color: #4690d6;
	border: 1px solid #4690d6;
	font-size: 12px;
}
.elgg-pagination a:hover,
.elgg-pagination a:focus {
	background: #4690d6;
	color: white;
	text-decoration: none;
}
.elgg-pagination .elgg-state-disabled span {
	color: #CCCCCC;
	border-color: #CCCCCC;
}
.elgg-pagination .elgg-state-selected span {
	color: #555555;
	border-color: #555555;
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
	margin-bottom: 5px;
	border-bottom: 2px solid #cccccc;
	display: table;
	width: 100%;
}
.elgg-tabs li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	border-radius: 5px 5px 0 0;
}
.elgg-tabs a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0 10px;
	text-align: center;
	height: 21px;
	color: #999;
}
.elgg-tabs a:hover {
	background: #dedede;
	color: #4690D6;
}
.elgg-tabs .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after {
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
}
.elgg-breadcrumbs > li > a:hover,
.elgg-breadcrumbs > li > a:focus {
	color: #0054a7;
	text-decoration: underline;
}

.elgg-main .elgg-breadcrumbs {
	position: relative;
	top: -6px;
	left: 0;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float: left;
}

.elgg-menu-topbar > li > a {
	padding-top: 2px;
	color: #eee;
	margin: 1px 15px 0;
}

.elgg-menu-topbar > li > a:hover,
.elgg-menu-topbar > li > a:focus {
	color: #4690D6;
	text-decoration: none;
}

.elgg-menu-topbar-alt {
	float: right;
}

.elgg-menu-topbar .elgg-icon {
	vertical-align: middle;
	margin-top: -1px;
}

.elgg-menu-topbar > li > a.elgg-topbar-logo {
	margin-top: 0;
	padding-left: 5px;
	width: 38px;
	height: 20px;
}

.elgg-menu-topbar > li > a.elgg-topbar-avatar {
	width: 18px;
	height: 18px;
}

/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site {
	z-index: 50;
}

.elgg-menu-site > li > a {
	font-weight: bold;
	padding: 3px 13px 0px 13px;
	height: 20px;
}

.elgg-menu-site > li > a:hover {
	text-decoration: none;
}

.elgg-menu-site-default {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 23px;
}

.elgg-menu-site-default > li {
	float: left;
	margin-right: 1px;
}

.elgg-menu-site-default > li > a {
	color: white;
}

.elgg-menu-site > li > ul {
	display: none;
	background-color: white;
}

.elgg-menu-site > li:hover > ul {
	display: block;
}

.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a {
	background: white;
	color: #555;
	box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 0 0;
}

.elgg-menu-site-more {
	position: relative;
	left: -1px;
	width: 100%;
	min-width: 150px;
	border: 1px solid #999;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.elgg-menu-site-more > li > a {
	background-color: white;
	color: #555;
	border-radius: 0;
	box-shadow: none;
}

.elgg-menu-site-more > li > a:hover,
.elgg-menu-site-more > li > a:focus {
	background: #4690D6;
	color: white;
}

.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
	border-radius: 0 0 4px 4px;
}

.elgg-more > a:before {
	content: "\25BC";
	font-size: smaller;
	margin-right: 4px;
}

/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */
.elgg-menu-filter {
	margin-bottom: 5px;
	border-bottom: 2px solid #ccc;
	display: table;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	border-radius: 5px 5px 0 0;
}
.elgg-menu-filter > li:hover {
	background: #dedede;
}
.elgg-menu-filter > li > a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0;
	text-align: center;
	height: 21px;
	color: #999;
}
.elgg-menu-filter > li > a:hover {
	background: #dedede;
	color: #4690D6;
}
.elgg-menu-filter > li > a:focus {
	text-decoration: underline;
}
.elgg-menu-filter > .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-menu-filter > .elgg-state-selected > a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	margin-bottom: 15px;
}

.elgg-menu-page a {
	display: block;
	border-radius: 5px;
	background-color: white;
	margin: 0 0 3px;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-page a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #4690D6;
	color: white;
}
.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-state-selected > .elgg-child-menu {
	display: block;
}
.elgg-menu-page .elgg-menu-closed:before, .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\25B8";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\25BE";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	overflow: hidden;

	min-width: 165px;
	max-width: 250px;
	
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover.elgg-ajax-loader {
	padding-top: 20px;
	padding-bottom: 20px;
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover,
.elgg-menu-hover a:focus {
	background: #ccc;
	text-decoration: none;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover,
.elgg-menu-hover-admin a:focus {
	color: white;
	background-color: red;
}

/* ***************************************
	SITE FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-footer > li:after {
	content: "\007C";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float: right;
}

.elgg-menu-footer-alt {
	float: left;
}

.elgg-menu-footer-meta {
	float: left;
}

/* ***************************************
	GENERAL MENU
*************************************** */
.elgg-menu-general > li,
.elgg-menu-general > li > a {
	display: inline-block;
	color: #999;
}

.elgg-menu-general > li:after {
	content: "\007C";
	padding: 0 4px;
}

/* ***************************************
	ENTITY AND ANNOTATION
*************************************** */
.elgg-menu-entity, .elgg-menu-annotation {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-entity > li, .elgg-menu-annotation > li {
	margin-left: 15px;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	color: #aaa;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	display: block;
}
.elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
	vertical-align: baseline;
	font-style: italic;
}

/* ***************************************
	OWNER BLOCK
*************************************** */
.elgg-menu-owner-block li a {
	display: block;
	border-radius: 5px;
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-owner-block li a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-owner-block li.elgg-state-selected > a {
	background-color: #4690D6;
	color: white;
}

/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-river > li {
	display: inline-block;
	margin-left: 5px;
}
.elgg-menu-river > li > a {
	color: #aaa;
	height: 16px;
}
.elgg-menu-river > li > a {
	display: block;
}
.elgg-menu-river > li > span {
	vertical-align: baseline;
}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras {
	margin-bottom: 15px;
}
.elgg-menu-extras a:focus span {
	outline: thin dotted #000;
}

/* ***************************************
	WIDGET MENU
*************************************** */
.elgg-menu-widget > li {
	position: absolute;
	top: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
}

.elgg-menu-widget > .elgg-menu-item-collapse {
	left: 5px;
}
.elgg-menu-widget > .elgg-menu-item-delete {
	right: 5px;
}
.elgg-menu-widget > .elgg-menu-item-settings {
	right: 25px;
}
/* <style> /**/

/* ***************************************
	Modules
*************************************** */
.elgg-module {
	overflow: hidden;
	margin-bottom: 20px;
}

/* Aside */
.elgg-module-aside .elgg-head {
	border-bottom: 1px solid #CCC;
	
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* Info */
.elgg-module-info > .elgg-head {
	background: #e4e4e4;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.elgg-module-info > .elgg-head * {
	color: #333;
}

/* Popup */
.elgg-module-popup {
	background-color: white;
	border: 1px solid #ccc;	
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.elgg-module-popup > .elgg-head {
	margin-bottom: 5px;
}
.elgg-module-popup > .elgg-head * {
	color: #0054A7;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color:white;
	border:5px solid #CCC;
	border-radius: 5px 0 5px 5px;	
	display:none;
	width: 210px;
	padding: 12px;
	margin-right: 0px;
	z-index:100;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);	
	position:absolute;
	right: 0px;
	top: 100%;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid #4690D6;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: #4690D6;
}
.elgg-module-featured > .elgg-head * {
	color: white;
}
.elgg-module-featured > .elgg-body {
	padding: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widget-add-control .elgg-button {
	display: inline;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
	background-color: #dedede;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
	background-color: #ccc;
}
.elgg-module-widget > .elgg-head {
	background-color: #eeeeee;
	height: 26px;
	overflow: hidden;
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 4px 45px 0 20px;
	color: #666;
}
.elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
	cursor: move;
}
a.elgg-widget-collapse-button {
	color: #c5c5c5;
}
a.elgg-widget-collapse-button:hover,
a.elgg-widget-collapsed:hover {
	color: #9d9d9d;
	text-decoration: none;
}
a.elgg-widget-collapse-button:before {
	content: "\25BC";
}
a.elgg-widget-collapsed:before {
	content: "\25BA";
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #dedede;
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
	background-color: #f9f9f9;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}
/* <style> /**/

/* ***************************************
	Image Block
*************************************** */
.elgg-image-block {
	padding: 3px 0;
}
.elgg-image-block .elgg-image {
	float: left;
	margin-right: 5px;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}
.elgg-avatar > a:focus > img,
.elgg-image > a:focus > img {
	opacity: .7;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0;
	clear: both;
}
.elgg-list > li {
	border-bottom: 1px dotted #CCCCCC;
}

.elgg-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-item .elgg-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid > li {
	float: left;
}
.elgg-gallery-users > li {
	margin: 0 2px;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt th {
	background-color: #eee;
	font-weight: bold;
}
.elgg-table-alt td, .elgg-table-alt th {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	opacity: 0.9;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #4690D6;
}
.elgg-message a {
	color: inherit;
	text-decoration: underline;
}

/* ***************************************
	River
*************************************** */
.elgg-list-river {
	border-top: 1px solid #CCC;
}
.elgg-list-river > li {
	border-bottom: 1px solid #CCC;
}
.elgg-river-item {
	padding: 7px 0;
}
.elgg-river-item .elgg-pict {
	margin-right: 20px;
}
.elgg-river-timestamp {
	color: #666;
	font-size: 85%;
	font-style: italic;
	line-height: 1.2em;
}

.elgg-river-attachments,
.elgg-river-message,
.elgg-river-content {
	border-left: 1px solid #CCC;
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 5px 0;
	padding-left: 5px;
}
.elgg-river-attachments .elgg-avatar,
.elgg-river-attachments .elgg-icon {
	float: left;
}
.elgg-river-layout .elgg-river-selector {
	float: right;
	margin: 13px 0 18px;
}
.elgg-river-selector select {
	margin-left: 5px;
	vertical-align: text-top;
}

.elgg-river-comments-tab {
	display: block;
	background-color: #EEE;
	color: #aaa;
	margin-top: 5px;
	width: auto;
	float: right;
	font-size: 85%;
	padding: 1px 7px;
	border-radius: 5px 5px 0 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}
.elgg-river-comments li:first-child {
	border-radius: 5px 0 0;
}
.elgg-river-comments li:last-child {
	border-radius-bottomleft: 0 0 5px 5px;
}
.elgg-river-comments > li {
	background-color: #EEE;
	border-bottom: none;
	padding: 4px;
	margin-bottom: 2px;
}
.elgg-river-comments .elgg-media {
	padding: 0;
}
.elgg-river-more {
	background-color: #EEE;
	border-radius: 5px;	
	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

.elgg-river-item form {
	background-color: #EEE;
	padding: 4px;
	border-radius: 5px;	
	height: 30px;
}
.elgg-river-item input[type=text] {
	width: 80%;
}
.elgg-river-item input[type=submit] {
	margin: 0 0 0 10px;
}


/* **************************************
	Comments (from elgg_view_comments)
************************************** */
.elgg-comments {
	margin-top: 25px;
}
.elgg-comments > form {
	margin-top: 15px;
}
.elgg-river-item .elgg-form-comment-save {
	height: auto;
}

/* Comment highlighting that automatically fades away */
.elgg-comments .elgg-state-highlight,
.elgg-river-comments .elgg-state-highlight {
	-webkit-animation: comment-highlight 5s; /* Chrome, Safari, Opera */
	animation: comment-highlight 5s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes comment-highlight {
	from {background: #dff2ff;}
	to {background: white;}
}
/* Standard syntax */
@keyframes comment-highlight {
	from {background: #dff2ff;}
	to {background: white;}
}

/* ***************************************
	Image-related
*************************************** */
.elgg-photo {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: white;
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	font-size: 85%;
}
.elgg-tags > li {
	float:left;
	margin-right: 5px;
}
.elgg-tags li.elgg-tag:after {
	content: ",";
}
.elgg-tags li.elgg-tag:last-child:after {
	content: "";
}
/* <style> /**/

/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 800px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	max-width: 990px;
	margin: 0 auto;
	height: 90px;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	max-width: 990px;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	max-width: 990px;
	margin: 0 auto;
	padding: 5px 0;
	border-top: 1px solid #DEDEDE;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(https://ehraz.whc.ir/cache/1753766794/default/toptoolbar_background.gif) repeat-x top left;
	border-bottom: 1px solid #000000;
	padding: 0 10px;
	position: relative;
	height: 24px;
	z-index: 9000;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages {
	position: fixed;
	top: 24px;
	right: 20px;
	max-width: 500px;
	z-index: 2000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	padding: 0 10px;
	position: relative;
	background: #4690D6 url(https://ehraz.whc.ir/cache/1753766794/default/header_shadow.png) repeat-x bottom left;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-page-body {
	padding: 0 10px;
}

.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
	background: transparent url(https://ehraz.whc.ir/cache/1753766794/default/sidebar_background.gif) repeat-y right top;
}
.elgg-layout-two-sidebar {
	background: transparent url(https://ehraz.whc.ir/cache/1753766794/default/two_sidebar_background.gif) repeat-y right top;
}
.elgg-layout-widgets > .elgg-widgets {
	float: right;
}
.elgg-sidebar {
	position: relative;
	padding: 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
}
.elgg-sidebar-alt {
	position: relative;
	padding: 20px 10px;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}
.elgg-main {
	position: relative;
	min-height: 360px;
	padding: 10px;
}
.elgg-main > .elgg-head {
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
	color: #999;
	padding: 0 10px;
	position: relative;
}

.elgg-page-footer a:hover {
	color: #666;
}
/* <style> /**/

/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	border-radius: 8px;	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}
/* ***************************************
	FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
    /* general spinner styles */
    background: #fff;
    padding: 10px;
    border: 1px solid #CCC;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    /* negative half the width for proper centering */
    margin-left: -25.5px;

    position: fixed;
    top: 0;
    z-index: 10000;

    /* transitioned values */
    left: -10000px;
    opacity: 0;

    /* fade out over 300ms, then jump offscreen */
    -webkit-transition: opacity 300ms ease-in-out, left 0s linear 300ms;
    transition: opacity 300ms ease-in-out, left 0s linear 300ms;
}

.elgg-spinner-active .elgg-spinner {
    left: 50%;
    opacity: 1;

    /* set values immediately */
    -webkit-transition: opacity 0s, left 0s;
    transition: opacity 0s, left 0s;
}
/**
 * Hack that reduces size inconsistencies within Font awesome icons
 */

.fa-mobile-phone:before,
.fa-mobile:before,
.fa-remove:before,
.fa-close:before,
.fa-times:before,
.fa-caret-down:before,
.fa-caret-down:before {
	font-size: larger !important;
}/* <style> /**/

.clearfloat { 
	clear: both;
}

.hidden,
.elgg-page .hidden,
.elgg-menu > li.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center,
.elgg-justify-center {
	text-align: center;
}

.elgg-justify-right {
	text-align: right;
}

.elgg-justify-left {
	text-align: left;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover,
.elgg-transition:focus,
:focus > .elgg-transition {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}/* <style> /**/
/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	border: 2px solid #eee;
	border-radius: 8px;
	margin: 0 5px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	border-radius: 8px;	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	border-radius: 8px;	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	border-radius: 4px;	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	border-radius: 4px;	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	border-radius: 4px;	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	margin: 10px 0;
	padding: 20px;
	color: #B94A48;
	background-color: #F8E8E8;
	border: 1px solid #E5B7B5;
	border-radius: 5px;
}
.profile-banned-user h4 {
	color: #B94A48;
}
/*<style>*/
/*** Elgg Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}
.developers-gear {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	cursor: pointer;
	padding: 5px 8px;
}
.developers-gear-popup {
	text-align: right;
}
.developers-gear-popup > section {
	display: inline-block;
	width: 16em;
	padding: 0 20px 20px 0;
	text-align: left;
	vertical-align: top;
}
.developers-gear-popup > section.developers-form {
	width: 20em;
}
.developers-gear-popup h2 {
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-child-menu {
	margin-left: 20px;
	margin-bottom: 10px;
}
.developers-gear-popup .elgg-menu-parent,
.developers-gear-popup .elgg-menu-parent:hover {
	color: #000;
	text-decoration: none;
	cursor: default;
}
.developers-gear-popup .elgg-text-help {
	display: none;
}
.developers-gear-popup label {
	font-weight: inherit;
	font-size: inherit;
}
.developers-gear-popup fieldset > div {
	margin-bottom: 10px;
}
.developers-gear-popup #developer-settings-form  label .elgg-icon-info,
.developers-gear-popup #developer-settings-form  label .elgg-text-help {
	margin-left: 10px;
	vertical-align: text-top;
	cursor: pointer;
}
.developers-gear-popup #developer-settings-form .elgg-foot {
	margin-top: 15px;
	margin-bottom: 0;
}.file-photo {
	text-align: center;
	margin: 15px 0;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/notifications/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/notifications/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/notifications/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://ehraz.whc.ir/cache/1753766794/default/notifications/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}




.login-as-arrow {
	vertical-align: top;
	color: white;
	font-weight: bold;
}

.login-as-arrow:hover {
	color: white;
}
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; background: white; border: 1px solid #CCCCCC; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-checkboxes .ui-state-hover {
	background: #CCCCCC;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.custom_fields_more_info {
	width: 16px;
	height: 16px;
	margin: 0 2px 0 5px;
	display: inline-block;
	vertical-align: top;
	background: transparent url(https://ehraz.whc.ir/_graphics/elgg_sprites.png) 0 -486px;
	cursor: pointer;
}
.custom_fields_more_info:hover {
	background-position: 0 -468px;
}

#custom_fields_more_info_tooltip {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
	z-index:20000;
}/* widgets */
#widget_profile_completeness_container {
	border: 1px solid #AAAAAA;
	position: relative;
}

#widget_profile_completeness_progress {
	position: absolute;
	line-height: 20px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#widget_profile_completeness_progress_bar {
	background: #00FF00;
	height: 20px;
}

#custom_fields_userdetails.ui-accordion {
	margin-bottom: 10px;
}

#custom_fields_userdetails .ui-accordion-header {
	color: #666666;
	background: #EEEEEE;
	border: 2px solid #DEDEDE;
	cursor: pointer;
	margin-top: 5px;
	padding: 5px;
}

#custom_fields_userdetails .ui-accordion-content {
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 0 2px 2px 2px;
	padding: 5px 5px 0px;
}

#custom_fields_userdetails .ui-accordion-header:hover {
	border-color: #CCCCCC;
}

#custom_fields_userdetails .ui-accordion-header .ui-icon {
	margin-top: 1px;
	background: url(https://ehraz.whc.ir/mod/profile_manager/graphics/accordion.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	float: left;
}

#custom_fields_userdetails .ui-accordion-header:hover .ui-icon{
	background-position: -32px 0;
}

#custom_fields_userdetails .ui-accordion-header.ui-state-active .ui-icon {
	background-position: 0 0;
}

/* profile type */
.custom_profile_type_description {
	display: none;
}

/* fix for max-height multi-select drop down*/
.ui-dropdownchecklist-dropcontainer {
	max-height: 150px;
}
/* end fix */

.profile_manager_profile_edit_tab_content,
li.custom_fields_edit_profile_category {
	display: none;
}

/* registration form */
.elgg-form-register {
	max-width: 100%;
}

.profile_manager_register_input_container {
	white-space:nowrap; /* required for outlining in IE7 */
}

.profile_manager_register_input_container > input {
	padding-right: 25px;
}

/* extra explicit for IE7 */
.elgg-icon.profile_manager_validate_icon {
	margin-left: -22px;
    margin-top: 8px;
    position: absolute;
    display: none;
}

.elgg-icon.profile_manager_validate_icon_loading {
	background-image: url(https://ehraz.whc.ir/mod/profile_manager/graphics/loading.gif);
	display: inline-block;
	
}
.elgg-icon.profile_manager_validate_icon_valid {
	background-position: 0 -126px;
	display: inline-block;
}

.elgg-icon.profile_manager_validate_icon_invalid {
	background-position: 0 -252px;
	display: inline-block;
}

/* register form */
.elgg-form-register .mandatory > label:after {
	content: "*";
}

/* registration field */
#profile_manager_register_left {
	float: left;
	width: 450px;
}

#profile_manager_register_right {
	float: right;
	width: 450px;
}

#profile_manager_register_right > fieldset {
	margin-top: 10px;
}

/* registration form mandatory fields */

.profile_manager_register_missing {
	border: 1px solid red !important;
}

/* Account Username Change */
.profile-manager-account-change-username.elgg-state-active {
	display: none;
}

#profile_manager_username {
	position: relative;
}

.elgg-icon-profile-manager-loading,
.elgg-icon-profile-manager-valid,
.elgg-icon-profile-manager-invalid {
	position: absolute;
	right: 5px;
	top: 8px;
	display: none;
}

.elgg-icon-profile-manager-loading {
	background-image: url(https://ehraz.whc.ir/mod/profile_manager/graphics/loading.gif);
}

.elgg-icon-profile-manager-valid {
	background-position: 0 -126px;
}

.elgg-icon-profile-manager-invalid {

	background-position: 0 -252px;
}

/* End Account Username Change */    .left {
        float: left;
    }

    .contact_manager_portal_modals .modal-dialog {
        max-width: 700px;
    }

    .contact_manager_portal_modals .custom-modal-footer {
        display: none !important;
    }
    .contact_manager_widget .portal-widget{
        background: #fff !important;
    }
    .contact_manager_widget .title-bar {
    }

    .contact_manager_widget .title-bar i.fa {
        font-size: 40px;
        color: #89c4f4;
        margin-top: 20px;
    }

    .contact_manager_widget .title-bar h4 {
        font-weight: bolder;
    }
    .contact_manager_portal_modals.edit_contact .modal-dialog ,
    .contact_manager_portal_modals.add_new_contact .modal-dialog
    {
        /*width: 30% !important;*/
    }
    .rasa-contact-manager-searchable-column-container{
        position: relative;
    }
    [class^=rasa-contact-manager-searchable-column-button]{
        position: absolute;
        left: 4px;
        top: 5px;
        background: transparent;
        border: none;
        outline: none;
    }

    .has-error {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    table.elgg-list.elgg-table.table.table-striped.table-bordered.table-hover.rasa-contact-manager-table th:first-child
    {
        width: 5% !important;
    }
    table.elgg-list.elgg-table.table.table-striped.table-bordered.table-hover.rasa-contact-manager-table th:last-child
    {
        width: 15% !important;
    }

    img.contact-avatar {
        width: 40px;
        height: 40px;
    }

    button.elgg-bootbox.new_bootbox.pull-right.btn.btn-info.add_new_public_contact {
        margin-bottom: 5px;
    }

    .dropdown-menu a.active
    {
        background: #ddd;
    }
    button.bootbox-close-button.close {
        float: left;
    }

    .edit-color {
        color: rgba(0, 111, 138, 0.66);
    }

    .rasa_delegation {
        direction: rtl;
    }

    .add_new_delegation {
        float: left;
    }

    form.elgg-form-delegation-account-add .form-group .form-group {
        margin: 0;
    }

    table.delegation_account_table thead th {
        vertical-align: middle;
        text-align: center;
    }

    table.delegation_account_table tbody > tr > td {
        vertical-align: middle !important;
        text-align: center;
    }

    /*new*/
    .rasa_delegation_portal_modals .custom-modal-footer {
        display: none !important;
    }

    .rasa_delegation_portal_modals iframe.wysihtml5-sandbox {
        height: 100px !important;
    }

    #delegation_account_table {
        position: relative;
    }

    #delegation_account_table > .buttons-container {
        position: absolute;
        left: 2px;
        margin-top: 2px;
    }

    #delegation_account_table .elgg-table th, .elgg-table td {
        max-width: 115px;
    }

    #delegation_account_table .elgg-table th:first-child, .elgg-table td:first-child {
        width: 110px;
    }

    .rasa_delegation_portal_modals.delete_delegation form {
        text-align: center;
    }

    .modal.rasa_delegation_portal_modals .switch input + label > span {
        font-size: 14px;
    }

    .modal.rasa_delegation_portal_modals .switch {
        margin-top: 32px;
        float: right;
    }

    .modal.rasa_delegation_portal_modals .switch input + label {
        width: 82px;
    }

    .rasa_delegation_portal_modals strong.alert-accept-delete {
        margin: 20px auto;
        display: block;
        font-size: 19px;
        color: black;
    }

    #delegation_account_table td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .clear-delegation-date {
        position: absolute;
        left: 20px;
        top: 40px !important;
        padding: 5px;
        color: #bbb !important;
    }

    .whc_portal_manager_form_modal .form-group {
        display: block !important;
    }

    .form-group > label {
        font-weight: 400;
        font-size: 14px;
    }

    .btn-delegation-account-form {
        padding: 15px 0 0 0;
    }

    .modal-backdrop {
        opacity: 0.5 !important;
    }

    .rasa_delegation_portal_modals div.tagsinput span.tag a
    {
        position: relative;
        left: auto;
    }

    .rasa_delegation_portal_modals .modal-dialog
    {
        min-width: 700px;
    }

    .elgg-form-delegation-account-add div.tagsinput input {
        width: auto !important;
    }    .logout-accept-timer {
        padding-right: 3px;
        font-size: 13px;
    }

    .btn-logout-accept {
        font-size: 15px;
    }

    .logout-form-title {
        padding-bottom: 30px;
        font-size: 20px;
    }

    .logout-list {
        margin: 25px auto;
        max-height: 240px;
        overflow-x: hidden;
        overflow-y: auto;
        max-width: 86%;
    }

    .logout-list .logout-row {
        line-height: 2.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%;
        margin: auto;
    }

    .logout-form #logout_desc {
        font-size: 1.04em;
        text-align: center;
        color: #3f51b5;
        margin-bottom: 20px;
    }

    .logout-form {
        top: 0;
        right: 0;
        left: 0;
        z-index: 5;
        padding: 75px 15px;
    }body{
    direction: rtl;
    text-align:rtl;
    font-family : tahoma;
    font-size : 11.25px;
}
input,textarea
{
  font-family : tahoma;
}
#login-dropdown
{
    top: 0;
    left: 10px;
    right: auto;
    padding: 10px;
}

.elgg-menu-site-default{
    left: auto;
    right:0;
}

.elgg-menu-site-default > li {
float: right;
margin-left: 1px;
margin-right: none;
}

.elgg-sidebar {
    float: left;
    margin: 0 10px 0 0;
    padding: 20px 0 0 10px;
    position: relative;
    width: 210px;
}

.elgg-layout-one-sidebar {
    background: transparent url(https://ehraz.whc.ir/mod/rtl/graphics/sidebar_background.gif) repeat-y left top;
}


.elgg-heading-main {
    float: right;
    margin-right: none;
    margin-left: 10px;
    max-width: 530px;
}


.elgg-river-layout .elgg-input-dropdown {
    float: left;
    margin: 10px 0;
}

.elgg-image-block .elgg-image {
    float: right;
    margin-right: none;
    margin-left: 5px;
}

.elgg-river-attachments, .elgg-river-message, .elgg-river-content {
    border-left: 0px;
    border-right: 1px solid #CCCCCC;
    margin: 8px 0 5px;
    padding-left: none;
    padding-right: 5px;
}

.elgg-river-attachments .elgg-avatar, .elgg-river-attachments .elgg-icon {
    float: right;
}

.elgg-icon-arrow-left {
    background-position: 0 -18px;
}
.elgg-icon-arrow-right {
    background-position: 0 -0px;
}

.elgg-search-header
{
    right: auto;
    left:0;
}

.elgg-menu-entity, elgg-menu-annotation {
    float: left;
    margin-left: none;
    margin-right: 15px;
}

.float-alt {
    float: left;
}

.elgg-system-messages {
    left: 20px;
    right: auto;
}

.elgg-menu-river {
    float: left;
    margin-left: none;
    margin-right: 15px;
}

.elgg-menu-filter > li {
    float: right;
}

.elgg-menu-topbar-alt {
    float: left !important;
}

.elgg-menu-topbar > li {
    float: right;
}

.elgg-menu-topbar {
    float: right;
}

.elgg-tabs li
{
    float: right;
}

#thewire-characters-remaining {
float: left;
text-align: left;
}

.elgg-widget-add-control {
    margin: 5px 0 15px 5px;
    text-align: left;
}

.profile {
    float: RIGHT;
}


#profile-owner-block {
    float: right;
}

.elgg-image-block .elgg-image-alt {
    float: left;
    margin-left: auto;
    margin-right: 5px;
}

.elgg-menu-longtext {
    float: left;
}

.elgg-menu-title {
    float: left;
}


.elgg-menu-footer-alt {
    float: right;
}

.elgg-menu-footer-default {
    float: left;
}

.elgg-module-dropdown {
    right: auto;
}
caption, th, td {
    text-align: right;
}


#notificationstable td.namefield {
    text-align: right;
}

.friends-picker-navigation ul li {
    float: right;
}

.elgg-tags > li {
float: right;
margin-right: 0px;
margin-left: 5px;
}


.elgg-subtext {
    padding-right: 1px;
}

.elgg-col {
    float: right;
}

.prl, .phl {
    padding-right: 0px;
    padding-left: 20px;
}


.friends-picker .friends-picker-container .panel {
    float:right;
    background-color: inherit;
}


.friends-picker-container h3 {
    margin: 10px 0 20px !important;
    text-align: right;
}
.friends-picker-navigation-l {
    left: 0px;
    right: auto;
}

.friends-picker-navigation-r {
    left: 48px;
    right: auto;
}

.elgg-module-widget > .elgg-head h3 {
float: right;
padding: 4px 20px 0 45px;
}

.elgg-menu-widget > .elgg-menu-item-collapse {
left: auto;
right: 5px;
}

.elgg-menu-widget > .elgg-menu-item-delete {
right: auto;
left: 5px;
}
.elgg-menu-widget > .elgg-menu-item-settings {
right: auto;
left: 25px;
}


a.elgg-widget-collapsed:before {
content: "\25C0";
}

.elgg-page-header .elgg-inner
{

}

.elgg-form-avatar-crop
{
direction:rtl;
}

.elgg-widgets
{
float:left;
}
.developers-log {
direction: ltr;
}
.elgg-layout-two-sidebar
{
background: none;
}

div.tagsinput span.tag
{
float: right;
margin-left: 5px;
padding: 3px 3px 3px 0;
}
div.tagsinput div
{
float:right;
}
div.tagsinput span.tag a
{
padding: 1px 0px 0 5px;
float: left;
}
/* ***************************************
	SIMPLEPIE
*************************************** */
.simplepie-heading {
	text-align: center;
	margin-bottom: 8px;
}

.simplepie-list img {
	max-width: 100%;
}
.portal-widget .simplepie-list a{
    text-decoration:none;
}
.portal-widget .simplepie-list h4{
    font-size:16px;
}
.portal-widget .simplepie-list div.mbs{
    font-size:12px;
}
.portal-widget .simplepie-list{
    padding: 0 20px;
}
.elgg-module-tidypics-album,
.elgg-module-tidypics-image {
	width: 161px;
	text-align: left;
	margin: 5px 0;
}
.elgg-module-tidypics-image {
	margin: 5px auto;
}

.tidypics-gallery-widget > li {
	width: 69px;
}
.tidypics-photo-wrapper {
	position: relative;
}

.tidypics-heading {
	color: #0054A7;
}
.tidypics-heading:hover {
	color: #0054A7;
	text-decoration: none;
}

.tidypics-input-thin {
	width: 120px;
}

#tidypics-sort li {
	width:153px;
	height:153px;
	cursor: move;
}

.tidypics-river-list > li {
	display: inline-block;
}

.tidypics-photo-item + .tidypics-photo-item {
	margin-left: 7px;
}

.tidypics-gallery > li {
	padding: 0 9px;
}

.tidypics-album-nav {
	margin: 3px 0;
	text-align: center;
	color: #aaa;
}

.tidypics-album-nav > li {
	padding: 0 3px;
}

.tidypics-album-nav > li {
	vertical-align: top;
}

.tidypics-tagging-help {
	position: absolute;
	left: 35%;
	top: -40px;
	width: 450px;
	margin-left: -125px;
	text-align: left;
}

.tidypics-tagging-select {
	position: absolute;
	max-width: 200px;
	text-align: left;
}

.tidypics-tag-wrapper {
	display: none;
	position: absolute;
}

.tidypics-tag {
	border: 2px solid white;
	clear: both;
}

.tidypics-tag-label {
	float: left;
	margin-top: 5px;
	color: #666;
}

#tidypics-uploader {
	position:relative;
	width:540px;
	min-height:20px;
}

#uploader {
	text-shadow: none;
}
    /************************* begin WhcChangelog *****************************/

    .whc_changelog_accordion {
        direction: rtl;
    }

    .whc_changelog_accordion .panel-body ul li {
        list-style-type: disc;
        padding: 7px;
        margin: 0 15px;
        font-size: 16px;
    }

    .whc_changelog_accordion h4.panel-title {
        font-size: 18px;
    }

    span.whc-changelog-release-date {
        padding: 0 10px;
    }

    p.whc_changelog_lastversion {
        text-align: center;
        font-size: 16px !important;
        font-family: sans-serif;
        color: #d64635;
    }

    p.whc_changelog_note {
        font-size: 16px !important;
    }

    span.whc_changelog_textversion {
        padding: 0 5px;
    }

    ul.page-breadcrumb.whc_changelog_lastversion {
        font-size: 16px;
        color: #d64635;
        display: block !important;
    }

    span.whc_changelog_help_label {
        margin: 5px 0;
        display: block;
        font-size: 14px;
    }

    pre.whc_changelog {
        direction: ltr;
    }

    table.whc_changelog_table.table.table.table-hover tr td, table.whc_changelog_table.table.table-hover tr th {
        text-align: center;
        vertical-align: middle;
    }

    table.whc_changelog_table.table.table.table-hover tr td {
        font-size: 17px;
    }

    h4.modal-title {
        text-align: right;
    }

    #whc_changelog_add_modal .modal-body {
        word-wrap: break-word;
    }

    #whc_changelog_add_modal .modal-body ul {
        list-style-type: disc;
        margin: 0 15px;
    }

    #whc_changelog_add_modal .modal-body ul li {
        line-height: 23px;
        font-size: 15px;
        padding: 2px 0;
        text-align: right;
    }

    h4.panel-title a {
        text-decoration: none;
    }

    i.fa.fa-edit, i.fa.fa-trash-o {
        vertical-align: middle;
        padding: 3px;
    }

    i.fa.fa-code {
        background: #17c4bb;
        color: #fff;
        padding: 5px;
        margin-left: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .changelog-changed::before {
        font-size: 13px;
        margin: auto 0 auto 6px;
        color: #fff;
        width: 30px;
        height: auto;
        display: inline-block;
        text-align: center;
        content: 'تغییر';
        background-color: #3bafda;
    }

    .changelog-fixed::before {
        font-size: 13px;
        margin: auto 0 auto 6px;
        color: #fff;
        width: 30px;
        height: auto;
        display: inline-block;
        text-align: center;
        content: 'اصلاح';
        background-color: #f6bb42;
    }

    .changelog-added::before {
        margin: auto 0 auto 6px;
        color: #fff;
        font-size: 13px;
        width: 30px;
        height: auto;
        display: inline-block;
        text-align: center;
        content: 'جدید';
        background-color: #da4453;
    }

    .whc_changelog_form_error_send input {
        padding-right: 33px;
    }

    .whc_changelog_report_desc {
        font-size: 16px;
        text-align: justify;
        line-height: 23px;
    }

    tr#whc_changelog_empty {
        height: 150px;
        opacity: 0.6;
        text-align: center;
    }

    tr#whc_changelog_empty i {
        padding: 40px;
    }

    .whc_changelogtab-textarea ul li {
        padding: 0 !important;
    }

    .whc_changelogtab-textarea ul {
        margin: 0 !important;
        border-bottom: 0 !important;
    }

    .whc_changelog-radio, div#whc_changelog-radio {
        padding-top: 10px;
    }

    .row.whc_changelogtab-textarea {
        padding: 15px;
    }

    .label {
        font-family: inherit !important;
    }

    .pagination.whc-nav {
        width: 50%;
    }

    .whc_feedback-btn {
        font-size: 14px;
        position: fixed;
        bottom: -3px;
        right: 60px;
        width: auto;
    }

    div.whc-changelog-preview-text {
        direction: rtl;
        min-height: 100px;
        padding: 0 15px;
    }

    .whc-changelog-form-edit input#date1 {
        width: 100% !important;
    }

    .whc-changelog-preview-text ul li {
        margin: 5px 0;
    }

    /**************************** end WhcChangelog ****************************/
//<style>
    .disp-check {
        display: none;
    }

    #feedback-module p {
        font-size: 15px;
        text-align: justify;
    }

    #feedback-note-tmp {
        width: 454px;
        height: auto;
        min-height: 90px;
        outline: none;
        padding: 4px;
        font-size: 16px;
    }

    #feedback-note-tmp:focus,
    #feedback-overview-note:focus {
        border: 1px solid #64b7cc
    }

    #feedback-canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    #feedback-welcome {
        top: 30%;
        left: 50%;
        margin-left: -270px;
        display: block;
        position: fixed;
    }

    .feedback-logo {
        background: url(https://ehraz.whc.ir/mod/whc_changelog/graphics/feedback.png) -0px -0px no-repeat;
        width: 34px;
        margin-bottom: 16px;
        font-family: WMitra !important;
        font-size: 20px;
        font-weight: normal;
        text-indent: 15px;
        line-height: 27px;
        padding-right: 34px;
        height: 32px;
    }

    .feedback-next-btn {
        float: right;
    }

    .feedback-back-btn {
        float: right;
        margin-left: 15px;
    }

    .feedback-submit-btn {
        float: left;
    }

    .feedback-close-btn {
        float: left;
    }

    .feedback-helper {
        background: rgba(0, 0, 0, 0);
        cursor: default;
    }

    .feedback-helper[data-type="highlight"] > .feedback-helper-inner {
        background: rgba(0, 68, 255, 0.1)
    }

    #feedback-close {
        cursor: pointer;
        position: absolute;
        background: url(https://ehraz.whc.ir/mod/whc_changelog/graphics/feedback.png) -0px -64px;
        width: 30px;
        height: 30px;
    }

    .feedback-wizard-close {
        cursor: pointer;
        position: absolute;
        top: 2px;
        left: 2px;
        background: url(https://ehraz.whc.ir/mod/whc_changelog/graphics/feedback.png) -0px -34px;
        width: 30px;
        height: 30px;
        opacity: 0.65;
    }

    .feedback-wizard-close:hover {
        opacity: 1
    }

    #feedback-welcome-error,
    #feedback-overview-error {
        display: none;
        color: #f13e3e;
        float: right;
    }

    #feedback-overview-error {
        margin-top: 20px
    }

    #feedback-highlighter {
        display: none;
        bottom: 100px;
        right: 100px;
        position: fixed;
        width: 540px;
        height: 275px;
    }

    #feedback-overview {
        display: none;
        top: 10%;
        left: 50%;
        margin-left: -420px;
        position: fixed;
        width: 840px !important;
        height: auto;
    }

    #feedback-submit-error,
    #feedback-submit-success {
        top: 30%;
        left: 50%;
        margin-left: -300px;
        display: block;
        position: fixed;
        width: 600px;
        height: auto;
    }

    /*.feedback-btn {
        padding: 10px;
        outline: 0;
        background-clip: padding-box;
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        z-index: 40000;
    }*/

    .feedback-btn-gray {
        text-align: center;
        cursor: pointer;
        border: 1px solid #dcdcdc;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #444;
        border-radius: 2px;
        background-color: #f5f5f5;
        background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    }

    .feedback-btn-gray:hover {
        color: #333;
        border: 1px solid #c6c6c6;
        background-color: #f8f8f8;
        background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    }

    .feedback-btn-blue {
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        background-color: #357ae8;
        background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
        background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
        background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
        background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
        background-image: linear-gradient(top, #4d90fe, #357ae8);
        border: 1px solid #2f5bb7;
        color: #fff;
    }

    #feedback-note-tmp,
    #feedback-overview-note {
        resize: none;
        margin-bottom: 10px;
    }

    #feedback-welcome,
    #feedback-highlighter,
    #feedback-overview,
    #feedback-submit-success,
    #feedback-submit-error {
        font-family: 'WMitra', Arial, sans-serif;
        z-index: 40000;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .333);
        padding: 30px 42px;
        width: 540px;
        border: 1px solid rgba(0, 0, 0, .333);
        outline: 0;
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        background: #fff;
        background-clip: padding-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .feedback-sethighlight,
    .feedback-setblackout {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #f5f5f5;
        background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
        color: #444;
        border: 1px solid #dcdcdc;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        cursor: default;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        margin-left: 16px;
        height: 30px;
        line-height: 28px;
        min-width: 90px;
        outline: 0;
        padding: 0 8px;
        display: inline-block;
        float: right;
    }

    .feedback-setblackout {
        margin-top: 10px;
        clear: both;
    }

    .feedback-sethighlight div {
        background: url(https://ehraz.whc.ir/mod/whc_changelog/graphics/feedback.png) 0px -94px;
        width: 16px;
        height: 16px;
        margin-top: 7px;
        float: right;
    }

    .feedback-setblackout div {
        background: url(https://ehraz.whc.ir/mod/whc_changelog/graphics/feedback.png) -16px -94px;
        width: 16px;
        height: 16px;
        margin-top: 7px;
        float: right;
    }

    .feedback-sethighlight:hover,
    .feedback-setblackout:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #f8f8f8;
        background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
        border: 1px solid #c6c6c6;
        color: #333;
    }

    .feedback-active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        background-color: #eee;
        background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
        background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
        background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
        background-image: -o-linear-gradient(top, #eee, #e0e0e0);
        background-image: linear-gradient(top, #eee, #e0e0e0);
        border: 1px solid #ccc;
        color: #333;
    }

    #feedback-highlighter label {
        float: right;
        margin: 0 10px 0 0;
        line-height: 30px;
        font-family: WMitra !important;
        font-size: 15px;
        font-weight: normal;
    }

    #feedback-highlighter label.lower {
        margin-top: 10px
    }

    .feedback-buttons {
        float: left;
        margin-top: 20px;
        clear: both;
    }

    #feedback-module h3 {
        font-weight: bold;
        font-size: 15px;
        margin: 8px 0;
    }

    .feedback-additional {
        margin-bottom: 20px !important
    }

    #feedback-overview-description {
        float: left
    }

    #feedback-overview-note {
        width: 314px;
        padding: 4px;
        height: 90px;
        outline: none;
        font-family: Arial, sans-serif;
    }

    #feedback-overview-screenshot {
        float: right
    }

    .feedback-screenshot {
        max-width: 396px;
        padding: 1px;
        border: 1px solid #adadad;
    }

    #feedback-overview-description-text span {
        font-family: WMitra !important;
        font-size: 14px;
        margin: 8px 0;
        color: #666;
        padding-right: 10px;
    }

    #feedback-browser-info,
    #feedback-page-info,
    #feedback-page-structure,
    #feedback-additional-none {
        margin-top: 10px;
        display: none;
    }

    #feedback-submit-success p {
        font-size: 16px;
    }

    #feedback-highlighter-next, #feedback-submit, #feedback-overview-back, .feedback-close-btn, #feedback-welcome-next, #feedback-module p {
        font-family: WMitra !important;
    }

    #feedback-highlighter-next, #feedback-welcome-next {
        float: left;
    }

    .whc-feedback.btn-group {
        margin-bottom: 15px;
    }

    .btn.default.active {
        color: #fff !important;
        background-color: #35aa47 !important;
    }

    .whc-feedback.btn-group label {
        margin: 0 15px;
    }


    @media screen and (max-width: 560px) {

        /* start of medium tablet styles */
        #feedback-welcome, #feedback-highlighter, #feedback-overview, #feedback-submit-success, #feedback-submit-error {
            width: 96% !important;
            margin: 0 auto;
            left: 2%;
            right: 2%;
            padding: 15px;
        }

        #feedback-note-tmp, #feedback-overview-note {
            width: 100%;
        }

        #feedback-overview-description {
            float: none;
        }

        .feedback-screenshot {
            max-width: 100%;
        }

    }

    @media screen and (max-width: 479px) {

        /* start of phone styles */
        #feedback-welcome, #feedback-highlighter, #feedback-overview, #feedback-submit-success, #feedback-submit-error {
            width: 96% !important;
            margin: 0 auto;
            left: 2%;
            right: 2%;
            padding: 15px;
        }

        #feedback-note-tmp, #feedback-overview-note {
            width: 100%;
        }

        #feedback-overview-description {
            float: none;
        }

        .feedback-screenshot {
            max-width: 100%;
            max-height: 200px;
        }

    }
jdp-container .jdp-icon-minus,
jdp-container .jdp-icon-plus {
    border-radius: 4px !important;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #51afaba6;
    color: #fff;
    border-color: #fff;
}

jdp-container .jdp-icon-minus > i,
jdp-container .jdp-icon-plus > i {
    font-size: 11px;
}

jdp-container .jdp-month,
jdp-container .jdp-year {
    border-radius: 4px !important;
    overflow: hidden;
    margin: 0 3px;
    padding: 0 2px;
    border: 1px solid #e6e6e6;
}

jdp-container .jdp-days {
    padding-top: 3px;
}

jdp-container .jdp-day,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-today {
    border-radius: 5px !important;
}

jdp-container .jdp-days .jdp-day-name {
    font-weight: bold;
    font-size: 14px;
}    .introjs-overlay {
        position: absolute;
        box-sizing: content-box;
        z-index: 999999;
        background-color: #000;
        opacity: 0;
        background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
        background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .9)));
        background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
        background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
        background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
        background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
        -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
    }

    .introjs-fixParent {
        z-index: auto !important;
        opacity: 1 !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }

    .introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th {
        z-index: 9999999 !important
    }

    .introjs-disableInteraction {
        z-index: 99999999 !important;
        position: absolute;
        background-color: #fff;
        opacity: 0
    }

    .introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th {
        position: relative
    }

    .introjs-helperLayer {
        box-sizing: content-box;
        position: absolute;
        z-index: 9999998;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
        border: 1px solid #777;
        border: 1px solid rgba(0, 0, 0, .5);
        border-radius: 4px;
        box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
        -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
    }

    .introjs-tooltipReferenceLayer {
        box-sizing: content-box;
        position: absolute;
        visibility: hidden;
        z-index: 100000000;
        background-color: transparent;
        -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
    }

    .introjs-helperLayer *, .introjs-helperLayer :after, .introjs-helperLayer :before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        -o-box-sizing: content-box;
        box-sizing: content-box
    }

    .introjs-helperNumberLayer {
        box-sizing: content-box;
        position: absolute;
        visibility: visible;
        top: -16px;
        left: -16px;
        z-index: 9999999999 !important;
        padding: 2px;
        font-family: Arial, verdana, tahoma;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        background: #ff3019;
        background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
        background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
        background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
        background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
        background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
        width: 20px;
        height: 20px;
        line-height: 20px;
        border: 3px solid #fff;
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
    }

    .introjs-arrow {
        border: 5px solid transparent;
        content: '';
        position: absolute
    }

    .introjs-arrow.top {
        top: -10px;
        border-bottom-color: #fff
    }

    .introjs-arrow.top-right {
        top: -10px;
        right: 10px;
        border-bottom-color: #fff
    }

    .introjs-arrow.top-middle {
        top: -10px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #fff
    }

    .introjs-arrow.right {
        right: -10px;
        top: 10px;
        border-left-color: #fff
    }

    .introjs-arrow.right-bottom {
        bottom: 10px;
        right: -10px;
        border-left-color: #fff
    }

    .introjs-arrow.bottom {
        bottom: -10px;
        border-top-color: #fff
    }

    .introjs-arrow.bottom-right {
        bottom: -10px;
        right: 10px;
        border-top-color: #fff
    }

    .introjs-arrow.bottom-middle {
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #fff
    }

    .introjs-arrow.left {
        left: -10px;
        top: 10px;
        border-right-color: #fff
    }

    .introjs-arrow.left-bottom {
        left: -10px;
        bottom: 10px;
        border-right-color: #fff
    }

    .introjs-tooltip {
        box-sizing: content-box;
        position: absolute;
        visibility: visible;
        padding: 10px;
        background-color: #fff;
        min-width: 200px;
        max-width: 300px;
        border-radius: 3px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
        -webkit-transition: opacity .1s ease-out;
        -moz-transition: opacity .1s ease-out;
        -ms-transition: opacity .1s ease-out;
        -o-transition: opacity .1s ease-out;
        transition: opacity .1s ease-out
    }

    .introjs-tooltipbuttons {
        text-align: right;
        white-space: nowrap
    }

    .introjs-button {
        box-sizing: content-box;
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: .3em .8em;
        border: 1px solid #d4d4d4;
        margin: 0;
        text-decoration: none;
        text-shadow: 1px 1px 0 #fff;
        font: 11px/normal sans-serif;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: 0;
        background-color: #ececec;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
        background-image: -moz-linear-gradient(#f4f4f4, #ececec);
        background-image: -o-linear-gradient(#f4f4f4, #ececec);
        background-image: linear-gradient(#f4f4f4, #ececec);
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
        zoom: 1;
        margin-top: 10px
    }

    .introjs-button:hover {
        border-color: #bcbcbc;
        text-decoration: none;
        box-shadow: 0 1px 1px #e3e3e3
    }

    .introjs-button:active, .introjs-button:focus {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
        background-image: -moz-linear-gradient(#ececec, #f4f4f4);
        background-image: -o-linear-gradient(#ececec, #f4f4f4);
        background-image: linear-gradient(#ececec, #f4f4f4)
    }

    .introjs-button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .introjs-skipbutton {
        box-sizing: content-box;
        margin-right: 5px;
        color: #7a7a7a
    }

    .introjs-prevbutton {
        -webkit-border-radius: .2em 0 0 .2em;
        -moz-border-radius: .2em 0 0 .2em;
        border-radius: .2em 0 0 .2em;
        border-right: none
    }

    .introjs-prevbutton.introjs-fullbutton {
        border: 1px solid #d4d4d4;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em
    }

    .introjs-nextbutton {
        -webkit-border-radius: 0 .2em .2em 0;
        -moz-border-radius: 0 .2em .2em 0;
        border-radius: 0 .2em .2em 0
    }

    .introjs-nextbutton.introjs-fullbutton {
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em
    }

    .introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
        color: #9a9a9a;
        border-color: #d4d4d4;
        box-shadow: none;
        cursor: default;
        background-color: #f4f4f4;
        background-image: none;
        text-decoration: none
    }

    .introjs-hidden {
        display: none
    }

    .introjs-bullets {
        text-align: center
    }

    .introjs-bullets ul {
        box-sizing: content-box;
        clear: both;
        margin: 15px auto 0;
        padding: 0;
        display: inline-block
    }

    .introjs-bullets ul li {
        box-sizing: content-box;
        list-style: none;
        float: left;
        margin: 0 2px
    }

    .introjs-bullets ul li a {
        box-sizing: content-box;
        display: block;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        text-decoration: none;
        cursor: pointer
    }

    .introjs-bullets ul li a:hover {
        background: #999
    }

    .introjs-bullets ul li a.active {
        background: #999
    }

    .introjs-progress {
        box-sizing: content-box;
        overflow: hidden;
        height: 10px;
        margin: 10px 0 5px 0;
        border-radius: 4px;
        background-color: #ecf0f1
    }

    .introjs-progressbar {
        box-sizing: content-box;
        float: left;
        width: 0%;
        height: 100%;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        background-color: #08c
    }

    .introjsFloatingElement {
        position: absolute;
        height: 0;
        width: 0;
        left: 50%;
        top: 50%
    }

    .introjs-fixedTooltip {
        position: fixed
    }

    .introjs-hint {
        box-sizing: content-box;
        position: absolute;
        background: 0 0;
        width: 20px;
        height: 15px;
        cursor: pointer
    }

    .introjs-hint:focus {
        border: 0;
        outline: 0
    }

    .introjs-hidehint {
        display: none
    }

    .introjs-fixedhint {
        position: fixed
    }

    .introjs-hint:hover > .introjs-hint-pulse {
        border: 5px solid rgba(60, 60, 60, .57)
    }

    .introjs-hint-pulse {
        box-sizing: content-box;
        width: 10px;
        height: 10px;
        border: 5px solid rgba(60, 60, 60, .27);
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: rgba(136, 136, 136, .24);
        z-index: 10;
        position: absolute;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .introjs-hint-no-anim .introjs-hint-dot {
        -webkit-animation: none;
        -moz-animation: none;
        animation: none
    }

    .introjs-hint-dot {
        box-sizing: content-box;
        border: 10px solid rgba(146, 146, 146, .36);
        background: 0 0;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: introjspulse 3s ease-out;
        -moz-animation: introjspulse 3s ease-out;
        animation: introjspulse 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        position: absolute;
        top: -25px;
        left: -25px;
        z-index: 1;
        opacity: 0
    }

    @-webkit-keyframes introjspulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0
        }
        25% {
            -webkit-transform: scale(0);
            opacity: .1
        }
        50% {
            -webkit-transform: scale(.1);
            opacity: .3
        }
        75% {
            -webkit-transform: scale(.5);
            opacity: .5
        }
        100% {
            -webkit-transform: scale(1);
            opacity: 0
        }
    }

    @-moz-keyframes introjspulse {
        0% {
            -moz-transform: scale(0);
            opacity: 0
        }
        25% {
            -moz-transform: scale(0);
            opacity: .1
        }
        50% {
            -moz-transform: scale(.1);
            opacity: .3
        }
        75% {
            -moz-transform: scale(.5);
            opacity: .5
        }
        100% {
            -moz-transform: scale(1);
            opacity: 0
        }
    }

    @keyframes introjspulse {
        0% {
            transform: scale(0);
            opacity: 0
        }
        25% {
            transform: scale(0);
            opacity: .1
        }
        50% {
            transform: scale(.1);
            opacity: .3
        }
        75% {
            transform: scale(.5);
            opacity: .5
        }
        100% {
            transform: scale(1);
            opacity: 0
        }
    }

    .introjs-tooltipbuttons {
        text-align: left
    }

    .introjs-skipbutton {
        margin-left: 5px
    }

    .introjs-tooltip {
        direction: rtl
    }

    .introjs-prevbutton {
        border: 1px solid #d4d4d4;
        border-left: none;
        -webkit-border-radius: 0 .2em .2em 0;
        -moz-border-radius: 0 .2em .2em 0;
        border-radius: 0 .2em .2em 0
    }

    .introjs-nextbutton {
        border: 1px solid #d4d4d4;
        -webkit-border-radius: .2em 0 0 .2em;
        -moz-border-radius: .2em 0 0 .2em;
        border-radius: .2em 0 0 .2em
    }

    .introjs-bullets ul li {
        float: right
    }

    /* customize */
    .introjs-tooltiptext , .introjs-tooltiptext .introjs-button{
        font-size: 12px;
        font-family: vazir-fa;
    }/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* cusomize map */
.map-canvas{
	position: relative;
}
.location_holder_on_map{
	position: absolute;
	bottom: 0px;
	left:0;
	width: 300px;
	height: 35px;
	background: #ffffff92;
	z-index: 999;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
}
.location_current_on_map{
	position: absolute;
	top: 5px;
	right:5px;
	width: 34px;
	height: 34px;
	background: #ffffff;
	z-index: 999;
	text-align: center;
	line-height: 34px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
}
.location_center_pin{
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	width: 3px;
	height: 3px;
	transform: translateY(-50%);
	z-index: 9999999;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
	background: red;
	margin: auto;
}
.location_center_pin i{
	position: absolute;
	left: 0;
	right: -13px;
	margin: auto;
	bottom: 14px;
	font-size: 50px;
}/*! esri-leaflet-geocoder - v0.0.1-beta.5 - 2014-06-20
*   Copyright (c) 2014 Environmental Systems Research Institute, Inc.
*   Apache 2.0 License */.geocoder-control-input{position:absolute;left:0;top:0;background-color:#fff;background-repeat:no-repeat;background-image:url(https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/ersi/search.png) !important;background-size:26px;border:0;padding:0;text-indent:6px;font-size:13px;height:26px;width:100%;line-height:26px;background-position:right center;cursor:pointer}.geocoder-control{width:26px;height:26px;-webkit-transition:width .175s ease-in;-moz-transition:width .175s ease-in;-ms-transition:width .175s ease-in;-o-transition:width .175s ease-in;transition:width .175s ease-in}.geocoder-control-expanded,.leaflet-touch .geocoder-control-expanded{width:275px}.geocoder-control-input.geocoder-control-loading{background-image:url(https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/ersi/loader.gif) !important;background-size:22px}@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.geocoder-control-input{background-image:url(img/search@2x.png)}.geocoder-control-input.geocoder-control-loading{background-image:url(img/loading@2x.gif)}}.geocoder-control-input:focus{outline:0;cursor:text}.geocoder-control-input::-ms-clear{display:none}.geocoder-control-suggestions{width:100%;position:absolute;top:26px;left:0;list-style:none;padding:0;margin:10px 0 0;overflow:hidden;display:none}.geocoder-control-suggestions .geocoder-control-suggestion{font-size:13px;padding:7px;background:#fff;border-top:1px solid #f1f1f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.geocoder-control-suggestions .geocoder-control-suggestion:first-child{border:0}.geocoder-control-suggestions .geocoder-control-suggestion.geocoder-control-selected,.geocoder-control-suggestions .geocoder-control-suggestion:hover{background:#00c0ff;border-color:#00c0ff}.leaflet-right .geocoder-control-suggestions{left:auto;right:0}.leaflet-right .geocoder-control-input{left:auto;right:0}.leaflet-touch .geocoder-control{width:34px;height:34px}.leaflet-touch .geocoder-control.geocoder-control-expanded{width:275px}.leaflet-touch .geocoder-control-input{padding-right:27px;height:30px;line-height:30px;background-size:30px}.leaflet-touch .geocoder-control-suggestions{top:30px}.leaflet-oldie .geocoder-control-input,.leaflet-oldie .geocoder-control-suggestions{border:1px solid #999}https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/ersi/search.png    /* elgg 1.12 override css */
    .elgg-tags > li {
        float: right;
    }

    .elgg-list {
        border-top: none;
    }

    .elgg-list > li {
        border-bottom: none;
    }

    .elgg-icon.icon-tag {
        background: none;
    }

    .elgg-avatar > a > img {
        display: inline;
    }

    .content-header-options > form {
        float: none;
    }

    .content-header-options form .mtm {
        margin-top: 10px;
    }

    .elgg-menu-page a {
        background-color: initial;
        margin-bottom: 0;
    }

    .elgg-menu-hover.new_user_hover {
        overflow: visible;
    }

    .elgg-menu-hover a {
        display: inline;
    }

    input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
        background: white;
    }

    /***/
    .tabbable-custom {
        overflow: visible !important;
    }

    /* android app suggestion */
    div.android-app-suggestion {
        display: block;
        position: fixed;
        z-index: 2;
        background: #A3C728;
        background-image: url("https://ehraz.whc.ir/cache/1753766794/default/theme/graphics//android_app_bg.png");
        background-repeat: no-repeat;
        background-position: center center;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50px;
    }

    div.android-app-suggestion .close-button {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 5px;
        right: 10px;
        background: #FFFFFF;
        text-align: center;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        padding-top: 10px;
        cursor: pointer;
    }

    div.android-app-suggestion .close-button i {
        color: #A3C728;
        font-size: 30px;
        line-height: 18px;
    }

    div.android-app-suggestion div.android-logo {
        position: absolute;
        background-image: url("https://ehraz.whc.ir/cache/1753766794/default/theme/graphics//android_logo.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        height: 90px;
        width: 80px;
        top: -38px;
        right: 2px;
    }

    div.android-app-suggestion div.android-text {
        position: fixed;
        display: block;
        background-image: url("https://ehraz.whc.ir/cache/1753766794/default/theme/graphics//logo_white_android_text.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        height: 150px;
        width: 80px;
    }

    div.android-app-suggestion.minimized {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    div.android-app-suggestion.minimized .close-button {
        display: none;
    }

    div.android-app-suggestion.minimized div.android-logo {
        top: -80px;
    }

    /** plus widget button **/
    div.plus-widget.plus-widget-container {
        bottom: 20px;
        position: fixed;
        left: 23px;
        white-space: nowrap;
        z-index: 1000;
    }

    div.plus-widget .plus-button {
        margin-top: 8px;
    }

    div.plus-widget .bt {
        border: none;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        -webkit-user-drag: none;
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
        box-sizing: content-box;
        cursor: pointer;
        padding: 0;
        pointer-events: auto;
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
        -webkit-transition: -webkit-transform 150ms cubic-bezier(.4, 0, 1, 1);
        transition: transform 150ms cubic-bezier(.4, 0, 1, 1);
        background-color: #d23f31;
        height: 56px;
        position: relative;
        width: 56px;
        outline: 1px solid transparent;
    }

    div.plus-widget .opmg {
        display: block;
        margin: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        height: 24px;
        width: 24px;
        -webkit-user-drag: none;
    }

    div.plus-widget
    [role="plus-menu-button"]:hover {
        outline: 1px solid transparent
    }

    div.plus-widget .opmg {
        display: block;
        margin: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        height: 24px;
        width: 24px;
        -webkit-user-drag: none
    }

    div.plus-widget .vertimg,
    div.plus-widget .bhoimg {
        right: 0;
        margin-right: 15px !important;
        margin-top: 15px !important;
        position: absolute;
        top: 0;
        -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
        transition: all .2s cubic-bezier(.4, 0, .2, 1)
    }

    div.plus-widget .vertimg {
        visibility: hidden
    }

    div.plus-widget .vertimg,
    div.plus-widget.p .bhoimg {
        opacity: 0;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    div.plus-widget.p .vertimg {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    div.plus-widget .pN {
        width: 45px !important;
        height: 45px !important;
        padding: 0;
        margin: 0;
        float: none;
        right: 7px;
        margin-bottom: 6px;
    }

    div.plus-widget.p .jp .bt {
        opacity: 1;
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
        -webkit-transition: all 0.25s cubic-bezier(.25, .25, 0, 1);
        transition: all 0.25s cubic-bezier(.25, .25, 0, 1);
    }

    div.plus-widget .jp .bt {
        opacity: 0;
        -webkit-transform: scale(0.4) rotate(360deg);
        transform: scale(0.4) rotate(360deg);
        -webkit-transition: all 120ms cubic-bezier(.25, .25, 0, 1);
        transition: all 120ms cubic-bezier(.25, .25, 0, 1);
    }

    .p .ah:nth-child(2) {
        -webkit-transition-delay: 160ms;
        transition-delay: 160ms;
    }

    .p .ah:nth-child(1) {
        -webkit-transition-delay: 60ms;
        transition-delay: 60ms;
    }

    .plus-widget.plus-widget-container.p .jp {
        display: block;
    }

    .plus-widget .jp {
        display: none;
    }

    div.preload-data {
        background: transparent url(https://ehraz.whc.ir/cache/1753766794/default/theme/graphics//loading.gif) no-repeat right center;
        padding: 0 23px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 50px;
    }

    .disabled-link {
        pointer-events: none !important;
        cursor: default !important;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    .elgg-module-dropdown {
        border: 1px solid #CCC;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
    }

    /** chrome bug on bootstrap modal show (artifacts pixels show while loading modal) **/
    .rotate {
        transform: rotate(180deg);
        transition: all 0.5s;
    }

    .rotate.in {
        transform: rotate(1800deg);
        transition: all 1.5s;
    }

    @media only screen and (max-width: 480px) {
        div.plus-widget .vertimg, div.plus-widget .bhoimg {
            right: 0;
            margin-right: 8px !important;
            margin-top: 8px !important;
            position: absolute;
            top: 0;
            -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
            transition: all .2s cubic-bezier(.4, 0, .2, 1);
        }

        div.plus-widget .bt, div.plus-widget .pN {
            height: 38px !important;
            width: 38px !important;
        }

        div.plus-widget .pN {
            right: 0px !important;
        }

        .ah.shortcut-menu-item img {
            zoom: 0.8;
        }
    }

    /* ---------------------------------------------------
    drawerMenu STYLE
    -------------------------------------------------- */
    .whc-drawer-menu #sidebar {
        width: 250px !important;
        position: fixed;
        top: 0;
        right: -250px;
        height: 100%;
        z-index: 999;
        background: #7386D5;
        color: #fff;
        transition: all 0.3s;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }
    .whc-drawer-menu #sidebar .scroller{
        height: 100%;
    }
    .whc-drawer-menu #sidebar.active {
        right: 0;
    }

    .whc-drawer-menu #dismiss {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: #6d7fcc;
        position: absolute;
        top: 20px;
        left: 0;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-bottom-right-radius: 7px !important;
        border-top-right-radius: 7px !important;
    }

    .whc-drawer-menu #dismiss:hover {
        background: #fff;
        color: #6d7fcc;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 998;
        display: none;
    }

    .whc-drawer-menu #sidebar .sidebar-header {
        padding: 10px 15px;
    }

    .whc-drawer-menu #sidebar ul.drawer-menu-top-bar {
        direction: rtl;
        padding: 10px 0;
    }

    ul.list-unstyled.drawer-menu-top-bar li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    ul.list-unstyled.drawer-menu-top-bar li:last-child {
        border-bottom: none;
    }

    ul.list-unstyled.drawer-menu-top-bar li a {
        color: white;
        text-decoration: none;
    }

    .whc-drawer-menu #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    .whc-drawer-menu #sidebar ul li a {
        padding: 10px;
        font-size: 16px;
        display: block;
    }

    .whc-drawer-menu #sidebar ul.drawer-menu-top-bar li a:hover {
        color: #7386D5;
        background: #fff;
    }

    .whc-drawer-menu #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #fff;
        background: #6d7fcc;
    }

    .whc-drawer-menu a[data-toggle="collapse"] {
        position: relative;
    }

    ul.drawer-btn-menu {
        padding: 5px 20px;
    }

    ul.drawer-btn-menu li {
        background: #ffffff !important;
        border-radius: 5px !important;
        text-align: center;
    }

    ul.drawer-btn-menu a {
        font-size: 0.9em !important;
        display: block;
        margin-bottom: 5px;
        text-decoration: none;
    }

    ul.drawer-btn-menu a.download {
        background: #fff;
        color: #7386D5;
    }

    ul.drawer-btn-menu a.article, ul.drawer-btn-menu a.article:hover {
        background: #6d7fcc !important;
        color: #fff !important;
    }

    .drawer-menu-footer {
        position: relative;
        margin-top: 15px;
        width: 100%;
        text-align: center;
        font-size: 11px;
    }

    .drawer-menu-footer a {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    i.toggle-password {
        cursor: pointer;
        color: #999;
    }

    span.elgg-icon.elgg-icon-hover-menu {
        display: none !important;
    }

    .whc_profile_manager_user_menu_drop_down_div {
        min-height: 45px;
    }

    .whc_profile_manager_user_menu_drop_down_div div[class^="col-"] {
        padding: 0;
    }

    .new_user_hover-ul {
        max-width: 220px;
        width: auto !important;
        z-index: 1000 !important;
    }

    .whc_profile_manager_user_menu_drop_down_div .whc_new_user_hover_message:hover {
        text-decoration: underline !important;
    }

    .whc_profile_manager_user_menu_drop_down_div .whc_new_user_hover_message {
        padding: 0 10px 0 0 !important;
        margin: 0 !important;
        background-color: inherit !important;
    }

    .whc_profile_manager_user_menu_drop_down_div .whc_new_user_hover_botton_links > li {
        padding: 0 !important;
        margin: 0 10px 0 0 !important;
    }

    .new_user_hover-ul a:hover:not(.whc_profile_manager_friend_collection),
    .new_user_hover-ul a.no_friend:hover {
        /*background: none !important;
        text-decoration: underline !important;*/
    }

    .whc_profile_manager_user_collection_drop_down li a {
        display: inline-flex !important;
    }

    .whc_profile_manager_user_collection_drop_down a {
        width: 100%;
    }

    /* - - - - - - - - - - - */

    ul.menu-hover-container {
        z-index: 999999 !important;
    }

    .user-hover-mini-profile-container {
        margin: 0 !important;
        padding: 5px !important;
        z-index: 999999 !important;
    }

    .user-hover-mini-profile {
        display: block;
        position: relative;
        width: 200px;
    }

    .icon-more-information {
        vertical-align: middle;
    }

    .user-hover-mini-profile .user-information > * {
        font-size: 11px;
    }

    .user-hover-mini-profile .right-column,
    .user-hover-mini-profile .left-column {
        padding: 0 !important;
    }

    .user-hover-mini-profile a.user-profile {
        display: block;
        position: relative;
    }

    .user-hover-mini-profile a.user-profile:hover {
        background: transparent;
    }

    .user-hover-mini-profile .transition {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .user-hover-mini-profile .block {
        position: relative;
        display: block;
    }

    .user-hover-mini-profile a.block {
        font-size: 11px;
        padding: 5px 2px;
        margin: 0 5px 5px;
    }

    .user-hover-mini-profile .radius {
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
    }

    .user-hover-mini-profile a.user-profile:hover > img {
        border-color: #E6E6E6;
    }

    .user-hover-mini-profile a.transparent:hover {
        background: transparent;
    }

    .user-hover-mini-profile .no-padding {
        padding: 0;
    }

    .user-hover-mini-profile i.big-icon {
        font-size: 22px;
        opacity: 0.8;
        text-shadow: 2px 2px 1px #ddd;
    }

    .user-hover-mini-profile i.big-icon:hover {
        opacity: 1;
    }

    .user-hover-mini-profile i.fa-group_add {
        font-size: 32px;
    }

    .user-hover-mini-profile span.circle {
        float: right;
        margin-top: -5px;
        padding: 3px 10px 4px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        border-radius: 50% !important;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        background-color: #32c5d2;
        color: #fff;
    }

    .user-hover-mini-profile .elgg-avatar.elgg-avatar-medium {
        position: absolute;
        top: -47px;
        right: 60px;
        z-index: 1;
    }

    .user-hover-mini-profile .elgg-avatar.elgg-avatar-medium img {
        width: 80px;
        height: 80px;
        border-color: #EAEAEA;
    }

    .user-hover-mini-profile .elgg-avatar.elgg-avatar-medium img:hover {
        border-color: #DEDEDE;
    }

    .user-hover-mini-profile .elgg-avatar.elgg-avatar-medium a {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 0;
    }

    .user-hover-mini-profile .elgg-avatar.elgg-avatar-medium a:hover {
        background: transparent;
    }

    .user-hover-mini-profile .user-information {
        position: relative;
        display: block;
        overflow: hidden;
        padding-top: 58px;
        margin-bottom: 5px;
    }

    .user-hover-mini-profile .user-information .user-display-name {
        padding: 0 5px 10px 5px;
        font-size: 12px;
    }

    .user-hover-mini-profile hr {
        margin: 10px 5px 15px;
    }

    .user-hover-mini-profile .more-data {
        display: none;
        padding-bottom: 15px;
    }

    .user-hover-mini-profile .more-data .block {
        font-size: 10px;
    }

    .user-hover-mini-profile .more-data .block:not('bold') {
        margin-top: 10px;
    }

    .user-hover-mini-profile .bold {
        font-weight: normal !important;
        font-size: 12px !important
    }

    .user-hover-mini-profile .more-data .col-md-3 {
        border-left: 1px solid #ddd;
    }

    .user-hover-mini-profile .more-data .col-md-3:last-child {
        border-left: none;
    }

    .user-hover-mini-profile .block-overflow {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .user-hover-mini-profile i.fa.fa-angle-down {
        position: absolute;
        left: 0;
        bottom: 5px;
        font-size: 12px;
        color: #8D8D8D;
    }

    .user-hover-mini-profile .compose-message {
        color: #7f96b3;
    }

    .user-hover-mini-profile .timeline-badge-userpic {
        width: 80px;
        border: 4px #f5f6fa solid;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }

    ul.whc_profile_manager_user_collection_drop_down a.whc_profile_manager_friend_collection {
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
        padding: 5px 5px 10px 35px !important;
    }
    .whc_profile_manager_content {
        display: none;
        min-height: 250px !important;
    }

    .whc_profile_manager_content.block {
        display: block !important;
    }

    .whc_profile_manager_user_icon {
        max-width: 300px !important;
        width: 100%;
    }

    caption, th, td {
        font-weight: normal;
        text-align: right;
        vertical-align: top;
    }

    .profile-overview .clearfix {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .whc_profile_manager_content.friendsof .whc_profile_draggable li, .whc_profile_manager_content.myfriends .whc_profile_draggable li {
        display: inline-block !important;
    }

    .elgg-input-password {
        text-align: left;
    }

    .elgg-form-avatar-upload .elgg-foot, .elgg-form-avatar-crop .elgg-foot {
        padding-top: 5px;
    }

    .elgg-form-profile-edit .wysihtml5-toolbar li.dropdown,
        /*.elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="italic"],*/
        /*.elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="underline"],*/
    .elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="insertUnorderedList"],
    .elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="insertOrderedList"],
    .elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="Outdent"],
    .elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-command="Indent"],
    .elgg-form-profile-edit .wysihtml5-toolbar a[data-wysihtml5-action="change_view"] {
        display: none;
    }

    ul.whc_profile_draggable .elgg-avatar a[data-link-type="show-mini-profile"] {
        /*background-color: #e7ebef;*/
        /*padding: 4px;*/
    }

    ul.whc_profile_draggable .elgg-avatar a[data-link-type="show-mini-profile"]:hover {
        /*background-color: #acb8c7;*/
    }

    .elgg-head .whc_profile_manager_user_friend,
    .elgg-head .whc_profile_manager_group_manager,
    .elgg-head .whc_profile_manager_user_send_message {
        float: left;
        position: relative;
        /*font-size: 50%;*/
    }

    i.fa.fa.fa-group_add.big-icon.font-green-seagreen {
        font-size: 33px;
        vertical-align: sub;
    }

    .whc_profile_manager_count_collection {
        margin-left: 10px;
        margin-top: auto;
        min-width: 25px !important;
    }

    .whc_profile_manager_user_collection_drop_down hr {
        padding: 0;
        margin: 0;
    }

    .new_collection {

        display: block;
        margin: 0 auto;
        width: 95%;
    }

    li[data-type="draggable-user"] a {
        cursor: move !important;
    }

    .whc_profile_manager_collection_manage {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .whc_profile_manager_collection_manage i {
        margin-top: 2px;
        display: block !important;
        cursor: pointer;
    }

    .active .whc_profile_manager_collection_manage {
        display: block;
    }

    .whc_profile_manager_friend_collection_new:hover {
        background-color: #f05f2a !important;
    }

    .whc_profile_collection_portlet ul li a {
        border-top: 0 !important;
    }

    .whc_profile_collection_portlet ul {
        margin-top: -3px !important;
    }

    .whc_profile_collection_members {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: -4px !important;
    }

    ul.friend-list li.friend-item:hover .summary-content > i {
        display: block;
    }

    ul.friend-list li.friend-item .summary-content > i {
        display: none;
        position: absolute;
        top: 2px;
        left: 0;
        z-index: 100;
        font-size: 8pt;
        cursor: pointer;
    }

    .whc_profile_manager_collection_members_waiting_remove {
        opacity: 0.5;
        background-color: #84b3dc;
    }

    .whc_profile_manager_content .elgg-avatar {
        margin: 5px 3px;
    }

    .whc_profile_draggable {
        max-height: 300px;
        min-height: 100px;
        overflow: auto;
        /*border: 2px solid lightblue;*/
    }

    .whc_profile_draggable .tab-pane {
        min-height: 95px;
    }

    .whc_profile_draggable .draggable .elgg-avatar {
        float: right;
    }

    /** friend view */
    ul.friend-list {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow-y: auto;
        direction: ltr;
    }

    ul.friend-list:not(.widget-content) {
        min-height: 130px;
        max-height: 260px;
    }

    ul.other-profile:not(.widget-content) {
        max-height: 500px !important;
    }

    ul.friend-list > li.friend-item {
        /*overflow: hidden;*/
        white-space: nowrap;
        /*width: 300px;*/
        position: relative;
        /*margin-bottom: 3px;*/
        height: 65px;
        float: right;
        display: inline-block;
    }

    ul.friend-list > li.friend-item:hover {
        background-color: #f3f3f3;
    }

    ul.friend-list > li.friend-item[data-type="draggable-user"] {
        cursor: move !important;
    }

    ul.friend-list:not(.widget-content) > li.friend-item .friend-content {
        /*margin: 0 10px 0 10px;*/
        height: 100%;
        border-bottom: 1px solid #f3f3f3;
    }

    ul.friend-list > li.friend-item .elgg-avatar {
        float: right;
        margin: 8px 0;
        padding: 0 5px;
    }

    ul.friend-list > li.friend-item .elgg-avatar img {
        border: 2px solid #b4dedd;
    }

    ul.friend-list li.friend-item .elgg-listing-summary {
        float: right;
        /*margin-right: 5px;*/
        height: 100%;
        direction: rtl;
        text-align: right;
        padding: 0;
    }

    ul.friend-list li.friend-item .elgg-listing-summary .summary-content {
        float: right;
        height: 100%;
        overflow: hidden;
        padding-right: 2px;
        max-width: 70%;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ul.friend-list li.friend-item .elgg-listing-summary .whc_profile_manager_user_friend {
        cursor: pointer !important;
    }

    ul.friend-list li.friend-item .elgg-listing-summary .whc_profile_manager_user_friend > a.btn {
        cursor: pointer !important;
        max-width: 70px;
        font-size: 90%;
    }

    ul.friend-list li.friend-item .elgg-listing-summary .metadata {
        float: left;
        margin-top: 20px;
        max-width: 30%;
        direction: ltr;
    }

    ul.friend-list li.friend-item .elgg-listing-summary-title {
        font-size: 16px;
        margin-top: 20px;
        direction: rtl;
    }

    ul.friend-list li.friend-item .elgg-listing-summary-title a {
        color: #000;
    }

    .whc_profile_collection_members .tab-pane {
        min-height: 200px;
    }

    .whc_profile_collection_members .tab-pane [data-tab-id]:empty {
        min-height: 200px;
        background: url(https://ehraz.whc.ir/mod/whc_profile_manager/graphics/collection-mask.png) no-repeat center;
    }

    .friendsof-container {
        border: 1px solid #dddddd;
    }

    /** */

    .whc_profile_draggable .username {
        display: inline-table;
        width: 100%;
        margin-right: 5px;
    }

    .whc_profile_draggable li {
        /*display: inline-block !important;*/
        /*overflow: hidden;*/
        /*white-space: nowrap;*/
        /*width: 150px;*/
        /*position: relative;*/
    }

    .profile-account[data-name="overview"] .profile-info .blog-page .blog-tag-data li,
    .profile-account[data-name="overview"] .blog-page .blog-tag-data li a,
    .profile-account[data-name="overview"] .blog-page .blog-tag-data ul,
    .profile-account[data-name="overview"] .blog-page .blog-tag-data {
        margin: 0;
        padding: 0;
    }

    .profile-account[data-name="overview"] .profile-info .blog-page {
        padding-bottom: 0 !important;
        margin-right: 10px;
    }

    .search-layout .search-list {
        padding: 10px 15px 15px 15px;
    }

    .search-layout .search-list .elgg-avatar {
        display: block;
    }

    .search-layout .search-list .elgg-avatar-medium > a > img {
        width: 50%;
        height: 50%;
    }

    .search-layout .search-list > .profile-sidebar {
        margin-left: 10px;
        width: 170px !important;
        float: right;
    }

    @media (max-width: 480px) and (min-width: 280px) {
        ul.elgg-list.search-list li.profile-sidebar {
            width: 48% !important;
            margin: 1% !important;
        }
    }

    .search-layout .search-list .profile-sidebar .elgg-avatar > a > img {
        display: block;
    }

    .search-layout .search-list > .profile-sidebar > .profile-sidebar-portlet .profile-usertitle-name {
        font-size: 17px;
    }

    .search-layout .search-list > .profile-sidebar > .profile-sidebar-portlet .profile-usertitle-job {
        font-size: 12px;
    }

    .search-layout .search-list > .profile-sidebar {
        clear: none;
    }

    .search-layout .search-list > .profile-sidebar > .profile-sidebar-portlet {
        position: relative;
        margin-bottom: 5px;
        padding-top: 10px !important;
    }

    /*@media(min-width: 991px) {*/
    .search-layout .search-list > .profile-sidebar > .profile-sidebar-portlet {
        height: 240px;
    }

    /*}*/

    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_friend,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_group_manager,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_send_message {
        float: none;
        position: absolute;
        left: auto;
        right: 0;
        top: 7px;
        font-size: 12px;
        margin: auto;
    }

    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_friend > a,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_group_manager > a,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_send_message > a {
        padding: 7px;
    }

    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_friend > a > i,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_group_manager > a > i,
    .search-layout .search-list > .profile-sidebar .elgg-head .whc_profile_manager_user_send_message > a > i {
        font-size: 18px;
    }

    .search-layout .profile-userbuttons .extra {
        height: 3em;
        overflow: hidden;
    }

    ul.whc_profile_manager_user_collection_drop_down {
        /*right: 22px;*/
        margin-top: -1px;
        padding: 8px;
    }

    /*** user fields ***/
    ul.user-icons-list-medium .transparent, ul.user-icons-list-large .transparent, ul.user-icons-list-small .transparent, ul.user-icons-list-tiny .transparent {
        background: transparent !important;
    }

    ul.user-icons-list-medium {
        position: absolute;
        top: 0;
        right: 0;
        padding: 2px 5px;
    }

    ul.user-icons-list-medium li {
        min-height: 16px;
        position: absolute;
        top: -1px;
        right: 7px;
        overflow: visible;

    }

    ul.user-icons-list-medium li:nth-child(2) {
        right: -4px;
        top: 16px;
    }

    ul.user-icons-list-medium li:nth-child(3) {
        top: 36px;
        right: -6px;
    }

    ul.user-icons-list-medium li:nth-child(4) {
        top: 54px;
        right: -6px;
    }

    ul.user-icons-list-medium li:nth-child(5) {
        top: 67px;
        right: 12px;
    }

    ul.user-icons-list-medium li:nth-child(6) {
        top: 71px;
        right: 28px;
    }

    ul.user-icons-list-medium li:nth-child(7) {
        top: 69px;
        right: 46px;
    }

    ul.user-icons-list-medium span.icon-container, ul.user-icons-list-large span.icon-container,
    ul.user-icons-list-small span.icon-container, ul.user-icons-list-tiny span.icon-container {
        width: 17px;
        height: 17px;
        background: #FFA0A0;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        font-family: "WYekan", tahoma;
        font-size: 8px;
        cursor: help;
    }

    /* large view */
    ul.user-icons-list-large {
        position: relative;
        bottom: 25px;
        right: 3px;
        overflow: hidden;
        height: 23px;
        margin-left: 5px;
    }

    ul.user-icons-list-large li {
        position: absolute;
        top: -1px;
        right: 1px;
    }

    ul.user-icons-list-large li:nth-child(2) {
        right: 20px;
    }

    ul.user-icons-list-large li:nth-child(3) {
        right: 38px;
    }

    ul.user-icons-list-large li:nth-child(4) {
        right: 57px;
    }

    ul.user-icons-list-large li:nth-child(5) {
        right: 75px;
    }

    ul.user-icons-list-large li:nth-child(6) {
        right: 93px;
    }

    ul.user-icons-list-small, ul.user-icons-list-small li, ul.user-icons-list-tiny, ul.user-icons-list-tiny li {
        display: inline-block;
        margin-right: 3px;
        vertical-align: text-bottom;
    }

    ul.inline-roles {
        position: relative !important;
        display: inline !important;
    }

    ul.inline-roles li {
        position: initial !important;
        float: none !important;
        display: inline-block;
        margin-right: 5px;
        vertical-align: bottom;
    }

    ul.inline-roles li span img {
        vertical-align: text-bottom;
    }

    ul.user-icons-list-medium.hover-icons {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 3px 0 7px 0px;
    }

    ul.user-icons-list-medium.hover-icons li {
        position: initial;
        float: right;
        margin-right: 3px;
        margin-top: -5px;
    }

    ul.user-icons-list-medium.hover-icons li:first-child {
        margin-right: 0;
    }

    /** Customize profile popup */

    ul.new_user_hover.new_user_hover-ul {
        margin: 0;
        padding: 5px;
        z-index: 999999 !important;
    }

    div.whc_profile_manager_user_menu_drop_down_div ul.user-icons-list-medium.hover-icons {
        padding: 2px !important;
    }

    div.whc_profile_manager_user_menu_drop_down_div hr {
        margin: 8px 15px;
        border-top: 1px solid #DDE;
    }

    .whc_profile_manager_content.myfriends div.wwp-paginator-wrapper,
    .whc_profile_manager_content.friendsof div.wwp-paginator-wrapper {
        opacity: 0 !important;
        height: 0 !important;
    }

    ul.whc_profile_draggable {
        margin-bottom: 0 !important;
    }

    div.loading[data-type="list-container"] {
        position: relative;
    }

    span[data-type="mini-loading"] {
        display: none;
    }

    div.loading[data-type="list-container"] span[data-type="mini-loading"] {
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background: white url("https://ehraz.whc.ir/mod/whc_profile_manager/graphics/loading.gif") no-repeat center center;
        left: 20px;
        bottom: 10px;
    }

    ul.whc_profile_draggable div.wwp-paginator-wrapper a {
        display: block;
    }

    .portlet.whc_profile_collection_portlet .tabbable-custom.tabs-below.nav-justified .tab-content {
        padding-top: 0 !important;
    }

    .portlet.whc_profile_collection_portlet .portlet-title {
        border-bottom: 0;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .ui-state-hover ul.whc_profile_draggable {
        background: #ffffdf;
    }

    .ui-state-active ul.whc_profile_draggable {
        background: #e1ffe8;
    }

    .page-container.profile-container .row, .profile-info .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #avatar-croppingtool {
        border-top: none !important;
        margin-top: 0 !important;
    }

    #current-user-avatar {
        border-right: none !important;
    }

    div#avatar-croppingtool .note.note-warning, div#tab_avatar_add .note.note-warning{
        font-size: 15px;
    }

    .profile-overview div.fa-item, .profile-overview acronym[title] {
        text-decoration: none !important;
    }

    .profile-overview .fa-item[data-key="weblog_url"] {
        text-align: left;
    }
    .profile-overview .fa-item[data-key="weblog_url"] i{
        text-align: right;
    }

    .profile-overview .profile-overview-field {
        display: block;
        position: relative;
        font-size: 15px;
        overflow-wrap: break-word;
    }

    .profile-overview .profile-overview-field .row-font-icon {
        float: right;
        display: inline-block;
        margin-left: 5px;
    }

    .profile-overview .profile-overview-field .blog-page {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
    }

    .profile-overview .profile-overview-field .blog-tag-data {
        margin: 0;
    }

    .profile-overview .profile-overview-field ul.list-inline.blog-tags {
        padding: 0;
        display: inline-block;
        margin: 0;
    }

    .profile-overview .profile-overview-field ul li {
        padding: 0;
        margin: 0;
        float: right;
    }

    .elgg-head .whc_profile_manager_user_friend, .elgg-head .whc_profile_manager_group_manager, .elgg-head .whc_profile_manager_user_send_message {
        display: inline-block;
        float: none;
    }

    .elgg-head .whc_profile_manager_user_friend a i, .elgg-head .whc_profile_manager_group_manager a i, .elgg-head .whc_profile_manager_user_send_message a i {
        font-size: 20px;
    }

    .whc_profile_manager_user_collection_drop_down a.whc_profile_manager_friend_collection > i {
        padding-left: 5px;
        font-size: 15px;
        color: #afafaf !important;
    }

    ul.whc_profile_manager_user_collection_drop_down.dropdown-menu {
        min-width: 185px;
        max-width: 250px;
        direction: rtl;
    }

    ul.collection_list a[data-toggle="tab"] {
        white-space: nowrap;
        padding: 15px 5px;
    }

    ul.collection_list span.whc_profile_manager_count_collection:after {
        content: ")";
    }

    ul.collection_list span.whc_profile_manager_count_collection:before {
        content: "(";
    }

    span.profile-tab-counter {
        top: 0;
        left: 0;
        color: #169ef4;
        font-size: 16px;
        line-height: 30px;
        width: 32px;
        height: 32px;
        margin: 3px 8px;
        position: absolute;
        background: #e0eaf0;
        border-radius: 50% !important;
        text-align: center;
        vertical-align: middle;
    }

    .page-container.profile-container .page-content .nav-tabs.tabs-header > li > a {
        font-size: 17px;
    }

    .page-container.profile-container ul.ver-inline-menu li a {
        font-size: 16px;
    }

    .fa-item {
        font-size: 17px;
    }

    span.user-status.profile-user_status_icon {
        margin-left: 7px;
    }

    .profile-container .profile-title {
        background: #f7f7f7;
        padding: 6px 15px 0px 15px;
        border-radius: 29px !important;
    }

    .profile-container span.user-status.profile-user_status_icon > span {
        top: 0px;
    }

    .profile-container .elgg-heading-main {
        margin-right: 0px;
    }

    span.profile-title-text {
        vertical-align: text-top;
    }

    ul.profile-topbar-menu li a i {
        font-size: 20px;
    }

    ul.profile-topbar-menu li.friend a {
        padding-left: 0;
    }

    ul.profile-topbar-menu li {
        margin: 0 2px;
    }

    ul.profile-topbar-menu li{
        position: relative;
    }

    ul.profile-topbar-menu li.user_rank span.badge {
        width: 25px;
        height: 25px;
        position: absolute;
        top: -10px;
        right: 20px;
        background: #169ef4;
        text-align: center;
        vertical-align: middle;
        padding: 4px 4px;
        font-size: 16px !important;
    }

    .mt-element-step .step-default .active {
        background-color: #32c5d2 !important;
    }

    .mt-element-step .step-default .error {
        background-color: #E7505A !important;
    }

    .mt-element-step .step-default .done {
        background-color: #26C281 !important;
    }

    .mt-element-step .step-default .done .mt-step-number i {
        color: #26c281;
    }

    .mt-element-step .step-default .active .mt-step-number i {
        color: #32c5d2;
    }

    .mt-element-step .step-default .error .mt-step-number i {
        color: #E7505A;
    }

    .mt-element-step .step-default .mt-step-col {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }

    .bg-grey {
        background: #E5E5E5 !important;
    }

    .mt-element-step .step-default .active .mt-step-number {
        color: #32c5d2 !important;
    }

    .mt-element-step .step-default .mt-step-number {
        font-size: 40px;
        border-radius: 50% !important;
        display: inline-block;
        margin: auto auto 20px;
        padding: 3px 14px;
    }

    .mt-step-number.first.bg-white.font-grey i {
        font-size: 40px;
        vertical-align: middle;
    }

    .font-grey {
        color: #E5E5E5 !important;
    }

    .bg-white {
        background: #fff !important;
    }

    .mt-element-step .step-default .active .mt-step-content, .mt-element-step .step-default .active .mt-step-title,
    .mt-element-step .step-default .done .mt-step-content, .mt-element-step .step-default .done .mt-step-title,
    .mt-element-step .step-default .error .mt-step-content, .mt-element-step .step-default .error .mt-step-title {
        color: #fff !important;
    }

    .mt-element-step .step-default .mt-step-title {
        font-size: 30px;
        font-weight: 100;
    }

    .font-grey-cascade {
        color: #95A5A6 !important;
    }

    .mt-element-step .step-default .active .mt-step-content, .mt-element-step .step-default .active .mt-step-title {
        color: #fff !important;
    }

    span.not-add-avatar {
        text-align: center;
        display: block;
        font-size: 75px;
        color: #eaeaea;
        padding: 50px 0px;
    }

    .not-add-avatar-text {
        text-align: center;
        display: block;
        padding: 10px 0px;
        font-size: 16px;
    }

    .profile-account input[type="password"] {
        direction: ltr;
    }

    @media (max-width: 400px) and (min-width: 280px) {
        span.profile-title-text {
            width: 100% !important;
            display: inline-block;
            float: right;
        }
        .profile-container .profile-title{
            background: none !important;
        }

    }
    @media (max-width: 480px) and (min-width: 280px) {
        div.post-filter-owner-posts {
            margin: 0;
            width: 100%;
        }
        .profile-container .profile-title{
            background: none !important;
        }
    }    span.user-status {
        position: relative;
        display: inline-block;
        width: 12px;
        height: 15px;
        overflow: visible;
    }

    span.user-status .status-badge {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        overflow: visible;
        margin-top: -3px !important;
        border-radius: 50% !important;
        top: 3px;
    }

    span.user-status.size-tiny.inline {
        margin-left: 3px;
    }

    span.user-status.size-medium.inline {
        right: -5px;
        top: -1px;
    }

    span.user-status.size-medium.absolute {
        position: absolute;
        top: 11px;
        left: 4px;
    }

    span.user-status.size-medium.absolute span.status-badge {
        width: 16px;
        height: 16px;
        border: 2px solid white !important;
    }

    span.user-status.size-small.absolute {
        position: absolute;
        top: 0;
        right: -9px;
    }

    span.user-status.size-small.absolute span.status-badge {
        border: 2px solid white !important;
    }
    p.forget-validation-desc, .forget-new-desc {
        line-height: 2;
    }

    .forgot-pass-verify, .forgot-pass-new {
        padding: 110px 40px 25px;
    }

    .validation-resend-button {
        position: absolute;
        left: 5px;
        top: 30px;
        color: #fff !important;
        background: lightslategray;
        border-radius: 50% !important;
        width: 24px;
        height: 24px;
        padding: 4px;
    }

    .validation-resend-button {
        top: 0;
        left: 0;
        z-index: 3;
        border-radius: 20px !important;
        font-size: 0.85em;
        background: #999;
        padding: 12px 15px 13px;
        text-decoration: none !important;
        width: 84px;
        height: auto;
    }

    .validation-resend-button .fa-spinner {
        display: none;
    }

    .validation-resend-button.loading .fa-spinner {
        display: block;
    }

    .validation-resend-button.loading .title {
        display: none;
    }
.fileinput-preview.thumbnail:after {
    content: 'جهت انتخاب تصویر کلیک نمائید';
}
.whc_tidypics .bs-glyphicon-class {
    font-size: 20px;
    font-weight: bold;
}

.whc_file_image a.fileinput-exists {
    display: table-cell !important;
}

.whc_tidypics a.fileinput-exists {
    display: inline-block !important;
}

.whc_tidypics .elgg-input-file .btn-file,
.whc_file_image .input-group-addon {
    display: none;
}

.whc_tidypics #holder{
    border:2px dotted #0B85A1;
    width:100%;
    height:150px;
    color:#92AAB0;
    text-align:center;
    vertical-align:middle;
    padding:50px 10px 10px 10px;
    margin-bottom:10px;
    font-size:200%;
    cursor: pointer;
}

.timeline-body .thewire_addons .thumbnails img{
    max-height: 500px;
}.wwp-paginator-wrapper .wwp-aginator {
    display: none;
}

.wwp-paginator-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 3px 10px 0;
    width: 30%;
    height: 21px;
    text-align: center;
    background-color: #EEE;
    border: 1px solid #CCC;
}

@media (max-width: 480px) {
    .wwp-paginator-wrapper {
        width: 100%;
    }
}
.captcha-input-image {
	text-align: center;
	margin: auto;
}
    .calendar-type #rasa-calendar-hadith-bottom-container {
        padding: 15px;
        position: relative;
        /*background: rgb(75, 166, 254);
        background: linear-gradient(90deg, rgba(75, 166, 254, 1) 0%, rgba(62, 181, 240, 1) 82%, rgba(48, 196, 226, 1) 100%);*/
        background: #60b1ff;
        color: #fff;
        font-size: 14px;
        line-height: 2;
    }

    .calendar-type #rasa-calendar-hadith-bottom-container .events ul li {
        padding: 8px 14px;
        margin-bottom: 4px;
    }

    .calendar-type #rasa-calendar .fc-day-number {
        cursor: pointer;
    }

    .calendar-type #rasa-calendar td.selected {
        position: relative;
    }

    .calendar-type #rasa-calendar td.selected::before {
        position: absolute;
        content: '';
        display: block;
        bottom: 8px;
        height: 5px;
        width: 5px;
        background: #0b93d5;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: 0 0 5px 0px;
    }

    .rasa_hadith_widget {
        background-image: url("https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/hadith_day.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }

    .rasa_hadith_widget #hadith_from,
    .rasa_hadith_widget #hadith_arabic,
    .rasa_hadith_widget #hadith_farsi,
    .rasa_hadith_widget #hadith_resource {
        text-align: center;
        margin: auto;
        width: 75%;
    }

    .rasa_hadith_widget #hadith_from {
        color: #c88f35;
        padding-top: 21px;
        padding-bottom: 25px;
        width: 30%;
        font-size: 12px;
    }

    .rasa_hadith_widget #hadith_arabic {
        color: #0063b3;
        font-weight: bold;
        font-size: 14px;
    }

    .rasa_hadith_widget #hadith_farsi {
        color: #939393;
        padding-top: 6px;
        font-size: 13px;
    }

    .rasa_hadith_widget #hadith_resource {
        color: #c88f35;
        width: 30%;
        padding-top: 30px;
        margin-bottom: 22px;
        font-size: 12px;
    }

    .rasa_hadith_widget .card {
        background: transparent;
        box-shadow: none;
    }

    .rasa_hadith_widget .card {
        background: transparent;
        box-shadow: none;
    }

    .rasa_hadith_widget .card .header {
        color: #fff;
        border-bottom: 1px solid #ccc;
    }

    .rasa_hadith_widget .card span.sys-name {
        font-size: 15px;
    }

    .rasa-calendar-hadith-calendar-widget {
        border-right: none !important;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-toolbar {
        background: transparent;
        color: #808080;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-icon-right-single-arrow,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-icon-left-single-arrow {
        color: #808080;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-toolbar h2 {
        font-size: 14px;
        line-height: 1.6;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-day-grid-container {
        overflow: hidden !important;
        height: auto !important;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar th.fc-day-header > span {
        white-space: nowrap;
        color: #333639;
        background: transparent;
        font-size: 12px;
    }

    @media (max-width: 770px) {
        .rasa-calendar-hadith-calendar-widget #rasa-calendar th.fc-day-header > span {
            font-size: 10px;
        }

        .rasa_hadith_widget {
            background: transparent;
        }

        .rasa_hadith_widget #hadith_from,
        .rasa_hadith_widget #hadith_arabic,
        .rasa_hadith_widget #hadith_farsi,
        .rasa_hadith_widget #hadith_resource {
            width: 98%;
        }
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-bg td {
        border: none;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td span:not(.fc-title) {
        padding: 10px;
        border-radius: 5px !important;
        width: 19px;
        height: 19px;
        font-size: 13px;
        color: #7b7b7b;
        margin: 0 auto;
        position: relative;
        background: #eeeeee55;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-day-top.fc-other-month {
        opacity: 1;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-day-top.fc-other-month span.fc-day-number {
        background: #d8d8d8;
        color: #ffffff !important;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table td.fc-fri span {
        background: #fdefee;
        color: #ff0000 !important;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table th {
        padding-bottom: 9px !important;
    }

    .portal-widget.rasa-calendar-hadith-calendar-widget.elgg-module.elgg-module-widget {
        border-right: none !important;
    }

    .portal-widget.rasa-calendar-hadith-calendar-widget.elgg-module.elgg-module-widget #rasa-calendar {
        background: #fff !important;
        padding: 0;
        margin: 0 -1px -1px;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-bg .fc-today:after {
        content: none;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-today span {
        background: #06c595;
        color: #ffffff;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.selected span {
        background: #1e90ff;
        color: #ffffff;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar td.selected::before {
        content: none;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-day-top.fc-other-month.selected span {
        background: #1e90ff77;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-today.fc-other-month span {
        background: #59D8B8;
    }

    .rasa-calendar-hadith-calendar-widget .rasa-calendar-hadith-gregorian-date {
        font-family: Tahoma;
        direction: ltr;
    }

    .rasa-calendar-hadith-calendar-widget .rasa-calendar-hadith-persian-hadith,
    .rasa-calendar-hadith-calendar-widget .rasa-calendar-hadith-arabic-hadith {
        padding-bottom: 7px;
    }

    .rasa-calendar-hadith-calendar-widget .fc-basic-view .fc-body .fc-row {
        min-height: 49px;
    }

    .rasa-calendar-hadith-calendar-widget .rasa-calendar-hadith-bottom {
        overflow: hidden;
        font-size: 13px;
    }

    .rasa-calendar-hadith-calendar-widget .elgg-menu-calendar-actions .btn {
        float: left;
        border-radius: 3px !important;
        font-size: 13px;
        margin-top: 5px;
        margin-right: 5px;
    }

    input.add-user-event-input {
        width: 70%;
        float: right;
        border-width: 1px;
        transition: 0.2s all;
        font-size: 13px;
    }

    .add-user-event-input-container button.btn {
        float: right;
        width: 15%;
        font-size: 13px;
    }

    ul.rasa-calendar-hadith-user-events {
        margin: 7px 0 0;
    }

    input.add-user-event-input.error {
        background-color: #f3c6c6;
    }

    input.add-user-event-input.error::placeholder {
        color: #fff;
    }

    .rasa-calendar-hadith-calendar-widget .user-event-row .btn {
        border-radius: 50% !important;
        width: 28px;
        height: 28px;
        float: left;
        text-align: center;
        margin-right: 3px;
    }

    .rasa-calendar-hadith-calendar-widget .user-event-row .btn svg {
        top: -1px;
        display: block;
        left: 0;
        width: 10px;
    }

    .rasa-calendar-hadith-calendar-widget li.user-event-row {
        margin-bottom: 5px;
        padding-top: 5px;
    }

    .rasa-calendar-hadith-calendar-widget .user-event-row .btn.user-event-edit-btn svg {
        width: 13px;
        top: -2px;
        left: 7px;
    }

    .rasa-calendar-hadith-calendar-widget .user-event-row .btn.user-event-delete-btn svg {
        left: 5px;
    }

    .rasa-calendar-hadith-user-events-container.edit .add-user-event,
    .rasa-calendar-hadith-user-events-container.edit .user-event-edit-btn,
    .rasa-calendar-hadith-user-events-container.edit .user-event-delete-btn {
        display: none;
    }

    #rasa-calendar-hadith-bottom-container .delete-user-event-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
        background: #000000AA;
        text-align: center;
        opacity: 0;
        transition: 0.2s all;
    }

    #rasa-calendar-hadith-bottom-container .delete-user-event-container.active {
        opacity: 1;
    }

    #rasa-calendar-hadith-bottom-container .delete-user-event-content {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        margin-top: -40px;
    }

    #rasa-calendar-hadith-bottom-container .delete-user-event-msg {
        margin-bottom: 10px;
    }

    .portal-widget .portlet-body .card.rasa_hadith {
        min-height: 100px;
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    }

    .rasa-calendar-hadith-calendar-widget .title-with-line-in-front {
        position: relative;
        color: #3373ab;
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .rasa-calendar-hadith-calendar-widget span.title-with-line-in-front:after {
        content: '';
        position: absolute;
        width: 1000px;
        top: 12px;
        margin-right: 6px;
        border-bottom: 1px dotted #eeeeee99;
    }

    .rasa-calendar-hadith-organizational-events {
        padding: 5px 0 13px;
    }

    .rasa_hadith_widget.single-row #hadith_from {
        padding-top: 20px;
        padding-bottom: 35px;
    }

    .rasa_hadith_widget.single-row #hadith_resource {
        padding-top: 42px;
        margin-bottom: 18px;
    }

    #hadith_resource > div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.selected.fc-fri span{
        color: #be1d1d !important;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.selected span:before,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-today span:before{
        color: #ffffff !important;
        text-shadow: 1px 1px 2px #00000033;
    }
    /*.rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-today span:before {
        border-top-color: #06c595 !important;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-today.fc-other-month span:before {
        border-top-color: #59D8B8 !important;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.selected span:before {
        border-top-color: #1e90ffaa !important;
    }*/
    /*.rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td.fc-fri span:before {
        border-top-color: #fdefee !important;
    }*/
    .fc-event .fc-bg {
        display: none;
    }

    .fc-event {
        background: transparent;border: none;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td div.fc-time > span {
        background: #66dcf7;
        color: #fff;
        min-width: 30px;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td div.fc-time + .fc-title,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body td a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end > .fc-content > .fc-title {
        background: #56c9e3;
        width: fit-content;
        margin: 1px auto;
        padding: 2px 10px 1px;
        border-radius: 4px !important;
        color: #fff;
        z-index: 12;
        position: relative;
        box-shadow: 0 0 2px 1px #00000022;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body .fc-event {
        background: transparent;
        border: none;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar table .fc-body .fc-week td.fc-axis > span {
        background: transparent;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-month-view a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
        display: none;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-time-grid-event,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-time-grid-event .fc-content,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-day-grid-event,
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-day-grid-event .fc-content{
        overflow: visible;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-agenda-view th.fc-day-header > span {
        white-space: normal;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-time-grid .fc-slats .fc-minor td {
        border-color: #eeeeee66;
    }

    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-toolbar > .fc-left > .fc-button-group {
        border-radius: 5px !important;
        overflow: hidden;
        font-size: 14px;
    }
    .rasa-calendar-hadith-calendar-widget #rasa-calendar .fc-agendaDay-view th.fc-day-header > span {
        text-align: left;
        margin-top: -30px;
    }
    h1, h2, h3, h4, h5, h6,body,.icon-btn div
    {
        font-family: WMitra !important;
    }

    body {
        font-size: 13px;
        overflow-y: scroll;
    }

    body .register-top-desc {
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

    .vazir-fa {
        font-family: 'Vazir-fa' !important;
    }

    .page-footer .page-footer-inner * {
        color: inherit;
    }

    .page-header.navbar .page-logo {
        overflow: hidden;
    }

    .page-title {
        font-size: 25px !important;
        font-weight: bold !important;
    }

    .elgg-module.elgg-module-inline .elgg-head h3 {
        font-size: 19px;
        font-weight: 600;
    }

    .elgg-heading-main {
        max-width: 100%
    }

    table td {
        text-align: right;
        vertical-align: middle;
    }

    .elgg-page-footer {
        color: #fff;
    }

    .copyright .helpdesk table {
        margin: auto;
    }

    .copyright .helpdesk table td {
        text-align: center;
    }

    .toast-top-right, .toast-top-left {
        top: 52px !important;
    }

    .settings-container .elgg-owner-block .avatar, .settings-container .elgg-owner-block .message {
        display: inline-block;
    }

    .settings-container .elgg-owner-block .message h3 {
        font-size: 21px;
    }

    .settings-container .elgg-owner-block .message {
        padding-right: 10px;
    }

    /*** Header ***/
    .page-sidebar-closed-hide-logo.page-sidebar-closed .text-logo {
        display: none;
    }

    /*.page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
         margin-right: 19px;
         margin-left: 0;
         float: right !important;
     }
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler{
        margin-right: 6px;
    }*/
    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
        font-family: inherit !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
        font-weight: bold !important;
    }

    .page-header.navbar .hor-menu .navbar-nav > li > a {
        font-weight: bold !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding-bottom: 11px !important;
    }

    @media (max-width: 767px) {
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
            margin-left: auto !important;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
            margin-left: auto !important;
        }
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding-top: 15px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
        padding-left: 10px !important;
    }

    .nav.navbar-nav.pull-right li, .nav.navbar-nav.pull-right li a {
        color: white;
        font-size: 13px;
    }

    .page-header.navbar .text-logo {
        float: right;
        display: block;
        width: 235px;
        height: 46px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .page-header.navbar .text-logo > a {
        display: inline-block;
        float: right;
    }

    .page-header.navbar .text-logo .logo {
        margin: 5px 0 0 0;
    }

    .page-header.navbar .page-logo .text-logo {
        padding: 0 !important;
        padding-top: 8px !important;
        color: white;
        font-weight: bold;
        font-size: 19px;
        width: 185px;
    }

    .fa-angle-right:before {
        content: "\f104" !important;
    }

    .fa-angle-left:before {
        content: "\f105" !important;
    }

    /*** End Header ***/

    /*** Sidebar Menu ***/
    .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar .page-sidebar-menu > li.active.open > a > .selected {
        background-image: none !important;
    }

    .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
        font-size: 20px !important;
        vertical-align: middle;
    }

    .dropdown-submenu > a:after {
        content: "\f104" !important;
    }

    .page-sidebar-menu .elgg-menu-page-administer > a > i:before {
        content: "\f013";
    }

    .page-sidebar-menu .elgg-menu-page-approve > a > i:before {
        content: "\f0db";
    }

    .page-sidebar-menu .elgg-menu-page-configure > a > i:before {
        content: "\f085";
    }

    .page-sidebar-menu .elgg-menu-page-develop > a > i:before {
        content: "\f0d0";
    }

    /*** End Sidebar Menu ***/

    .page-sidebar-wrapper .elgg-module-main {
        border: none
    }

    .page-sidebar-wrapper > .page-sidebar > .elgg-body {
        overflow: inherit;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
        margin-left: 3px;
    }

    li.dropdown img.user-avatar {
        width: 29px;
        vertical-align: middle;
    }

    .dropdown-menu {
        font-family: WMitra, Tahoma !important;
    }

    ul.elgg-gallery.elgg-gallery-users li {
        display: inline-block;
        padding: 5px;
        position: relative;
    }

    ul.elgg-menu-hover.dropdown-menu li > a {
        padding-right: 10px;
    }

    ul.elgg-menu-hover.dropdown-menu li > a > i {
        margin-left: 3px;
    }

    ul.elgg-menu.elgg-menu-hover-admin li a {
        color: red;
    }

    #metatag_manager-settings label {
        display: block;
    }

    fieldset .elgg-module-widget, fieldset .elgg-module-widget:hover {
        background-color: white;
    }

    /*** fancy bax ***/
    #fancybox-content > div > div.elgg-module {
        background-color: #fff;
        margin: 0;
        width: 100%;
    }

    div#fancybox-content {
        margin-top: 20px;
    }

    /*** End fancy bax ***/

    /*** Dashboard Widget ***/
    .elgg-module-widget .elgg-widget-edit {
        margin-bottom: 10px;
    }

    .elgg-module-widget .elgg-widget-edit form {
        padding: 5px;
    }

    .elgg-widget-add-control {
        text-align: right;
        display: inherit !important;
        margin: 5px 5px 15px 0px;
    }

    .elgg-widgets-add-panel li {
        float: right;
    }

    .elgg-widgets h3 {
        margin-top: inherit;
        font-size: initial;
    }

    .elgg-menu-widget > li > a {
        color: white
    }

    .elgg-menu-widget > .elgg-menu-item-collapse {
        left: 5px;
        right: auto;
    }

    .elgg-menu-widget > .elgg-menu-item-delete {
        left: 25px;
        right: auto;
    }

    .elgg-menu-widget > .elgg-menu-item-settings {
        left: 45px;
        right: auto;
    }

    .elgg-menu-widget > li {
        position: inherit;
        float: left;
        margin: 2px;
        padding: 0;
    }

    a.elgg-widget-collapse-button:before {
        content: "";
    }

    .elgg-menu-item-collapse > a {
        background-image: url(https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/portlet-collapse-icon-white.png);
        width: 14px;
        height: 14px;
        vertical-align: initial !important;
    }

    .elgg-menu-item-collapse > a.elgg-widget-collapsed {
        background-image: url(https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/portlet-expand-icon-white.png);
    }

    .dropdown-menu .elgg-icon {
        display: none;
    }

    li.elgg-menu-item-settings > a > span.elgg-icon-settings-alt, li.elgg-menu-item-delete > a > span.elgg-icon-delete-alt {
        width: 14px;
        height: 14px;
        background-position: 0 0;
        vertical-align: initial;
        margin: 0;
        background-repeat: no-repeat;
    }

    li.elgg-menu-item-delete > a > span.elgg-icon-delete-alt {
        background-image: url(https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/portlet-remove-icon-white.png);
    }

    li.elgg-menu-item-settings > a > span.elgg-icon-settings-alt {
        background-image: url(https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/portlet-config-icon-white.png);
    }

    .elgg-widget-instance-online_users .caption > i:before {
        padding-left: 5px;
    }

    .elgg-module-widget > .portlet-title .caption > i {
        padding-left: 5px;
    }

    .elgg-widget-instance-online_users .caption > i:before {
        content: "\f007";
    }

    .elgg-widget-instance-new_users .caption > i:before {
        content: "\f183";
    }

    .elgg-widget-instance-content_stats .caption > i:before {
        content: "\f080";
    }

    .elgg-widget-instance-control_panel .caption > i:before {
        content: "\f085";
    }

    /*** End Dashboard Widget ***/

    /*** Page Notice ***/
    .page-notices > .alert > i.fa {
        font-size: 18px;
        margin-left: 5px;
    }

    .page-notices > .alert a.elgg-admin-notice {
        float: left;
    }

    .page-notices > .alert span.elgg-icon-delete {
        background: transparent url(https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/portlet-remove-icon.png) no-repeat 0 -2px;
    }

    /*** End Page Notice ***/

    .elgg-module-widget > .portlet-title > .elgg-widget-handle > .caption {
        padding: 9px 0;
        float: right;
        display: inline-block;
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }

    .elgg-module-inline .elgg-head h3 {
        display: inline;
    }

    .elgg-form-admin-menu-save .elgg-module-inline > .elgg-body > .form-group {
        float: right;
        padding-left: 5px;
    }

    .pal > .inbox-folder-options label .form-group, #developer-settings-form label .form-group {
        display: inline;
    }

    .elgg-module-widget > .portlet-body, .elgg-module-widget > .portlet-body:hover {
        background-color: #fff;
    }

    /*** plugin ***/
    #elgg-plugin-list .elgg-plugin .elgg-image-alt, #elgg-plugin-list .elgg-plugin .float-alt.mtm {
        float: left;
    }

    #elgg-plugin-list .elgg-plugin .elgg-plugin-more {
        display: none;
    }

    #elgg-plugin-list .elgg-plugin ul.elgg-menu-metadata li {
        padding: 5px;
        margin-bottom: 0;
    }

    #elgg-plugin-list .elgg-plugin .mtm .btn-danger, .elgg-plugin .mtm .btn-success {
        width: 90px;
    }

    /*** End plugin ***/

    /*** chats ***/
    .elgg-module-widget .chats li.elgg-item {
        margin: 0;
        padding: 0;
    }

    ul.chats.user > li .message {
        margin-right: 35px;
    }

    ul.chats.user > li .avatar, .elgg-avatar {
        position: relative;
    }

    ul.chats.user > li .avatar {
        width: 35px;
    }

    .user.chats li.in .message .arrow {
        top: 2px;
    }

    ul.chats.user > li .avatar .elgg-icon-hover-menu {
        top: 15px;
        background: none;
        right: 3px;
    }

    .elgg-avatar > .elgg-icon-hover-menu {
        display: none;
        background: none;
        position: absolute;
    }

    .elgg-avatar.elgg-avatar-medium > .elgg-icon-hover-menu {
        top: 90px;
        right: 40px;
    }

    .elgg-avatar.elgg-avatar-small > .elgg-icon-hover-menu {
        top: 25px;
        right: 10px;
    }

    .elgg-avatar.elgg-avatar-tiny > .elgg-icon-hover-menu {
        top: 15px;
        right: 4px;
    }

    span.elgg-icon.elgg-icon-hover-menu:before {
        font-family: "FontAwesome";
        content: "\f078";
        color: red;
        font-size: 18px;
    }

    .chats.user > li .message h3 {
        margin: 0;
        font-size: 14px;
        padding-bottom: 10px;
    }

    .elgg-image-block.elgg-autocomplete-item .avatar {
        display: inline-flex;
        padding: 5px;
    }

    .ui-autocomplete {
        min-width: 150px;
    }

    .ui-menu .ui-menu-item {
        list-style-image: none !important;
    }

    .ui-menu .ui-menu-item a {
        font-family: WMitra, Tahoma;
    }

    .chats.user .avatar .elgg-avatar img {
        border-radius: 50px !important;
    }

    /*** End chats ***/

    /*** Profile Fields ***/
    .field_config_title .elgg-icon-delete {
        float: left;
    }

    .field_config_title a.profile-manager-popup {
        float: left;
    }

    /*** End Profile Fields ***/

    /*** User Autocomplete ***/
    .elgg-image-block.elgg-autocomplete-item .message {
        display: inline-flex;
        margin-right: 10px;
    }

    .elgg-image-block.elgg-autocomplete-item h3 {
        margin: 0;
        font-size: 14px;
    }

    .ui-menu-item .elgg-image-block.elgg-autocomplete-item .elgg-subtext {
        padding-right: 1px;
        color: gray;
        font-size: 10px;
    }

    .ui-autocomplete.ui-front {
        z-index: 10000;
    }

    /*** ***/

    button i {
        vertical-align: middle;
    }

    i[class^="icon"] + span.elgg-icon, i.fa + span.elgg-icon {
        display: none;
    }

    .page-container .page-content .home {
        background: none;
    }

    .elgg-fieldset > legend {
        border: 0;
        width: auto;
        padding: 0 10px;
    }

    form.login-form input, form.forget-form input {
        direction: ltr !important;
    }

    .login .content h5.form-title {
        color: #FFF;
        margin-bottom: 10px;
    }

    ul.elgg-menu.elgg-menu-hover.dropdown-menu {
        z-index: 1100;
    }

    .page-bar:empty {
        display: none;
    }

    div.tagsinput *:not([class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"]) {
        font-family: WMitra, Tahoma !important;
    }

    .tagsinput .searching {
        background: url("https://ehraz.whc.ir/cache/1753766794/default/theme/assets/global/img/input-spinner.gif") no-repeat center left;
    }

    #cboxOverlay {
        z-index: 9999;
    }

    #colorbox[role="dialog"] {
        z-index: 10099;
    }

    .badge {
        font-family: inherit !important;
    }

    .clearfix {
        clear: both;
    }

    .mix-block .tab-content .col-md-3 {
        padding-left: 0;
    }

    .mix-block .nav-tabs > li {
        margin-top: 1px;
    }

    .dragDrop{
        background: url(https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/drag_and_drop.png) center center no-repeat
    }

    .scroll-to-top {
        left: 85px !important;
        bottom: 27px !important;
    }

    .loading.ajax-loading{
        display: block;
        position: relative;
        min-height: 100px;
        padding: 10px;
        background: transparent url(https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/717.gif) center center no-repeat
    }


    @media (max-width: 991px) {
        .page-header-fixed .page-container {
            /*margin: 55px !important;*/
        }
    }

    @media (max-width: 480px) {
        .login .content {
            max-width: 100% !important;
        }
    }

    form.login-form .forget-password {
        margin-top: 25px;
    }

    form.login-form .form-actions {
        clear: both;
        border: 0px;
        padding: 0 0 25px 0;
    }

    body.login > .logo img.login_logo{
        max-width: 492px
    }

    div.password-strength-container {
        position: relative;
        overflow: hidden!important;
        height: 4px;
        margin: 5px auto 15px;
        background: rgba(76,161,2,1);
        background: -moz-linear-gradient(left, rgba(76,161,2,1) 0%, rgba(148,230,76,1) 53%, rgba(231,55,39,1) 90%, rgba(231,55,39,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,161,2,1)), color-stop(53%, rgba(148,230,76,1)), color-stop(90%, rgba(231,55,39,1)), color-stop(100%, rgba(231,55,39,1)));
        background: -webkit-linear-gradient(left, rgba(76,161,2,1) 0%, rgba(148,230,76,1) 53%, rgba(231,55,39,1) 90%, rgba(231,55,39,1) 100%);
        background: -o-linear-gradient(left, rgba(76,161,2,1) 0%, rgba(148,230,76,1) 53%, rgba(231,55,39,1) 90%, rgba(231,55,39,1) 100%);
        background: -ms-linear-gradient(left, rgba(76,161,2,1) 0%, rgba(148,230,76,1) 53%, rgba(231,55,39,1) 90%, rgba(231,55,39,1) 100%);
        background: linear-gradient(to right, rgba(76,161,2,1) 0%, rgba(148,230,76,1) 53%, rgba(231,55,39,1) 90%, rgba(231,55,39,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca102', endColorstr='#e73727', GradientType=1 );
    }

    div.password-strength-container:before,
    div.password-strength-container:after {
        content: '';
        height: inherit;
        background: transparent;
        display: block;
        border-color: #FFF;
        border-style: solid;
        border-width: 0 3px 0 3px;
        position: absolute;
        width: 20%;
        z-index: 10;

    }

    div.password-strength-container:before {
        left: 20%;
    }

    div.password-strength-container:after {
        right: 20%;
    }

    div.password-strength-meter {
        background: transparent;
        height: inherit;
        position: absolute;
        width: 0;
    }

    div.password-strength-meter {
        background: #ddd;
        right: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .username-cucursor::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        direction: rtl;
    }

    .username-cucursor::-moz-placeholder { /* Firefox 19+ */
        direction: rtl;
    }

    .username-cucursor:-ms-input-placeholder { /* IE 10+ */
        direction: rtl;
    }

    .username-cucursor:-moz-placeholder { /* Firefox 18- */
        direction: rtl;
    }

    @media only screen and (min-width : 500px) {
        .modal-vcenter {
            text-align: center;
            padding: 0 !important;
        }

        .modal-vcenter:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

        .modal-vcenter .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
    }

    /* location */
    .pac-container {
        z-index: 99999;
    }
    .map-container{
        height: 100%;
    }
    .map-container .map-canvas {
        width: 100% !important;
        height: calc(100% - 30px) !important;
        position: relative;
        overflow: hidden;
    }
    .map-container h3 {
        margin: 4px 0 0;
        width: 100%;
    }
    .map-container .location-name{
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }
    .pac-logo:after{
        display: none;
    }
    .location-buttons-container input.form-control{
        min-width: 200px;
    }
    .location-buttons-container .elgg-field{
        padding-left: 5px;
        float: right;
        margin-bottom: 5px;
    }
    input[data-type="location"]{
        text-align: center !important;
    }

    .profile-overview .profile-overview-field .olLayerGrid .olTileImage {
        max-width: none;
    }

    body.page-full-width.light-skin .navbar-middle-nav {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        background-color: #F7F7F7;
        box-shadow: 0 1px 5px rgba(110, 110, 110, 0.41);
        margin: 0;
        padding: 0;
    }

    body.page-full-width.light-skin ul.nav.navbar-nav {
        margin: 0 !important;
    }

    .page-header.navbar.no-shadow {
        box-shadow: none !important;
        border-bottom: 1px solid rgba(50, 50, 50, 0.11) !important;
    }

    .navbar-middle-nav.fixed-position .shortcuts-container {
        background-image: url('https://ehraz.whc.ir/cache/1753766794/default/theme/graphics/system_logo_mini.png');
        background-size: contain;
        background-position: right center!important;
        background-repeat: no-repeat;
        padding-right: 65px;
    }

    .navbar-middle-nav.fixed-position i.large-icon {
        color: #E77917;
        font-weight: bold;
    }

    .navbar-middle-nav.fixed-position a.shortcuts {
        background: transparent !important;
        box-shadow: none !important;
    }

    .light-skin .navbar-middle-nav a.shortcuts {
        margin: 6px -11px 0;
        padding: 0 17px 0 0;
        border: 0;
        background: #fff;
        /* box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.11);
         -webkit-border-radius: 2px !important;
         border-radius: 2px !important;*/
        line-height: 31px;
    }

    body.page-full-width.light-skin .navbar-middle-nav i.large-icon {
        font-size: 20px;
    }

    body.page-full-width.light-skin .navbar-middle-nav i.fa-navicon {
        color: #FF9E9E;
    }

    .navbar-middle-nav.fixed-position a.shortcuts i.fa-angle-down,
    .navbar-middle-nav.fixed-position a.shortcuts span {
        display: none;
    }

    body.page-full-width.light-skin .navbar-middle-nav i {
        vertical-align: middle;
        font-size: 18px;
    }

    .filter-date-container {
        float: right;
    }

    .filter-date-container > *, .filter-date-container .form-group > * {
        float: right;
    }

    .filter-date-from-date-container.hide + .filter-date-to-date-container label {
        opacity: 0;
        padding: 0;
    }

    .filter-date-from-date-container > .form-group > * {
        float: right;
    }

    .filter-date-container {
        line-height: 2.2;
        overflow: hidden;
    }

    .filter-date-container label {
        padding-left: 10px;
        padding-top: 2px;
    }

    .filter-date-from-date-container label, .filter-date-to-date-container label {
        padding-right: 10px;
    }

    .validation-resend-timer-container {
        font-size: 12px;
        color: #3f51b5;
        margin-top: -6px;
        margin-bottom: 13px;
    }

    /* .page-container.portal_dashboard-container > .container {
        padding: 0;
    } */

    .page-header-fixed .page-container.portal_dashboard-container {
        margin-top: 0;
    }

    @media (min-width: 1400px) {
        .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 1320px !important;
            width: 1320px !important;
        }
    }

    @media (min-width: 1600px) {
        .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 2100px !important;
            width: 90% !important;
        }

        footer {
            background-size: cover !important;
        }
    }

    .modal .switch input + label {
        width: 100%;
        color: #333;
        height: 18px;
        text-indent: 0;
        padding-right: 0;
    }

    .modal .switch input + label > span {
        position: relative;
        white-space: nowrap;
        top: -3px;
    }

    .modal .switch {
        display: block;
        float: none;
        margin-right: 0;
    }

    .modal .switch input + label::before {
        width: 36px;
        background-color: #aaaaaa7a;
        right: auto;
        left: 0;
    }

    .modal .switch input + label::after {
        left: 3px;
        height: 14px;
        width: 14px;
    }

    .modal .switch input:checked + label::after {
        margin-left: 16px;
    }

    .modal .switch input:checked + label::before {
        background: #0088ddaa;
    }

    .bootstrap-timepicker-widget.dropdown-menu {
        padding: 4px;
        direction: ltr;
        right: auto;
        min-width: 150px;
    }

    .bootstrap-timepicker-widget table td input {
        font-size: 16px;
    }

    input[type=number].hide-arrows::-webkit-outer-spin-button,
    input[type=number].hide-arrows::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number].hide-arrows {
        -moz-appearance: textfield;
    }

    .switch {
        position: relative;
        display: inline-block;
        margin-right: 15px;
        top: 4px;
        float: left;
    }

    .switch input {
        position: absolute;
        height: 1px;
        width: 1px;
        background: none;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        overflow: hidden;
        padding: 0;
    }

    .switch input + label {
        position: relative;
        width: 90px;
        border-radius: calc(2.375rem * 0.8);
        height: 24px;
        line-height: 24px;
        display: inline-block;
        cursor: pointer;
        outline: none;
        user-select: none;
        vertical-align: middle;
        text-indent: calc(calc(calc(2.375rem * 0.8) * 1) + 0.5rem);
        font-size: 12px;
        color: #fff;
        padding-right: 11px;
    }

    .switch input + label::before,
    .switch input + label::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        bottom: 0;
        display: block;
    }

    .switch input + label::before {
        right: 0;
        background-color: #ffffff7a;
        border-radius: calc(2.375rem * 0.8);
        transition: 0.2s all;
    }

    .switch input + label::after {
        top: 2px;
        left: 47px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        transition: 0.2s all;
    }

    .switch input:checked + label::before {
        background-color: #08d;
    }

    .switch input:checked + label::after {
        margin-left: 20px;
    }

    .switch input:focus + label::before {
        outline: none;
        box-shadow: 0 0 0 0.3rem rgba(0, 136, 221, 0.25);
    }

    .switch input:disabled + label {
        color: #868e96;
        cursor: not-allowed;
    }

    .switch input:disabled + label::before {
        background-color: #e9ecef;
    }

    .switch.switch-sm {
        font-size: 0.875rem;
    }

    .switch.switch-sm input + label {
        min-width: calc(calc(1.9375rem * 0.8) * 2);
        height: calc(1.9375rem * 0.8);
        line-height: calc(1.9375rem * 0.8);
        text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
    }

    .switch.switch-sm input + label::before {
        width: calc(calc(1.9375rem * 0.8) * 2);
    }

    .switch.switch-sm input + label::after {
        width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
        height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
    }

    .switch.switch-sm input:checked + label::after {
        margin-left: calc(1.9375rem * 0.8);
    }

    .switch.switch-lg {
        font-size: 1.25rem;
    }

    .switch.switch-lg input + label {
        min-width: calc(calc(3rem * 0.8) * 2);
        height: calc(3rem * 0.8);
        line-height: calc(3rem * 0.8);
        text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
    }

    .switch.switch-lg input + label::before {
        width: calc(calc(3rem * 0.8) * 2);
    }

    .switch.switch-lg input + label::after {
        width: calc(calc(3rem * 0.8) - calc(2px * 2));
        height: calc(calc(3rem * 0.8) - calc(2px * 2));
    }

    .switch.switch-lg input:checked + label::after {
        margin-left: calc(3rem * 0.8);
    }

    .switch + .switch {
        margin-left: 1rem;
    }

    .code-editor-container {
        position: relative;
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
        direction: ltr;
        border: 1px solid #e5e5e5;
    }

    .code-editor-container * {
        direction: ltr;
    }

    .code-editor-container > div {
        position: absolute;
        left: 5px;
        top: 5px;
        right: 5px;
        bottom: 5px;
    }

    .code-editor-container > div.loading {
        text-align: center;
    }

    .code-editor-container > div > i {
        font-size: 26px;
        margin-top: 60px;
    }

    .portal_dashboard-container .container {
        margin: 0;
        width: auto !important;
    }

    section.page-section#widgets {
        padding-right: 0;
        padding-left: 0;
    }

    .icon-picker .icon-preview {
        float: left;
        width: 60px;
        height: 35px;
        margin: 0 13px 0 0;
        background: #fff;
        text-align: center;
        font-size: 30px;
        line-height: 35px;
        color: #1e1e1e;
        border: 1px solid #eee;
    }
    .icon-picker .icon-preview > i {
        font-size: 20px;
    }