<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
:focus {
	outline:none;
}

a {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	text-decoration: none;
	font-weight: bold;
	color: #007af4;
}

a:focus {
	color: green;
}

a.zar {
	font-weight: normal;
}

a:hover, .faa-parent.animated-hover:hover&gt;i {
	color: green;
}
a:active {
	color: #FF0000;
}

a.disabled:hover {
	color: #aaa !important;
}

.outline-on-focus:focus {
	outline: 1px dotted;
}

img {
	border: none;
	vertical-align: middle;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999;
}

textarea {
	border-radius: 4px;
	padding: 5px;
}

thead {
	display: table-row-group;
}

fieldset {
	direction: rtl;
	text-align: right;
	border: 1px solid #bd1e56;
	padding: 15px;
	margin: 15px 8px;
	border-radius: 0.5em;
}
fieldset.tight-up {
	margin-top: 0px;
}
fieldset.tight-inside {
	padding-top: 0px;
}

.modal-body &gt; fieldset {
	margin-top: 5px;
}

legend {
	color: #7a002b;
	background-color: #ecf0ff;
	border: 1px solid #bd1e56;
	padding: 0.25em .75em;
	/*border-radius: 1em;*/
	border-radius: 5px;
}

fieldset.disabled,
fieldset[disabled] {
	border: 1px solid #bbb;
}

fieldset.disabled legend,
fieldset[disabled] legend {
	border: 1px solid #bbb;
	color: gray;
	background-color: #eee;
}

fieldset.orange,
fieldset.warning {
	border: 1px solid #ffb151;
	color: black;
}

fieldset.warning {
	background-color: white !important;
}

fieldset.orange legend,
fieldset.warning legend {
	border: 1px solid #ffb151;
	color: maroon;
	background-color: #fdefd5;
}

fieldset.green {
	border: 1px solid #009900;
	color: black;
}
fieldset.green legend {
	border: 1px solid #009900;
	color: green;
	background-color: #e8fed9;
}

fieldset.mini {
	border: 1px solid #bbb;
	display: inline;
	box-shadow: 1px 1px 1px white, 1px -1px 1px white;
}

fieldset.mini legend {
	color: gray;
	border: 1px solid #bbb;
	background-color: #f6f6f6;
	padding: 0.25em 1em;
	border-radius: 10px;
}

fieldset.en {
	text-align: left;
	direction: ltr;
}

fieldset &gt; table {
	direction: ltr;
}

fieldset &gt; table[dir=rtl] {
	direction: rtl;
}

fieldset.single {
	background-color: white;
	position: relative;
}

fieldset.single textarea {
	width: 100%;
	border: none !important;
	outline: none;
}

fieldset.single.tight-up textarea {
	margin-top: -10px;
}

fieldset.single a img.pattern {
	float:left;
	position:absolute;
	top: -15px;
	left:12px;
}

fieldset.error {
	border: 1px red solid !important;
	background-color: white !important;
	cursor: help;
}

fieldset.error legend {
	color: red;
	border: 1px red solid !important;
	background-color: #fff0f1 !important;
	cursor: help;
}

ol {
	list-style: -moz-persian;
	list-style: arabic-indic;
	list-style-type:-moz-arabic-indic;
}
ol.zarEn {
	list-style: decimal;
	list-style-type:unset;
}

a.tooltip i {
	color: #aaaaaa;
}
a.tooltip:hover i {
	color: darkorange;
}

a i {
	color: #e31863;
}
a:hover i {
	color: #e31863;
}

a.red i {
    color: red;
}

a.disabled i {
	color: #aaa !important;
}

a i.fa {
	font-size: 12pt;
}

.list-table i {
	font-size: 13pt;
}

a.header i {
	color: #aaa;
	padding: 0 2px;
}

a.header:hover i {
	color: green;
}

a.disabled {
	cursor: default;
	color: #aaa !important;
}

fieldset.single {
	background-color: white;
}

fieldset.single textarea {
	width: 100%;
	border: none !important;
	box-shadow: none !important;
}

input.textt:disabled,
input.zart:disabled,
input.zarEnt:disabled{
	color: #999;
	background-color: #f4f4f4;
	border-color: #bbb;
}

input.bl:read-only,
input.bl[readonly],
textarea.bl:read-only,
textarea.bl[readonly] {
	color: gray;
}

/* disabled input cannot have error */
input:disabled.error {
	color: #999 !important;
	background-color: #f4f4f4 !important;
	border-color: #bbb !important;
}

input:disabled.error.disabled-error {
	border: 1px red dashed !important;
	color: #999 !important;
	background-color: #fff0f1 !important;
}

.readonly {
	background-color: #fcfcfc;
}

/* classes --------------------------------------------------------------------*/

.input-focused {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.text {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	direction: rtl;
	font-weight: bold;
}
.text-dl {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	text-align: right;
}
.textf {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
}
.textm {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 12pt;
	font-weight: bold;
	direction: rtl;
}
.textbig {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 14pt;
	font-weight: bold;
	direction: rtl;
	color:#000099;
}
.textbigm {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 16pt;
	font-weight: bold;
	direction: rtl;
	color:#000099;
}

.textOnvan {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10.5pt;
	direction: rtl;
	font-weight: normal;
}

.textOnvant {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10.5pt;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
	font-weight: normal;
}
.textOnvant:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}
.textOnvanSmall {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 9.5pt;
	direction: rtl;
	font-weight: normal;
}
.textOnvanSmallc {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 9.5pt;
	direction: rtl;
	font-weight: normal;
	color:#7a002b;
}
.textOnvanSmallt {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 9.5pt;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.textOnvanm {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 12.5pt;
	direction: rtl;
	font-weight: normal;
}
.textOnvanc {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 10.5pt;
	direction: rtl;
	color:#7a002b;
	font-weight: normal;
}

.textc {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	color:#7a002b;
}
.textcm {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 12pt;
	font-weight: bold;
	direction: rtl;
	color:#7a002b}
.textmt {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.textmt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
}

.textb {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	color: #bd1e56;
}

.textt {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.textt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
}

.textt.frontend {
	border: #aaa 1px solid;
	background-color: white;
}

.obligatory {
	color: #7a002b;
	font-weight: normal;
	font-size:10pt;
	font-family: Verdana;
}

.textsmall {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 10pt;
	font-weight: bold;
	direction: rtl;
}
.textsmallc {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 10pt;
	font-weight: bold;
	direction: rtl;
	color: #7a002b;
}
.textsmallt {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 10pt;
	font-weight: bold;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.textsmallt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}
.texttiny {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 9pt;
	font-weight: bold;
	direction: rtl;
}

.textsearch {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 9pt;
	font-weight: bold;
	direction: rtl;
}
.zar {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10.5pt;
	direction: rtl;

	}

.zar.tight {
	line-height: 14pt;
}

.font-plus-1 .zar {
    font-size: 11.5pt;
    /*text-align: justify;*/
}

.zart {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10.5pt;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.zart:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.zart.frontend {
	border: #aaa 1px solid;
	background-color: white;
}

.zarsmall {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 9.5pt;
	direction: rtl;
	font-weight: normal;
}
.zarsmallt {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 9.5pt;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.zartiny {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 8.5pt;
	direction: rtl;
}
.zartinyEn {
	font-family: Ubuntu, Tahoma;
	font-size : 9pt;
	direction: ltr;
	font-weight: normal;
}
.zarminusculeEn {
	font-family: Ubuntu, Tahoma;
	font-size : 7pt;
	direction: ltr;
	font-weight: normal;
}
.zarm {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 12.5pt;
	direction: rtl;
}
.zarc {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 10.5pt;
	direction: rtl;
	color:#7a002b}

.textbl {
	border: 1px solid transparent;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	background: transparent;
	width: 100%;
	height: 29px;
}
.textbl:focus {
	background-color: #fff3f8;
}

.textareabl {
	border: 1px solid transparent;
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size : 10.5pt;
	direction: rtl;
	background: transparent;
	width: 100%;
}
.textareabl:focus {
	background-color: #fff3f8;
}

.bliEn {
	border: 1px solid transparent;
	background: transparent;
	width: 100%;
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 9pt;
}
.bliEn:focus {
	background-color: #fff3f8;
}

.bln {
	border: 1px solid transparent;
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 10pt;
	background: transparent;
	width: 100%;
	height: 29px;
}
.bln:focus {
	background-color: #fff3f8;
}

.blnf {
	border: 1px solid transparent;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	background: transparent;
	width: 100%;
}
.blnf:focus {
	background-color: #fff3f8;
}

select.bl {
	padding: 0;
}

.transparent {
	background-color: transparent !important;
}

.bl {
	border: none;
	background-color: white;
	width: 100%;
	min-height: 36px !important;
	padding: 5px 5px !important;
	border-radius: 0;
}
.bl:focus {
	background-color: #fff3f8;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
}
.bl.error {
	border: none !important;
}
.bl.error:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(200,0,0,.4);
}

.word-table.error td, .word-table.error th {
	border-color: red !important;
}

.word-table.error th {
	color: red !important;
	background-color: #fff0f1 !important;
}

.selectable .bl {
	background-color: transparent;
}
.selected .bl:focus {
	background-color: #fff3f8;
}

input.bl:disabled {
	color: gray;
/*	background-color: #f6f6f6;*/
}
input.disabled {
	color: gray;
	background-color: #f6f6f6;
}

tr.disabled {
	color: #aaa;
}

.in {
	font-family: Ubuntu;
	font-weight: normal;
	font-size : 10pt;
	background: transparent;
}
.inm {
	font-family: Ubuntu;
	font-weight: normal;
	font-size : 10pt;
	background: transparent;
}

.int {
	font-family: Ubuntu;
	font-weight: normal;
	font-size : 9pt;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.int:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.sffocus {
	background-color: #fff3f8;
}

.multiling {
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu;
	font-weight: normal;
	font-size : 9pt;
}

.multilingt {
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu;
	font-weight: normal;
	font-size : 9pt;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.multilingt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.ins{
	font-family: Ubuntu;
	font-weight: normal;
	font-size : 11pt;
	background: transparent;
}
.TitleCenter {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 15pt;
	direction: rtl;
	text-align:center;
	color:#7a002b;
	font-weight: bold;
	line-height: 26pt;
}
.TitleCenterEn {
	font-family: Ubuntu, Tahoma;
	font-size: 15pt;
	direction:ltr;
	text-align:center;
	color:#7a002b;
	/*font-weight:bold;*/
	line-height: 26pt;
}
.Titlem{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 17pt;
	direction: rtl;
	text-align:center;
	color:#7a002b;
	font-weight: bold;
}
.TitleBig{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 20pt;
	direction: rtl;
	text-align:center;
	color:#7a002b;
	font-weight: bold;
}
.TitleBigm{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size:21pt;
	direction: rtl;
	text-align:center;
	color:#7a002b;
	font-weight: bold;
}
.Titr{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 14pt;
	direction: rtl;
	text-align:right;
	color:#7a002b;
	font-weight: bold;
}
.Titrm{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 15pt;
	direction: rtl;
	text-align:right;
	color:#7a002b;
	font-weight: bold;
}
.TitrMini{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 14pt;
	direction: rtl;
	text-align:right;
	color:#7a002b;
	font-weight: bold;
}
.TitrMinim{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 14pt;
	direction: rtl;
	text-align:right;
	color:#7a002b;
	font-weight: bold;
}
.TitrMinor{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 13pt;
	direction: rtl;
	text-align:right;
	color:#7a002b;
	font-weight: bold;
}
.TitrMinorm{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 13pt;
	direction: rtl;
	text-align:right;
	font-weight: bold;
}
.TitrHuge{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 19pt;
	direction: rtl;
	text-align:right;
	font-weight: bold;
    color: #323232;
    text-shadow: 1px 1px 1px white;
    /*color: maroon;*/
}
.TitrHugeEn {
	font-family: Ubuntu, Tahoma;
	font-size: 16pt;
	direction:ltr;
	text-align:left;
    color: #323232;
    text-shadow: 1px 1px 1px white;
    /*color: maroon;*/
}

.MottoTitle {
	font-family: Moharram;
	font-size: 32pt;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.MottoMini {
	font-family: Moharram;
	font-size: 24pt;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.MottoMinor {
	font-family: Moharram;
	font-size: 17pt;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.motto {
	font-family: Moharram;
	font-size: 24pt;
	direction: rtl;
	text-align: right;
	font-weight: bold;
}
.MottoFront {
	font-family: Moharram;
	font-size: 23px;
	direction: rtl;
	text-align: right;
	font-weight: bold;
	line-height: 22pt;
	color: #a0a0a0;
}

.MenuHeader {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 10pt;
}

.MenuItem {
	 font-family: BYekan, 'B Yekan', Ubuntu, Tahoma,Tahoma;
	 color: black;
	 font-size: 9pt;
	 line-height: 18pt;
	 direction: rtl;
	 font-weight: bold;
 }

.no-wrap {
	white-space:nowrap;
}

.FVF{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	background: transparent;
	margin:6.0pt;
	text-align: justify;
	direction: rtl;
}
.FVFm{
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	background: transparent;
	margin-top:6.0pt;
	margin-bottom:0.0pt;
	text-align: justify;
	direction: rtl;
}
.FVE{
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 11pt;
	background: transparent;
	margin:6.0pt;
	text-align: justify;
	direction: ltr;
}
.FVEm{
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 12pt;
	background: transparent;
	margin:6.0pt;
	text-align: justify;
	direction: ltr;
}
.uf{
	font-family: Tahoma, Arial;
	font-size : 10pt;
	direction: rtl;
}
.uft{
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu;
	font-size : 10pt;
	direction: rtl;
	border: #bd1e56 1px solid;
	border-radius: 4px;
	font-weight: normal;
}
.uft:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.ufm{
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
}
.ue{
	font-family: Tahoma, Verdana;
	font-weight: normal;
	font-size : 10pt;
	direction: ltr;
}
.uem{
	font-family: Verdana;
	font-weight: normal;
	font-size : 11pt;
	direction: ltr;
}

.uesizeless{
	font-family: Verdana;
	font-weight: normal;
	direction: ltr;
}

.uet{
	font-family: Verdana;
	font-weight: normal;
	font-size : 9pt;
	direction: ltr;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.uet:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.EnglishTitle{
	font-family: "Ubuntu", "Times New Roman", Times, serif;
	font-size: 16pt;
	font-weight: bold;
	color:#7a002b;
	margin-bottom:0pt;
	direction:ltr;
	text-align:center;
}

.search_edit {
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu, Tahoma;
	font-size:9pt;
	line-height:14pt;
	direction: rtl;
	text-align: right;
	border: #bd1e56 1px solid;
	border-radius: 4px;
	padding: 2px;
	height: 28px;
}
.search_edit_num {
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu, Tahoma;
	font-size:8pt;
	line-height:14pt;
	direction: ltr;
	text-align: left;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.search_edit:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.menu-title {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
}

.menu-title-en {
	font-family: Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction:ltr;
}


tr.selectable.selected:first-child {
	border-right: none;
	border-left: none;
}

tr.selectable {
	box-shadow: -1px 0 0 0 #eee, 1px 0 0 0 #eee;
}

tr.selectable:hover,
.list-table tr:nth-child(even).selectable:hover {
	box-shadow: -2px 0 0 0 #bd1e56, 2px 0 0 0 #bd1e56;
	background: -moz-linear-gradient(top, #ecf0ff 0%, #fff 50%, #ecf0ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf0ff), color-stop(50%,#fff), color-stop(100%,#ecf0ff));
	background: -webkit-linear-gradient(top, #ecf0ff 0%,#fff 50%,#ecf0ff 100%);
	background: -o-linear-gradient(top, #ecf0ff 0%,#fff 50%,#ecf0ff 100%);
	background: -ms-linear-gradient(top, #ecf0ff 0%,#fff 50%,#ecf0ff 100%);
	background: linear-gradient(to bottom, #ecf0ff 0%,#fff 50%,#ecf0ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0ff', endColorstr='#ecf0ff',GradientType=0 );
}

tr.selected,
tr.selected:hover,
.list-table tr:nth-child(even).selected,
.list-table tr:nth-child(even).selected:hover {
	box-shadow: -2px 0 0 0 #bd1e56, 2px 0 0 0 #bd1e56, 0 -2px 0 0 white, 0 2px 0 0 white;
	transition: background-color .3s;
	background: #ecf0ff;
}

tr.selected:first-child {
	box-shadow: 0 -2px 0 0 white, 0 2px 0 0 white;
}
tr.selectable:first-child:hover {
	box-shadow: 0 -2px 0 0 white, 0 2px 0 0 white;
}

.fixed-header-table tr.selected {
	box-shadow: none !important;
}

.word-table tr.selected,
.word-table tr.selected:hover {
	border: none;
}

.highlighted-column {
	background-color: #fff3f8;
}

tr.selected td.highlighted-column {
	background: #ecf0ff;
}



.list-table {
	border-collapse: collapse;
	background-color: transparent;
}

.list-table thead {

}

.list-table tbody {
	background-color: white;
}

.list-table tr &gt; td {
	padding: 7px 5px;
}
.list-table.double-padding tr &gt; td {
	padding:10px;
}
.list-table.tight tr &gt; td {
	padding: 4px 1px;
}
.list-table.tighter tr &gt; td {
	padding: 1px 1px;
}

.list-table th {
	background-color: #ecf0ff;
	border-bottom: 2px solid #bd1e56;
	padding: 5px;
	color:#7a002b;
}
.list-table.disabled th,
.list-table.gray th {
	background-color: #eee;
	border-bottom: 2px solid #aaa;
	padding: 5px;
	color: #666;
	text-shadow: 1px 1px 0px #fff;
}
.list-table.white th {
	background-color: #fff;
	border-bottom: 2px solid #aaa;
	padding: 5px;
	color: #666;
}
.list-table.err th {
	background-color: #fff0f1;
	border-bottom: 2px solid maroon;
	padding: 5px;
	color: maroon;
}

.list-table tr:nth-child(even) th {
	background-color: #ecf0ff;
}

.list-table th[colspan] {
	border-bottom: 1px solid #bd1e56;
}
.list-table th[colspan].thick-border {
    border-bottom: 2px solid #bd1e56;
}
.list-table th[colspan].thin-border {
    border-bottom: 1px solid #bd1e56;
}

.list-table tr:first-child th:first-child {
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
.list-table.square tr:first-child th:first-child {
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}
.list-table[dir="rtl"] tr:first-child th:first-child {
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-moz-border-radius-topleft: 0 !important;
}

.list-table tr:first-child th:last-child {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.list-table.square tr:first-child th:last-child {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}
.list-table[dir="rtl"] tr:first-child th:last-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	border-top-right-radius: 0 !important;
}

.list-table &gt; tbody td {
	border-bottom:1px solid #eee;
}

.list-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

.list-table.flat {
	box-shadow: 0 -1px 0 #eee;
}
.list-table.flat thead {
	border: 1px solid #ccc;
}
.list-table.flat th {
	border-bottom: 2px solid #bd1e56;
	border-top: 1px solid #fff;
	background-color: white;
	border-top-right-radius: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
}

.grid-table th {
	background-color: #ecf0ff;
	padding: 5px;
}

.grid-table td {
	padding: 3px;
}

.grid-table tbody tr:nth-child(even) {
	background-color: #fff3f8;
}

.rounded-top-left {
	background:#ecf0ff url("/common/images/theme/left-crimson.gif") left -1px no-repeat;
}

.rounded-top-right {
	background:#ecf0ff url("/common/images/theme/right-crimson.gif") right -1px no-repeat;
}



/*  tool tip specific styles -------------------------------------------- */

#theToolTip {
	position: absolute;
	left: -300px;
	width: 310px;
	border: 1px solid #bd1e56;
	padding: 10px;
	background-color: #fff3f8;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=5);
}

#theToolTip p{
	font-family: BYekan, 'B Yekan', Tahoma, Ubuntu;
	font-weight: normal;
	font-size : 8pt;
	direction: rtl;
	margin:10px;
	margin-top:0;
	line-height:12pt;
}

/*  msg boxes ---------------------------------------------------------------------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .tooltip_round {
	border: 1px solid white;
	margin: 15px 0;
	padding:15px 20px 15px 55px;
	width: 500px;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px#888;
	box-shadow: 0 0 2px #888;
	text-shadow: 0 0 0 #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: justify;
	direction: rtl;
}

.msg_info {
	color: #00529B;
	background: #eee url('/common/images/msgbox/icon-info.png') no-repeat 10px center;
}
.msg_success {
	color: green;
	background: #DFF2BF url('/common/images/msgbox/icon-tick.png') no-repeat 10px center;
}
.msg_warning {
	color: #9F6000;
	background: #fff7d9 url('/common/images/msgbox/icon-warning.png') no-repeat 10px center;
}
.msg_error {
	color: #D8000C;
	background: #FFDDDD url('/common/images/msgbox/icon-cross.png') no-repeat 10px center;
}

.msg_gray, .msg_sky, .msg_green, .msg_amber, .msg_red, .msg_theme {
	text-align: center;
	padding: 5px;
	width:100%;
	margin:5px auto;
	border-radius:5px;
	text-shadow: none;
}

.tooltip_round {
	margin: 0;
	padding: 0;
}

.msg_gray 	{ background-color: #efefef; border-top: 2px solid #b0b0b0; border-bottom: 2px solid #b0b0b0; }
.msg_sky  	{ background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.msg_green  { background-color: #efffe5; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.msg_amber 	{ background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.msg_red 	{ background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

.msg_theme {
	background-color: #d7f7c4;
	border-top: 2px solid #82cb2f;
	border-bottom: 2px solid #82cb2f;
}


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

.word-table {
	border-collapse:collapse;
}

.word-table td,
.word-table th {
	border-width: 1px;
	border-style: solid;
	border-color: #bd1e56;
	border-radius: 0;
}

.word-table thead {
	background:#ecf0ff;
	font-family: ''Mitra', 'B Mitra', Ubuntu, Tahoma', Tahoma;
	font-size : 10pt;
	height:24pt;
	font-weight: bold;
	color:#7a002b;
}

.word-table th {
	background:#ecf0ff;
}

.headerless-table tr:first-child td:first-child {
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
}

.headerless-table tr:first-child td:last-child {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

.title-table {
	padding: 5px;
	width: 100%;
	margin: 5px auto;
	border-radius: 15px;
	background-color: #ecf0ff;
	border-top: 2px solid #bd1e56;
	border-bottom: 2px solid #bd1e56;
	box-shadow: 1px 0 0 #fff,-1px 0 0 #fff;
    border-collapse: initial;
}
.title-table td {
	padding: 3px 10px 3px 0;
}

.pastel-table th {
	background-color: #ecf0ff;
	padding: 5px;
}

.pastel-table tr:first-child td:first-child {
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
}

.pastel-table tr:first-child td:last-child {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

/* general --------------------------------------------------------------------- */

.form-input {
	width: 100%;
	height: 32px;
	padding: 2px 5px;
}

select.form-input {
	padding: 0;
}

.form-textarea {
	width: 100%;
	padding: 2px 5px;
}

.form-input.zart {
	width: 100%;
	height: 32px;
	padding: 2px 5px;
}

.form-input-fw {
	height: 30px;
	padding: 2px 5px;
}

.form-input-date {
	height: 30px;
	padding: 2px 5px;
	width: 80px;
}
.form-input-date-english-calendar {
	height: 30px;
	padding: 2px 5px;
	width: 120px;
}

.form-input-mini {
	height: 30px;
	padding: 2px 5px;
	width: 96px;
}
.form-input-long {
	height: 30px;
	padding: 2px 5px;
	width: 150px;
}
.form-input-medium {
	height: 30px;
	padding: 2px 5px;
	width: 110px;
}
.form-input-3g {
	height: 30px;
	padding: 2px 5px;
	width: 50px;
}
.form-input-4g {
	height: 30px;
	padding: 2px 5px;
	width: 55px;
}
.form-input-range {
	height: 30px;
	padding: 2px 5px;
	width: 110px;
}
.form-input-range-small {
	height: 30px;
	padding: 2px 5px;
	width: 80px;
}

/* new theme header ------------------------------------------------------------- */

header {
	padding: 20px 2px;
	background: #fff;
	margin: 0 auto;
	text-align:left;
}

header h1 a, header h1 a:hover {
	color: #000;
	font-size: 55px;
	font-weight: normal;
	letter-spacing: -2px;
	line-height:45px;
	text-decoration: none;
	text-transform: lowercase;
}
header h1 a span {
	color: #e31863;
}

header h2 {
	color: #c0c0c0;
	font-size: 13px;
	position: relative;
	top: -5px;
	letter-spacing: 0;
}

.fixedwidth {
	width: 960px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

/* container-box ----------------------------------------------------------- */

table.emboss-header {
	color:#666;
	text-shadow: 1px 1px 0 #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.emboss-header &gt; tbody &gt; tr:nth-child(1) th {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 11pt;
	direction: rtl;
	padding: 2px 10px 10px 0;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	color: #444;
	text-shadow: 1px 1px 1px white;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

table.emboss-header &gt; tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.emboss-header &gt; tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.emboss-header &gt; tr td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.emboss-header &gt; tr:nth-child(odd) td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.emboss-header &gt; tr:last-child td{
	border-bottom:0;
}
table.emboss-header &gt; tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.emboss-header &gt; tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.emboss-header &gt; tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

/*------------- ellipsis -------------- */

.ellipsis {
			white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 0;
	}

.ellipsis-nesting {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.fixed-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
.fixed-table tbody {
	background-color: transparent;
}

.fixed-table tbody td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
}

.tarh-attachments a {
	padding: 7px;
}

/* ---------------- button ------------- */

.btn, .arsheet-btn {
	cursor: pointer;
	border-radius: 5px;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	transition: background-color .3s;
	display: inline-block;
	outline: 0;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	direction: rtl;
	font-weight: bold;
	background-color: white;
	color: #489FE1;
	border: 1px #55acee solid;
}

.btn-small {
	font-size: 10pt;
	padding: 1px 5px 3px 5px;
	border-radius: 3px;
}

.btn-dialogue {
	font-size: 10pt;
	padding: 0 10px 3px 10px;
	border-radius: 4px;
	font-family: BYekan, 'BYekan';
	font-weight: normal;
}

.btn-tiny {
	font-size: 9pt;
}

.btn-badge {
	border-radius: 3px;
	font-size: 11px !important;
	padding: 1px 2px;
	line-height: normal !important;
}

.btn:hover {
	background-color: #55acee;
	color: #fff;
	border: 1px solid #4891c9;
}

.btn:disabled,
.btn.disabled {
	background-color: #eee !important;
	color: #999 !important;
	border-color: #aaa !important;
	text-shadow: 1px 1px 1px white;
	cursor: not-allowed;
}

.btn:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
}
.btn.red:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(200,0,0,.4);
}
.btn.purple:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(155,89,182,.6);
}
.btn.green:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(0,180,76,.5);
}

.btn-big {
	font-size: 13pt;
}

.btn-english {
	font-family: Ubuntu, Tahoma;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.8em;
}

.btn.blue {
	color: #55acee;
	border: 1px #55acee solid;
}

.btn.blue:hover {
	background-color: #55acee;
	color: #fff;
	border: 1px solid #4891c9;
}

.btn.green {
	color: #00b44c;
	border: 1px #00b44c solid;
}
.btn.green:hover {
	color: #fff;
	background-color: #00b44c;
	border: 1px solid #26ad5f;
}

.btn.crimson, .arsheet-btn.crimson {
	color: #970035;
	border: 1px #bd1e56 solid;
}
.btn.crimson:hover, .arsheet-btn.crimson:hover {
	color: #fff;
	background-color: #bd1e56;
	border: 1px solid #bd1e56;
}

.btn-hover-green:hover {
	color: #fff !important;
	border: 1px solid #679d0f !important;
	background: #9dd53a !important; /* Old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 )  !important; /* IE6-9 */
}

.btn.red {
	color: #e74c3c;
	border: 1px #e74c3c solid;
}

.btn.red:hover {
	color: #fff;
	background-color: #e74c3c;
	border: 1px solid #c04032;
}

.btn.purple {
	color: #9b59b6;
	border: 1px #9b59b6 solid;
}
.btn.purple:hover {
	color: #fff;
	background-color: #9b59b6;
	border: 1px solid #7e4994;
}

.btn.black {
	color: gray;
	border: 1px gray solid;
}
.btn.black:hover {
	color: #fff;
	background-color: gray;
	border: 1px solid #000;
}

.btn.orange {
	color: #e67e22;
	border: 1px #e67e22 solid;
}

.btn.orange:hover {
	color: #fff;
	background-color: #e67e22;
	border: 1px solid #bc671b;
}

.btn.gray {
	background-color: #eee;
	color: #999;
	border-color: #aaa;
	text-shadow: 1px 1px 1px white;
	cursor: not-allowed;
}
.btn.gray:hover {
	background-color: #eee;
	color: #999;
	border-color: #aaa;
	text-shadow: 1px 1px 1px white;
}

.btn.silver {
	background-color: white;
	color: #999;
	border-color: #aaa;
	text-shadow: 1px 1px 1px white;
}
.btn.silver:hover {
	background-color: #55acee;
	color: #fff;
	border: 1px solid #4891c9;
	text-shadow: none;
}
.btn.silver:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
}

.btn.lime {
	background-color: white;
	color: #007700;
	border-color: #009900;
	text-shadow: 1px 1px 1px white;
}
.btn.lime:hover {
	background-color: #d8fbc1;
	color: #006600;
	border: 1px solid #009900;
	text-shadow: none;
}
.btn.lime:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
}

button.btn i {
	float: left;
	padding-top: 4px;
	margin-left: -5px;
	margin-right: 5px;
	/*opacity: .7;*/
}

button.btn-small i {
	float: left;
	padding-top: 2px;
	margin-left: -2px;
}

.btn-filled {
	color: #fff;
	background-color: #55acee;
	border: 1px solid #4891c9;
}

.btn.btn-filter {
	width: 32px;
}

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

.down-navigator {
	direction: rtl;
	border: 1px solid #bd1e56;
	border-radius: 4px;
}

.down-navigator a {
	padding: 5px;
}

.down-navigator a.active {
	background-color: #ecf0ff;
}

.dashboard td {
	padding: 3px 15px;
	direction: rtl;
}


.dashboard .icon {
	font-size: 30pt;
	float: right;
	margin-top: -7px;
	padding-left: 10px;
}


.dashboard .iconsmall {
	font-size: 24pt !important;
	float: right;
	margin-top: -3px;
}

.icon-top {
	font-size:48px !important;
	padding-bottom: 5px;
}

.icon-top-big {
	font-size: 30pt !important;
	padding-bottom: 10px;
}
.icon-top-biggest {
	font-size: 36pt !important;
}

.icon-side-big {
	font-size: 30pt !important;
}
.icon-side-medium {
	font-size: 20pt !important;
}
.icon-side-small {
	font-size: 16pt !important;
}

.diagram-vertical-title {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	position:absolute;
	top:115px;
	left:-110px;
	width:250px;
	text-align:start;
}

/* ------------ pagination -------------- */

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	text-shadow: none;
}
.pagination &gt; li {
	display: inline;
}
.pagination &gt; li &gt; a,
.pagination &gt; li &gt; span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #333; /*#337ab7*/
	background-color: #ffffff;
	border: 1px solid #ccc;
	margin-left: -1px;
	min-width: 10px;
}
.pagination &gt; li:first-child &gt; a,
.pagination &gt; li:first-child &gt; span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination &gt; li:last-child &gt; a,
.pagination &gt; li:last-child &gt; span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination &gt; li &gt; a:hover,
.pagination &gt; li &gt; span:hover,
.pagination &gt; li &gt; a:focus,
.pagination &gt; li &gt; span:focus {
	z-index: 3;
	color: #7a002b; /*#23527c*/
	background-color: #ecf0ff;
	border-color: #dddddd;
}
.pagination &gt; .active &gt; a,
.pagination &gt; .active &gt; span,
.pagination &gt; .active &gt; a:hover,
.pagination &gt; .active &gt; span:hover,
.pagination &gt; .active &gt; a:focus,
.pagination &gt; .active &gt; span:focus {
	z-index: 2;
	color: #777; /*#ffffff*/
	background-color: #eee;/*#337ab7*/;
	border-color: #eee;
	cursor: default;
	box-shadow: inset 1px 1px 1px #888;
	text-shadow: 1px 1px 1px white;
	border-left: none;
	border-right: none;
}
.pagination &gt; .disabled &gt; span,
.pagination &gt; .disabled &gt; span:hover,
.pagination &gt; .disabled &gt; span:focus,
.pagination &gt; .disabled &gt; a,
.pagination &gt; .disabled &gt; a:hover,
.pagination &gt; .disabled &gt; a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}

/*----------------- helptip -----------------*/

/* Base styles for the element that has a helptip */
[data-helptip],
.helptip {
	position: relative;
	cursor: pointer;
}

/* Base styles for the entire helptip */
[data-helptip]:before,
[data-helptip]:after,
.helptip:before,
.helptip:after {
	position: absolute;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform:    translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire helptip on hover and focus */
[data-helptip]:hover:before,
[data-helptip]:hover:after,
[data-helptip]:focus:before,
[data-helptip]:focus:after,
.helptip:hover:before,
.helptip:hover:after,
.helptip:focus:before,
.helptip:focus:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* Base styles for the helptip's directional arrow */
.helptip:before,
[data-helptip]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Base styles for the helptip's content area */
.helptip:after,
[data-helptip]:after {
	z-index: 1000;
	padding: 8px;
	width: 250px;
	color: #fff;
	background-color: #7a002b;
	content: attr(data-helptip);
	border-radius: 10px;

	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma, Tahoma;
	font-weight: normal;
	font-size: 9pt;
	text-align: justify;
	line-height: 2em;
	text-shadow: none;
	direction: rtl;
	box-shadow: -3px -3px 10px white, 3px 3px 10px white;
}

/* Directions */

/* Top (default) */
[data-helptip]:before,
[data-helptip]:after,
.helptip:before,
.helptip:after,
.helptip-top:before,
.helptip-top:after {
	bottom: 100%;
	left: 50%;
}

[data-helptip]:before,
.helptip:before,
.helptip-top:before {
	margin-left: -6px;
	margin-bottom: -12px;
	border-top-color: #7a002b;
}

/* Horizontally align top/bottom helptips */
[data-helptip]:after,
.helptip:after,
.helptip-top:after {
	margin-left: -140px;
}

[data-helptip]:hover:before,
[data-helptip]:hover:after,
[data-helptip]:focus:before,
[data-helptip]:focus:after,
.helptip:hover:before,
.helptip:hover:after,
.helptip:focus:before,
.helptip:focus:after,
.helptip-top:hover:before,
.helptip-top:hover:after,
.helptip-top:focus:before,
.helptip-top:focus:after {
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-12px);
}

/* Left */
.helptip-left:before,
.helptip-left:after {
	right: 100%;
	bottom: 50%;
	left: auto;
}

.helptip-left:before {
	margin-left: 0;
	margin-right: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-left-color: #7a002b;
}

.helptip-left:hover:before,
.helptip-left:hover:after,
.helptip-left:focus:before,
.helptip-left:focus:after {
	-webkit-transform: translateX(-12px);
	-moz-transform:    translateX(-12px);
	transform:         translateX(-12px);
}

/* Bottom */
.helptip-bottom:before,
.helptip-bottom:after {
	top: 100%;
	bottom: auto;
	left: 50%;
}

.helptip-bottom:before {
	margin-top: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #7a002b;
}

.helptip-bottom:hover:before,
.helptip-bottom:hover:after,
.helptip-bottom:focus:before,
.helptip-bottom:focus:after {
	-webkit-transform: translateY(12px);
	-moz-transform:    translateY(12px);
	transform:         translateY(12px);
}

/* Right */
.helptip-right:before,
.helptip-right:after {
	bottom: 50%;
	left: 100%;
}

.helptip-right:before {
	margin-bottom: 0;
	margin-left: -12px;
	border-top-color: transparent;
	border-right-color: #7a002b;
}

.helptip-right:hover:before,
.helptip-right:hover:after,
.helptip-right:focus:before,
.helptip-right:focus:after {
	-webkit-transform: translateX(12px);
	-moz-transform:    translateX(12px);
	transform:         translateX(12px);
}

/* Move directional arrows down a bit for left/right helptips */
.helptip-left:before,
.helptip-right:before {
	top: 3px;
}

/* Vertically center helptip content for left/right helptips */
.helptip-left:after,
.helptip-right:after {
	margin-left: 0;
	margin-bottom: -16px;
}

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

.toolbar i {
	font-size: 40pt;
}

.link {
	cursor: pointer;
}
.link-select {
    cursor: hand;
}
.link-zoom {
    cursor: zoom-in;
}
.link.disabled {
	color: gray;
	cursor: not-allowed;
}
.no-link {
	cursor: default;
}
.help-link {
	cursor: help;
}

.word-table {
	border-collapse: collapse;
	border: 1px #bd1e56 solid;
}

.word-table td {
	border: 1px #bd1e56 solid;
	padding: 5px;
}

.word-table th {
	padding: 5px 10px;
}

img.grayscale,
.disabled img.grayscaled,
img.grayscaleh {
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

img.grayscaleh:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

img.transparenth {
	opacity: .5;
}

img.transparenth:hover {
	opacity: 1.0;
}

.full-width {
	width: 100%;
}

.ni {
	color: gray;
}

.nni {
	color: #aaa;
}

.bordered {
	border: 1px #bd1e56 solid;
	border-radius: 4px;
}

.gray {
	color: gray;
}
a:hover i.gray {
	color: #545454;
}

.small {
	font-size: .9em;
}

.tiny {
	font-size: .7em;
}

.minuscule {
	font-size: .8em;
}

.lightgray {
	color: silver;
}
a:hover i.lightgray {
	color: gray;
}

.mediumgray {
	color: #aaa;
}
a:hover i.mediumgray {
	color: gray;
}

.featherlightgray {
	color: #ddd;
}

.red {
	color: red;
}
a:hover i.red {
	color: #e70303;
}
.red-override {
	color: red !important;
}

.white {
	color: white;
}

.orange {
	color: orange;
}

.darkorange {
	color: darkorange;
}
a:hover i.darkorange {
	color: #e27c00;
}

.darkorange-override {
	color: darkorange !important;
}

.violet {
	color: blueviolet;
}
a:hover i.violet {
	color: #7c03b0;
}

.lightgreen {
	color: #00bb00 !important;
}
a:hover i.lightgreen {
	color: green;
}

.tabbed-content li.active i.lightgreen {
	color: white;
}

.cyan {
	color: cyan;
}
.darkcyan {
	color: darkcyan;
}

.green {
	color: green;
}

.magenta {
	color: magenta;
}

.yellow {
	color: yellow;
}

.blue {
	color: blue;
}

.maroon {
	color: maroon;
}

.navy {
	color: navy;
}

.darkgreen {
	color: #003300;
}

.black {
	color: black;
}

.teal {
	color: teal;
}

.shadowless {
	text-shadow: none;
	box-shadow: none;
}

.textt:disabled,
.zart:disabled,
.uft:disabled,
.int:disabled {
	color: #999;
	border-color: #bbb;
	background-color: #f4f4f4;
}

.error {
	border: 1px red solid !important;
	background-color: #fff0f1 !important;
	cursor: help;
}

.error-table thead th {
	border-bottom: 2px red solid !important;
	background-color: #fff0f1 !important;
}
.error-table a i {
	color: maroon;
}
.error-table td, .error-table th {
	color: maroon !important;
}

.error-linked {
	border: 1px #ff8c00 solid !important;
	background-color: #ffe6c7 !important;
}

.highlight {
	background-color: yellow;
}

.log-error {
	color: red;
	background-color: #fff0f1;
	padding: 0 2px;
	border-radius: 4px;
}
.log-success {
	color: green;
	background: #e2ffe2;
	padding: 0 2px;
	border-radius: 4px;
}
.log-warning {
	color: #cc7a00;
	background: cornsilk;
	padding: 0 2px;
	border-radius: 4px;
}
.log-info {
	color: navy;
	background: cyan;
	padding: 0 2px;
	border-radius: 4px;
}

.form-input-highlight-green-title {
	color: #00cc00;
}
.form-input-highlight-green {
	/*border: 1px #00cc00 solid !important;*/
	/*background-color: #e2ffe2 !important;*/
}

.form-input-highlight-orange-title {
	color: #ffa500;
}
.form-input-highlight-orange {
	/*border: 1px #ffa500 solid !important;*/
	/*background-color: #fceed3 !important;*/
}

.important {
	color: red;
}

.notice {
	border: 1px #00cc00 solid !important;
	background-color: #e2ffe2 !important;
}

.log-notice {
	color: green;
	border-bottom: 1px #00cc00 solid !important;
	background-color: #e2ffe2 !important;
	border-radius: 4px;
	padding: 1px 3px;
}

.rtl {
	direction: rtl;
}

.ltr {
	direction: ltr;
}

.hidden {
	display: none;
}
.hidden-soft {
	display: none;
}

.invisible {
	visibility: hidden;
}

.no-break {
	page-break-inside: avoid;
}

.center {
	text-align: center;
}

.round {
	border-radius: 10px;
}

#title-maximize {
}

table.divided-row {
	 border-collapse: collapse;
 }

table.divided-row tr {
	border-top: 1px dashed lightgray;
}

table.divided-row tr:first-child {
	border-top: none;
}

.divider {
	border-top: 1px dashed lightgray;
}

.padded-row &gt; td {
	padding-top: 15px;
}
.mini-padded-row &gt; td {
    padding-top: 5px;
}

/* ----------- english ------------ */

.TitleEn {
	font-family: Ubuntu, Tahoma;
	font-size: 14pt;
	direction:ltr;
	text-align:center;
	color:#7a002b;
	font-weight:bold;
}

.TitrEn {
	font-family: Ubuntu, Tahoma;
	font-size: 13pt;
	direction: ltr;
	text-align: left;
	color: #7a002b;
	font-weight: bold;
}

.TitrMiniEn {
	font-family: Ubuntu, Tahoma;
	font-size: 12pt;
	direction: ltr;
	text-align: left;
	color: #7a002b;
	font-weight: bold;
}

.TitrMinorEn {
	font-family: Ubuntu, Tahoma;
	font-size: 12pt;
	direction: ltr;
	text-align: left;
	color: #7a002b;
	font-weight: normal;
}

.textEn {
	font-family: Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: normal;
	direction: ltr;
}

.textsmallEn {
	font-family: Ubuntu, Tahoma;
	font-size : 10pt;
	font-weight: normal;
	direction: ltr;
}

.textmEn {
	font-family: Ubuntu, Tahoma;
	font-size : 12pt;
	font-weight: normal;
	direction: ltr;
}

.textcEn {
	font-family: Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: normal;
	direction: ltr;
	color: #7a002b;
}

.zarEn {
	font-size : 11pt;
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	direction: ltr;
	line-height: 18pt;
}

.zarmEn {
    font-size : 13pt;
    font-family: Ubuntu, Tahoma;
    font-weight: normal;
    direction: ltr;
    line-height: 18pt;
}

.zarEnm {
	font-size : 12pt;
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	direction: ltr;
	line-height: 18pt;
}

.zarEnFs {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	direction: ltr;
	line-height: 18pt;
	text-align: left;
}

.zarEnt {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 11pt;
	direction: ltr;
	border: 1px solid #bd1e56;
	border-radius: 4px;
}
.zarEnt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.zarsmallEn {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 10pt;
	direction: ltr;
	line-height: 16pt;
}

.zarsmallNuetralEn {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 10pt;
	line-height: 16pt;
}

.zarsmallEnt {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 10pt;
	direction: ltr;
	border: 1px solid #bd1e56;
	border-radius: 4px;
}
.zarsmallEnt:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

.zarcEn {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 11pt;
	direction: ltr;
	color:#7a002b;
}

.MenuItemEn {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	direction: ltr;
	color: black;
	font-size: 10pt;
}

.zarEn a {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	direction: ltr;
}

.zarEn a.forced-farsi {
    font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
    font-size: 10.5pt;
    direction: rtl;
}

.zarsmallEn a {
	font-size : 10pt;
}

.code {
	font-family: 'Soruce Code Pro', Consolas, 'Courier New', monospace;
	font-size: 11pt;
	direction: ltr;
}
.code-small {
	font-size: 9pt;
}

.texttEn {
	font-family: Ubuntu, Tahoma;
	font-weight: normal;
	font-size : 11pt;
	direction: ltr;
	line-height: 18pt;
	border: #bd1e56 1px solid;
	border-radius: 4px;
}
.texttEn:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	/*background-color: *//*;*/
}

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

.msg {
	max-width: 600px;
	direction: rtl;
	text-align: right;
	padding: 25px 15px 20px 25px;
	border-radius: 10px;
	box-shadow: 1px 1px 1px white, -1px -1px 1px white;
	position: relative;
	margin: 5px;
}

.msg table {
	padding-left: 20px;
}

.msg td {
	/*	font-size: 11pt;*/
	text-shadow: none;
}

.msg i.icon {
	font-size: 18pt !important;
}

.msg i.close {
	position: absolute;
	font-size: 10pt !important;
	top: 10px;
left: 10px;
	cursor: pointer;
	/*	color: gray;*/
}

.msg i.close:hover {
	text-shadow: 1px 1px 1px white;
}

.msg-error {
	background-color: #fcf4f2;
	border: 1px #f9d8d1 solid;
	border-right: 5px #e62600 solid;

}
.msg-error td {
	color: #9d0c01;
}
.msg.msg-error i.icon {
	color: #cb2100;
}

.msg-success {
	background-color: #edfae5;
	border: 1px #c8e0bc solid;
	border-right: 5px #77b259 solid;

}
.msg-success td {
	color: green;
}
.msg.msg-success i.icon {
	color: #6ca151;
}

.msg-warning {
	background-color: #fdf8ed;
	border: 1px #f6e2ba solid;
	border-right: 5px #e09600 solid;

}
.msg-warning td {
	color: maroon;
}
.msg.msg-warning i.icon {
	color: #dc8b00;
}

.msg-info {
	background-color: #cfe6fc;
	border: 1px #7dbefd  solid;
	border-right: 5px #7dbefd solid;

}
.msg-info td {
	color: navy;
	line-height: 18pt;
}
.msg.msg-info i.icon {
	color: #0093d2;
}

.msg-search {
	background-color: #eee;
	border: 1px #bbb  solid;
	border-right: 5px #bbb solid;
}
.msg-search td {
	color: #444;
	line-height: 18pt;
}
.msg.msg-search i.icon {
	color: #888;
}

.msg-standalone {
	border-radius: 4px;
	padding: 5px;
}

/* sidebar ------------------------------------------------------- */

.bubble {
	clear: both;
	margin: 0 auto;
	width: 190px;
	background: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #eee;
	/*	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);*/
	/*	-khtml-box-shadow: 0 0 4px rgba(0,0,0,0.5);*/
	/*	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);*/
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */

	margin-bottom: 20px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.rectangle {
	background: linear-gradient(top, #ededed, #ebebeb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
	background: -ms-linear-gradient(top, #ededed, #ebebeb);
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;
	height: 30px;
	width: 210px;
	position: relative;
	left:-10px;
	top: 12px;
	float: left;
	box-shadow: 0 0 2px rgba(0,0,0,0.55);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0 0 2px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	text-align: center;
	font-size: 11pt;
	text-shadow: 1px 1px 0 #fff;
	color: #888;
	line-height: 21pt;
}

.triangle-l {
	border-color: transparent #ccc transparent transparent;
	border-style:solid;
	border-width:10px;
	height:0;
	width:0;
	position: relative;
	left: -20px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #ccc;
	border-style:solid;
	border-width:10px;
	height:0;
	width:0;
	position: relative;
	left: 190px;
	top: 15px;
	z-index: -1; /* displayed under bubble */
}

.bubble .info {
	padding: 12px 0 15px 0;
	direction: rtl;
}

.bubble i {
	font-size: 10pt;
}

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

.sticky-note {
	line-height: 14pt;
}

#scrollup {
	display: none;
	position: fixed;
	bottom: 20px;
	left: 15px;
}
#scrollup i {
	font-size: 25pt;
}

i.top-icon {
	font-size: 30pt !important;
	padding-bottom: 5px;
}

i.top-big-icon {
	font-size: 48pt !important;
	padding-bottom: 15px;
}

.archived {
	border-radius: 10px;
	padding: 0 5px;
	background-color: #eee;
	color: gray;
	font-size: 12pt;
}

.underdashed {
	border-bottom: 1px #e31863 dashed !important;
}

.underdashed-lightgray {
	border-bottom: 1px lightgray dashed !important;
}

.theme-highlight.generic-padding {
    padding-right: 4px;
    padding-left: 4px;
}

.underdotted {
	border-bottom: 1px #e31863 dotted;
}

.underdotted-themed {
	background-color: #fff3f8;
	border-bottom: 1px #e31863 dotted;
}

.highlight-yellow {
	background-color: lemonchiffon;
	border-bottom: 1px darkorange dotted;
	color: brown;
}

.highlight-green {
	background-color: #e2ffe2 !important;
	border-bottom: 1px #00cc00 dotted;
	color: green;
}

.highlight-red {
	background-color: #fff0f1 !important;
	border-bottom: 1px red dotted;
	color: red;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.fa-mobile {
	font-size: 1.2em;
}

.header-icon {
	color: #ecf0ff;
}

.error-inline {
	color: red;
	border:1px #f9d8d1 solid;
	border-right: 5px #e62600 solid;
	border-radius:8px;
	padding: 2px;
	background-color: #fcf4f2;
	text-shadow: none;
}

.vertical-icon-group .icon {
	float: right;
	margin-top: 5px;
	padding-left: 5px;
}

.horizontal-icon-group .icon {
	font-size: 24pt;
	margin-bottom: 10px;
}

.horizontal-icon-group .icon-big {
	font-size: 34pt;
	margin-bottom: 10px;
}

.input-clear-off::-ms-clear {
	display: none;
}

/* Start Radiogroup ------------------------- */

.radiogroup input[type=radio],
.radiogroup input[type=checkbox] {
	display:none;
}

.radiogroup.error {
	border: none !important;
}

.radiogroup.error input[type=radio] + label,
.radiogroup.error input[type=checkbox] + label {
	color: #dd0000 !important;
	background-image: linear-gradient(to bottom,#fff,#ffd6d9);
	background-image: -moz-linear-gradient(top,#fff,#ffd6d9);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ffd6d9));
	background-image: -webkit-linear-gradient(top,#fff,#ffd6d9);
	background-image: -o-linear-gradient(top,#fff,#ffd6d9);
	background-image: linear-gradient(to bottom,#fff,#ffd6d9);
	border-color: #fd9fa5;
	cursor: help;
}

.radiogroup.form-input-highlight-green input[type=radio] + label,
.radiogroup.form-input-highlight-green input[type=checkbox] + label {
	color: #008800 !important;
	background-image: linear-gradient(to bottom,#fff,#e4ffe8);
	background-image: -moz-linear-gradient(top,#fff,#e4ffe8);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4ffe8));
	background-image: -webkit-linear-gradient(top,#fff,#e4ffe8);
	background-image: -o-linear-gradient(top,#fff,#e4ffe8);
	background-image: linear-gradient(to bottom,#fff,#e4ffe8);
	border-color: #00b90d;
	cursor: help;
}

.radiogroup.form-input-highlight-orange input[type=radio] + label,
.radiogroup.form-input-highlight-orange input[type=checkbox] + label {
	color: darkorange !important;
	background-image: linear-gradient(to bottom,#fff,#fff3d1);
	background-image: -moz-linear-gradient(top,#fff,#fff3d1);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff3d1));
	background-image: -webkit-linear-gradient(top,#fff,#fff3d1);
	background-image: -o-linear-gradient(top,#fff,#fff3d1);
	background-image: linear-gradient(to bottom,#fff,#fff3d1);
	border-color: darkorange;
	cursor: help;
}

.radiogroup input[type=radio] + label,
.radiogroup input[type=checkbox] + label {
	display:inline-block;
	margin:-4px -3px;
	padding: 4px 12px;
	margin-bottom: 0;
	line-height: 20px;
	color: #666;
	text-shadow: 1px 1px 1px white;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	min-width: 14px;
}

.compact .radiogroup input[type=radio] + label,
.compact .radiogroup input[type=checkbox] + label {
	padding: 2px 6px;
	margin: -1px -3px 0;
	min-width: 14px;
}

td &gt; .radiogroup input[type=radio] + label,
td &gt; .radiogroup input[type=checkbox] + label {
	margin-top: -1px;
	margin-bottom: -1px;
}

td &gt; .radiogroup {
	padding: 0 3px;
}

.radiogroup input[type=radio]:checked + label,
.radiogroup input[type=checkbox]:checked + label {
	color: #000;
}

.radiogroup input[type=radio] + label i,
.radiogroup input[type=checkbox] + label i {
	line-height: 15pt;
}

.radiogroup input[type=radio]:last-of-type + label,
.radiogroup input[type=checkbox]:last-of-type + label {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.radiogroup input[type=radio]:first-of-type + label,
.radiogroup input[type=checkbox]:first-of-type + label {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.radiogroup.en input[type=radio]:last-of-type + label,
.radiogroup.en input[type=checkbox]:last-of-type + label {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.radiogroup.en input[type=radio]:first-of-type + label,
 .radiogroup.en input[type=checkbox]:first-of-type + label {
	 border-top-left-radius: 4px;
	 border-bottom-left-radius: 4px;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
 }

.radiogroup input[type=radio] + label.rounded,
.radiogroup input[type=checkbox] + label.rounded {
	border-radius: 4px 4px 4px 4px !important;
}

.radiogroup input[type=radio]:checked + label,
.radiogroup input[type=checkbox]:checked + label{
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	background-color:#e4e4e4;
	text-shadow: 1px 1px 1px white;
}

.radiogroup input[type=radio] + label:active,
.radiogroup input[type=checkbox] + label:active {
	background-image: linear-gradient(to top, #fff, #e6e6e6);
}

.radiogroup input[type=radio]:disabled + label,
.radiogroup input[type=checkbox]:disabled + label {
	color: #aaa;
}

.seamless-right .radiogroup label:last-of-type {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.seamless-left .radiogroup label:last-of-type {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* End Radiogroup -------------------------- */

/* modal box for author details --------------------------------------------------------------------------------------*/

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999998 !important;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5) !important;
}

.modal-box {
	 display: none;
	 position: fixed;
	 z-index: 999999;
	 width: 700px;
	 left: 50%;
	 margin-left: -350px;
	 top: 0px;
	 background: white;
	 border-bottom: 1px solid #aaa;
	 border-radius: 4px;
	 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	 border: 1px solid rgba(0, 0, 0, 0.1);
	 background-clip: padding-box;
 }

.modal-box.mini {
	display: none;
	position: fixed;
	z-index: 2001;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 0px;
	background: white;
	border-bottom: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
}

.modal-box .header,
.modal-box .modal-header {
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
	background-color: rgba(0, 0, 0, 0.02);
}

.modal-box .header .header-title {
	padding: 6px;
	margin: 2px;
	text-align: right;
}

.modal-box .modal-body {
	padding: 1em 2em;
	display: none;
}

.modal-box form {
	margin: 0;
}

.modal-box-footer {
	padding: 10px;
	border-top: 1px solid #ddd;
	background: rgba(0, 0, 0, 0.02);
	text-align: left;
}

.modal-box .close {
	cursor: default;
	position: absolute;
	top: 14px;
	left: 15px;
	text-decoration: none;
	color: #bbb;
	text-shadow: 1px 1px 1px white;
}

.modal-box .expand {
	cursor: default;
	position: absolute;
	top: 14px;
	left: 35px;
	text-decoration: none;
	color: #bbb;
	text-shadow: 1px 1px 1px white;
}

.modal-box .close:hover,
.modal-box .expand:hover {
	color: #666;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}

.modal-box .modal-wait {
	padding: 15px;
}

.modal-box .author-avatar {
	width: 120px;
	height: 160px;
	position: absolute;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
	z-index: 100;
}

.author-avatar-edit {
	width: 112px;
	height: 150px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
}

.author-avatar-edit-2x {
	width: 224px;
	height: 300px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
}

.logo-edit {
	height: 112px;
	width: 150px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
}

.logo-edit-fit {
	height: auto;
	width: 80%;
}

.author-avatar-list {
	width: 55px;
	height: 74px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
}

.author-edit-picture-placeholder,
.person-edit-picture-placeholder {
	position: absolute;
	float:left;
}

.author-edit-avatar,
.person-edit-avatar {
	border: 1px solid #bd1e56;
	padding: 1px;
	border-radius: 5px;
	cursor: hand;
}

table.dotted-row td {
	border-bottom: 1px dashed #eee;
}

.modal-box table tr:last-child td {
	border-bottom: none;
}

/* select2 customizations START --------------------------------------------------------------------*/

.select2-search--dropdown .select2-search__field {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	line-height: 20px;
}
.alternative .select2-search--dropdown .select2-search__field {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	line-height: 20px;
}

.alternative .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multipe {
	height: 30px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	/*width: auto !important;*/
	/*width: auto !important;*/
}

.select2-selection__clear {
	font-size: 19pt !important;
	font-weight: normal !important;
	line-height: 19pt !important;
	color: #888 !important;
}

.select2-container {
	margin: 0;
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10pt !important;
}
.alternative .select2-container {
	margin: 0;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 11pt !important;
}

.select2-results__option[aria-selected] {
	font-size: 10pt;
}

.select2-search__field {
	font-size: 10pt !important;
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	margin: 0 !important;
}
.alternative .select2-search__field {
	font-size: 11pt !important;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	margin: 0 !important;
}
.en .select2-search__field {
	/*font-size: 11pt !important;*/
	font-family: Ubuntu, Tahoma;
	margin: 0 !important;
	padding-top: 5px !important;
}

select.internal + .select2-container--default .select2-selection--single {
	background-color: rgba(255, 255, 255, .7);
}

.select2-container .select2-search--inline .select2-search__field {
	padding: 0 5px;
}

.select2-container .select2-selection--multiple {
	min-height: 30px;
}

.themed .select2-container--default .select2-selection--single,
.themed .select2-container--default .select2-selection--multiple {
	border: #bd1e56 1px solid;
}

.themed .select2-container--default.select2-container--disabled .select2-selection--single,
.themed .select2-container--default.select2-container--disabled .select2-selection--multiple {
	border: #bbb 1px solid;
	background-color: #f4f4f4;
}

.select2-container--default.select2-container--disabled .select2-selection__rendered {
	color: #999;
}

.transparent .select2-container--default .select2-selection--single,
.transparent .select2-container--default .select2-selection--multiple {
	border: none 1px transparent;
}

select.error + span.select2-container--default .select2-selection--single,
select.error + span.select2-container--default .select2-selection--multiple {
	border: 1px red solid !important;
	background-color: #fff0f1 !important;
}
select.form-input-highlight-green + span.select2-container--default .select2-selection--single,
select.form-input-highlight-green + span.select2-container--default .select2-selection--multiple {
	border: 1px #00cc00 solid !important;
	background-color: #e2ffe2 !important;
}
select.form-input-highlight-orange + span.select2-container--default .select2-selection--single,
select.form-input-highlight-orange + span.select2-container--default .select2-selection--multiple {
	border: 1px #ffa500 solid !important;
	background-color: #fceed3 !important;
}

.en .select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-top: 1px;
	margin-right: 2px;
}

.themed .select2-container--default .select2-selection--single:focus {
	border-color: darkorange;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(250,197,140,.6);
	background-color: #fff3f8;
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	padding-left: 5px;
	font-size: 13pt;
	font-family: Ubuntu;
}
.select2[dir="rtl"].select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: left;
	padding-right: 5px;
	padding-left: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ecf0ff;
	border-color: #bd1e56;
	margin: 2px;
}

.select2[dir="ltr"].select2-container--default .select2-selection--multiple .select2-selection__choice {
	line-height: 22px;
}

.select2[dir="rtl"].select2-container--default .select2-selection--multiple .select2-selection__clear {
	float: left;
	margin-top: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	font-size: 9pt;
}

.small .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	font-size: 9pt;
}

.small .select2[dir="rtl"].select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-top: 1px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #aaa;
}

.select2-search--inline &gt; input::-webkit-input-placeholder {
	color: #999;
}

.select2-result-repository { padding-top: 4px; padding-bottom: 3px; }
.select2-result-repository__avatar { float: left; width: 60px; margin-right: 10px; }
.select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 2px; }
.select2-result-repository__meta { margin-left: 70px; }
.select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }
.select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 1em; }
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; color: #aaa; font-size: 11px; }
.select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; }
.select2-results__option--highlighted .select2-result-repository__title { color: white; }
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers { color: #c6dcef; }

/* select2 customizations END --------------------------------------------------------------------*/

.top-marginal {

	margin-top: 30px;
}

.locked-table-content {
	color: #666;
	background-color: #f5f5f5;
}

.back-white {
	background-color: white;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

#firefox-background{
	background-color:#0c99d5;
	background-image:linear-gradient(to bottom,rgba(12,153,213,0) 0,rgba(12,153,213,0) 100px,#0c99d5 450px,#0c99d5),repeating-linear-gradient(118deg,rgba(12,153,213,0) 0,#00a7e0 550px,rgba(12,153,213,0) 550px,#00a7e0 800px,rgba(12,153,213,0) 800px,#00a7e0 950px)
}


.binary-table {
	border-collapse:collapse;
}
.binary-table tr td {
	border:1px white solid;
	background-color: #fff3f8;
	color: black;
}
.binary-table tr td:last-child  {
	border-right: 2px #bd1e56 solid;
	background-color: #ecf0ff;
	color:#7a002b;
}

/* cssmenu START ---------------------------------------------------------------------------------------------------- */

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: right;
}

#cssmenu ul {
	z-index: 110;
}

#cssmenu {
	margin-top: 2px;
	line-height: 1;
	background: #000;
	background: -moz-linear-gradient(top, #666 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #666 0%, #000 100%);
	background: -o-linear-gradient(top, #666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666 0%, #000 100%);
	background: linear-gradient(to bottom, #666 0%, #000 100%);
	border-bottom: 5px solid #e31863;
	width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
	content: '';
	display: block;
	clear: both;
}
#cssmenu a {
	background: #000;
	background: -moz-linear-gradient(top, #666 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #666 0%, #000 100%);
	background: -o-linear-gradient(top, #666 0%, #000 100%);
	background: -ms-linear-gradient(top, #666 0%, #000 100%);
	background: linear-gradient(to bottom, #666 0%, #000 100%);
	display: block;
	text-decoration: none;
	color: #ccc;
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma, Tahoma;
	font-size: 14px;
	margin: 0;
	padding: 10px 10px 2px 17px;
	min-height: 25px;
	font-weight: normal;
	direction: rtl;
}

#cssmenu a i {
	float: right;
	padding-left: 2px
}

#cssmenu ul a i {
	color: #ccc;
	padding-left: 5px
}

#cssmenu ul ul a i {
	color: #fff;
	padding: 0 7px;
	text-shadow: none;
}

#cssmenu ul {
	list-style: none;
	width: 960px;
}

#cssmenu &gt; ul ul {
	box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.3);
}

#cssmenu &gt; ul &gt; li {
	display: inline-block;
	float: right;
	margin: 0;
}
#cssmenu &gt; ul &gt; li:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #e31863;
	margin-left: -7px;
}
/*#cssmenu &gt; ul &gt; li:first-child &gt; a {*/
/*	border-radius: 5px 0 0 0;*/
/*	-moz-border-radius: 5px 0 0 0;*/
/*	-webkit-border-radius: 5px 0 0 0;*/
/*}*/
/*#cssmenu.align-right &gt; ul &gt; li:first-child &gt; a,*/
/*#cssmenu.align-center &gt; ul &gt; li:first-child &gt; a {*/
/*	border-radius: 0;*/
/*	-moz-border-radius: 0;*/
/*	-webkit-border-radius: 0;*/
/*}*/
/*#cssmenu.align-right &gt; ul &gt; li:last-child &gt; a {*/
/*	border-radius: 0 5px 0 0;*/
/*	-moz-border-radius: 0 5px 0 0;*/
/*	-webkit-border-radius: 0 5px 0 0;*/
/*}*/
#cssmenu &gt; ul &gt; li.active &gt; a,
#cssmenu &gt; ul &gt; li:hover &gt; a {
	color: #ffffff;
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	background: #070707;
	background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
	background: -o-linear-gradient(top, #262626 0%, #070707 100%);
	background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
	background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}
#cssmenu &gt; ul &gt; li:hover &gt; a i {
	color: #ffffff;
}

#cssmenu .has-sub {
	z-index: 1;
}
#cssmenu .has-sub:hover &gt; ul {
	display: block;
}
#cssmenu .has-sub ul {
	display: none;
	position: absolute;
	width: 220px;
	top: 100%;
	right: 0;
}
#cssmenu.align-right .has-sub ul {
	left: auto;
	right: 0;
}
#cssmenu .has-sub ul li {
	*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
	background: #e31863;
	border-bottom: 1px dotted #be0046;
	font-size: 13px;
	filter: none;
	display: block;
	color: #ffffff;
	padding: 13px 0px 0px 0px;
	margin: 0;
}
#cssmenu .has-sub ul li:hover a {
	background: #bd1e56;
}
#cssmenu ul ul li:hover &gt; a {
	color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover &gt; ul {
	display: block;
}
#cssmenu .has-sub .has-sub ul {
	display: none;
	position: absolute;
	/*	left: 100%;*/
	right: 100%;
	top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
	left: auto;
	right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
	background: #0c7fb0;
	border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
	background: #0a6d98;
}
#cssmenu ul ul li.last &gt; a,
#cssmenu ul ul li:last-child &gt; a,
#cssmenu ul ul ul li.last &gt; a,
#cssmenu ul ul ul li:last-child &gt; a,
#cssmenu .has-sub ul li:last-child &gt; a,
#cssmenu .has-sub ul li.last &gt; a {
	border-bottom: 0;
	/*	padding-right: 8px;*/
}

/* cssmenu END ------------------------------------------------------------------------------------------------------ */

.certificate-item {
	color: blue;

}

.theme-title {
	color: #7a002b;
}
.theme-border {
	border: 1px #bd1e56 solid;
}
.theme-back {
	background-color: #ecf0ff;
}
.theme-back-light {
	background-color: #fff3f8;
}

.theme-highlight {
	color: #7a002b;
	background-color: #ecf0ff;
	border-radius: 4px;
}

.link-color {
	color: #007af4;
}

/* mgDialogue --------------------------------------------------------------------------------------------------------*/

.mgDialog_content {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10pt;
	direction: rtl;
}
.mgDialog_title {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10pt;
	direction: rtl;
}
.mgDialog_button {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 10pt;
	direction: rtl;
}

.mgDialog_footer_fixed {
	/*left: 7px;*/
	direction: ltr;
}
.mgDialog_button_close {
	color: #9b59b6;
	border: 1px #9b59b6 solid;
}
.btn.mgDialog_button_close:hover {
	color: #fff;
	background-color: #9b59b6;
	border: 1px solid #7e4994;
}

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

.moz-rtl-right {
	text-align: -moz-right;
}

.vertical-header {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin: 90px -70px;
}

.on-hover-show-hidden-child:hover .hidden {
	display: block;
}

.chart-buttons a i {
	color: #489FE1;
}

blockquote.sql {
	margin: 0 20px;
}

/* slider ------------------------------------------------------------------------------------------------------------*/

.vertical {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.rotate-270 {
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
}

input[type='range'] {
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	width: 80px;
	/* IE */
	font-size: 1em;
	cursor: pointer;
}
input[type='range']::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 0.5em;
	border-radius: 0.25em;
	background: #d8d8d8;
}
input[type='range']::-moz-range-track {
	border: none;
	height: 0.5em;
	border-radius: 0.25em;
	background: #d8d8d8;
}
input[type='range']::-ms-track {
	border: none;
	height: 0.5em;
	border-radius: 0.25em;
	background: #d8d8d8;
	color: transparent;
}
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	margin: -0.25em;
	border: none;
	/* Firefox, IE */
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
}
input[type='range']::-moz-range-thumb {
	border: none;
	/* Firefox, IE */
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	cursor: ew-resize;
}
input[type='range']::-ms-thumb {
	border: none;
	/* Firefox, IE */
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
}
input[type='range']::-ms-fill-lower, input[type='range']::-ms-fill-upper {
	border-radius: 5em;
	background: transparent;
}
input[type='range']::-ms-tooltip {
	display: none;
}
input[type='range'] /deep/ #track {
	position: relative;
}
input[type='range'] /deep/ #track:before, input[type='range'] /deep/ #track:after {
	position: absolute;
	top: -0.25em;
	height: 1em;
	transform: scale(0.8);
	color: dimgrey;
	font-weight: 600;
	line-height: 1em;
}
input[type='range'] /deep/ #track:before {
	right: calc(100% + 0.75em);
}
input[type='range'] /deep/ #track:after {
	left: calc(100% + 0.75em);
}
.vertical input[type='range'] {
	width: 100px;
}
.vertical input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: #3f9eff;
}
.vertical input[type='range']::-moz-range-thumb {
	background: #3f9eff;
	cursor: ns-resize;
}
.vertical input[type='range']::-ms-thumb {
	background: #3f9eff;
}
.vertical input[type='range'] /deep/ #track:before {
	width: 1em;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg) scale(0.8);
	text-align: center;
}
.vertical input[type='range'] /deep/ #track {
	position: relative;
}
.vertical input[type='range'] /deep/ #track:before {
	content: "1";
}
.horizontal input[type='range']::-ms-fill-lower {
	background: #bfdfff;
}
.horizontal input[type='range']::-webkit-slider-thumb {
	background: #3f9eff;
}
.horizontal input[type='range']::-moz-range-thumb {
	background: #3f9eff;
}
.horizontal input[type='range']::-ms-thumb {
	background: #3f9eff;
}
input[type='range']:focus {
	outline: none;
	background: whitesmoke;
}

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

a.row-up {
	position: absolute;
	left: 10px;
	top:-13px;
}

a.row-down {
	position: absolute;
	left: 10px;
	bottom:-13px;
}

table.ordering &gt; tbody &gt; tr:first-child td a.row-up i, a.disabled.row-up i {
	color: lightgray;
}
table.ordering &gt; tbody &gt; tr:last-child td a.row-down i, a.disabled.row-down i {
	color: lightgray;	
}

hr.gradient {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #bd1e56, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #bd1e56, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #bd1e56, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #bd1e56, #f0f0f0);
}

hr.gradient-reverse {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #bd1e56, #f0f0f0, #bd1e56);
	background-image: -moz-linear-gradient(left, #bd1e56, #f0f0f0, #bd1e56,);
	background-image: -ms-linear-gradient(left, #bd1e56, #f0f0f0, #bd1e56);
	background-image: -o-linear-gradient(left, #bd1e56, #f0f0f0, #bd1e56);
}

hr.gray {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #ddd, #f0f0f0);
}

tr {
	page-break-inside: avoid !important;
}

.table-top-menu-item {
	float: left;
	padding: 5px;
	direction: rtl;
}

/* tooltipster -------------------------------------------------------------------------------------------------------*/

.tooltipster-default .tooltipster-content {
	direction: rtl;
	font-family: BYekan, "B Yekan", Tahoma;
	font-size: 10pt;
}

/* tabbed content ----------------------------------------------------------------------------------------------------*/

.tabbed-content &gt; ul {
	border-bottom: 2px solid #bd1e56;
}

.tabbed-content ul li.active a {
	background: #bd1e56;
	text-shadow: ;
}

.faq-question, .report-title {
	margin-top: 7px;
	margin-bottom: 0;
	border-radius: 7px;
	padding: 7px;
	background-color: white;
	border: 1px solid #bbb;
}
.faq-question.open,
.report-title.open {
	background-color: #fff3f8;
	border: 1px solid #bd1e56;
	border-radius: 10px 10px 0 0;
}

.faq-answer,
.report-summary {
	padding: 20px 40px;
	background-color: white;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 20px;
}

/* breadcrumb ---------------------------------------------------------------------------------------------------------*/

.breadcrumb {
	list-style: none;
	overflow: hidden;
	text-shadow: none;
}
.breadcrumb li {
	float: right;
	background-color: white;
	text-shadow: 1px 1px 1px #8492c5;
}
.breadcrumb.en li {
	float:left;
}
.breadcrumb li a {
	color: white;
	text-decoration: none;
	padding: 5px 40px 5px 0;
	background: #aabcff;
	position: relative;
	display: block;
	float: right;
}
.breadcrumb.en li a {
	float:left;
}
.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-right: 30px solid #aabcff;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	right: 100%;
	z-index: 2;
}
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-right: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-right: 1px;
	right: 100%;
	z-index: 1;
}
.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(227,100%,86%,1); }
.breadcrumb li:nth-child(2) a:after { border-right-color: hsla(227,100%,86%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(227,100%,90%,1); }
.breadcrumb li:nth-child(3) a:after { border-right-color: hsla(227,100%,90%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(227,100%,92%,1); }
.breadcrumb li:nth-child(4) a:after { border-right-color: hsla(227,100%,92%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(227,100%,94%,1); }
.breadcrumb li:nth-child(5) a:after { border-right-color: hsla(227,100%,94%,1); }
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover {
	background: #007af4;
	text-shadow: none;
}
.breadcrumb li a:hover:after { border-right-color: #007af4 !important; }

.breadcrumb.en &gt; li + li:before {
	visibility: hidden;
}

/* lightbox ----------------------------------------------------------------------------------------------------------*/

.lb-data .lb-details {
	font-family: BYekan, "B Yekan";
	font-size: 10pt;
}

/* time picker -------------------------------------------------------------------------------------------------------*/

.wickedpicker__controls__control--hours, .wickedpicker__controls__control--minutes {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	font-size: 11pt;
}
.wickedpicker__title {
	font-family: BYekan, 'B Yekan', Ubuntu, Tahoma;
	padding: 3px;
}
.wickedpicker__controls__control-down, .wickedpicker__controls__control-up {
	color: #aaa;
}
.wickedpicker__controls__control-down:hover, .wickedpicker__controls__control-up:hover {
	color: #007af4;
}

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

.highlighted-table {
	background: -moz-linear-gradient(top, #f4f4f4 0%, rgba(255,255,255,1) 50%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
}

.table-sum-row,
.row-summary {
	border-top: 1px #ccc none;
/*	background-color: #f9f9f9;*/
	/*background: -moz-linear-gradient(top, #f4f4f4 0%, rgba(255,255,255,1) 50%, #f4f4f4 100%);*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,#f4f4f4));*/
	/*background: -webkit-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);*/
	/*background: -o-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);*/
	/*background: -ms-linear-gradient(top, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);*/
	/*background: linear-gradient(to bottom, #f4f4f4 0%,rgba(255,255,255,1) 50%,#f4f4f4 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 );*/
}

tr.table-sum-row td,
tr.row-summary td {
	border-bottom: none;
}
tr.table-sum-row td:last-child,
tr.row-summary td:last-child {
	border-bottom-right-radius: 10px;
}
tr.table-sum-row td:first-child,
tr.row-summary td:first-child {
	border-bottom-left-radius: 10px;
}

.list-table tfoot td {
	border-top: 1px #ccc none;
	background-color: white;
}
.list-table tfoot tr td:last-child {
	border-bottom-right-radius: 10px;
}
.list-table tfoot tr td:first-child {
	border-bottom-left-radius: 10px;
}

.icon-big-badge-error {
	color: white;
	background-color: red;
	border-radius: 50px;
	padding: 0 8px;
	text-shadow: none;
	position: absolute;
	right: -10px;
	top: 10px;
}

.badge {
	color: white;
	background-color: coral;
	border-radius: 4px;
	padding: 0 6px;
	text-shadow: none;
	right: 0;
}

.word-table tr.zarEn th,
.list-table tr.zarEn th {
	font-weight: normal;
	padding: 0 5px;
}

td.read-only-text {
	background-color: #f4f4f4;
}

.deadend {
	background: #70828f url(../images/old-browsers-bg/login-radial-bg.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #70828f;
	background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 500, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8))), #eee;
	min-height: 100%;
}

.btn-icon {
	padding: 0 0 5px 10px;
	width:33px;
	height:30px;
}

.btn-icon &gt; i {
	float: none !important;
}

.row-filter {
/*	direction: rtl;*/
}

.row-filter &gt; div {
	float: left;
	padding: 0 10px 10px 5px;
}

.row-filter.even-padding &gt; div {
	padding: 3px;
}

.row-filter &gt; div:last-child {
	float: right;
}

.row-filter.all-filters-left &gt; div:last-child {
	float: left;
}


.search-options-row {
	/*	direction: rtl;*/
}

.search-options-row &gt; div {
	float: left;
	padding: 3px 3px 5px 20px;
}

.search-options-row.even-padding &gt; div {
	padding: 3px;
}

.search-options-row &gt; div:first-child {
	float: right;
}

.search-options-row &gt; div:nth-child(2) {
	padding-left: 3px;
}


.row-responsive {
	direction: rtl;
}

.row-responsive &gt; div {
	float: right;
	padding: 0 10px 10px 5px;
}


span.TreeviewSpanArea a {
	font-size: 11pt;
	color: #666;
}

.double-border-bottom {
	border-bottom: 1px solid white;
	-webkit-box-shadow: inset 0 -1px 0 #cccccc;
	-moz-box-shadow: inset 0 -1px 0 #cccccc;
	box-shadow: inset 0 -1px 0 #cccccc;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

/* attachment box --------------------------------------------------------------------------------------------------- */

.attachmentBox {
	font-weight: normal;
	font-size: 10pt;
	margin: 10px;
	float: right;
	width: 180px;
	height: 120px;
	background-color: white;
	text-shadow: none;
}
.attachmentBox .attachmentBoxInner {
	background-color: #F5F5F5;
	position: absolute;
	width: 180px;
	height: 120px;
	overflow: hidden;
	background: url("/common/images/wait-24.gif") no-repeat center;
}

.attachmentBox .attachmentBoxInner:hover {
	border: 1px #ddd solid;
}

.attachmentBox .attachmentBoxInner .attachment-pic {
	display: block;
	margin: 0 auto; }
.attachmentBox .attachmentBoxInner .attachmentBoxTitle .compose-attachment-delete {
	cursor: pointer;
}
.attachmentBox .attachmentBoxInner .attachmentBoxTitle .title-attachment {
	color: #616161;
}
.attachmentBox .attachmentBoxInner:hover .attachmentBoxTitle {
	display: block;
}
i.attachmentButton {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: gray;
	margin-left: 3px;
}
.attachmentBox .attachmentThumb {
	border: 1px solid #eee;
	position: relative;
}
.attachmentBox .attachmentThumb .title-attachment {
	color: #fff;
}
.attachmentBox .corner {
	background: url('/common/images/attachments_corner.png') no-repeat 0 0 transparent;
	position: absolute;
	left: -2px;
	bottom: -2px;
	width: 40px;
	height: 20px;
	display: block;
	content: '';
}

.attachmentBox:hover .corner {
	display: none;
}

.attachmentBox &gt; .attachmentThumb .attachmentBottom {
	display: none;
}
.attachmentBox .attachmentThumb:hover .attachmentBoxTitle {
	display: block;
}
.attachmentBox .attachmentBottom {
	position: absolute;
	left: 0;
	top: 102px;
	width: 180px;
	height: 120px;
	right: 0;
	background-color: #eee;
}
.attachmentBox .attachmentBottom span {
	color: #000;
	margin: -5px 5px 0 0;
	white-space: nowrap;
	overflow-x: hidden;
	max-width: 140px;
}
.attachmentBox .attachmentBottom img {
	margin: 0 10px 0 0; }
.attachmentBox .attachmentBoxTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	display: none;
	background: #eee;
	color: #616161;
/*	padding: 10px;*/
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 9pt;
	direction: rtl;
	text-align: right;
	word-wrap: break-word;
	width: 180px;
	height: 120px;
	z-index: 99;
}
.attachmentBox .attachmentBoxTitle .title-attachment {
	color: #616161;
}

.attachmentBox .attachmentThumb .attachmentBoxTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top:0;
	display: none;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 9pt;
	direction: rtl;
	text-align: right;
	word-wrap: break-word;
	width: 180px;
	height: 120px;
	z-index: 99;
}
.attachmentBox .attachmentThumb .attachmentBoxTitle .title-attachment {
	color: #fff;
}
.attachmentBox .attachmentThumb:hover .attachmentBoxTitle {
	display: block;
}

/* ckeditor ----------------------------------------------------------------------------------------------------------*/

.cke_rtl .cke_combo_text,
.cke_rtl .cke_button_label {
	font-size: 11pt;
}

.cke_dialog_body label {
	font-family: BYekan, "B Yekan";
	font-size: 10pt;
}

.cke_dialog_title {
	font-family: BYekan, "B Yekan";
	font-size: 10pt;
}

.cke_dialog_ui_input_text,
.cke_dialog_ui_input_select {

}

.cke_dialog_tab {
	font-size: 11pt;
}

.no-shadow {
	text-shadow: none;
	box-shadow: none;
}

/* breadcrums --------------------------------------------------------------------------------------------------------*/

ul.breadcrumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 2px;
}

#breadcrumbs-one{
	background: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #e5e5e5 #ddd;
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	overflow: hidden;
	width: 100%;
}

#breadcrumbs-one li{
	float: left;
}

#breadcrumbs-one a{
	padding: .2em .7em .3em 2em;
	float: left;
	text-decoration: none;
	color: #444;
	position: relative;
	background-color: #eee;
	background-image: linear-gradient(to right, #fafafa, #eee);
}

#breadcrumbs-one li:first-child a{
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
	background: #fff;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid;
	right: -1em;
}

#breadcrumbs-one a::after{
	z-index: 2;
	border-left-color: #eee;
}

#breadcrumbs-one a::before{
	border-left-color: #ccc;
	right: -1.1em;
	z-index: 1;
}

#breadcrumbs-one a:hover::after{
	border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
	font-weight: bold;
/*	background: none;*/
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
/*	content: normal;*/
}


#breadcrumbs-two{
	overflow: hidden;
	width: 100%;
}

#breadcrumbs-two li{
	float: left;
	margin: 0 .25em 0 1em;
}

#breadcrumbs-two a{
	background: #ddd;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	position: relative;
}

#breadcrumbs-two a:hover{
	background: #99db76;
}

#breadcrumbs-two a::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	left: -1em;
}

#breadcrumbs-two a:hover::before{
	border-color: #99db76 #99db76 #99db76 transparent;
}

#breadcrumbs-two a::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	right: -1em;
}

#breadcrumbs-two a:hover::after{
	border-left-color: #99db76;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
	font-weight: bold;
/*	background: none;*/
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
/*	content: normal;*/
}

ul.breadcrumbs + a {
	position: absolute;
	right: 3px;
	top: 9px;
}

ul.breadcrumbs + a i {
	color: silver;
	text-shadow: 1px 1px 1px white;
}
ul.breadcrumbs + a i:hover {
	color: gray;
	text-shadow: 1px 1px 1px white;
	transition: color 1s ease;
}

/* Transparent box ---------------------------------------------------------------------------------------------------*/

.glass-box {
	width: 450px;
	margin: 0 auto;
	border-radius: 5px;
	background: rgba(0,0,0,0.35);
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.1);
	font-size: 10pt;
	color: #eee;
}
.glass-box-inner {
	width: 450px;
	border-radius: 5px;
	background: linear-gradient(top,  rgba(239,239,239,0.1) 0%,rgba(0,0,0,0.3) 100%);
	box-shadow: inset 0 8px 10px rgba(255,255,255,0.1), inset 0 1px 2px rgba(255,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.1);
	font-family: BYekan, "B Yekan";
}
.glass-box-title {
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,1);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px rgba(255,255,255,0.2);
	font-family: Mitra;
	font-size: 12pt;
}
.glass-box-message {
	padding: 10px;
}
.glass-box-inner a {
	color: greenyellow;
}

.jstree-container-ul {
	overflow-y: auto;
}

.popup-avatar {
	width: 112px;
	height: 150px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	cursor: pointer;
	background-color: white;
}

.bordered-pic, .bordered-image {
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 5px;
	background-color: white;
}

.btn-box {
	border: 1px solid #bd1e56;
	padding: 20px;
	border-radius: 15px;
	background-color: rgba(255,255,255,.8);
}

.btn-box:hover {
	background-color: white;
	box-shadow: inset 0 0 20px #ecf0ff;
}

.btn-seletable {
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 20px 5px 10px 5px;
}

.btn-seletable.selected {
	border: 1px solid #bd1e56;
	background-color: white;
	box-shadow: inset 0 0 20px #ecf0ff;
}

.btn-seletable a,
.btn-seletable a i {
	color: gray;
}
.btn-seletable a:hover,
.btn-seletable a:hover i,
.btn-seletable.selected a,
.btn-seletable.selected a i {
	color: #007af4;
}

/* sliding tags ------------------------------------------------------------------------------------------------------*/

.tags {
	zoom: 1;
	padding: 0;
	margin: 5px 5px 0px 5px;
}
.tags:before, .tags:after {
	content: '';
	display: table;
}
.tags:after {
	clear: both;
}
.tags li {
	position: relative;
	float: left;
	margin: 0 0 8px 12px;
}
.rtl.tags li {
	float: right;
}
.tags li:active {
	margin-top: 1px;
	margin-bottom: 7px;
}
.tags li:after {
	content: '';
	z-index: 2;
	position: absolute;
	top: 10px;
	right: -2px;
	width: 5px;
	height: 6px;
/*	opacity: .95;*/
	background: #eb6b22;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: inset 1px 0 #99400e;
	box-shadow: inset 1px 0 #99400e;
}
.tags a, .tags span {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tags a {
	height: 26px;
	line-height: 23px;
	padding: 0 10px 0 3px;
/*	font-size: 12px;*/
	color: #555;
	text-decoration: none;
	text-shadow: 0 1px white;
	background: #fafafa;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #dadada #d2d2d2 #c5c5c5;
	border-radius: 3px 0 0 3px;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
	background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tags a:hover span {
	padding: 0 7px 0 6px;
	max-width: 250px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.tags a i {
	color: silver;
	font-size: 10pt;
}
.tags a:hover i {
	color: gray;
}

.tags span {
	white-space: nowrap;
	position: absolute;
	top: 1px;
	left: 100%;
	z-index: 2;
	overflow: hidden;
	max-width: 0;
	height: 24px;
	line-height: 21px;
	padding: 0 0 0 2px;
	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	background: #eb6b22;
	border: 1px solid;
	border-color: #d15813 #c85412 #bf5011;
	border-radius: 0 2px 2px 0;
/*	opacity: .95;*/
	background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
	background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
	background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
	background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-transition-property: padding, max-width;
	-moz-transition-property: padding, max-width;
	-o-transition-property: padding, max-width;
	transition-property: padding, max-width;
}

.tags.rtl span {
	padding: 0 2px 0 0;
}

ol.tags, ul.tags {
	list-style: none;
}

.tags.green li:after {
	background: #65bb34;
	-webkit-box-shadow: inset 1px 0 #3a6b1e;
	box-shadow: inset 1px 0 #3a6b1e;
}
.tags.green span {
	background: #65bb34;
	border-color: #549b2b #4f9329 #4b8b27;
	background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);
	background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);
	background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);
	background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);
}

.tags.blue li:after {
	background: #56a3d5;
	-webkit-box-shadow: inset 1px 0 #276f9e;
	box-shadow: inset 1px 0 #276f9e;
}
.tags.blue span {
	background: #56a3d5;
	border-color: #3591cd #318cc7 #2f86be;
	background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
	background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
	background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
	background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
}

.span-width {
	display: inline-block;
}

.justify-hard {
	text-align: justify;
	text-align-last: justify;
}
.justify-hard:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.responsive-title {
	float: left;
	padding-left: 5px;
/*	padding-bottom: 5px;*/
}

.responsive-value {
	float: right;
}

.line-broken {
	clear: both;
	float: left;
}

.line-block {
	display: block;
}

.tree-dropdown {
	position: absolute;
	width: 300px;
	padding: 10px;
	border-radius: 4px;
	z-index: 1000;
	top: 60px;
	margin-left: 10px;
	color: #7a002b;
}

.tree-dropdown-open {
	background-color: #fff3f8;
	border: 1px solid #bd1e56;
	box-shadow: 1px 1px 1px 0 white, -1px -1px 1px 0 white;
}

/* bottun */

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

.button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 5px 3px 10px;
	margin: 0 3px 3px 0;
	cursor: pointer;
	border: 1px solid #bbb;
	overflow: visible;
	text-decoration: none;
	white-space: nowrap;
	color: #555;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,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);
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAADAFBMVEX///8AAACAgIDr6+tqamp5eXnv7++1tbW/v79ERES+vr6VlZXk5OSwsLA6OjphYWHj4+PCwsLw8PDi4uK3t7dISEhAQECSkpKIiIh2dnY9PT0uLi5/f39NTU1ZWVnq6uqgoKCKiorS0tJQUFDAwMDIyMihoaH8/PylpaXn5+dmZmbo6Oiurq7Nzc2UlJT6+vqqqqqoqKgyMjL29vbJycnl5eUxMTHY2NhLS0tdXV339/dfX1/t7e2kpKTR0dGGhobh4eGjo6MwMDBlZWUkJCRjY2PQ0NCfn5/09PSbm5vDw8PFxcW5ubl+fn7e3t5VVVXm5ubg4OBsbGx4eHhnZ2ff399BQUFiYmKPj4/z8/N0dHS9vb2dnZ01NTXU1NRMTEwJCQkRERGYmJjV1dUoKCiioqI8PDzp6enT09OsrKwTExMYGBjd3d0VFRVoaGi2trbLy8vPz8+FhYWMjIyEhIQ+Pj6Hh4dubm7X19dtbW2xsbHOzs56enr7+/uCgoICAgJgYGBycnJvb2+RkZHc3Ny7u7v9/f0SEhJXV1fHx8eysrJCQkKLi4vb29upqamtra1DQ0NcXFxkZGTMzMxzc3OcnJyZmZnZ2dnGxsaDg4Pu7u6np6fx8fGmpqaJiYny8vK8vLzBwcEEBAQlJSV9fX1wcHBxcXEODg7W1tZ8fHzKysqNjY20tLRJSUmWlpazs7NOTk5FRUV1dXX5+flSUlJ7e3vExMQ4ODhHR0dbW1tWVlY3NzcqKio0NDQPDw8rKysaGhocHBwdHR0nJyeenp74+PgiIiImJiZ3d3deXl7a2tqampoHBwdUVFSBgYG4uLhpaWkhISEXFxc/Pz9ra2s7OzsMDAxTU1M5OTkICAgjIyOXl5cbGxsfHx8sLCy6urqrq6sKCgoLCwtRUVFYWFhaWlpGRkYpKSkNDQ0zMzM2NjaQkJAGBgZKSkqOjo4ZGRkFBQUWFhYgICAQEBAtLS3+/v719fUvLy9PT08BAQGTk5Ps7OwDAwMUFBQeHh6vr6/zapmXAAABAHRSTlMFCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI2Tv22wAADGJJREFUeF7dmwOvbcu6RVtbtolt27Zt27Zt27aNY9u2bfvqCUmSZCfv5mWe3JO19pnrF4yMqvp6dRXRyLLIhTDAZAbsBhdQXhFpCs1ha7H02YBCaffjAQGm7XutDAcnYKN2cDpDAeR4OT6B5+qzgxJyG2SIiDz40frhK+mnvaWnVxQ+y1g1DYiBnagYI7oOIA1tR+mVPlGFDoi4k/sAGOQPUOrgHZFjPhCs2gx4R7YCIkl9SFj5bBt5SbwUeyzjKfp0aX2dVxBFKPd2F/sYM3FeE8GyB6VueVIzTeJWbp+jIol07YB2LDcVBqeoCIAAJ6BzVLWh0MCWzwNQSavIZChPuDYHDJEx1BM+lbo0ir2wM4InbMUcgAXw5ndcaojcAtfFxBAJJfIpwZmteaE6olihzQwYJ/3liToDtfskatKvKxMRopAugNGJQi7FCakMrIorPloAuO8oqn4VEoVsh/Qq4i6k5JatYBahbpcjWAqm3HfPFuGqHMAx4HtwBRiJo+tsBVccnEjml6sp7TcSlhpS5siRmsLdtyqX5Kov7iCa2v33AXCPXOTHTiqgi1W5KlKWONsCTjDlmEYIu9ezFQHoDgqDOM2DwHugziYEeGc+2BSJsd+AKth00nEaPMzW4vA+F8l5rV2TMTZnITWIjyHnP9aOo/m/067rCZwNVn8MeIq5zAJxxo5G4gdeFV6lW2plVkfyWO/DLCIiPAs/+gv9mlsWqE05pYgnbc96zPlsSfGtHxdT2g4JLaI+enxdo1k/FBOAWw8AsKRJFri4HmFzh/EWCOVB0JJTS1KCNZP4Gm+1QVnNFcb68J0Dm5UCG6g1oHjrnojQ0iHjEOqD0BrbG7asqFH9pAU06kZpanVanlaFpSb0WMJ9phrW13KMd1KFjKTOkhfL4U4N6NknTLFu5VsGV7CDXLQ67Nk7D/ELwhjIDGoRC3jp88edXuphGl4XpbNrIdzbugAJCI9Yk5QiwIfcmy2EDDZFmY4Ybk/MeIkm6MwaVEXbIi9HhMIZGsoVkJeX52DseRnhViwdjl4gNF3YX0XT4JOilIuO9BktiomqTbpRD+6XQfDhgC+/IWsrkQjZio7DdGgkQ+wBKkhu6JyBMI7YEQB242+o99DXZOAq8AC54HBFp2BBrhJX4LEN4yKBadYQU++wHO5pgFZpjdilk/YFcAKpZ3e2Qk0tPhux8XppdfsPvl+RXGquoWQcU7sCJg0DL2DXxA0sYRi0FocBAAKqRhAxqiMADTMWuR13fV1MpH0JNua9uGEIY6RXMwWMthLMmYB8oWrvVTIKpVoEQPafHlXlPOBQnkAUqVwca7FhJvKTHGLUNdfVQJxbFhE8SxSJAmtfETx9DZ4iAQX6tCxfRmh+ja3MUkqZBM+KjJh5ZtttvB4BYENgsfGIvI4+MF/aVPJXWtgWqbTUpWVbvSUZghTDV2Qi6G7WPd4cPMijv9QDO9oKa3TCN0iD6azWkRfJYYC8TYrboQNjv0Tj4QuHOUj2AGGrbRpRX6ScdW/jQ3239+v2iEN8vpqzAOYuPAT9AQQhCorI8zWHj+7cG3eW6NkbQaT7zitI2xh+7l8TWjctvo/LYNKd3NYEhLsB/03zngMSSgJ6iIP6t4fwcUYDlyR7bzWJwQOLvQzAY3VxSz2NpJYCsKl1xW5cpt7IIUAzaAZxrapXeJKEx2vNAp5jQT+lEnstsSNefAKwpfC0mKdsoaOY01uagkM5MXmWnkySiVO4DCqAglcpms1o9lOmMeQCH7zcFsq7BhkNRIKwQoBVpYuS9C+iTxDfHIPBuQrwcV9v3nCSuN3+ddRlGTyzkdB3Utsm04O+pw45310cklZQudi9re72XnmtJu8uRTpv8jeIOY09Eethnb3GAL/zf6OA45uZIPc9g3yo9tKqvDtc+Lzdsx5zkW0Y9BSVvYACIrnPkQbgA3GkVxZbAqpHGMLYZH5i4F/M9C5ApTFgVjxFbAbbu0PSV/KWoc4eCb7/xlLgIeAtWIplGRpm20zYxzmW84ewu2jXCvPvpN2tItAzDJQx8F393FxkfO3+AJZ7c9GQ+uBk5VN4jbIAn4Wq0B5w75nOXIZbzAPVu3OwTc0Yq/KResEVACCLUaOAFHkdaFSRu3s10ZvyTR9L6IDtfwCeKcr/IKQbPQ15MATiEJ7uA6OIrNjqVaJpukC093hatmIj3F+leylAmMbGjvQgGYBQXu9cKKCLc4C6efxmiOfyueHyiS9grMZ/2wJCuqMQDrCOWlMerO5hyBtGYrGjXYWq1ca+xHVlZSo9CaGcU31IKBJRGxjHSYCz7GJ/GM9eJzMqXeoKGP52At1a9FmD8Khgh/nFiqQhHzYSj62pJW0dNQBBZGjZPBmJ4SGxSeoMR7VgxBQkpiRIcHDFwIwaFj2Kk8VIDgWz7OWmD+mdLfvbxU1eUR5HINuy7ahHQ1iGv5dCwZbo/VU4MnSsruDA4EpxeNlt8ORStsB/nRPkGtQv9fMtUwHZiehIj4MdjoDoLjzXpzRD5uwdNQZxBt8J8HIi6VIgg6ikFQa9+yfj4gKYSIc92LTSaRQmGFKyAwBO+f9NH/6oVAaHA40hKwpHWpaVauP7b3kovlYRYJXLrc/qimSyW5md+14FRgAgg1hYtI7hzu+XZwK1/VEIw7TJgzYkY3btQ6GCbF1banDVbUezWUQKz2qC+gkMLkUlIQxWjmMLwaGlAu8f+aVz4FhJaTOxi+JDVbQlKsP4SNBMXMh6oSVHiZ3nnD/KMfLd5SmwoxtAhgbP9nQB7tmkfHpK5dUFfCF209sTq7kP5OgZOLibP7lNQePN3iNIyFrFBhV3DL/EPgQhc1Oehi9jnJDWTynWzObqDjj1mY2mSSi+BdH01bProEwcHen1jZFo8trafC8oiCwQJfWiTmMm5YnbIMInNbqAb2wTyABhxr9ySf8+q1tAn77/rqnTy0yH1vjXylr9+5NdXwFYzAsIUPpE1juNQepk/wjdk4Eh3FENEgexbhK+GYET40djOzfVZX72ZPRRQPjHA+HbyAKwOB803A2OODVwYS8fcZTfAnARl8BmjpaQMv8U7AQnaRfbQH2m5Egn2wKYvEmu82obYTpAnhANPPJiUJ068sdfK3hgI0j8hcAyIjjMhsA6Jp80bMHzBWg88z+rKhU4FdxZSbSFY0po+XzhsH9vTpbcd2UP5pWwwXiazgWVFmJ8M4hTFWFmDNRyPbANaJOmJYChzoNlCJ2E73tZQ7GTEtTOdUe5DPrSrvXcuMaDmzwiECK0+CtPK5JS4g1zxjALAcZWvB+FFKu74mMqVMpVqBaltJ9haAILIOqsii5F5JqNY1PsAJkFav4xpdC0UXoy1k/PpCtbvKjy9/MR5wboybf1KqCD7YHQQsykSP/S9OXbu+r0qtXzV85TOw7KLXwT7Qgn/G9hKFl3VWQFCC+y/Foy5v+FFfxwZRlVbrKIAOqAaw4vf5ik3w7EyK+A5KxAAfcB6e0lK9Askw+k+uYERgEOddCwsHzY55uD2QVtQ+cb2hMcfkngIizB3aW5AUsER5gTmNgGoAVB5NwFE1X3drqKdCf6DgHcmPyFIEUgAEoHTTeFIIGqwJ39/9OV7wVfzU02BUtulFnC/lQsNRQQigDlx53lc1jrYZiNYOctUzijHN64Z/MvZGpRACdLj1L7mmYAUidyVjo0qg7kla48KR/63wUZWF41tj0AmzkFF4rBjN9cy8U0U3TJJIGiHJZ5vvDie+PBOwGWecqMnziJ/atWI7nmk4f4WLxyr1n3OjlJko7JfgKYX0GT8xIcTCSw7iQ4MtDA2xrA/gmeO6Vg5egEJbM2SAa2qL7aiqKejgeHhwLSbRV34YkS9BIoPxYQEiF7asefb//lkVBQ4KuXmr9zI6QCCqiklO/cNECfMIjKdUHiLQTWnAXFOfL9nWC6FIqmKQEWMVgeWwbLIQr8/wRHkzQwSAd4ERk8tjDBEd8GlqSFpxt/Q3cF9ykjP1Xb+fIof2e6Iz1fVVUtMwxgQMLKPRZ3SA3qJ4btEr6V+MS1TzriDl5OlJiTjGUbdD9e5mt3gQJMHY+rYEdVAfAEAkpasFhxgUUGoykcvJEA+Unw/GhEYXHo8sdSKPgoGwtJ9kaA4kHQPAsnqrDY8fkD8AW/FAS5D3SjrBygixc8ciW4t+FG2YwA6xw83l2hwN6ZSA4WijEhOLKEwBER+dPUK/hI/p/kVrA+eSV/QsCCz07/F6W5tIcqVQ/EAAAAAElFTkSuQmCC);
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 4px;
/*	box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .3) inset;*/
	text-shadow: 0 1px 0 rgba(255,255,255, .9);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button i {
	color: #aaa;
}

.button:hover i,
.button i:hover {
	color: gray;
}

.button:hover {
	background-color: #eee;
	color: #555;
}

.button:active {
	background: #e9e9e9;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button[disabled],
.button[disabled]:hover,
.button[disabled]:active {
	border-color: #eaeaea;
	background: #fafafa;
	cursor: default;
	position: static;
	color: #999;
	/* Usually, !important should be avoided but here it's really needed :) */
	box-shadow: none !important;
	text-shadow: none !important;
}

.button.zar {
	padding: 3px 10px 3px 5px;
	margin: 0 0px 3px 3;
}

/* switch ------------------------------------------------------------------------------------------------------------*/

.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 56px;
	height: 20px;
	padding: 3px;
	background-color: white;
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
	background-image: -o-linear-gradient(top, #eeeeee, white 25px);
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
	left: 40px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label {
	background: #bd1e56;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-blue &gt; .switch-input:checked ~ .switch-label {
	background: #47a8d8;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-green &gt; .switch-input:checked ~ .switch-label {
	background: #4fb845;
}
.switch-green &gt; .switch-input:disabled ~ .switch-label,
.switch-input:disabled ~ .switch-label {
	background: #bbb;
}

.switch-crimson &gt; .switch-input:checked ~ .switch-label {
	background: #e31863;
}
.switch-crimson &gt; .switch-input:disabled ~ .switch-label,
.switch-input:disabled ~ .switch-label {
	background: #bbb;
}

.fixed-tip {
	position: fixed;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 5px 5px 0 15px;
	margin: 4px;
	max-width: 300px;
	z-index: 1000000;
	box-shadow: inset -1px -1px 15px rgba(0,0,0,.05);
}

.fixed-tip .close-icon {
	position: absolute;
	top: 5px;
	left: 5px;
}
.fixed-tip a.close-icon i {
	color: #D3D3D3 !important;;
}
.fixed-tip a.close-icon:hover i {
	color: #aaa !important;;
}
.fixed-tip:hover {
	border: 1px solid #bd1e56;
}

.fixed-tip-inside {
	padding: 0 5px 0 15px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 330px;
}

img.country-flag {
	border-radius: 2px;
	width:28px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.kiddy {
	float: left;
	height: 250px;
	/*padding: 0 30px;*/
	/*margin-left: -50px;*/
	margin-top: -50px;
}

/* highchars ---------------------------------------------------------------------------------------------------------*/

.highcharts-tooltip span {
	text-align: right;
	direction: rtl;
	background-color: white;
	opacity: 1;
	z-index: 9999 !important;
}

.highcharts-tooltip span .zarEn,
.highcharts-tooltip span .zarsmallEn {
	text-align: left !important;
	direction: ltr !important;;
}

.highcharts-subtitle {
	text-align: center;
	direction: rtl;
}

.highcharts-label span {
	background-color: white !important;
}

.highcharts-pie-series .highcharts-label span {
	background-color: transparent !important;
}

.highcharts-credits {
	font-family: Ubuntu;
	font-size: 10px;
	direction: ltr;
}

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

.panel {
	margin-bottom: 15px;
	background-color: #f4f4f4;
	border: 1px solid transparent;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default {
	border-color: #d8d8d8;
	background-color: #fff;
}

.panel-body {
	padding: 15px;
	background-color: white;
	direction: rtl;
}
.panel-default &gt; .panel-heading {
	/*padding: 10px 15px;*/
	/*border-bottom: 1px solid transparent;*/
	/*border-top-right-radius: 4px;*/
	/*border-top-left-radius: 4px;*/
	/*color: #333333;*/
	/*background-color: #f4f4f4;*/
	/*border-color: #d8d8d8;*/
	/*height: 42px;*/
	padding: 9px 15px;
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size: 11pt;
	direction: rtl;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	color: #777;
	text-shadow: 1px 1px 1px white;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.menu-body &gt; table {
	width: 100%;
}

#legacy-main-content {
	padding-right: 7px;
}

#legacy-main-content.wide {
    padding-right: 0;
}


/* jumping dots ------------------------------------------------------------------------------------------------------*/
div#wave {
	position: absolute;
	text-align: center;
	left: 50%;
	bottom: -28px;
}
div#wave .dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: -1px;
	background: #aaa;
	animation: wave 1.3s linear infinite;
}
div#wave .dot:nth-child(2) {
	animation-delay: -1.1s;
}
div#wave .dot:nth-child(3) {
	animation-delay: -0.9s;
}

@keyframes wave {
	0%, 60%, 100% {
		transform: initial;
	}
	30% {
		transform: translateY(-15px);
	}
}

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

.logo-company {
	position: fixed;
	bottom: 2px;
	left: 5px;
	opacity: 0.7;
}
.logo-company:hover {
	opacity: 1.0;
}

.logo-company-light-reverse-new {
	position: fixed;
	bottom: 2px;
	left: 5px;
	opacity: 0.7;
}
.logo-company-light-reverse-new:hover {
	opacity: 1.0;
}
.logo-company-white-reverse {
	position: fixed;
	bottom: 2px;
	left: 5px;
	opacity: 0.4;
}
.logo-company-white-reverse:hover {
	opacity: 1.0;
}

.logo-company-light-footer-new {
	position: absolute;
	bottom: 2px;
	left: 5px;
	opacity: 0.7;
}
.logo-company-light-footer-new:hover {
	opacity: 1.0;
}


.zarcEn.normal th {
	font-weight: normal;
}

/* speech-bubble -------------------------------------------*/

.speech-bubble {
	position: relative;
	border-radius: .4em;
	color: white;
	text-shadow: none;
	min-width: 50px;
	/*max-width: 50%;*/
	padding: 10px 15px;
	margin: 1px;
}
.speech-bubble a, .speech-bubble a i {
	color: white;
}
.speech-bubble a:hover, .speech-bubble a:hover i {
	color: white !important;
}

.speech-bubble-cyan {
	background: #00aabb;
}
.speech-bubble-pink {
	background: #ff0080;
}
.speech-bubble-violet {
	background: blueviolet;
}
.speech-bubble-gray {
	color: black;
	background: #f4f4f4;
}

.speech-bubble-gray a, .speech-bubble-gray a i {
	color: #666;
}
.speech-bubble-gray a:hover, .speech-bubble-gray a:hover i {
	color: gray !important;
}

.speech-bubble-left:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}
.speech-bubble-cyan.speech-bubble-left:after {
	border-right-color: #00aabb;
}
.speech-bubble-cyan.speech-bubble-right:after {
	border-left-color: #00aabb;
}
.speech-bubble-cyan.speech-bubble-top:after {
	border-bottom-color: #00aabb;
}
.speech-bubble-cyan.speech-bubble-bottom:after {
	border-top-color: #00aabb;
}

.speech-bubble-pink.speech-bubble-left:after {
	border-right-color: #ff0080;
}
.speech-bubble-pink.speech-bubble-right:after {
	border-left-color: #ff0080;
}
.speech-bubble-pink.speech-bubble-top:after {
	border-bottom-color: #ff0080;
}
.speech-bubble-pink.speech-bubble-bottom:after {
	border-top-color: #ff0080;
}

.speech-bubble-gray.speech-bubble-left:after {
	border-right-color: #f4f4f4;
}
.speech-bubble-gray.speech-bubble-right:after {
	border-left-color: #f4f4f4;
}
.speech-bubble-gray.speech-bubble-top:after {
	border-bottom-color: #f4f4f4;
}
.speech-bubble-gray.speech-bubble-bottom:after {
	border-top-color: #f4f4f4;
}

.speech-bubble-violet.speech-bubble-left:after {
	border-right-color: blueviolet;
}
.speech-bubble-violet.speech-bubble-right:after {
	border-left-color: blueviolet;
}
.speech-bubble-violet.speech-bubble-top:after {
	border-bottom-color: blueviolet;
}
.speech-bubble-violet.speech-bubble-bottom:after {
	border-top-color: blueviolet;
}

.speech-bubble-right:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-right: -20px;
}

.speech-bubble-top:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 0;
	border-left: 0;
	margin-left: -10px;
	margin-top: -20px;
}

.speech-bubble-bottom:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

.top-header {
	background: #f9f9f9 url('/common/images/theme/background/gray-08r.jpg') no-repeat 230px;
}


.footer-stat .value .odometer {
	padding-top: 6px;
}

#footer_cols {
	display: inline-block;
	margin-top: -20px;
}

.c100:hover &gt; span .subtitle {
	display: block;
	color: #aaa;
}

.signature {
	z-index: -1;
	width: 150px;
	left: 0;
	top: -30px;
	right: 0;
	margin: auto;
}

.text-indent {
	margin-right: 15px;
	margin-left: 15px;
}

.btn-icon-tight {
	margin-top:-2px !important;
}

.btn-icon-tight i {
	margin-right: -6px !important;
}

/* ---------- d3 ----------- */

.d3 .link {
	stroke: #ccc;
}

.d3 .node text {
	pointer-events: none;
	font-family: BYekan, "B Yekan", Ubuntu, Arial;
	font-size: 9pt;
}


#glass {
	z-index: 1000001
}

.striped tr {
	/*background-color: #fafafa;*/
	/*background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.9) 20px, rgba(255,255,255,.9) 40px);*/
	background-color:#fafafa;
	background-image:
			radial-gradient(circle at 100% 150%, #fafafa 24%, white 25%, white 28%, #fafafa 29%, #fafafa 36%, white 36%, white 40%, transparent 40%, transparent),
			radial-gradient(circle at 0    150%, #fafafa 24%, white 25%, white 28%, #fafafa 29%, #fafafa 36%, white 36%, white 40%, transparent 40%, transparent),
			radial-gradient(circle at 50%  100%, white 10%, #fafafa 11%, #fafafa 23%, white 24%, white 30%, #fafafa 31%, #fafafa 43%, white 44%, white 50%, #fafafa 51%, #fafafa 63%, white 64%, white 71%, transparent 71%, transparent),
			radial-gradient(circle at 100% 50%, white 5%, #fafafa 6%, #fafafa 15%, white 16%, white 20%, #fafafa 21%, #fafafa 30%, white 31%, white 35%, #fafafa 36%, #fafafa 45%, white 46%, white 49%, transparent 50%, transparent),
			radial-gradient(circle at 0    50%, white 5%, #fafafa 6%, #fafafa 15%, white 16%, white 20%, #fafafa 21%, #fafafa 30%, white 31%, white 35%, #fafafa 36%, #fafafa 45%, white 46%, white 49%, transparent 50%, transparent);
	background-size:100px 50px;
}

.striped tr td {
	background-color: transparent;
}

.theme-background {
	background-color: #ecf0ff;
}

@media print {

	.textc,
	.zarc,
	.zarcEn {
		color: #7a002b !important;
	}

	.theme-background {

		background-color: #ecf0ff !important;
	}
}

.plain-table tbody tr td {
	border-bottom: none;
}

.plain-table tbody {
	background-color: transparent;
}

.dim {
	opacity:.2;
}
.dim:hover {
	opacity:1;
}

.cursor-help {
	cursor: help;
}

.icon-list a {
	float: right;
	padding: 15px;
	font-size: 12pt;
	text-align: center;
}

.icon-list a i {
	font-size: 24pt;
}

.word-count-alert {
	padding: 5px;
	border-radius: 3px;
}

.zar .word-count-alert {
	padding: 0 5px;
}

.collection-badge {
	top: -0.4em;
	font-weight: bold;
	color: white;
	background: gray;
	text-shadow: none;
	border-radius: 20px;
	padding: 1px 3px;
}

.dashboard-responsive {
	margin: auto;
	width: 90%;
}

.dashboard-responsive a {
	float: right;
	width: 200px;
	height: 40px;
	margin-right: 15px;
	padding-top: 30px;
	margin-bottom: 5px;
}

.dashboard-responsive .icon {
	font-size: 30pt;
	float: right;
	margin-top: -7px;
	padding-left: 5px;
}

.fieldset-responsive {
	margin: auto;
	width: 100%;
}

.fieldset-responsive a {
	float: right;
	padding-top: 30px;
	padding-right: 10px;
	width: 200px;
	height: 40px;
}

.fieldset-responsive .icon {
	font-size: 30pt;
	float: right;
	margin-top: -7px;
	padding-left: 10px;
}

.fa-2x {
	font-size: 2em !important;
}
.fa-3x {
	font-size: 3em !important;
}
.fa-4x {
	font-size: 4em !important;
}

.icon-big {
	font-size: 30pt !important;
}

.icon-huge {
	font-size: 42pt !important;
}

#menu-text,
#menu-icon {
	color: gray;
}

.multiMenu &gt; li:hover #menu-text,
.multiMenu &gt; li:hover #menu-icon {
	color: #bd1e56;
}

div[id^=_altmetric_popover_el].altmetric-embed {
	z-index: 1000000 !important;
}
.altmetric-popover-inner {
	padding: 0 !important;
}

/*
Extra height css
*/
.margin-top-20 {
	margin-top: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-top-60 {
	margin-top: 60px;
}
.margin-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.margin-bottom-60 {
	margin-bottom: 60px;
}
.margin-top-80 {
	margin-top: 80px;
}
.margin-bottom-80 {
	margin-bottom: 80px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-top-40 {
	padding-top: 40px;
}
.padding-bottom-40 {
	padding-bottom: 40px;
}
.padding-top-60 {
	padding-top: 60px;
}
.padding-bottom-60 {
	padding-bottom: 60px;
}
.padding-bottom-0 {
	padding-bottom: 0;
}

.shaba-error .in {
	color: white;
	text-shadow: none;
	background-color: red;
	border-radius: 4px;
	padding: 0 2px;
}

.shaba-warning .in {
	color: red;
	text-shadow: none;
	background-color: yellow;
	border-radius: 4px;
	padding: 0 2px;
}

.fa-small {
	font-size: 14px !important;
}

.smaller {
	 font-size: 80% !important;
 }

.smallest {
	font-size: 60% !important;
}

.icon-smaller {
	font-size: 9pt !important;
}

.validate-table-cell {
	color: green;
	background-color: #efffe5;
}

.highlighted-table-row {

	color: green;
	background-color: #efffe5;
}

/*----------- print ------------- */

.show-on-print {
	display: none;
}

@media print {

	.hide-on-print {
		display: none;
	}
	.show-on-print {
		display: block;
	}
}

.strike {
	text-decoration: line-through;
}

.switch-row {
	white-space: nowrap;
	line-height: 22px;
}

.icon-padding {
	padding-right: 10px;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.align-default {
	text-align: right;
}
.align-opposite {
	text-align: left;
}

.float-default {
	float: right;
}
.float-opposite {
	float: left;
}

.tabbed-content &gt; ul li {
	float: right;
	margin-left: 4px;
	margin-right: 0px;
}

.boxed-cell {
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 20px 5px 10px 5px;
	border: 1px solid #bd1e56;
	background-color: white;
	box-shadow: inset 5px 5px 20px #ecf0ff;
}

/* --- static progress bar ---*/

.static-progress-bar {
	position: relative;
	height: 6px;
	border-radius: 20px;
	background-color: #e2e2e2
}

.static-progress-bar-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	max-width: 100%;
	height: 6px;
	border-radius: 20px;
	text-align: right;
	background-color: #bd1e56;
	transition: all .3s;
	-webkit-transition: all .3s
}

.static-progress-bar-big, .static-progress-bar-big .static-progress-bar-bar {
	height: 18px;
	line-height: 18px
}

.static-progress-bar-text {
	position: relative;
	top: -20px;
	line-height: 18px;
	font-size: 12px;
	color: #666
}

.static-progress-bar-big .static-progress-bar-text {
	position: static;
	padding: 0 10px;
	color: #fff
}

.MenuItem i {
	padding-left: 3px;
	text-shadow: none;
}

.MenuItem &gt; td {
   padding: 0;
}

.full-height {
	overflow: hidden;
}

.natural-align {
	text-align: right;
}
.opposite-align {
	text-align: left;
}
.natural-direction {
	direction: rtl;
}
.opposite-direction {
	direction: ltr;
}
.natural-float {
	float: right;
}
.opposite-float {
	float: left;
}

.result.row-no.with-trophy {
	padding: 0 0px 0 10px;
}

.result-body .result.name {
	line-height: px;
	padding-right: 0px;
}

.checkbox-list {
    list-style: none;
}

.checkbox-list label {
    display: inline;
}

#delayed-alerts-top {
	padding-bottom: 15px;
}

.dashed-separator {
	border-top: 1px dashed lightgray;
}

.page-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.striped-background {
    background-image: repeating-linear-gradient(-45deg, #e4e4ef 0px, #e4e4ef 15px, white 15px, white 30px, #eee 30px);
}

.white-on-hover:hover, .white-on-hover:hover i {
    color: white;
}

ul.tight {
    padding:0;
    margin:0;
    list-style-type: none;
}

.brace {
    border-right: 2px solid #bd1e56;
    border-radius: 10px;
    padding-right: 5px;
}

.page-option-row {
    top: -15px;
    left: 5px;
    position: absolute;
    /*padding: 5px 0;*/
}

.striped-table td {
    background-color: #fff3f8;
}
.striped-table td:last-child {
    background-color: #ecf0ff;
}

.iris-language-switch {
    position: relative;
}
.iris-language-switch a {
    color: #6d0389;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 2px;
    margin: 0 -2px;
    border: 1px transparent;
    border-radius: 3px;
}
.iris-language-switch a:hover {
    color: white;
    background-color: #6d0389;
    border: 1px solid white;
}

.iris-language-switch-blue a {
	color: #0e4399;
}
.iris-language-switch-blue a:hover {
	color: white;
	background-color: #0e4399;
}

.quality1, .quality2, .quality3, .quality4 {
    padding:2px;
    border-radius: 2px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    top: calc(50% - 13px);
    right: 10px;
    float: right;
    margin-left: 1px;
    font-size: 11px;
    cursor: help;
}
.quality4 {
    background-color: #e6fdd7;
    border: 1px solid #d7fbbf;
    color: #006600;
}
.quality3 {
    background-color: #f9ebff;
    border: 1px solid #f5deff;
    color: #5b1f77;
}
.quality2 {
    background-color: #ECF0FF;
    border: 1px solid #dce3fe;
    color: #000099;
}
.quality1 {
    background-color: #FFF5DF;
    border: 1px solid #fceecf;
    color: #820000;
}

th.cell-left-border {
	border-left: 1px #bd1e56 solid;
}
.cell-left-border {
	border-left: 1px #e4e4e4 solid;
}
.fixed-header-table td.cell-left-border {
	border-left: none !important;
}

th.cell-right-border {
	border-right: 1px #bd1e56 solid;
}
.cell-right-border {
	border-right: 1px #e4e4e4 solid;
}
.fixed-header-table td.cell-right-border {
	border-right: none !important;
}

.person-avatar-mini {
	margin: 1px;
	/*margin-right:3px;*/
	width: 36px;
	height: 36px;
	/*background: #fff;*/
	/*border: 1px solid #e1e4e6;*/
	/*box-shadow: 0 1px 2px rgba(217, 221, 227, 0.5);*/
	opacity: .8;
}

.person-avatar-mini:hover {
	opacity: 1;
}

.corresponding-person-badge {
	top:-12px;
	left:-9px;
	text-shadow: 1px 1px 1px white;
}

/* ---------------------- wtree -----------------------*/

.wtree li {
	list-style-type: none;
	margin: 10px 10px 10px 0;
	position: relative;
}
.wtree li:before {
	content: "";
	position: absolute;
	top: -10px;
	right: -20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 20px;
	height: 15px;
}
.wtree li:after {
	position: absolute;
	content: "";
	top: 5px;
	right: -20px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 20px;
	height: 100%;
}
.wtree li:last-child:after {
	display: none;
}
.wtree li &gt; span {
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	text-decoration: none;
	background-color: white;
}

.wtree li &gt; span:hover, .wtree li &gt; span:focus {
	background: #eee;
	color: #000;
	border: 1px solid #aaa;
}
.wtree li &gt; span:hover + ul li &gt; span, .wtree li &gt; span:focus + ul li &gt; span {
	background: #eee;
	color: #000;
	border: 1px solid #aaa;
}
.wtree li &gt; span:hover + ul li:after, .wtree li &gt; span:hover + ul li:before, .wtree li &gt; span:focus + ul li:after, .wtree li &gt; span:focus + ul li:before {
	border-color: #aaa;
}

.score-badge {
	color: #7a002b;
	background-color: #ecf0ff;
	border: 1px solid #bd1e56;
	border-radius: 4px;
	padding: 0 8px;
	text-shadow: none;
}

.score-badge-disabled {
	color: gray;
	background-color: #eee;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 0 8px;
	text-shadow: none;
}

.score-badge-success {
	color: green;
	background: #e2ffe2;
	border-radius: 4px;
	border: 1px solid green;
	padding: 0 8px;
	text-shadow: none;
}

.cell-green {

}

.cell-purple {
	background-color: #f9ebff !important;
	color: #5b1f77 !important;;
}
.cell-green {
	background-color: #e6fdd7 !important;;
	color: #006600 !important;;
}
.cell-blue {
	background-color: #ECF0FF !important;;
	color: #000099 !important;;
}
.cell-orange {
	background-color: #FFF5DF !important;;
	color: #820000 !important;;
}

.front-label {
	font-family: 'Mitra', 'B Mitra', Ubuntu, Tahoma;
	font-size : 11pt;
	font-weight: bold;
	direction: rtl;
	color: #a0a0a0;
}

.front-label-en {
	font-family: Ubuntu, Tahoma;
	font-size : 11pt;
	direction: ltr;
	color: #a0a0a0;
}

.logo-owner-light {
	position: absolute;
	top: -24px;
	left: -12px;
	opacity: 0.5;
	background-image: url("/images/logo/owner-logo.png?cbt=IMAGE_CACHE_BREAKER_SALT");
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	background-size: 80px;
	cursor: pointer;
}
.logo-owner-light:hover {
	background-image: url("/images/logo/owner-logo-over.png?cbt=IMAGE_CACHE_BREAKER_SALT");
	opacity: 1.0;
	width: 180px;
	height: 180px;
	background-size: 180px;
	top: -140px;
	left: 5px;
}

.trophy i.trophy-badge {
	color: #faad4e;
	font-size: 13px;
	padding-left: 2px;
}

.trophy i.trophy-badge:hover {
	color: darkorange;
}

.row-add-container {
	margin-top:5px;
	margin-right:10px;
	text-align: right;
}


.table-icon-highlighted {
	border: 1px solid darkorange;
	padding: 4px 3px;
	background-color: antiquewhite;
	border-radius: 4px;
}

.simple-table select:disabled {
    color: gray;
    background-color: #f8f8f8;
}

.simple-table th {
	padding: 5px 5px;
}

.menu-badge {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background: gray;
	border-radius: 20px;
	padding: 0px 6px;
	text-shadow: 0px -1px 0px #8d002b;
	background: -moz-linear-gradient(top, #eb1067 4%, #c31e33 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#eb1067), color-stop(100%,#c31e33));
	background: -webkit-linear-gradient(top, #eb1067 4%,#c31e33 100%);
	background: -o-linear-gradient(top, #eb1067 4%,#c31e33 100%);
	background: -ms-linear-gradient(top, #eb1067 4%,#c31e33 100%);
	background: linear-gradient(top, #eb1067 4%,#c31e33 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1067', endColorstr='#c31e33', GradientType=0);
}

input[readonly] {
	color: #aaa;
	/*background-image: repeating-linear-gradient(135deg, #eee, #eee 10px, #f6f6f6 10px, #f6f6f6 20px);*/
	background-image: repeating-linear-gradient(135deg, #f4f4f4, #f4f4f4 10px, #FAFAFC 11px, #fafafa 20px);
}

fieldset.dashboard {
	direction: rtl;
	text-align: right;
	border: 1px solid #aabcff;
	padding: 10px 15px 30px 15px;
	margin: 15px 10px;
	border-radius: 0.5em;
}

fieldset.dashboard .dashboard-responsive {
	width: 100%;
}

.table-tight-header-compensation th {
	padding-left: 3px;
	padding-right: 3px;
}

.normal-table &gt; td {
	vertical-align: top;
}

.text-badge {
	color: gray;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0 5px;
	border-radius: 5px;
}

.digital-signature {
	color: darkorange;
	background-color: cornsilk;
	border: 1px solid orange;
	border-radius: 4px;
	padding: 0 2px 0px 2px;
	margin: 0 5px;
	width: 90px;
	display: inline-block
}
.digital-signature i {
	color: darkorange;
}

.digital-signature-certificate {
	color: #17a817;
	background-color: #eafbde;
	border: 1px solid #17a817;
	border-radius: 4px;
	padding: 0 2px 0px 2px;
	margin: 0 5px;
	width: 90px;
	display: inline-block
}

.digital-signature-certificate i {
	color: #17a817;
}</pre></body></html>